@charset "UTF-8";
html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
}

.main_outer1 {
  line-height: 1.2;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  /*---------------------------------------------------
  	スライダーモーダル追加時の追記
  ---------------------------------------------------*/
}
.main_outer1 .pc {
  display: block !important;
}
.main_outer1 .sp {
  display: none !important;
}
.main_outer1 .mincho {
  font-family: "游明朝", "Yu Mincho", YuMincho, "‘ヒラギノ明朝 Pro W3", "メイリオ", Meiryo, sans-serif;
}
.main_outer1 body {
  position: relative;
}
.main_outer1 .content {
  width: 100%;
  color: #3c3c3c;
  margin-bottom: 0;
}
.main_outer1 .kvArea {
  text-align: center;
  vertical-align: top;
}
.main_outer1 .kvArea span {
  display: inline-block;
  vertical-align: top;
}
.main_outer1 .kvArea span img {
  max-height: 250px;
  vertical-align: top;
  display: block;
  margin: 0 auto;
}
.main_outer1 .contentWrap {
  padding: 60px 0 100px;
}
.main_outer1 .contentWrap .contentTitle {
  width: 1120px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 60px;
}
.main_outer1 .contentWrap .contentTitle span {
  text-align: center;
  font-size: 30px;
  position: relative;
  display: inline-block;
  padding: 0 75px;
}
.main_outer1 .contentWrap .contentTitle span:before {
  display: block;
  width: 50px;
  height: 1px;
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -0.5px;
}
.main_outer1 .contentWrap .contentTitle span:after {
  display: block;
  width: 50px;
  height: 1px;
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  margin-top: -0.5px;
}
.main_outer1 .contentWrap .section {
  width: 1120px;
  margin: 0 auto;
}
.main_outer1 .contentWrap .categoryArea {
  padding: 30px 20px;
  text-align: center;
  margin-bottom: 20px;
}
.main_outer1 .contentWrap .cpContWp {
  background: #fff;
}
.main_outer1 .contentWrap .leadArea {
  margin-bottom: 50px;
  background-color: #fff;
}
.main_outer1 .contentWrap .categoryArea .summaryArea {
  margin-top: 25px;
}
.main_outer1 .contentWrap .categoryArea .summaryText {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.main_outer1 .contentWrap .categoryArea .summaryItem {
  padding-top: 25px;
}
.main_outer1 .contentWrap .categoryArea .summaryBtn {
  display: inline-block;
  padding: 12px 20px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 8px;
}
.main_outer1 .contentWrap .categoryArea .cpContents {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.main_outer1 .contentWrap .categoryArea .cpContents.bottom {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.main_outer1 .contentWrap .categoryArea .cpContents .cpContentsTtitle {
  font-size: 18px;
  text-align: center;
  padding: 12px 0;
  font-weight: bold;
  margin-bottom: 20px;
}
.main_outer1 .contentWrap .categoryArea .cpContents .cplinkArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main_outer1 .contentWrap .categoryArea .cpContents .cplinkArea .imgArea {
  width: 430px;
}
.main_outer1 .contentWrap .categoryArea .cpContents .cplinkArea .imgArea img {
  width: 100%;
}
.main_outer1 .contentWrap .categoryArea .cpContents .cplinkArea .textArea {
  width: 630px;
  text-align: left;
}
.main_outer1 .contentWrap .categoryArea .cpContents .cplinkArea .textArea .cpTitle {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}
.main_outer1 .contentWrap .categoryArea .cpContents .cplinkArea .textArea .cpLead {
  font-size: 16px;
  line-height: 1.5;
}
.main_outer1 .contentWrap .categoryArea .cpContents .cplinkArea:hover .cpTitle {
  text-decoration: underline;
}
.main_outer1 .contentWrap .categoryArea .categoryListTtile {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.5;
}
.main_outer1 .contentWrap .categoryArea .categoryList {
  margin: 0 auto;
}
.main_outer1 .contentWrap .categoryArea .categoryList li {
  display: inline-block;
  margin: 5px;
}
.main_outer1 .contentWrap .categoryArea .categoryList li a {
  display: inline-block;
  width: 235px;
  border: 1px solid #3c3c3c;
  padding: 5px 20px;
  font-weight: bold;
  border-radius: 15px;
}
.main_outer1 .contentWrap .categoryArea .categoryList li a.active {
  background: #3c3c3c;
  color: #fff;
}
.main_outer1 .contentWrap .itemArea {
  margin-bottom: 140px;
}
.main_outer1 .contentWrap .itemArea .categoryTitleArea {
  padding-top: 0px;
}
.main_outer1 .contentWrap .itemArea .categoryTitleArea .categoryTitle {
  text-align: center;
}
.main_outer1 .contentWrap .itemArea .categoryTitleArea .categoryTitle span {
  margin-bottom: 20px;
  text-align: center;
  font-size: 28px;
  position: relative;
  display: inline-block;
  font-weight: bold;
}
.main_outer1 .contentWrap .itemArea .categoryTitleArea .categoryTitle span:after {
  display: block;
  width: 36px;
  height: 3px;
  content: "";
  margin: 15px auto;
}
.main_outer1 .contentWrap .itemArea .categoryTitleArea .categoryText {
  text-align: center;
  font-size: 14px;
  margin-bottom: 25px;
}
.main_outer1 .contentWrap .itemArea .itemPickup {
  background: #fff;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}
.main_outer1 .contentWrap .itemArea .itemPickup .imgArea {
  width: 530px;
  height: 344px;
  position: relative;
}
.main_outer1 .contentWrap .itemArea .itemPickup .imgArea .main img {
  width: 530px;
  vertical-align: top;
}
.main_outer1 .contentWrap .itemArea .itemPickup .imgArea .sub {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 43.8%;
}
.main_outer1 .contentWrap .itemArea .itemPickup .imgArea .sub img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.main_outer1 .contentWrap .itemArea .itemPickup .imgArea .imgModal {
  display: block;
  position: relative;
}
.main_outer1 .contentWrap .itemArea .itemPickup .imgArea .imgModal:before {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  background: url(../img/ico_search.png) 6px 6px no-repeat #3c3c3c;
  background-size: 18px auto;
  border: 1px solid #3c3c3c;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.main_outer1 .contentWrap .itemArea .itemPickup .imgArea .labelArea {
  position: absolute;
  top: 0;
  left: 0;
}
.main_outer1 .contentWrap .itemArea .itemPickup .imgArea .labelArea .label {
  display: inline-block;
  float: left;
  margin-left: 20px;
  font-weight: bold;
  width: 64px;
  height: 47px;
  padding: 5px 0;
  position: relative;
  text-align: center;
}
.main_outer1 .contentWrap .itemArea .itemPickup .imgArea .labelArea .label.fontL {
  font-size: 17px;
  line-height: 1.2;
}
.main_outer1 .contentWrap .itemArea .itemPickup .imgArea .labelArea .label.fontM {
  font-size: 14px;
  line-height: 1.4;
}
.main_outer1 .contentWrap .itemArea .itemPickup .imgArea .labelArea .label:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 34px 0 0;
  position: absolute;
  bottom: -17px;
  left: 0;
}
.main_outer1 .contentWrap .itemArea .itemPickup .imgArea .labelArea .label:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 34px 17px 0;
  position: absolute;
  bottom: -17px;
  right: 0;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 530px;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemTitle .name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemTitle .maker {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemTitle .num {
  font-size: 16px;
  margin-bottom: 8px;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .text {
  padding-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.5;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .colorLsit {
  margin-bottom: 10px;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .colorLsit li {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 10px 3px 0;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .functionLsit {
  margin-bottom: 10px;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .functionLsit li {
  display: inline-block;
  font-size: 14px;
  border: 1px solid #3c3c3c;
  padding: 3px;
  vertical-align: baseline;
  margin: 0 3px 3px 0;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .benefits {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: bold;
  padding: 6px 8px;
  font-size: 14px;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .btnArea .btnBox {
  margin-bottom: 10px;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .btnArea .btnBox .btnDetail {
  border: 1px solid #3c3c3c;
  background: #3c3c3c;
  position: relative;
  padding-left: 30px;
  display: inline-block;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .btnArea .btnBox .btnDetail:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/ico_search.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: 6px;
  top: 6px;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .btnArea .btnBox .btnDetail span {
  background: #fff;
  padding: 3px 5px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  line-height: 24px;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .btnArea .btnBox .btnMaintenance {
  border: 1px solid #3c3c3c;
  background: #3c3c3c;
  position: relative;
  padding-left: 30px;
  display: inline-block;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .btnArea .btnBox .btnMaintenance:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../img/ico_maintenance.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: 5px;
  top: 5px;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .btnArea .btnBox .btnMaintenance span {
  background: #fff;
  padding: 3px 5px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  line-height: 24px;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupPrice {
  margin-top: auto;
  text-align: right;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupPrice p {
  font-size: 14px;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupPrice p strong {
  color: #ed1a3a;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupPrice p strong > span {
  font-weight: bold;
  font-size: 1.7em;
}
.main_outer1 .contentWrap .itemArea .itemPickup .itemPickupPrice p:nth-child(n+1) {
  padding-top: 8px;
}
.main_outer1 .contentWrap .itemArea .itemList > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.main_outer1 .contentWrap .itemArea .itemList > ul > li {
  width: 265px;
  padding: 20px;
  margin-left: 20px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.main_outer1 .contentWrap .itemArea .itemList > ul > li:nth-child(4n+1) {
  margin-left: 0;
}
.main_outer1 .contentWrap .itemArea .itemList > ul > li:nth-child(n+5) {
  margin-top: 20px;
}
.main_outer1 .contentWrap .itemArea .itemList > ul .itemListImg {
  width: 225px;
  max-height: 159px;
  margin-bottom: 15px;
}
.main_outer1 .contentWrap .itemArea .itemList .imgArea {
  width: 100%;
  position: relative;
}
.main_outer1 .contentWrap .itemArea .itemList .imgArea .main img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.main_outer1 .contentWrap .itemArea .itemList .imgArea .sub {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 43.8%;
}
.main_outer1 .contentWrap .itemArea .itemList .imgArea .sub img {
  width: 100%;
  height: 100%;
  vertical-align: top;
  display: inline-block;
}
.main_outer1 .contentWrap .itemArea .itemList .imgArea .imgModal {
  display: block;
  position: relative;
}
.main_outer1 .contentWrap .itemArea .itemList .imgArea .imgModal:before {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  background: url(../img/ico_search.png) 6px 6px no-repeat #3c3c3c;
  background-size: 18px auto;
  border: 1px solid #3c3c3c;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.main_outer1 .contentWrap .itemArea .itemList .imgArea .labelArea {
  position: absolute;
  top: 0;
  left: 0;
}
.main_outer1 .contentWrap .itemArea .itemList .imgArea .labelArea .label {
  display: inline-block;
  float: left;
  margin-left: 10px;
  font-weight: bold;
  width: 45px;
  height: 28px;
  padding: 3px 0;
  position: relative;
  text-align: center;
}
.main_outer1 .contentWrap .itemArea .itemList .imgArea .labelArea .label.fontL {
  font-size: 11px;
  line-height: 1.2;
}
.main_outer1 .contentWrap .itemArea .itemList .imgArea .labelArea .label.fontM {
  font-size: 9px;
  line-height: 1.4;
}
.main_outer1 .contentWrap .itemArea .itemList .imgArea .labelArea .label.newLabel {
  padding-top: 10px;
}
.main_outer1 .contentWrap .itemArea .itemList .imgArea .labelArea .label:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 34px 0 0;
  position: absolute;
  bottom: -17px;
  left: 0;
}
.main_outer1 .contentWrap .itemArea .itemList .imgArea .labelArea .label:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 34px 17px 0;
  position: absolute;
  bottom: -17px;
  right: 0;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  height: 100%;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemTitle {
  height: 120px;
  position: relative;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemTitle_2Line {
  height: 140px;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemTitle .name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemTitle .maker {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemTitle .num {
  font-size: 16px;
  margin-bottom: 8px;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemTitle .numLittle {
  font-size: 10px;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote {
  position: relative;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .text {
  min-height: 130px;
  padding-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.5;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .colorLsit {
  margin-bottom: 10px;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .colorLsit li {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 10px 3px 0;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .functionLsit {
  margin-bottom: 10px;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .functionLsit li {
  display: inline-block;
  font-size: 14px;
  border: 1px solid #3c3c3c;
  padding: 3px;
  vertical-align: baseline;
  margin: 0 1px 3px 0;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .benefits {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: bold;
  padding: 6px 8px;
  font-size: 14px;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .btnArea {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .btnArea .btnBox {
  margin-top: 24px;
  margin-bottom: 10px;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .btnArea .btnBox .btnDetail {
  height: 32px;
  border: 1px solid #3c3c3c;
  padding-left: 50px;
  position: relative;
  display: block;
  font-size: 0;
  border-radius: 30px;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .btnArea .btnBox .btnDetail span {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  position: absolute;
  top: 2px;
  left: 50%;
  -webkit-transform: translateX(-58%);
          transform: translateX(-58%);
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .btnArea .btnBox .btnDetail span::after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../img/arrow_r_right.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  right: -24px;
  top: 5px;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .btnArea .btnBox .btnMaintenance {
  border: 1px solid #3c3c3c;
  background: #3c3c3c;
  position: relative;
  padding-left: 30px;
  display: inline-block;
  font-size: 0;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .btnArea .btnBox .btnMaintenance:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../img/ico_maintenance.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: 5px;
  top: 5px;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .btnArea .btnBox .btnMaintenance span {
  background: #fff;
  padding: 3px 5px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  line-height: 24px;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListPrice {
  text-align: right;
  position: absolute;
  bottom: 8px;
  right: 0;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListPrice p {
  font-size: 14px;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListPrice p strong {
  color: #ed1a3a;
}
.main_outer1 .contentWrap .itemArea .itemList .itemListPrice p strong > span {
  font-weight: bold;
  font-size: 1.7em;
}
.main_outer1 .contentWrap .itemArea .heed {
  margin-top: 30px;
  line-height: 1.5;
}
.main_outer1 .contentWrap .itemArea .heed li {
  position: relative;
  padding-left: 20px;
}
.main_outer1 .contentWrap .itemArea .heed li:before {
  content: "※";
  position: absolute;
  left: 0;
}
.main_outer1 .contentWrap .linkArea {
  padding-top: 65px;
}
.main_outer1 .contentWrap .linkArea .lead {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}
.main_outer1 .contentWrap .linkArea .bnrArea {
  text-align: center;
  margin-bottom: 60px;
}
.main_outer1 .contentWrap .linkArea .bnrArea a {
  display: inline-block;
}
.main_outer1 .contentWrap .linkArea .bnrArea a img {
  width: 590px;
  height: auto;
  vertical-align: top;
}
.main_outer1 .contentWrap .linkArea .bnrArea a .bnrText {
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
}
.main_outer1 .contentWrap .linkArea .bnrArea a .bnrText span {
  position: relative;
  padding-right: 20px;
}
.main_outer1 .contentWrap .linkArea .bnrArea a .bnrText span:before {
  position: absolute;
  content: "";
  width: 17px;
  height: 17px;
  border-radius: 50%;
  top: 50%;
  right: 0;
  margin-top: -7px;
}
.main_outer1 .contentWrap .linkArea .bnrArea a .bnrText span:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 7px;
  margin-top: -1px;
}
.main_outer1 .contentWrap .linkArea .btnArea {
  text-align: center;
}
.main_outer1 .contentWrap .linkArea .btnArea .shopBtn {
  display: inline-block;
  margin: 0 20px;
}
.main_outer1 .contentWrap .linkArea .btnArea .shopBtn a {
  display: block;
  background: #ed1a3a;
  border: 2px solid #ed1a3a;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
  border-radius: 8px;
  width: 450px;
}
.main_outer1 .contentWrap .linkArea .btnArea .shopBtn a span {
  position: relative;
  padding-right: 20px;
}
.main_outer1 .contentWrap .linkArea .btnArea .shopBtn a span:before {
  position: absolute;
  content: "";
  width: 17px;
  height: 17px;
  border-radius: 50%;
  top: 50%;
  right: 0;
  margin-top: -7px;
  background: #fff;
}
.main_outer1 .contentWrap .linkArea .btnArea .shopBtn a span:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 7px;
  margin-top: -1px;
  border-top: solid 2px #ed1a3a;
  border-right: solid 2px #ed1a3a;
}
.main_outer1 .contentWrap .linkArea .btnArea .itemBtn {
  display: inline-block;
  margin: 0 20px;
}
.main_outer1 .contentWrap .linkArea .btnArea .itemBtn a {
  display: block;
  background: #fff;
  border: 2px solid #3c3c3c;
  color: #3c3c3c;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
  border-radius: 8px;
  width: 450px;
}
.main_outer1 .contentWrap .linkArea .btnArea .itemBtn a span {
  position: relative;
  padding-right: 20px;
}
.main_outer1 .contentWrap .linkArea .btnArea .itemBtn a span:before {
  position: absolute;
  content: "";
  width: 17px;
  height: 17px;
  border-radius: 50%;
  top: 50%;
  right: 0;
  margin-top: -7px;
  background: #3c3c3c;
}
.main_outer1 .contentWrap .linkArea .btnArea .itemBtn a span:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 7px;
  margin-top: -1px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
.main_outer1 .modal {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
}
.main_outer1 .modal .overlay {
  display: none;
  z-index: 100001;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(68, 68, 68, 0.85);
  display: block;
}
.main_outer1 .modal .modalsec {
  display: none;
  width: 1000px;
  margin: 0 auto;
  position: relative;
  background: #fff;
  padding: 20px;
  z-index: 100002;
  top: 100px;
}
.main_outer1 .modal .modalClose {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../img/ico_close.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  top: -25px;
  right: -25px;
  cursor: pointer;
}
.main_outer1 .modal .itemModal {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}
.main_outer1 .modal .itemModal .imgArea {
  width: 470px;
  height: 306x;
  position: relative;
}
.main_outer1 .modal .itemModal .imgArea .main img {
  width: 470px;
  height: 100%;
  vertical-align: top;
}
.main_outer1 .modal .itemModal .imgArea .sub {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 43.8%;
}
.main_outer1 .modal .itemModal .imgArea .sub img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.main_outer1 .modal .itemModal .imgArea .labelArea {
  position: absolute;
  top: 0;
  left: 0;
}
.main_outer1 .modal .itemModal .imgArea .labelArea .label {
  display: inline-block;
  float: left;
  margin-left: 20px;
  font-weight: bold;
  width: 64px;
  height: 47px;
  padding: 5px 0;
  position: relative;
  text-align: center;
}
.main_outer1 .modal .itemModal .imgArea .labelArea .label.fontL {
  font-size: 17px;
  line-height: 1.2;
}
.main_outer1 .modal .itemModal .imgArea .labelArea .label.fontM {
  font-size: 14px;
  line-height: 1.4;
}
.main_outer1 .modal .itemModal .imgArea .labelArea .label:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 34px 0 0;
  position: absolute;
  bottom: -17px;
  left: 0;
}
.main_outer1 .modal .itemModal .imgArea .labelArea .label:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 34px 17px 0;
  position: absolute;
  bottom: -17px;
  right: 0;
}
.main_outer1 .modal .itemModal .itemModalDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 470px;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemTitle .name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemTitle .maker {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemTitle .num {
  font-size: 16px;
  margin-bottom: 8px;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemNote .text {
  padding-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.5;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemNote .colorLsit {
  margin-bottom: 10px;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemNote .colorLsit li {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 10px 3px 0;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemNote .functionLsit {
  margin-bottom: 10px;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemNote .functionLsit li {
  display: inline-block;
  font-size: 14px;
  border: 1px solid #3c3c3c;
  padding: 3px;
  vertical-align: baseline;
  margin: 0 3px 3px 0;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemNote .benefits {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: bold;
  padding: 6px 8px;
  font-size: 14px;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemNote .btnArea .btnBox {
  margin-bottom: 10px;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemNote .btnArea .btnBox .btnDetail {
  border: 1px solid #3c3c3c;
  background: #3c3c3c;
  position: relative;
  padding-left: 30px;
  display: inline-block;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemNote .btnArea .btnBox .btnDetail:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/ico_search.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: 6px;
  top: 6px;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemNote .btnArea .btnBox .btnDetail span {
  background: #fff;
  padding: 3px 5px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  line-height: 24px;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemNote .btnArea .btnBox .btnMaintenance {
  border: 1px solid #3c3c3c;
  background: #3c3c3c;
  position: relative;
  padding-left: 30px;
  display: inline-block;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemNote .btnArea .btnBox .btnMaintenance:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../img/ico_maintenance.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: 5px;
  top: 5px;
}
.main_outer1 .modal .itemModal .itemModalDetail .itemNote .btnArea .btnBox .btnMaintenance span {
  background: #fff;
  padding: 3px 5px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  line-height: 24px;
}
.main_outer1 .modal .itemModal .itemModalPrice {
  margin-top: auto;
  text-align: right;
}
.main_outer1 .modal .itemModal .itemModalPrice p {
  font-size: 14px;
}
.main_outer1 .modal .itemModal .itemModalPrice p strong {
  color: #ed1a3a;
}
.main_outer1 .modal .itemModal .itemModalPrice p strong > span {
  font-weight: bold;
  font-size: 1.7em;
}
.main_outer1 .modal .itemModal .itemModalPrice p:nth-child(n+1) {
  padding-top: 8px;
}
.main_outer1 .modal .itemListModal {
  margin-bottom: 50px;
}
.main_outer1 .modal .itemListModal > ul:after {
  content: "";
  display: block;
  clear: both;
}
.main_outer1 .modal .itemListModal > ul li {
  width: 225px;
  float: left;
  margin-left: 20px;
}
.main_outer1 .modal .itemListModal > ul li:nth-child(4n+1) {
  margin-left: 0;
}
.main_outer1 .modal .itemListModal > ul li > div img {
  width: 100%;
  vertical-align: top;
}
.main_outer1 .modal .itemListModal > ul li > p {
  padding: 5px;
  font-size: 16px;
}
.main_outer1 .modal .itemTableModal > p {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.main_outer1 .modal .itemTableModal table {
  table-layout: fixed;
  width: 100%;
}
.main_outer1 .modal .itemTableModal table th {
  background: #bfbfbf;
  padding: 10px 20px;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
  width: 200px;
}
.main_outer1 .modal .itemTableModal table td {
  background: #eee;
  padding: 10px 20px;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
}
.main_outer1 .modal .itemTableModal + .itemCloase {
  padding-top: 20px;
}
.main_outer1 .modal .itemCloase {
  text-align: center;
}
.main_outer1 .modal .itemCloase a {
  padding: 12px 20px;
  display: inline-block;
  font-size: 18px;
  background: #3c3c3c;
  font-weight: bold;
  min-width: 15em;
  color: #fff;
}
.main_outer1 .modal .modalsec {
  width: 500px;
  height: auto;
}
.main_outer1 .modal_itemInfo {
  margin: 10px auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end;
}
.main_outer1 .modal_itemInfo p:first-of-type span {
  display: block;
  font-size: 22px;
  font-weight: bold;
}
.main_outer1 .modal_itemInfo p:last-of-type span {
  color: #ed1a3a;
}
.main_outer1 .modal_itemInfo p:last-of-type span span {
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
}
.main_outer1 .modal_itemInfo .modal_price {
  white-space: nowrap;
}
.main_outer1 .modalDL {
  margin: 20px auto;
}
.main_outer1 .modalDL dt {
  margin-bottom: 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid #000;
}
.main_outer1 .modalDL ul li {
  margin-bottom: 4px;
  padding-left: 16px;
  position: relative;
}
.main_outer1 .modalDL ul li::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #3c3c3c;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 4px;
}
.main_outer1 .modalDL dl p {
  margin-bottom: 4px;
}
/*# sourceMappingURL=style.css.map */