@charset "UTF-8";

/* --------------------------------------------------
 label button
-------------------------------------------------- */
.btnArea > input[type=radio],
.btnArea > input[type=checkbox],
.colorBox > input[type=radio] {
  display: none;
}
input[type="radio"]:disabled + label, input[type="checkbox"]:disabled + label {
  display: none !important;
}

/* --------------------------------------------------
 list flow
-------------------------------------------------- */
.fw .main .bgImg .inner {
  margin: 0;
}
.fw .listFlow li:first-of-type:after {
  width: 50%;
  right: 0;
  left: 50%;
}
.fw .listFlow li:last-of-type:after {
  width: 50%;
  right: 50%;
  left: 0;
}

/* --------------------------------------------------
 popup prompt
-------------------------------------------------- */
.fw .j_popupClone {
  position: relative;
}
.fw .j_popupClone .popup {
  position: absolute;
}

/* --------------------------------------------------
 page activation
-------------------------------------------------- */
main:not(.current) {
  display: none !important;
}

/* --------------------------------------------------
 loading and prompt setting
-------------------------------------------------- */
body:not(.loading) #loading, body:not(.prompt) #prompt {
  display: none !important;
}
body.loading #loading, body.prompt #prompt {
  position: fixed;
  top: 0;
  bottom:0;
  right: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 100;
}
@keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
body.loading #loading img {
  position: absolute;
  top: 40%;
  left: 40%;
  width: 20%;
  animation: spin 3s linear infinite;
}
body.prompt #prompt {
  background-color: rgba(0, 0, 0, 0.7);
}
#prompt > div {
  position: absolute;
  top: 10%;
  left: 10%;
  right: 10%;
  background-color: white;
}
#prompt .close_div {
  position: absolute;
  top: 0;
  right: 0;
}
#prompt .close_div .cls_link {
  padding-top: 10px;
  width: 50px;
  height: 50px;
  font-size: 40px;
  text-align: center;
  color: white;
  background-color: black;
}

/* --------------------------------------------------
 header and footer setting
-------------------------------------------------- */
header .headerBar .agency {
  position: absolute;
  right: 0;
  padding: 20px 20px 20px 0;
}
header .headerBar .agency img {
  padding: 12px;
  width: auto;
  height: 48px;
}
@media only screen and (max-width: 600px) {
  header .headerBar .agency {
    padding: 11px 10px 11px 0;
  }
  header .headerBar .agency img {
    padding: 10px 5px;
    height: 38px;
  }
}
#footer_logo {
  color:#ccc;
  font-weight:bold;
  font-size:18px;
  line-height:1.2;
  text-align:left;
  font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif';
}
#footer_txt {
  padding: 7px 0 0;
  color:#ccc;
  font-size:10px;
  line-height:1.2;
  text-align:left;
  font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif';
}
/*body:not([data-ors-page]) footer, body[data-ors-page="error"] footer {
  position: fixed;
  width: 100%;
  bottom: 0;
}*/
body.short_contents footer {
  position: fixed;
  width: 100%;
  bottom: 0;
}

/* --------------------------------------------------
 body attribute visibility
-------------------------------------------------- */
/* agency visiblity */
body:not([data-ors-agency="sbm"]) .sbm-only,
/* phase visiblity */
body[data-ors-phase="0"] *[data-ors-phase]:not([data-ors-phase~="0"]),
body[data-ors-phase="1"] *[data-ors-phase]:not([data-ors-phase~="1"]),
body[data-ors-phase="2"] *[data-ors-phase]:not([data-ors-phase~="2"]),
body:not([data-ors-phase]) *[data-ors-phase]:not([data-ors-phase~="!"]),
/* system mode visiblity */
body[data-ors-mode="10"] *[data-ors-mode]:not([data-ors-mode~="10"]),
body[data-ors-mode="20"] *[data-ors-mode]:not([data-ors-mode~="20"]),
body[data-ors-mode="30"] *[data-ors-mode]:not([data-ors-mode~="30"]),
body:not([data-ors-mode]) *[data-ors-mode]:not([data-ors-mode~="!"]),
/* step visiblity */
body[data-ors-step="0"] *[data-ors-step]:not([data-ors-step~="0"]),
body[data-ors-step="1"] *[data-ors-step]:not([data-ors-step~="1"]),
body[data-ors-step="2"] *[data-ors-step]:not([data-ors-step~="2"]),
body:not([data-ors-step]) *[data-ors-step]:not([data-ors-step~="!"]),
/* step (selected) visiblity */
body[data-ors-step-selected="0"] *[data-ors-step-selected]:not([data-ors-step-selected~="0"]),
body[data-ors-step-selected="1"] *[data-ors-step-selected]:not([data-ors-step-selected~="1"]),
body[data-ors-step-selected="2"] *[data-ors-step-selected]:not([data-ors-step-selected~="2"]),
body:not([data-ors-step-selected]) *[data-ors-step-selected]:not([data-ors-step-selected~="!"]),
/* receipt visiblity */
body[data-ors-receipt="1"] *[data-ors-receipt]:not([data-ors-receipt~="1"]),
body[data-ors-receipt="2"] *[data-ors-receipt]:not([data-ors-receipt~="2"]),
body[data-ors-receipt="3"] *[data-ors-receipt]:not([data-ors-receipt~="3"]),
body[data-ors-receipt="4"] *[data-ors-receipt]:not([data-ors-receipt~="4"]),
body[data-ors-receipt="5"] *[data-ors-receipt]:not([data-ors-receipt~="5"]),
body[data-ors-receipt="6"] *[data-ors-receipt]:not([data-ors-receipt~="6"]),
body[data-ors-receipt="7"] *[data-ors-receipt]:not([data-ors-receipt~="7"]),
body:not([data-ors-receipt]) *[data-ors-receipt]:not([data-ors-receipt~="!"]),
/* receipt (selected) visiblity */
body[data-ors-rel="0"] *[data-ors-rel]:not([data-ors-rel~="0"]),
body[data-ors-rel="1"] *[data-ors-rel]:not([data-ors-rel~="1"]),
body[data-ors-rel="3"] *[data-ors-rel]:not([data-ors-rel~="3"]),
body:not([data-ors-rel]) *[data-ors-rel]:not([data-ors-rel~="!"]),
/* item type */
body[data-ors-type="1"] *[data-ors-type]:not([data-ors-type~="1"]),
body[data-ors-type="2"] *[data-ors-type]:not([data-ors-type~="2"]),
body[data-ors-type="3"] *[data-ors-type]:not([data-ors-type~="3"]),
body[data-ors-type="5"] *[data-ors-type]:not([data-ors-type~="5"]),
body[data-ors-type="6"] *[data-ors-type]:not([data-ors-type~="6"]),
body[data-ors-type="9"] *[data-ors-type]:not([data-ors-type~="9"]) {
  display: none !important;
}

/* --------------------------------------------------
 model and contract page setting
-------------------------------------------------- */
@media only screen and (max-width: 600px) {
  #step2 .sliderChooseModel {
    text-align: center;
  }
}
.required:not(.error) .txtError {
  display: none;
}
#inputContract:not(.active), .input-pattern:not(.active) {
  display: none !important;
}

/* --------------------------------------------------
 complete page setting
-------------------------------------------------- */
#step5 .nextStep, #step5 .nextStep .step {position: relative;}
#step5 .nextStep .step:after {content: "";display: block;height: 100%;position: absolute;background-color: #e5e5e6;width: 4px;left: 0;}
#step5 .nextStep .step:before {content: "";display: block;height: 20px;position: absolute;background-color: #e5e5e6;width: 20px;left: -8px;border-radius: 50%;}
#step5 .nextStep .step.finalStep:before {background: linear-gradient(0deg, #e5e5e6 0%, #e5e5e6 100%);}
#step5 .nextStep .step.finalStep:after {content: none;}
#step5 .nextStep .step dl dt {position: relative;font-weight: bold;}
#step5 .nextStep .step dl dt:after {content: '\00a0';display: block;position: absolute;}
body[data-ors-rel="0"] #step5 .nextStep .step.firstStep dl dt:after {background: url(../images/18_a_6_03.png) no-repeat center;background-size: contain;}
body[data-ors-rel="0"] #step5 .nextStep .step.mnpStep dl dt:after {background: url(../images/18_a_6_04.png) no-repeat center;background-size: contain;}
body[data-ors-rel="0"] #step5 .nextStep .step.finalStep dl dt:after {background: url(../images/18_a_6_05.png) no-repeat center;background-size: contain;}
body:not([data-ors-rel="0"]) #step5 .nextStep .step.firstStep dl dt:after {background: url(../images/18_a_6_01.png) no-repeat center;background-size: contain;}
body:not([data-ors-rel="0"]) #step5 .nextStep .step.finalStep dl dt:after {background: url(../images/18_a_6_02.png) no-repeat center;background-size: contain;}
@media screen and (min-width:601px) {
  #step5 .nextStep .step {padding: 0 0 100px 100px;}
  #step5 .nextStep .step.finalStep {padding: 0 0 0 100px;}
  #step5 .nextStep .step:after {top: 10px;}
  #step5 .nextStep .step:before {top: 5px;}
  #step5 .nextStep .step dl {display: flex;justify-content: space-between;}
  #step5 .nextStep .step dl dt {width: 60%;}
  #step5 .nextStep .step dl dd {width: 40%;}
  #step5 .nextStep .step dl dt:after {width: 90px;height: 90px;top: -20px;right: -120px;}
}
@media screen and (max-width:600px) {
  #step5 .nextStep {margin: 0 0 0 1rem;}
  #step5 .nextStep .step {padding: 0 0 25px 25px;}
  #step5 .nextStep .step.finalStep{padding: 0 0 0 25px;}
  #step5 .nextStep .step:after{top: 5px;}
  #step5 .nextStep .step:before{top: 0;}
  #step5 .nextStep .step dl dt {padding-right: 65px;}
  #step5 .nextStep .step dl dt:after {width: 50px;height: 50px;top: -10px;right: 10px;}
}

/* --------------------------------------------------
 error page setting
-------------------------------------------------- */
#error .lead:not(.active),
#error .lead.active~.lead.active,
#error #error_msg_debug:empty,
body:not(.debug) #error #error_msg_debug {
  display: none !important;
}
#error #error_msg_debug:before {
  content: '('
}
#error #error_msg_debug:after {
  content: ')'
}
















/* --------------------------------------------------
2021-0907-1053
 online-shop/note/docs/with-applecare-services-b_aw/
 setting
-------------------------------------------------- */
.layout-type01-3col-w950_aw {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 901px) {
    .layout-type01-3col-w950_aw {
        margin: 0 auto 0 auto;
        margin-top: 40px;
    }
}

@media screen and (min-width: 901px){
    .layout-type01-3col-w950_aw>.layout-type01-3col-w950_list_aw {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden;
        margin: 0px -10px;
        padding-left: 10px;
    }
}

@media screen and (min-width: 901px) {
    .layout-type01-3col-w950_aw>.layout-type01-3col-w950_list_aw>.layout-type01-3col-w950_item_aw:nth-child(1), .layout-type01-3col-w950_>.layout-type01-3col-w950_list_aw>.layout-type01-3col-w950_item_aw:nth-child(2), .layout-type01-3col-w950_aw>.layout-type01-3col-w950_list_aw>.layout-type01-3col-w950_item_aw:nth-child(3) {
        padding-top: 0;
    }
}
@media screen and (min-width: 901px) {
    .layout-type01-3col-w950_aw>.layout-type01-3col-w950_list_aw>.layout-type01-3col-w950_item_aw:nth-child(3n+1) {
        margin-left: -10px;
    }
}
@media screen and (min-width: 901px) {
    .layout-type01-3col-w950_aw>.layout-type01-3col-w950_list_aw>.layout-type01-3col-w950_item_aw {
        box-sizing: border-box;
        width: 33.33333%;
        /* padding-top: 10px; */
        padding-left: 10px;
    }
}
@media screen and (min-width: 901px) {
    .layout-type01-3col-w950_aw>.layout-type01-3col-w950_list_aw>.layout-type01-3col-w950_item_aw>*:first-child {
        margin-top: 0;
    } 
}
.image-type02_aw {
    margin-top: 40px;
    position: relative;
}
@media screen and (min-width: 901px) {
    .mobile-page-u96-image-type02_image_aw[data-sb-image-size-pc="auto"] {
        max-width: 100%;
        margin: auto;
    }
}
.mobile-page-u96-image-type02_image_aw {
    display: block;
}
.js-lazyload_aw {
    will-change: transform;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background: #e6e6e6;
}
@media screen and (min-width: 901px) {
    .mobile-page-u96-image-type02_image_aw[data-sb-image-size-pc="auto"] {
        max-width: 100%;
        margin: auto;
    }
}
@media screen and (min-width: 901px) {
    .u-pc-d-n_aw {
        display: none !important;
    }
}

/* ------------------------------------------ */

@media screen and (max-width: 900px) and (max-width: 900px) {
    .layout-type01-3col-w950_aw {
        margin-top: 30px;
    }
}

@media screen and (max-width: 900px) {
    .layout-type01-3col-w950_aw {
        margin: 0 auto 0 auto;
        margin-top: 40px;
    }
}
@media screen and (max-width: 900px) {
    .layout-type01-3col-w950_aw {
        max-width: 100%;
    }
}
@media screen and (max-width: 900px) {
    .layout-type01-3col-w950_aw>.layout-type01-3col-w950_list_aw {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden;
        margin: 0px -20px;
        padding-left: 20px;
    }
}
@media screen and (max-width: 900px) {
    .layout-type01-3col-w950_aw>.layout-type01-3col-w950_list_aw>.layout-type01-3col-w950_item_aw:nth-child(1) {
        padding-top: 0;
    }
}
@media screen and (max-width: 900px) {
    .layout-type01-3col-w950_aw>.layout-type01-3col-w950_list_aw>.layout-type01-3col-w950_item_aw:nth-child(1n+1) {
        margin-left: -20px;
    }
}
@media screen and (max-width: 900px) {
    .layout-type01-3col-w950_aw>.layout-type01-3col-w950_list_aw>.layout-type01-3col-w950_item_aw {
    box-sizing: border-box;
    width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    }
}
@media screen and (max-width: 900px) {
    .layout-type01-3col-w950_aw>.layout-type01-3col-w950_list_aw>.layout-type01-3col-w950_item_aw>*:first-child {
        margin-top: 0;
    }
}
@media screen and (max-width: 900px) {
    .mobile-page-u96-image-type02_image_aw[data-sb-image-size-sp="auto"] {
        max-width: 100%;
        margin: auto;
    }
}

@media screen and (max-width: 900px) {
    .u-sp-d-n_aw {
        display: none !important;
    }
}

@media screen and (max-width: 900px) {
    .mobile-page-u96-image-type02_image_aw[data-sb-image-size-sp="auto"] {
        max-width: 100%;
        margin: auto;
    }
}  

/* --------------------------------------------------
2021-0907-1053
 online-shop/note/docs/with-applecare-services-b_aw/
 setting
-------------------------------------------------- */
















/* --------------------------------------------------
2021-1221-1447
-------------------------------------------------- */


.layout_type01_2col_w950_list {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin-bottom: 40px;
    /* margin: 0px -10px 40px; */
    /* padding-left: 10px; */
    justify-content: space-between;
}

.layout_type01_2col_w950_list .layout-type01-2col-w950_item {
    width:calc(50% - 5px); 
    box-sizing: border-box;
    /* padding-left: 10px; */
    margin-top: 10px;
}
.layout_type01_2col_w950_list .layout-type01-2col-w950_item :nth-child(2n+1) {

}
.layout_type01_2col_w950_list .layout-type01-2col-w950_item .box_applecare {
    border: solid 1px #bfbfbf;
    height: 100%;
    box-sizing: border-box;
}
.layout_type01_2col_w950_list .layout-type01-2col-w950_item .box_applecare .box_applecare_head {
    display: flex;
    align-items: center;
}
.layout_type01_2col_w950_list .layout-type01-2col-w950_item .box_applecare .box_applecare_head .img {
    width: 120px;
}
.layout_type01_2col_w950_list .layout-type01-2col-w950_item .box_applecare .box_applecare_head .img img {
    width: 100%;
}

.layout_type01_2col_w950_list .layout-type01-2col-w950_item .box_applecare .box_applecare_head .box_applecare_inner {
    padding-left: 20px;
}

.layout_type01_2col_w950_list .layout-type01-2col-w950_item .box_applecare .box_applecare_head .box_applecare_inner h4 {
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    margin-top: 0;
}

.layout_type01_2col_w950_list .layout-type01-2col-w950_item .box_applecare .box_applecare_box {
    border-top: solid 1px#bfbfbf;
    padding: 20px;
    height: calc(100% - 200px);
}

.border_l td:last-child {
    border-right: solid 1px #d8dadc!important;
}
.border_l th:first-child {
    border-left: solid 1px #d8dadc!important;
}
.border_l td:first-child {
    border-left: solid 1px #d8dadc!important;
}

.price_tbl tr td:last-child {
  text-align: right;
}
.fs_100 li {
  font-size: 100%!important;
}
 
.mb_4 {
  margin-bottom: 4px!important;
}

.fc_black {
  color: #333!important;
}

@media screen and (max-width: 900px) {
    .layout_type01_2col_w950_list {
        margin: 0 -10px 20px;
    }
    .layout_type01_2col_w950_list .layout-type01-2col-w950_item {
        width:100%;
        margin-left: 0px;
        padding-left: 0px;
    }
    .layout_type01_2col_w950_list .layout-type01-2col-w950_item:nth-child(1) {
        margin-top: 0;
    }
    .layout_type01_2col_w950_list .layout-type01-2col-w950_item .box_applecare .box_applecare_head .img {
        width: 90px;
    }
    .layout_type01_2col_w950_list .layout-type01-2col-w950_item .box_applecare .box_applecare_head .box_applecare_inner h4 {
        font-size: 1.4rem;
    }
    
}


@media screen and (max-width: 600px) {
    .layout_type01_2col_w950_list {
        margin: 0 -10px 20px 0;
        padding-left: 0;
        width: 100%;

    }
    .layout_type01_2col_w950_list .layout-type01-2col-w950_item {
        margin-left: 0px;
    }
}


body:not(.fw) a.link_pdf[target="_blank"]:not([href$="pdf"])::after {
    content: url(/site/set/common/p/img/icon-pdf.png);
}






/* --------------------------------------------------
2021-1221-1447
 online-shop/note/docs/with-applecare-services-b_aw/
 setting
-------------------------------------------------- */





/* --------------------------------------------------
2022-0314-1442
Sitecore移行準備
-------------------------------------------------- */

.sCore_mt0 {
  margin-top: 0!important;
}

/* --------------------------------------------------
2022-0314-1442
Sitecore移行準備
-------------------------------------------------- */