@charset "utf-8";


/* for Apple
----------------------------------------------------------------------*/
#header{padding-bottom: 5px;}

/*--------------------------------------
  gnav
---------------------------------------*/
.gnav .menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    margin: auto;

    align-items: stretch;
    justify-content:space-between; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.gnav .menu>li{
    text-align: center;
    width: 100%;
    line-height: 1;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
    position: relative;
}
.gnav .menu>.nav01:first-child:after{display: none;}
.gnav .menu>li>a{
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 100%;
    padding: 15px 0;
    text-decoration: none;
    line-height: 1.2;
    color: #fff;
}
.gnav .menu>li>a:hover{opacity: .5;}
.gnav .menu>li.nav01>a{background: #26499D;}
.gnav .menu>li.nav02>a{background: #26499D;}
.gnav .menu>li.nav03>a{background: #26499D;}
@media screen and (min-width: 767px) {
.gnav .menu>.nav01:after{
  content: '';
  width: 2px;
  height: 42px;
  left: 0;
  top: 18px;
  background: #fff;
  position: absolute;
}
.gnav .menu>li.nav02{
  background: #26499D;
}
.gnav .menu>li.nav02>a{
  font-size: 14px;
  background: #fff;
  border-radius: 24px;
  height: 48px;
  color: #1D50A2;
  text-align: left;
  margin-top: 8px;
  box-shadow: 4px 2px 2px #123674;
  width: calc(90% - 4px);
}
.gnav .menu>li.nav02>a:before{
    display: block;
    content:'';
    background: url("../images/apple/icon_cart.png") no-repeat;
    background-size: contain;
    width: 27px;height: 29px;
    vertical-align: bottom;
    margin-right: 10px;
}
.gnav .menu>li.nav03{
  background: #26499D;
}
.gnav .menu>li.nav03>a{
  font-size: 14px;
  background: #fff;
  border-radius: 24px;
  height: 48px;
  color: #F39939;
  margin-top: 8px;
  box-shadow: 4px 2px 2px #123674;
  width: calc(90% - 4px);
}
.gnav .menu>li.nav03>a:before{
    display: block;
    content:'';
    background: url("../images/apple/icon_search.png") no-repeat;
    background-size: contain;
    width: 21px;height: 26px;
    vertical-align: bottom;
    margin-right: 10px;
}

}

/*--------------------------------------
  contents
---------------------------------------*/

.breadCrumb{
    border-top: 1px solid #c9c9c9;
    /* border-bottom: 1px solid #c9c9c9; */
}
.breadCrumb ul{
    display: -webkit-flex;
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
}
.breadCrumb ul li{
    font-size: 87.5%;
}
.breadCrumb ul li:not(:first-child):before{
    content:'';
    display: inline-block;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    width: 4px;height: 4px;
    margin: 0 .5em;
    transform: rotate(45deg) translate(-2px,-1px);
}


.AppleInfo {   
    font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',"メイリオ", "ヒラギノ角ゴ Pro", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.6;
}
.AppleInfo *{
    box-sizing: border-box;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
}
.AppleInfo a{
    text-decoration: none !important;
    color: #000;
}
.AppleInfo a:hover{
    opacity: .5;
}
.AppleInfo .btnArea{
    text-align: center;
    margin: 50px auto;
}
.AppleInfo .btnBack{
    display: inline-block;
    background: #284db4;
    color: #fff;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    border-radius: 10px;
    padding: 16px 70px;
    width: 490px;
    position: relative;
    margin: 10px 40px;
}
.AppleInfo .btnBack:before{
    content:'';
    display: inline-block;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    width: 10px;height: 10px;
    transform: rotate(-45deg) translateY(-50%);
    position: absolute;
    left: 40px;top: 47%;
}
/**/
.contentsWidth{
    box-sizing: border-box;
    margin: auto;
    padding: 0 15px;
}
.bold{font-weight: bold;}
.bgBk{background: #000;}
.bgGr{background: #f2f2f2;}
.bgWrap{
    padding: 20px 0;
}
.taC{text-align: center !important;}

.taC .sim_buttons {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.taC .sim_buttons .btn01 {
    width: 490px;
    margin: -10px 28px 0;
    font-size: 150%;
}
/* title */
h1.pageTitle{
    max-width: 1280px;
    margin: auto;
    padding: 25px 0;
    border: none;
    text-align: center;
    font-size: 250%;
    line-height: 1.2;
    color: #1e50a2;
    font-weight: bold;
}
.secTitle{
    text-align: center;
    padding: 50px 0 40px;
    font-size: 160%;
    font-weight: normal;
    line-height: 1.2;
}


/* ========================================
  for apple
======================================== */
.mvApple{
    background: #000;
    color: #fff;
}
.mvApple .contentsWidth{
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mvApple .txt{
    text-align: center;
}
.mvApple p{
    
    margin-top: 2rem;
}
.mvApple .catch{
    font-weight: bold;
    font-size: 140%;
}
.mvApple .btn{
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 8px;
    width: 322px;height: 45px;
    line-height: 42px;
    font-size: 114%;
    text-align: center;
    position: relative;
}
.mvApple .btn:hover{
    background: #fff;
    color: #000;
    opacity: 1;
}
.mvApple .btn:after{
    content:'';
    display: inline-block;
    border-top: 2px solid #ed780f;
    border-right: 2px solid #ed780f;
    width: 4px;height: 4px;
    margin: 0 .5em;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;right: 15px;top: 47%;
}


.modelList{
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.modelBox{
    width: 48%;
    height: 290px;
    background: #fff;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
    padding: 30px 60px;
    position: relative;
    z-index: 2;
    margin-bottom: 40px;
}
.modelBox h3{
    font-size: 175%;
}
.modelBox .image{
    position: absolute;right: 30px;bottom: 0;z-index: -1;
}
.modelBox .arrList>li{
    margin-top: .8em;
}
.modelBox .arrList>li:before{
    content:'';
    display: inline-block;
    border-top: 2px solid #ed780f;
    border-right: 2px solid #ed780f;
    width: 4px;height: 4px;
    margin: 0 .5em;
    transform: rotate(45deg) translate(-2px,-1px);
    text-indent: .1em;
    margin-left: -.1em;
}

.bnrArea{
    border-top: 1px solid #c9c9c9;
    margin-top: 20px;
    padding-top: 56px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bnrArea a{display: inline-block;margin-bottom: 35px;}
/**/
.AppleInfo .btn01{
    display: block;
    padding: 12px 10px;
    background: #284db4;
    color: #fff;
    font-size: 145%;
    font-weight: bold;
    border-radius: 10px;
    position: relative;
    text-align: center;
}
.AppleInfo a.btn01:after{
    content:'';
    display: block;
    width: 14px;height: 14px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;right: 30px;top: 47%;
}
.AppleInfo .btn02{
    display: inline-block;
    width: 80%;
    height: 120px;
    line-height: 115px;
    
    border: 1px solid #F29800;
    background: #FFA815;
    background: linear-gradient(#FFB333, #FB9D00);
    color: #fff;
    font-size: 145%;
    font-weight: bold;
    border-radius: 10px;
    position: relative;
    text-align: center;
}
.AppleInfo a.btn02:after{
    content:'';
    display: block;
    width: 10px;height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;right: 5%;top: 47%;
}


/* ========================================
  for apple Shop
======================================== */
.mvAppleshop{
    background: #000;
    color: #fff;
    padding: 40px 0 50px;
    text-align: center;
}
.mvAppleshop .txt{
    margin-bottom: 30px;
}
.mvAppleshop p{
    
    margin-top: .5rem;
}
.mvAppleshop .catch{
    font-weight: bold;
    font-size: 140%;
    margin-top: 2rem;
}
.mvAppleshop li{background: #000;}
.mvAppleshop .bx-wrapper {margin-bottom: 0;}
.mvAppleshop .bx-wrapper .bx-pager{padding-top: 0;bottom: 30px;background: none;}
.mvAppleshop .bx-wrapper .bx-pager.bx-default-pager a{
    width: 18px;height: 18px;
    background: #fff;
}
.mvAppleshop .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #979797;
}
/**/
ul.tab01{
    border-bottom: none;
    margin-bottom: 0 !important;
}
ul.tab01>li{
    background: #fff;
    border-left: 2px solid #f2f2f2;
    padding: 20px 0;
    line-height: 1;
    font-size: 121%;
    font-weight: bold;
}
ul.tab01>li:first-child{
    border-left: none;
}
ul.tab01>li.resp-tab-active{
    background: #284db4;
    color: #fff;
    position: relative;
}
ul.tab01>li.resp-tab-active:before{
    content:'';
    display: block;height: 5px;width: 100%;
    background: #f3981d;
    position: absolute;left: 0;top: 0;
}
ul.tab02{
    background: #284db4;
    padding: 20px 25px;
    color: #fff;
    text-align: left;
}
ul.tab02 li{
    display: inline-block;
    line-height: 1.2;
    padding-right: 1em;
    vertical-align: middle;
}
ul.tab02 li:before{
    content:'';
    display: inline-block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 4px;height: 4px;
    transform: rotate(45deg);
    text-indent: .1em;
    margin: 0px 6px 3px 0;
}
ul.tabArea01{
    background: #284db4;
    padding: 15px 25px;
    color: #fff;
    text-align: center;
}
ul.tabArea01 li{
    display: inline-block;
    line-height: 1.2;
    padding-right: 1em;
    vertical-align: middle;
}
ul.tabArea01 li:before{
    content:'';
    display: inline-block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 4px;height: 4px;
    transform: rotate(45deg);
    text-indent: .1em;
    margin: 0px 6px 3px 0;
}
ul.tabArea02{
    background: #eee;
}
ul.tabArea02 li{
    line-height: 1.2;
    padding: 13px 10px 15px;
    border-left: 2px solid #fff;
}
ul.tabArea02 li:first-child{
    border-left: none;
}
ul.tabArea02 li.resp-tab-active{
    background: #284db4;
    color: #fff;
    position: relative;
}
ul.tabArea02>li.resp-tab-active:before{
    content:'';
    display: block;height: 5px;width: 100%;
    background: #f3981d;
    position: absolute;left: 0;bottom: 0;
}


.shopInfo .shopName{
    color: #284db4;
/*    font-size: 2.5rem;*/
    font-size: 156%;
    font-weight: bold;
    margin-bottom: 1rem;
}
.shopInfo .text p{line-height: 1.4;}
.shopInfo .tell{color: #284db4;}

.shopInfo .image img{width: 100%;}

.shopInfo2{
    padding: 40px 20px;
}
.shopInfo2 .text{
    padding: 15px 0;
    border-top: 1px solid #c4c4c4;
}
.shopInfo2 .text:last-child{
    border-bottom: 1px solid #c4c4c4;
}
.shopInfo2 .shopName{color: #284db4;font-weight: bold;}
.shopInfo2 p.tell {color: #284db4;font-weight: bold;}

.AppleInfo a.btnLocation,
.AppleInfo a.btnLocation2{
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #284db4;
    color: #fff;
    border-radius: 10px;
/*    font-size: 2.3rem;*/
    font-size: 145%;
    font-weight: bold;
    max-width: 490px;height: 73px;
    margin-top: 36px;
}
.AppleInfo .btnLocation:before,
.AppleInfo .btnLocation2:before{
    display: inline-block;
    content:'';
    background: url("../images/apple/appleshop/icon_location.svg") no-repeat;
    width: 20px;height: 100%;
    vertical-align: bottom;
    transform: translateY(25%);
    margin-right: 10px;
}
.AppleInfo a.btnLocation2{
    width: 260px;height: 60px;
    font-size: 120%;
    margin-top: 0;
}

.eventSche>dl{
    display: -webkit-flex;
    display: flex;
    padding: .5em 2em;
    border-bottom: 1px solid #d2d2d2;
}
.eventSche>dl dt{padding-right: 1em;}

.eventSche p{
    margin-top: 30px;
    padding-left: 1.5em;
    text-indent: -1.5em;
}

/**/
.shadowBox{
    background: #fff;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
    position: relative;
    z-index: 2;
    margin-bottom: 40px;
}


/**/
.preferentialList{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.preferentialList>li .point{
    text-align: center;
    color: #5e7ac7;
    font-size: 150%;
    padding: 16px 0;
}
.preferentialList>li .txt p{
    text-align: justify;
    font-size: 90%;
}


/* ========================================
  for shop
======================================== */
.mainSlide{
    padding-bottom: 30px;
}
.mainSlide .bx-wrapper .bx-pager{
    background: none;
    bottom: -20px;
}


.conShop .col3List img{ max-width: 100%;}
.conShop .btnCareer{
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 118px;
    margin-bottom: 30px;
    position: relative;
}
.conShop .btnCareer > img {
    max-width: 80%;
    width: auto;
    max-height: 100%;
    height: auto;
    margin: auto;
}
.conShop .btnCareer:after,
.conShop .btnList a:after{
    content:'';
    border-style: solid;
    border-width: 9px 0 9px 16px;
    border-color: transparent transparent transparent #1e50a2;
    position: absolute;top: 50%;right: 12px;
    transform: translateY(-50%);
}
.conShop .btnList a{
    display: block;
    max-width: 360px;
    margin: 0 auto 10px;
    border: 2px solid #1e50a2;
    background: #fff;
    color: #1e50a2;
    font-size: 120%;
    line-height: 1;
    font-weight: bold;
    padding: .8em 26px;
    border-radius: 50px;
    margin-bottom: 10px;
    position: relative;
}
.conShop .btnList a:after{
    border-width: 6px 0 6px 10px;
}
.conShop .note{
    line-height: 1.3;
    padding: 30px;
}
.conShop a.btn01{
    width: 490px;
    margin: -10px auto 0;
    font-size: 150%;
}
.conShop .btn01Note{
    text-align: center;
    padding-top: 8px;
}
.conCareer .bigBnr{margin-top: 20px;padding-top: 30px;text-align: center;}

.rakuten a.btn01 {
    margin: 22px auto 8px;
}

.conShop .linkOut {
    display: -webkit-flex;
    display: flex;
    justify-content: space-evenly;
}
.conShop .linkOut a {
    width: 40%;
    margin: 25px 0 0;
}
.conShop .linkOut .btn {
    font-size: 180%;
}

.conShop .linkOut .btn1,
.conShop .linkOut .btn2 {
    width: 100%;
}

.conShop .linkOut .btn1 {
    background: #000000 !important;
}

.conShop .linkOut .btn2 {
    border: 1px solid #f25d00 !important;
    background: #ff7e33 !important;
}

.conShop .linkOut a.btn:after {
    display: none !important;
}

.conShopTop > .secTitle {
    margin-top: 20px;
    color: #1e50a2;
    font-weight: bold;
    font-size: 160%;
}

.conShopTop .contentsWidth .iPadbanner {
    text-align: center;
    padding: 20px 0;
}

.conShop .secTitle {
    padding: 20px 0 40px;
}

/* ========================================
  for Career
======================================== */
h1.pageLogoTitle {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 25px 0;
    border: none;
    text-align: center;
    font-size: 181%;
    line-height: 1.2;
    color: #1e50a2;
    font-weight: bold;
}

h1.pageLogoTitle img{
    height: 80px;margin-right: 10px;
}

h3.pageSubTitle {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 25px 25px 0 25px;
    border: none;
    text-align: center;
    font-size: 150%;
    line-height: 1.2;
    color: #1e50a2;
    font-weight: bold;
}

.reservFlow{
    counter-reset: item;
    margin-bottom: 50px;
}
.reservFlow li{
    padding: 20px;
    font-size: 100%;
    position: relative;
}
.reservFlow li:before {
  counter-increment: item;
  content: counter(item);
    
    border-radius: 100%;
    background: #f3981d;
    color: #fff;
    font-weight: bold;
    font-size: 148%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;align-items: center;
    width: 32px;height: 32px;
    margin:0 auto 15px;
}
.reservFlow li:after {
    content:'';
    display: block;
    position: absolute;right: -22px;top: 50%;
    border-style: solid;
    border-width: 30px 0 30px 22px;
    border-color: transparent transparent transparent #284db4;
    transform: translateY(-50%);
}
.reservFlow li:last-child:after {
    display: none;
}
.conCareer .tabConP{padding: 35px 50px;}
.conCareer .shopList {padding-bottom: 40px;}
.conCareer .shopList .note{padding: 0 50px 50px;margin-top: -10px;}
.tableSt02{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #d2d2d2;
}
.tableSt02 th{background: #efefef;font-weight: bold;}
.tableSt02 th,
.tableSt02 td{
    padding: 20px;
    line-height: 1.2;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
}
.tableSt02 .colCity{width: 15%;text-align: left;}
.tableSt02 .colShopname{width: 40%;text-align: left;}
.tableSt02 .colLink{width: 45%;}

.conCareer .section_wrap {
    margin-bottom: 60px;
}

.conCareer .section_wrap section {
    padding: 40px 15px 20px;
}

.conCareer .section_wrap .secTitle {
    color: #1e50a2;
    font-weight: bold;
    padding: 0 0 40px;
}

.conCareer .btn {
    display: block;
    padding: 12px 10px;
    color: #fff;
    font-size: 145%;
    font-weight: bold;
    border-radius: 10px;
    position: relative;
    text-align: center;
}

.conCareer .btn1 {
    background: #284db4;
    border: none;
}

.conCareer .btn2 {
    background: #ff7e33;
    border: none;

}

.conCareer a.btn {
    width: 760px;
    margin: -50px auto 40px;
    font-size: 150%;
}

.conCareer a.btn:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ffffff;
    transform: translateY(-50%);
    position: absolute;
    left: 28px;
    top: 47%;
}

.conCareer .info-primary {
    font-size: 145% !important;
}
.conCareer .benefitsMain {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
.conCareer .benefitsMain img{
    margin: auto;
    max-width: 100%;
}

.shopList .secTitle {
padding: 20px 0 40px 0;
}

/* ========================================
  for product
======================================== */
.noteArea{
    background:#f2f2f2; 
    padding:2em;
    margin: 0 auto 50px;
    text-align: left;
    font-size: 68%;
    max-width: 1210px;
}
.bgBk .noteArea{background: #222;color: #666;}
.noteArea .list_decimal{
    margin-bottom: 1em;
}
.noteArea .list_decimal li{
    list-style-type: decimal;
    margin-left: 1.8em;
}
.noteArea p{margin-bottom: 1em;}
.noteArea a{color: #316AC5;text-decoration: underline;}

.imgConWrap {text-align: center;}
.imgConWrap img{vertical-align: top;}

.tableBtnArea{
    width: 100%;
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
}
.tableBtnArea td{
    width: 33%;
    text-align: left;
}
/**/
.txtL {text-align: left !important;}
.txtR {text-align: right !important;}
.fnt10 { font-size: 0.71428571rem;}
.fnt12 { font-size: 0.857142852rem;}
.fnt14{ font-size:1rem;}
.fnt16{ font-size:1.142857136rem;}
.area2list {overflow: hidden;}
.area2list li {
    float: left;
    width: 48.9%;
    margin-left: 2.2%;
}
.area2list li:nth-child(2n+1){margin-left: 0;clear: both;}
.w20p { width: 20% !important;min-width: 112px;}
.p10 { padding: 10px !important;}
.p20 { padding: 20px !important;}
.mr30 { margin-right: 30px !important;}
.ml30 { margin-left: 30px !important;}
.small_caps { font-size: 60%;}
/**/
.list_disc li {
    list-style-type: disc;
    margin-left: 1.3em;
}

.btnAlone{
    margin: 10px auto 50px;
    text-align: center;
    max-width: 800px;
}

/* PC ONLY
---------------------------------------*/
@media screen and (min-width: 769px) {
	.sp {display: none !important;}
    .bgWrap{min-width: 1280px;}
    .gnav .menu{width: 1280px;}
    .contentsWidth{width: 1280px;}
    .pb60{padding-bottom: 60px;}
    
    ul.tabArea01,
    ul.tab02{display: block;}
    .session{
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
    }
    .session>li{
        width: 48%;
        padding: 30px;
    }
    .session>li aside{
        float: left;
        margin-right: 20px;
    }
    .session>li p{
        overflow: hidden;
    }
    .shopInfo{
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 60px;
    }
    .shopInfo .image,
    .shopInfo .text{width: 48%;font-size: 114%;}
    .shopInfo2 .text{
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .shopInfo2 .shopName{width: 32%;}
    .shopInfo2 p{width: 30%;padding-left: 10px;}
    .shopInfo2 p.tell{width: 13%;}
    .shopInfo2 p.btn{width: 25%;}
    .eventSche{
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between;
        padding: 0 60px 60px;

    }
    .eventSche>dl{
        width: 48%;

    }
    .eventSche>dl:nth-child(1),
    .eventSche>dl:nth-child(2){
        border-top: 1px solid #d2d2d2;
    }
    .eventSche>dl:nth-child(4n-2),
    .eventSche>dl:nth-child(4n-3){
        background: #efefef;
    }
    
    .preferentialList>li{
        width: calc(100% / 4 - 20px);
        padding: 30px;
        margin-left: 20px;
        margin-bottom: 20px;
    }
    .preferentialList>li:nth-child(4n+1){
        margin-left: 0;
    }
    .preferentialList>li .image{
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 105px;
    }
    .preferentialList>li .image{
        max-height: 100%;
    }
    
    /* shop */
    .mainSlide li img{width: 397px;}
    .mainSlide .bx-wrapper li img{width: 740px;}
    .col3Wrap,
    .col3List,
    .col4Wrap{
        display: -webkit-flex;
        display: flex;
    }
    .col3List{
        flex-wrap: wrap;
        justify-content: center;
    }
    .col3List>li{
        width: calc(100% / 3 - 20px);
        margin-left: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .resizeSlider>li {
        width: calc(100% / 3 - 20px) !important;
    }
    .col3List>li:nth-child(3n+1){margin-left: 0;}
    .col3Wrap, .col4Wrap{justify-content: space-between;}
    .col3Wrap>*{
        width: calc(100% / 3 - 32px);
    }
    .col4Wrap>*{
        width: calc(100% / 4);
        padding: 0 22px;
    }
    /**/
    .reservFlow{
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }
    .reservFlow>li{
        width: calc(100% / 5 - 38px);
    }
    /**/
    .imgConWrap>img{
        display: block;
        margin-left: auto;margin-right: auto;
        max-width: 100%;
        height: auto;
        width /***/: auto;
    }
    .AppleInfo .btnArea{
        width: 1280px;
    }
    .resizeSlider {
        transform: none !important;
    }
}


/* SP ONLY
---------------------------------------*/
@media screen and (max-width: 768px) {
	.pc {display: none !important;}
	img{max-width: 100%;height: auto;}
    .pb60{padding-bottom: 30px;}
    
    #header,
    #AddressBox,
    #footer{overflow: hidden;}
    #AddressBox,
    #footer{min-width: auto;}
    #header,
    #AddressBox p,
    #footer ul.bottomList,
    #footer .bottomBox .MainWidth{width: auto;}
    #AddressBox,
    #footer ul.outside,
    #footer div.line{display: none;}
    #footer{background: none;padding: 0;margin-top: 15px;}
    #footer .bottomBox{border-top: none;}
    
    .contents{width: 100%;overflow: hidden;}
    .contentsWidth{padding-left: 20px;padding-right: 20px;}
    /**/
    #header{padding: 5px 15px;}
    #header .hd_logo{margin: 0;}
    #header .hd_logo img{
        width: auto;
        height: 30px;
    }
    .menuOpen{position: relative;height: 100vh;overflow: hidden;}
    .menuOpen:after{
        content:'';
        display: block;
        background: rgb(0,0,0,.6);
        width: 100vw;height: 100vh;
        position: absolute;top: 0;left: 0;z-index: 2000;
    }
	.spMenu {
		position: fixed;
		right: -65vw;
		top: 0;
		width: 65vw;
		height: 100vh;
        background: #fff;
            transition: .3s;
        z-index: 2001;
	}
    .menuOpen .spMenu {right: 0;}
    .gnav .menu{flex-wrap: wrap;margin-top: 56px;}
    .gnav .menu>li{
        font-size: 88%;
        width: 100%;
        border-top: 1px solid #fff;
        border-left: none;
    }
    .gnav .menu>li>a{padding: 10px 0;}
    .gnav .menu>li>a br{display: none;}
    .gnav .menu>.nav03>a br{display: block;}
    .gnav .menu>li.nav02>a:after,
    .gnav .menu>li.nav03>a:after{
        content:'';
        display: inline-block;
        width: 16px;height: 12px;
        margin-left: 6px;
        background: url("../images/apple/icon_blank.png") no-repeat;
        -webkit-background-size: 16px auto;
        background-size: 16px auto;
    }
	
	
	/* ---------- menu-trigger ---------- */
	.menu-trigger{
        border: 1px solid #c9c9c9;background: #fff;
        position: absolute;z-index: 2002;right: 15px;top: 7px;
        height: 42px;width: 42px;
        color: #1e50a2;
        padding-top: 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 62%;
        text-align: center;
    }
	.menu-trigger .icon:before,
    .menu-trigger .icon:after {
        content:'';
    }
	.menu-trigger .icon,
	.menu-trigger .icon:before,
	.menu-trigger .icon:after {
		display: block;
		transition: all .4s;
		box-sizing: border-box;
        
		position: absolute;
		left: 15%;top: 35%;
		width: 70%;
		height: 3px;
		background-color: #1e50a2;
		border-radius: 2px;
        transform: translateY(-1px)
	}
    .menu-trigger .icon:before,
	.menu-trigger .icon:after{width: 100%;left: 0;}
    .menu-trigger .icon:before{
        transform: translateY(-8px);
    }
	.menu-trigger .icon:after {
        transform: translateY(6px);
    }

	.menuOpen .menu-trigger .icon:before {
		-webkit-transform: translateY(-1px) rotate(-135deg);
		transform: translateY(-1px) rotate(-135deg);
	}
	.menuOpen .menu-trigger span {
		background: #fff;
	}
	.menuOpen .menu-trigger .icon:after {
		-webkit-transform: translateY(-1px) rotate(135deg);
		transform: translateY(-1px) rotate(135deg);
	}
    

    .breadCrumb{border: none;}
    .breadCrumb ul{padding-top: 7px;padding-bottom: 7px;overflow: scroll;}
    .breadCrumb ul li{font-size: 80%;white-space: nowrap;}
    h1.pageTitle{font-size: 140%;padding: 10px 0;}
    .secTitle{font-size: 117%;padding: 20px 0 15px;}
    .bgWrap{padding: 25px 0 5px;}
    
    
    /* apple */
    .mvApple {padding: 20px 0 25px;}
    .mvApple .txt{margin-bottom: 15px;}
    .mvApple h2 img{height: 35px;}
    .mvApple p{font-size: 88%;margin-top: 1em;text-align: center;}
    .mvApple p.catch{text-align: center;margin-top: 15px;text-indent: .5em;}
    .mvApple .contentsWidth{display: block;}
    
    .modelList{display: block;}
    .modelBox{width: 100%;padding: 15px 20px;height: 11.5rem;margin-bottom: 15px;}
    .modelBox h3{font-size: 110%;}
    .modelBox .arrList{}
    .modelBox .arrList>li{font-size: 83%;line-height: 1.3;margin-top: 6px;}
    .modelBox .image{width: 29vw;right: 10px;height: 9rem;text-align:right;padding: 10px 0 0;}
    .modelBox .image img{height: 100%;}
    .modelBox .image.ipad7{width: 45%;right: 0;}
    .modelBox .image.aWatch{width: 30%;right: 10px;}
    .bnrArea{margin-top: 40px;padding-top: 30px;}
    .bnrArea a{margin-bottom: 20px;}
    .AppleInfo .btn01{border-radius: 5px;}
    /* appleshop */
    .mvAppleshop {padding: 20px 0 25px;}
    .mvAppleshop .txt{margin-bottom: 15px;}
    .mvAppleshop h2 img{height: 35px;}
    .mvAppleshop p{text-align: left;font-size: 88%;}
    .mvAppleshop p.catch{text-align: center;margin-top: 15px;text-indent: .5em;}
    .mvAppleshop .bx-wrapper .bx-pager{bottom: 10px;}
    .mvAppleshop .bx-wrapper .bx-pager.bx-default-pager a{width: 11px;height: 11px;}
    #tabArea.shadowBox,
    #tabArea2.shadowBox{
        box-shadow: 0 0 0 #fff;
    }
    #tabArea2{margin-bottom: 40px;}
    .shopInfo{
        display: block;
        padding: 15px;
    }
    .shopInfo .shopName{font-size: 100%;margin-bottom: 0;margin-top: 15px;}
    .shopInfo2 p{font-size: 88%;}
    .AppleInfo a.btnLocation{margin-top: 15px;}
    .AppleInfo a.btnLocation,
    .AppleInfo a.btnLocation2{
        font-size: 100%;
        height: 46px;
    }
    .AppleInfo .btnLocation:before,
    .AppleInfo .btnLocation2:before{
        width: 14px
    }
    .eventSche{
        padding: 0 15px 15px;
    }
    .eventSche>dl{font-size: 80%;padding: 5px 1em;}
    .eventSche>dl:first-child{border-top: 1px solid #d2d2d2;}
    .eventSche>dl:nth-child(2n+1){background: #efefef;}
    .eventSche p{font-size: 80%;margin-top: 15px;}
    .session li{padding: 15px;font-size: 80%;margin-bottom: 20px;}
    .session>li aside{margin: 0 0 5px;text-align: center;}

    .shopInfo2{padding: 0 15px 20px;    }
    .shopInfo2 .text:first-child{border: none;}
    .shopInfo2 .text{border-bottom: none;border-top: 1px solid #d2d2d2;padding: 20px 0;}
    .shopInfo2 .shopName{margin-bottom: 5px;}
    .shopInfo2 p.tell {font-weight: normal;}
    .shopInfo2 p.tell a{color: #284db4 !important;}
    .shopInfo2 p.btn{margin-top: 12px;}
    .AppleInfo a.btnLocation2{width: 100%;}
    
    .preferentialList>li {padding: 15px;}
    .preferentialList>li .image{text-align: center;height: 50px;}
    .preferentialList>li .image img{height: auto;max-width: 50px;}
    .preferentialList>li .point{font-size: 80%;padding: 5px 0;}
    .preferentialList>li .txt p{font-size: 70%;}
    .AppleInfo .btnArea{margin: 20px 0;}
    .AppleInfo .btnBack{
        width: 80%;
        font-size: 90%;
        margin: 5px auto;
        padding: 10px 40px;
        border-radius: 5px;
    }
    .shadowBox{margin-bottom: 20px;}
    /* SHOP */
    .mainSlide{padding-bottom: 30px;}
    .mainSlide .bx-wrapper .bx-pager.bx-default-pager a{height: 10px;width: 10px;margin: 0 3px;}
    .conShop .btnCareer {height: 65px;margin-bottom: 15px;}
    .conShop .btnCareer img{height: 100%; width: auto;}
    .conShop .col3Wrap dd p{font-size: 75%;margin-top: -10px;margin-bottom: 15px;text-align: center;}
    .conShop .note{font-size: 75%;padding: 0 0 20px;}
    .conShop a.btn01{
        display: block;
        padding: 8px 5px;
        margin: 0 auto;width: auto;font-size: 100%;
    }
    .conShop a.btn01:after{
        width: 10px;height: 10px;
        border-width: 2px;
        right: 5%;
    }
    .conShop .btn01Note{font-size: 75%;margin-bottom: 10px;}
    .conShop .btnList a{font-size: 100%;}
    .conShop .bigBnr{padding: 15px;}
    .conShopTop > .secTitle {font-size: 90%; margin-top: 0;}
    .conShop .linkOut {display: block; padding: 0 0 25px 0;background: #f2f2f2!important; }
    .conShop .linkOut a{
        text-align: center; display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        height: 65px;
        margin-bottom: 15px;
        width: 100%;
        margin-top: 0;
}
    .conShop .linkOut a:after {
        content: '';
        border-style: solid;
        border-width: 9px 0 9px 16px;
        border-color: transparent transparent transparent #1e50a2;
        position: absolute;
        top: 50%;
        right: 32px;
        transform: translateY(-50%);
    }
    .conShop .linkOut .btn{
        width: 230px;
        font-size: 140%;
        margin: 0 auto;
        position: relative;
        padding: 5px;
        height: auto;    }

    .conShopTop .info-primary-wrap {margin-top: 23px ​!important;}
    .conShop .android a {display: block;}
    .conShop .android .btn {width: 100%; margin-top: 20px;}
    .conShop .android .btn1 {background: #a4ca39;}
    /* Career */
    h1.pageLogoTitle{font-size: 140%;padding: 10px 0;}
    h1.pageLogoTitle img{display: none;}
    h3.pageSubTitle {font-size: 110%;padding: 10px 10px 0 10px;}
    .reservFlow li{
        padding: 15px 20px 15px 60px;
        margin-bottom: 25px;
        font-size: 75%;
        line-height: 1.4;
    }
    .reservFlow li:before{
        position: absolute;
        top: 50%;left: 15px;
        transform: translateY(-50%);
    }
    .reservFlow li:after{
        border-width: 15px 22px 0 22px;
        border-color: #284db4 transparent transparent transparent;
        right: 50%;top: auto;bottom: -15px;
        transform: translate(50%, 0);
    }
    .conCareer .tabConP{padding: 0;background: #fff;}
    .tableSt02{border: none;}
    .tableSt02 th,
    .tableSt02 td{
        border-left: none;
        border-right: none;
    }
    .tableSt02 th{height: 0;opacity: 0;padding: 0;line-height: 0;border: none;}
    .tableSt02 .colCity{width: 20%;}
    .tableSt02 .colShopname{width: 50%;}
    .tableSt02 .colLink{width: 30%;}
    .tableSt02 td{padding: 8px 5px;font-size: 80%;}
    .tableSt02 td:first-child{padding-left: 15px;}
    .tableSt02 td:nth-child(2){color: #284db4;font-weight: bold;}
    .tableSt02 td:last-child{padding-right: 15px;}
    .tableSt02 tr:nth-child(2) td{border-top: none;}
    .conCareer .section_wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
    .conCareer .shopList .note{padding: 20px 15px;margin-top: 0;font-size: 75%;}
    .conCareer a.btn01{
        font-size: 80%;
        padding: 5px;
        border-radius: 5px;
    }
    .conCareer a.btn01:after{display: none;}
    .conCareer a.btn {
        width: auto;
        font-size: 68%;
        margin: -50px auto 20px; 
    }
    .conCareer a.btn:after {
        border-width: 5px 0 5px 5px;
        left: 10px;    }
    .conCareer .info-primary {
        font-size: 14px !important;
    }
    .conCareer .benefitsMain {padding: 0 20px;}
    .conCareer ul.simfree li:not(:last-child) {
        margin-bottom: 30px;
    }
    
    /**/
    .AppleInfo .btn02{
        font-size: 100%;
        height: 45px;
        line-height: 45px;
        border-radius: 5px;
    }
    .AppleInfo a.btn02:after{
        width: .5em;height: .5em;
        border-width: 2px;
    }
    
    .btnAlone {margin: 5px auto 25px;}
    .btnAlone .btn01{font-size: 90%;width: 80%;margin: auto;}
    .btnAlone a.btn01:after{width: 10px;height: 10px;}
    
    .taC .sim_buttons {
        display: block;
        justify-content: center;
        margin-bottom: 0;
    }
    
    .taC .sim_buttons .btn01 {
        width: auto;
        margin: 0 auto 10px;
        font-size: 80%;
        padding: 5px;
    }
    .rakuten a.btn01 {margin: 0 auto 8px;}

}

.taC img{
    display: block;
    margin: 0 auto;
}

.appleWatchImg{
    width: 100%;
    max-width: 100%;
    height: auto;
}

.AppleInfo .info-danger {
    font-size: 17px;
    font-weight: bold;
    color: red;
    text-align: center;
    padding-bottom: 20px;
    margin-top: 20px;
    width: 100%;
    display: inline-block;
}

.AppleInfo .info-primary {
    padding-bottom: 20px;
    /* margin-top: -20px; */
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    line-height: 1.2;
    color: #1e50a2;
    font-weight: bold;
}

.AppleInfo .info-danger span,
.AppleInfo .info-primary span {
    text-decoration: underline;
}

.simfree .col3List>li {
    margin: 0 30px !important;
}

.simfree .secTitle {
    padding: 20px 0;
    font-size: 170%;
}

.conShopTop > .temporaryLink {
    margin-top: 0;
    padding: 20px 0 0;
    font-size: 140%;
}

.conShopTop > .temporaryLink a {
    text-decoration: underline !important;
}

.watch_temporary_text {
    text-align: center;
    padding: 20px 13.9vw;
}
.watch_temporary_text *{
    display: block;
}
.watch_temporary_text > h3 {
    font-size: 150%;
    margin-bottom: 20px;
}
.watch_temporary_text > p {
    margin-bottom: 20px;
}
.watch_temporary_text .text-md {
    font-size: 110%;
}
.watch_temporary_text .text-sm {
    font-size: 80%;
}
.watch_temporary_text > p:last-of-type {
    text-align: left;
}

@media screen and (max-width: 768px){
    .AppleInfo .info-danger {
        font-size: 14px;
        padding-bottom: 20px;
    }
    .AppleInfo .info-primary {
        font-size: 16px;
    }
    .simfree .col3List>li {
        margin: 0 !important;
        text-align: center;
    }
    .simfree .col3List>li:not(:last-of-type) {
        margin: 0 0 30px 0 !important;
    }
    .simfree .info-primary-wrap {
        margin-top: -10px !important;
        margin-bottom: 10px !important;
    }
    .conShopTop > .temporaryLink {
        font-size: 100%;
        padding: 20px;
    }
    .watch_temporary_text {
        text-align: center;
        padding: 20px 10vw;
    }    
}

/* ========================================
    モデル選択ボタン
======================================== */
.ed_main_ecbo {
        width: 1240px;
        margin: 0 auto;
    }

    @media screen and (min-width:961px) {
        .sp {
        display: none;
        }

        .ed_main_ecbo img {
        width: 1240px;
        }

        /* モデル選択ボタン */
        p.modeltitle_ew {
        margin-bottom: 25px;
        margin-top: -15px;
        color: gray;
        font-size: 1.4em;
        }

        div.selectitem_ew {
        background-color: #ffffff;
        padding: 40px;
        width: 500px;
        text-align: center;
        padding-bottom: 35px;
        }

        /* モデル選択ボタン */
    }

    @media screen and (max-width:960px) {
        .ed_main_ecbo {
        width: auto;
        }

        .ed_main_ecbo img {
        width: 100%;
        vertical-align: bottom;
        }

        .pc {
        display: none;
        }

        .sp {
        line-height: 0;
        }

        /* モデル選択ボタン */
        p.modeltitle_ew {
        margin-bottom: 25px;
        margin-top: -15px;
        color: gray;
        font-size: 1.4em;
        }

        div.selectitem_ew {
        background-color: #ffffff;
        padding: 40px;
        width: 100%;
        text-align: center;
        }

        /* モデル選択ボタン */
    }

    .itembtn_ew {
        margin: 0 auto;
        border: 1px solid gray;
        width: 13em;
        border-radius: 15px;
        padding: 5px;
    }

    /* モデル選択ボタン */

    .selectitem_ew a {
        text-decoration: none;
    }

    .selectitem_ew a:link,
    .selectitem_ew a:visited,
    .selectitem_ew a:hover,
    .selectitem_ew a:active {
        color: gray;
    }

    /* 2022/9/6 Whizz追加 */
    ul.tab02 li:hover,
    ul.tab02 li.resp-tab-active {text-decoration: underline;}
    .temporary_message, .temporary_message_sub {padding-bottom: 10px; text-align: center;}
    .temporary_message_sub {padding-bottom: 25px;}
    @media screen and (max-width: 768px){
        .temporary_message {font-size: 110%;}
        .temporary_message_sub {font-size: 90%;}
        .temporary_message_sub {padding-bottom: 10px;}
    }
    .taC.imgConWrap img {margin: -1px auto;}