@charset "UTF-8";
.main_outer1 {
  line-height: 1.2;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
@media all and (max-width: 767px) {
  .main_outer1 {
    /*---------------------------------------------------
      スライダーモーダル追加時の追記
    ---------------------------------------------------*/
  }
  .main_outer1 .pc {
    display: none !important;
  }
  .main_outer1 .sp {
    display: block !important;
  }
  .main_outer1 .content {
    padding: 0;
  }
  .main_outer1 .kvArea span img {
    max-height: none;
    width: 100%;
  }
  .main_outer1 .contentWrap {
    padding: 20px 15px 80px;
  }
  .main_outer1 .contentWrap .contentTitle {
    width: auto;
    margin-bottom: 20px;
  }
  .main_outer1 .contentWrap .contentTitle span {
    font-size: 20px;
    padding: 0 50px;
  }
  .main_outer1 .contentWrap .contentTitle span:before {
    width: 30px;
  }
  .main_outer1 .contentWrap .contentTitle span:after {
    width: 30px;
  }
  .main_outer1 .contentWrap .section {
    width: 100%;
  }
  .main_outer1 .contentWrap .categoryArea {
    padding: 20px 15px;
    margin-bottom: 15px;
  }
  .main_outer1 .contentWrap .leadArea {
    margin-bottom: 30px;
  }
  .main_outer1 .contentWrap .categoryArea .summaryArea {
    margin-top: 20px;
  }
  .main_outer1 .contentWrap .categoryArea .summaryText {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .main_outer1 .contentWrap .categoryArea .summaryItem {
    padding-top: 20px;
  }
  .main_outer1 .contentWrap .categoryArea .summaryBtn {
    font-size: 16px;
  }
  .main_outer1 .contentWrap .categoryArea .cpContents .cpContentsTtitle {
    padding: 8px 5px;
    font-size: 14px;
  }
  .main_outer1 .contentWrap .categoryArea .cpContents .cplinkArea {
    display: block;
  }
  .main_outer1 .contentWrap .categoryArea .cpContents .cplinkArea .imgArea {
    width: 100%;
    margin-bottom: 10px;
  }
  .main_outer1 .contentWrap .categoryArea .cpContents .cplinkArea .textArea {
    width: 100%;
  }
  .main_outer1 .contentWrap .categoryArea .cpContents .cplinkArea .textArea .cpTitle {
    font-size: 16px;
  }
  .main_outer1 .contentWrap .categoryArea .cpContents .cplinkArea .textArea .cpLead {
    font-size: 14px;
  }
  .main_outer1 .contentWrap .categoryArea .categoryListTtile {
    font-size: 14px;
  }
  .main_outer1 .contentWrap .categoryArea .categoryList li a {
    font-size: 12px;
    padding: 8px 15px;
    border-radius: 18px;
  }
  .main_outer1 .contentWrap .itemArea {
    margin-bottom: 60px;
  }
  .main_outer1 .contentWrap .itemArea .categoryTitleArea .categoryTitle {
    width: auto;
  }
  .main_outer1 .contentWrap .itemArea .categoryTitleArea .categoryTitle span {
    font-size: 20px;
  }
  .main_outer1 .contentWrap .itemArea .categoryTitleArea .categoryTitle span:after {
    width: 30px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup {
    padding: 15px;
    margin-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .imgArea {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .imgArea .main img {
    width: 100%;
    height: auto;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .imgArea .imgModal:before {
    width: 24px;
    height: 24px;
    background-position: 3px 3px;
    background-size: 16px auto;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .imgArea .labelArea .label {
    width: 55px;
    height: 40px;
    margin-left: 10px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .imgArea .labelArea .label.fontL {
    font-size: 14px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .imgArea .labelArea .label.fontM {
    font-size: 12px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail {
    width: 100%;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemTitle .name {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemTitle .maker {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemTitle .num {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .text {
    font-size: 14px;
    padding-top: 5px;
    margin-bottom: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .colorLsit {
    margin-bottom: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .colorLsit li {
    width: 18px;
    height: 18px;
    margin: 0 8px 3px 0;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .functionLsit {
    margin-bottom: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .functionLsit li {
    font-size: 12px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .benefits {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .btnArea .btnBox {
    margin-bottom: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .btnArea .btnBox .btnDetail {
    padding-left: 25px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .btnArea .btnBox .btnDetail:before {
    width: 16px;
    height: 16px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .btnArea .btnBox .btnDetail span {
    font-size: 14px;
    line-height: 19px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .btnArea .btnBox .btnMaintenance {
    padding-left: 25px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .btnArea .btnBox .btnMaintenance:before {
    width: 17px;
    height: 17px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupDetail .itemNote .btnArea .btnBox .btnMaintenance span {
    font-size: 14px;
    line-height: 19px;
  }
  .main_outer1 .contentWrap .itemArea .itemPickup .itemPickupPrice p {
    font-size: 12px;
  }
  .main_outer1 .contentWrap .itemArea .itemList > ul > li {
    width: calc(50% - 7.5px);
    padding: 15px;
    margin-left: 15px;
  }
  .main_outer1 .contentWrap .itemArea .itemList > ul > li:nth-child(2n+1) {
    margin-left: 0;
  }
  .main_outer1 .contentWrap .itemArea .itemList > ul > li:nth-child(n+3) {
    margin-top: 20px;
  }
  .main_outer1 .contentWrap .itemArea .itemList > ul .itemListImg {
    width: 100%;
    max-height: none;
  }
  .main_outer1 .contentWrap .itemArea .itemList .imgArea .imgModal:before {
    width: 24px;
    height: 24px;
    background-position: 3px 3px;
    background-size: 16px auto;
  }
  .main_outer1 .contentWrap .itemArea .itemList .imgArea .labelArea .label {
    width: 40px;
    height: 23px;
    margin-left: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .imgArea .labelArea .label.fontL {
    font-size: 8px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .imgArea .labelArea .label.fontM {
    font-size: 7px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .imgArea .labelArea .label.newLabel {
    padding-top: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .imgArea .labelArea .label:before {
    border-width: 11px 22px 0 0;
    bottom: -11px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .imgArea .labelArea .label:after {
    border-width: 0 22px 11px 0;
    bottom: -11px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemTitle {
    height: 90px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemTitle .name {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemTitle .maker {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemTitle .num {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .text {
    min-height: 110px;
    font-size: 12px;
    padding-top: 5px;
    margin-bottom: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .colorLsit {
    margin-bottom: 2px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .colorLsit li {
    width: 15px;
    height: 15px;
    margin: 0 3px 3px 0;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .functionLsit {
    margin-bottom: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .functionLsit li {
    font-size: 9px;
    margin: 0 1px 1px 0;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .benefits {
    margin-bottom: 5px;
    font-size: 12px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .btnArea .btnBox {
    margin-top: 16px;
    margin-bottom: 5px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .btnArea .btnBox .btnDetail {
    height: 22px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .btnArea .btnBox .btnDetail span {
    font-size: 10px;
    top: -2px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .btnArea .btnBox .btnDetail span::after {
    width: 12px;
    height: 12px;
    right: -16px;
    top: 7px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .btnArea .btnBox .btnMaintenance {
    padding-left: 20px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .btnArea .btnBox .btnMaintenance:before {
    width: 15px;
    height: 15px;
    left: 2px;
    top: 3px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListDetail .itemNote .btnArea .btnBox .btnMaintenance span {
    padding: 3px 5px;
    font-size: 10px;
    line-height: 14px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListPrice {
    bottom: 4px;
  }
  .main_outer1 .contentWrap .itemArea .itemList .itemListPrice p {
    font-size: 9px;
  }
  .main_outer1 .contentWrap .itemArea .heed {
    margin-top: 15px;
    font-size: 12px;
  }
  .main_outer1 .contentWrap .itemArea .heed li {
    padding-left: 14px;
  }
  .main_outer1 .contentWrap .linkArea {
    padding-top: 20px;
  }
  .main_outer1 .contentWrap .linkArea .lead {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .main_outer1 .contentWrap .linkArea .bnrArea {
    margin-bottom: 30px;
  }
  .main_outer1 .contentWrap .linkArea .bnrArea a img {
    width: 100%;
  }
  .main_outer1 .contentWrap .linkArea .bnrArea a .bnrText {
    padding: 8px 0;
  }
  .main_outer1 .contentWrap .linkArea .bnrArea a .bnrText span {
    font-size: 16px;
  }
  .main_outer1 .contentWrap .linkArea .bnrArea a .bnrText span:before {
    width: 14px;
    height: 14px;
  }
  .main_outer1 .contentWrap .linkArea .bnrArea a .bnrText span:after {
    width: 5px;
    height: 5px;
    margin-top: -2px;
    right: 5px;
  }
  .main_outer1 .contentWrap .linkArea .btnArea .shopBtn {
    display: block;
    margin: 0 0 30px;
  }
  .main_outer1 .contentWrap .linkArea .btnArea .shopBtn a {
    border: 1px solid #ed1a3a;
    width: 100%;
    padding: 16px 0;
  }
  .main_outer1 .contentWrap .linkArea .btnArea .shopBtn a span {
    font-size: 16px;
  }
  .main_outer1 .contentWrap .linkArea .btnArea .shopBtn a span:before {
    width: 14px;
    height: 14px;
  }
  .main_outer1 .contentWrap .linkArea .btnArea .shopBtn a span:after {
    width: 5px;
    height: 5px;
    margin-top: -2px;
    right: 5px;
  }
  .main_outer1 .contentWrap .linkArea .btnArea .itemBtn {
    display: block;
    margin: 0;
  }
  .main_outer1 .contentWrap .linkArea .btnArea .itemBtn a {
    border: 1px solid #3c3c3c;
    width: 100%;
    padding: 16px 0;
  }
  .main_outer1 .contentWrap .linkArea .btnArea .itemBtn a span {
    font-size: 16px;
  }
  .main_outer1 .contentWrap .linkArea .btnArea .itemBtn a span:before {
    width: 14px;
    height: 14px;
  }
  .main_outer1 .contentWrap .linkArea .btnArea .itemBtn a span:after {
    width: 5px;
    height: 5px;
    margin-top: -2px;
    right: 5px;
  }
  .main_outer1 .modal .modalsec {
    width: calc(100% - 30px);
    padding: 25px 15px;
  }
  .main_outer1 .modal .modalClose {
    width: 45px;
    height: 45px;
    top: -25px;
    right: -15px;
  }
  .main_outer1 .modal .itemModal {
    padding: 0;
    margin-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  .main_outer1 .modal .itemModal .itemModalImgRight .imgArea {
    margin-bottom: 0;
  }
  .main_outer1 .modal .itemModal .imgArea {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }
  .main_outer1 .modal .itemModal .imgArea .main img {
    width: 100%;
    height: auto;
  }
  .main_outer1 .modal .itemModal .imgArea .labelArea .label {
    width: 55px;
    height: 40px;
    margin-left: 10px;
  }
  .main_outer1 .modal .itemModal .imgArea .labelArea .label.fontL {
    font-size: 14px;
  }
  .main_outer1 .modal .itemModal .imgArea .labelArea .label.fontM {
    font-size: 12px;
  }
  .main_outer1 .modal .itemModal .itemModalDetail {
    width: 100%;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemTitle .name {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemTitle .maker {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemTitle .num {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemNote .text {
    font-size: 14px;
    padding-top: 5px;
    margin-bottom: 5px;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemNote .colorLsit {
    margin-bottom: 5px;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemNote .colorLsit li {
    width: 18px;
    height: 18px;
    margin: 0 8px 3px 0;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemNote .functionLsit {
    margin-bottom: 5px;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemNote .functionLsit li {
    font-size: 12px;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemNote .benefits {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemNote .btnArea .btnBox {
    margin-bottom: 5px;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemNote .btnArea .btnBox .btnDetail {
    padding-left: 25px;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemNote .btnArea .btnBox .btnDetail:before {
    width: 16px;
    height: 16px;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemNote .btnArea .btnBox .btnDetail span {
    font-size: 14px;
    line-height: 19px;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemNote .btnArea .btnBox .btnMaintenance {
    padding-left: 25px;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemNote .btnArea .btnBox .btnMaintenance:before {
    width: 17px;
    height: 17px;
  }
  .main_outer1 .modal .itemModal .itemModalDetail .itemNote .btnArea .btnBox .btnMaintenance span {
    font-size: 14px;
    line-height: 19px;
  }
  .main_outer1 .modal .itemModal .itemModalPrice p {
    font-size: 12px;
  }
  .main_outer1 .modal .itemListModal {
    margin-bottom: 25px;
  }
  .main_outer1 .modal .itemListModal > ul li {
    width: calc(50% - 5px);
    margin-left: 10px;
  }
  .main_outer1 .modal .itemListModal > ul li:nth-child(2n+1) {
    margin-left: 0;
  }
  .main_outer1 .modal .itemListModal > ul li > p {
    font-size: 12px;
  }
  .main_outer1 .modal .itemTableModal table th {
    padding: 5px 5px;
    width: 20%;
    font-size: 12px;
  }
  .main_outer1 .modal .itemTableModal table td {
    padding: 5px 5px;
    font-size: 12px;
  }
  .main_outer1 .modal .itemTableModal + .itemCloase {
    padding-top: 15px;
  }
  .main_outer1 .modal .modalsec {
    width: 90%;
  }
  .main_outer1 .modal_itemInfo p:first-of-type {
    font-size: 14px;
  }
  .main_outer1 .modal_itemInfo p:first-of-type span {
    font-size: 16px;
  }
  .main_outer1 .modal_itemInfo p:last-of-type {
    font-size: 14px;
  }
  .main_outer1 .modal_itemInfo p:last-of-type span span {
    font-size: 24px;
    line-height: 24px;
  }
  .main_outer1 .modalDL {
    font-size: 14px;
  }
  .main_outer1 .modalDL dl ul li {
    padding-left: 14px;
  }
  .main_outer1 .modalDL dl ul li::before {
    width: 10px;
    height: 10px;
    left: 0;
    top: 4px;
  }
}
/*# sourceMappingURL=style_sp.css.map */