body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ""; }
abbr, acronym { border: 0; }
ul { list-style: none; }
a {  text-decoration: none; }
a:focus {  outline: none; }
a:link {  color: #0066aa; text-decoration: none;}
a:visited { color: #0066aa;  text-decoration: none; }
a:hover { color: #0066aa; text-decoration:underline;}
a:active { color: #0066aa; text-decoration: none; }
input,button,textarea,select { font-size: 100%; margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; appearance: none; }
hr { display: block; border: none; padding: 0; margin: 0; }
svg { width: 100%; }
img {vertical-align: middle;}
.slick-slide {outline: none!important;}

@font-face {
  font-family: 'Noto Sans CJK JP Subset';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans CJK JP'),
       local('NotoSansCJKjp-Regular'),
       local('NotoSansJP-Regular'),
       url('NotoSansCJKjp-Regular.woff2') format('woff2'),
	     url('NotoSansCJKjp-Regular.woff') format('woff'),
	     url('NotoSansCJKjp-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans CJK JP Subset';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans CJK JP'),
       local('NotoSansCJKjp-Medium'),
       local('NotoSansJP-Medium'),
       url('NotoSansCJKjp-Medium.woff2') format('woff2'),
	     url('NotoSansCJKjp-Medium.woff') format('woff'),
	     url('NotoSansCJKjp-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans CJK JP Subset';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans CJK JP'),
       local('NotoSansCJKjp-Bold'),
       local('NotoSansJP-Bold'),
       url('NotoSansCJKjp-Bold.woff2') format('woff2'),
	     url('NotoSansCJKjp-Bold.woff') format('woff'),
	     url('NotoSansCJKjp-Bold.ttf') format('truetype');
}


.bar {background: #eb5505; height: 100px; width: 3px; animation-name: sizeScale; animation-duration: 9s; opacity: 0; /*animation-fill-mode:forwards*/ animation-iteration-count:infinite; }
.barWrap.c2 .bar { background: #ffcc66; }

.circleWrap { position: absolute; border: 8px solid #eb5505; border-radius: 50%; animation-name: circleScale; animation-duration: 5s; /*animation-fill-mode:forwards*/ animation-iteration-count:infinite}
.circleWrap.c2 { border-color: #ffcc66;} 
/*
.fadeIn { transform: translate(0, 100px); opacity: 0; transition: 1.2s; transition-delay: .6s; }
.fadeIn.on { transform: translate(0, 0); opacity:1; }
*/
@keyframes circleScale {
  0% {
    opacity:0;
    transform: scale(1)
  }
  5% {
    opacity:.6;
  }
  80% {
    opacity:.6;
  }
  100% {
    opacity:0;
    transform: scale(3)
  }
}

@keyframes sizeScale {
  0% {
    transform: translate(150px, -150px) skewX(-45deg);
    opacity:0;
  }
  15% {
    transform: translate(50px, -50px) skewX(-45deg);
    opacity:.8;
  }
  85% {
    transform: translate(50px, -50px) skewX(-45deg);
    opacity:.8;
  }
  100% {
    transform: translate(-50px, 50px) skewX(-45deg);
    opacity:0;
  }
}
/*.contentBox { font-family:'Noto Sans','Noto Sans JP','Noto Sans CJK JP','Noto Sans CJK JP Subset',sans-serif; font-weight: 400;}*/
#serviceDetail { /*background: #f5f5f7;*/ }

@media screen and (min-width: 768px) {
  .attBox{max-width: 980px; margin: 0 auto 20px;    border: 1px solid #d1d1d1;background-color: #fdeee6;padding: 20px; text-align: left;}
    .attBox2{max-width: 980px; margin: 20px auto 20px;    border: 1px solid #ff0800;background-color: #fff;padding: 20px; color: #ff0800; text-align: center;}
    .attBox .tit{ font-weight: bold; margin: 0 auto 10px;}
    .attBox2 .txt{ margin: 0 auto 20px;}
    .attBox .date{margin: 10px auto 0; color: #777; font-size: 12px;}
    .attBox2 a:link,.attBox2 a:active,.attBox2 a:hover,.attBox2 a:visited{color: #ff0800;}

    .ulBnr{max-width: 980px; margin: 0 auto 50px;}
    .ulBnr > li:not(:last-child){margin: 0 auto 20px;}
    .ulBnr > li a:hover{opacity: .6;}
    .ulBnr > li img{width: 100%;}
    .link-window-orange{    padding-right: 13px;}
    .link-window-orange::after{
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -4.5px;
      background-image: url(/etc.clientlibs/settings/wcm/designs/au-com/clientlib-site/resources/images/icon/icon_sprite.png);
      background-position: -22.5px -100px;
      width: 9px;
      height: 9px;
      background-size: 121px 118px;
  }
  #serviceDetail,
  #serviceDetail2,
  #howToApplication,
  #howToApplication2,
  .attentionNote { padding: 60px 20px; text-align: center; font-size: 18px; }
  h1,#mv,#mv2 { text-align: center;}
  /*h1 img { width: 400px;}*/
  #mv img,#mv2 img { width: 100%; max-width: 980px; margin-bottom: 40px; }
  
  #mv11 h1 { font-weight: bold; font-size: 26px; line-height: 1.2; }
  #mv11 h1 span { color:#b39161; font-size: 200%; }
  #mv11 p { font-weight: bold; font-size: 26px; text-align: center; padding-top: 5%; }
  #mv11 p.mvNote { font-size: 16px;}
  #mv11 { text-align: center; max-width: 980px; display:flex; align-items: center; margin: 0 auto 40px; }
  #mv11 > div:first-child { width:40%; padding: 0; /*background: #000;*/}
  #mv11 > div:first-child video { width:100%; }
  #mv11 > div:last-child { width:60%; }
  #mv11 > div:last-child img { width:100%; }
  
  #mv10 h1 { font-weight: bold; font-size: 26px; line-height: 1.2; }
  #mv10 h1 span { color:#f9253c; font-size: 200%; }
  #mv10 p { font-weight: bold; font-size: 26px; text-align: center; padding-top: 5%; }
  #mv10 p.mvNote { font-size: 16px;}
  #mv10 { max-width: 980px; display:flex; margin: 0 auto 40px; align-items: center; }
  #mv10 > div:first-child { width:40%; }
  #mv10 > div:first-child video { width:100%; }
  #mv10 > div:last-child { width:60%; }
  #mv10 > div:last-child img { width:100%; }

  .cmVideo { text-align: center; max-width: 946px; display:flex; align-items: center; margin: 0 auto 40px; }
  .cmVideo > div:first-child { height: 0; padding-top: 28.4%; width: 50%; position: relative; }
  .cmVideo > div:first-child iframe { width:100%; height: 100%; position: absolute; top: 0; left: 0; }
  .cmVideo > div:last-child { width:50%; padding: 5%; }
  .cmVideo > div:last-child p { font-size: 20px; font-weight: bold; text-align: left; line-height: 1.6; }
  
  #howtofanBox{ padding: 80px 0 0; text-align: center; /*display: none;*/  }
  #howtofanBox h2 { color:#FA243C; padding: 0 0 40px;  font-size: 36px; font-weight: bold; text-align: center; }
  #howtofanBox ul { display: flex; justify-content:space-around; align-items: flex-start; flex-wrap: wrap; max-width: 980px; margin: 0 auto; }
  #howtofanBox ul li { width: 48%;  margin-bottom: 20px; }
  #howtofanBox ul li img { width: 100%; }

  #howtofanBox ul.v13 { align-items: initial;}
  #howtofanBox ul.v13 li { border-radius: 10px; background: rgb(0, 0, 0); background: linear-gradient( 220deg, rgb(0, 0, 0)0%, rgba(21,21,21,1) 80%, rgba(181,181,181,1) 100%); color: #b39161; font-weight: bold; display: flex; align-items: center; padding: 30px 20px; font-size: 24px; }
  #howtofanBox ul.v13 li p { width: 100%; text-align: center; transition: .7s; transform: scale(.7);}
  #howtofanBox ul.v13 li p.on {  transform: scale(1);}

  #distributingBox { padding: 0 0; text-align: center; /*display: none;*/  }
  #distributingBox h2 { color:#FA243C; padding: 40px 0 20px;  font-size: 36px; font-weight: bold; text-align: center; }
  #distributingBox p.lead { text-align: center; margin-bottom: 40px; }
  #distributingBox p.lead2 { text-align: center; margin-bottom: 40px; }
  #distributingBox ul { display: flex; justify-content:space-around; align-items: flex-start; flex-wrap: wrap; max-width: 980px; margin: 0 auto; }
  #distributingBox ul li { width: 30%; text-align: left; font-size: 16px; margin-bottom: 40px; }
  #distributingBox ul li img { width: 100%; }
  
  #distributingBox ul li p.tit { padding: 20px 0 5px; font-size: 18px; font-weight: bold; border-bottom: 2px solid #FA243C; margin-bottom: 2%; }
  #distributingBox p.note { font-size: 14px; text-align: left; max-width: 980px; padding: 0 20px; margin: 0 auto; }

  #serviceDetail h2,#serviceDetail2 h2 { font-size: 28px; padding: 0 0 40px; font-weight: bold; }
  #serviceDetail h3.reward img,#serviceDetail2 h3.reward img { margin-bottom: 40px; }
  #serviceDetail h3 ,#serviceDetail2 h3 { height: 60px; line-height: 60px; font-size: 24px; }
  #serviceDetail h3 img,#serviceDetail2 h3 img {  }
  #serviceDetail h3.reward img,#serviceDetail2 h3.reward img { margin-bottom: 5px; }
  #serviceDetail h3.mobile img,#serviceDetail2 h3.mobile img { margin-bottom: 5px; }
  .serviceDetailBox { border-radius: 8px; border: 1px solid #FA243C; background: #fff; overflow: hidden; margin-bottom: 40px; }
  .serviceDetailBox h3 { background: #FA243C; color:#fff; }
  .serviceDetailBox { max-width: 980px; margin: 0 auto 40px;}
  .serviceDetailBoxInner { padding: 60px 40px; }
  .serviceDetailBoxInner img{margin: 0 auto;}
  .serviceDetailBoxInner img.term { margin-bottom: 40px; }
  .serviceDetailBoxInnerTxt { text-align: left; }
  .serviceDetailBoxInnerTxt .note { font-size: 14px; }
  .serviceDetailBoxInnerTxt .note.star { font-size: 17px; }
  .serviceDetailBoxInnerTxt .articleHead { margin-bottom: 5px; font-weight: bold; font-size: 20px;}

  .serviceOtherBox { border-radius: 8px; border: 1px solid #e0e0e0; background: #fff; max-width: 980px; margin: 60px auto 0; }
  .serviceOtherBox h3 { font-weight: bold;}
  .serviceOtherBoxInner { padding: 40px; }
  .serviceOtherBoxInner p { font-size: 16px; text-align: left; }
  .serviceDetailBoxInner a { margin: 15px 0 5px; }
  .serviceOtherBoxInner a { margin: 20px 0 5px; }
  .serviceDetailBoxInner a::after,
  .serviceOtherBoxInner a::after { content:'\a0\FF1E'; display: inline-block; transform: scale(.6,1); font-weight: bold;} 
  #serviceDetail a.anc::after,#serviceDetail2 a.anc::after { content:'\a0\FF1E'; display: inline-block; transform: scale(.6,1); font-weight: bold; transform: rotate(90deg) scale(.6,1);}
  #appleMusicLP a.anc::after { content:'\a0\FF1E'; display: inline-block; transform: scale(.6,1); font-weight: bold; transform: rotate(90deg) scale(.6,1);}

  .serviceOtherBox a.outer { }
  .serviceOtherBox a.outer::after { content:''; display:inline-block; width: 20px; height: 20px; background: url(/content/dam/au-com/pr/applemusic/img/icon-link-outer.png) no-repeat right center; transform: scale(1,1); }

  #howToApplication #applicationBox,#howToApplication2 #applicationBox2 { border-radius: 8px; border: 2px solid #eb5505; background: #fff2eb; padding: 40px 20px;  max-width: 980px; margin: 0 auto; }

  #howToApplication #applicationBox h2,#howToApplication2 #applicationBox2 h2 { font-size: 28px; color: #eb5505; font-weight: bold; margin-bottom: 30px; }
  #howToApplication #applicationBox p.cap, #howToApplication2 #applicationBox2 p.cap { background: #fff; display: inline-block; margin: 0 auto 6%; border: 1px solid #eb5505; height: 32px; line-height: 32px; font-size: 16x; color:#eb5505; border-radius: 16px; padding: 0 40px;  }
  #howToApplication #applicationBox p, #howToApplication2 #applicationBox2 p { text-align: center; margin-bottom: 20px;  }
  #howToApplication #applicationBox p.note,#howToApplication2 #applicationBox2 p.note {  font-size: 14px; margin-bottom: 0; }
  #howToApplication #applicationBox img,#howToApplication2 #applicationBox img { margin-bottom: 40px;}
  

  #registration3StepBox,#registration3StepBox2 { max-width: 980px; margin: 0 auto; }
  #registration3StepBox h2,#registration3StepBox2 h2 { font-size: 28px; padding: 60px 0 40px; font-weight: bold; color: #FA243C; }
  #registration3StepBox img,#registration3StepBox2 img { /*max-width: 670px; margin-bottom: 40px;*/}
  #registration3StepBox div.stepBox,#registration3StepBox2 div.stepBox { height:90px; max-width: 670px; margin: 10px auto; border-radius: 8px; border: 1px solid #FA243C; overflow: hidden; display: flex; padding: 0!important; float: none!important;  }
  #registration3StepBox div.stepBox > div:first-child,#registration3StepBox2 div.stepBox > div:first-child { width: 94px; }
  #registration3StepBox div.stepBox > div:last-child,#registration3StepBox2 div.stepBox > div:last-child { width: calc( 100% - 94px); text-align: left; line-height: 86px; padding-left: 40px; }
  #registration3StepBox div.stepBox > div:last-child img,#registration3StepBox2 div.stepBox > div:last-child img { vertical-align: middle; margin-right: 20px; }
  #registration3StepBox div.stepBox > div:last-child span,#registration3StepBox2 div.stepBox > div:last-child span { vertical-align: middle; display: inline-block; font-size: 20px; font-weight: bold; }

  .stepBoxWrap { margin-bottom: 20px;}
  .stepBoxWrap div.stepBox.st1 > div:first-child { background: #FA243C url(/content/dam/au-com/pr/applemusic/img/no-step1.png) no-repeat center center; }
  .stepBoxWrap div.stepBox.st2 > div:first-child { background: #FA243C url(/content/dam/au-com/pr/applemusic/img/no-step2.png) no-repeat center center; }
  .stepBoxWrap div.stepBox.st3 > div:first-child { background: #FA243C url(/content/dam/au-com/pr/applemusic/img/no-step3.png) no-repeat center center; }
  
  /*#registration3StepBox a  { height: 60px; border-radius: 30px; padding: 9px 0 0; background: #FA243C; color:#fff; margin: 0 auto; width: 320px; display: block; font-size: 16px; position: relative; }*/
  #registration3StepBox a::after,#registration3StepBox2 a::after { content:'\a0\FF1E'; display: inline-block; transform: scale(.6,1); font-weight: bold; }
  #appleMusicLP a.linkTxt::after { content:'\a0\FF1E'; display: inline-block; transform: scale(.6,1); font-weight: bold; }

  .noteBox { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; max-width: 980px; margin: 0 auto; }
  .noteBox span.noteTgl { display: block; background: #f5f5f7; font-size: 18px; text-align: left; height: 60px; line-height: 60px; font-weight: bold; color:#111; position: relative; padding-left: 40px; }
  .noteBox a.noteTgl::after { content:'\a0\FF1E'; display: inline-block; transform: rotate(90deg) scale(.6,1) ; position: absolute; top: 0; right: 3%; font-weight: bold; }
  .noteBox a.noteTgl.on::after { content:'\a0\FF1C'; display: inline-block; transform: rotate(90deg) scale(.6,1) ; position: absolute; top: 0; right: 3%; font-weight: bold; }
  .noteBoxInner { padding: 0 40px 40px; text-align: left; display: none; }
  .noteBoxInner.open { display: block; }
  .noteBoxInner p { font-size: 16px; font-weight: bold; margin-bottom: 3%; margin-top: 7%; }
  .noteBoxInner ul li { font-size: 14px; }
  .noteBoxInner ul.kome li { margin-bottom: 5px; padding-left: 1.5em; text-indent: -1.5em; }
  .noteBoxInner ul.kome1 li { margin-bottom: 5px; padding-left: 1em; text-indent: -1em; }
  .noteBoxInner ul.dot li { margin-bottom: 5px; padding-left: 1em; text-indent: -1em; }
  .noteBoxInner a { margin-bottom: 7px; margin-top: 3px; font-size: 14px;}
  .noteBoxInner a::after { content:'\a0\FF1E'; display: inline-block; transform: scale(.6,1); font-weight: bold; }
  .noteBoxInner a.outer { padding-right: 14px; }
  .noteBoxInner a.outer::after { content:''; display: inline-block; width: 14px; height: 14px; background: url(/content/dam/au-com/pr/applemusic/img/icon-link-outer.png) no-repeat right center; transform: scale(1,1); }

  a.btn.orange { height: 60px; line-height: 60px; border-radius: 30px; background: #eb5505; color:#fff; margin: 5% auto; width: 320px; display: block; font-size: 20px; position: relative; transition:.6s; }
  a.btn.orange:hover { opacity: .6; }
  a.btn.orange::after { content:'\a0\FF1E'; display: inline-block; transform: scale(.6,1); position: absolute; top: 0; right: 20px; font-weight: bold; }

  .btnInfo { font-size: 20px; font-weight: bold; padding-top: 40px;}
  .fltBnr { background: #fff; padding: 20px 0; width: 100%; /*position: fixed; bottom:0; left: 0; z-index: 50;*/ text-align: center; }
  .fltBnr a { text-decoration: none!important; }
  .fltBnr a::after { content:'\a0\FF1E'; display: inline-block; transform: rotate(90deg) scale(.6,1) ; font-weight: bold; }
  .fltBnr a.btn,.cvBox a.btn,#appleMusicLP a.btnCV{ color:#fff!important; text-decoration: none!important; background: #eb5505 url(/content/dam/au-com/pr/applemusic/img/icon-link-outer-w.png) no-repeat right 20px center; height: 60px; line-height: 56px; border-radius: 30px; margin: 10px auto 0; width: 320px; display: block; font-size: 20px; position: relative; transition: .6s; }
  .fltBnr a.btn:hover,.cvBox a.btn:hover,#appleMusicLP a.btnCV:hover { opacity: .6; }
  .fltBnr a.btn::after,.cvBox a.btn::after,#appleMusicLP a.btnCV::after{ content:''; display: inline-block; transform: scale(.6,1); position: absolute; top: 0; right: 20px; font-weight: bold; }
  .fltBnr a.btn.btnR { color:#fff!important; text-decoration: none!important; background: #FA243C url(/content/dam/au-com/pr/applemusic/img/icon-link-outer-w.png) no-repeat right 20px center; height: 60px; line-height: 56px; border-radius: 30px; margin: 10px auto 0; width: 320px; display: block; font-size: 20px; position: relative; transition: .6s;
    box-shadow: 0px 2px 2px 1px #dcdcdc;
    border-bottom: solid 4px #900024; }
  .fltBnr a.btn.btnR:active{ box-shadow: none; position:relative; border-bottom:none; top:6px;}

  #cancel {text-align: center; padding-top: 60px; padding-bottom: 60px;}
  #cancel #cancelTit { font-size: 45px; padding: 60px 0 50px; font-weight: bold; color: #FA243C; }
  #cancelInner { border: 1px solid #FA243C; border-radius: 10px; max-width: 670px; margin: 10px auto;}
  #cancel #cancelHeader { font-size: 45px; font-weight: bold; color: #111; margin-bottom: 15px; }
  #cancel h2 img { position: relative; top: -33px; }
  #cancel #cancelcatch {text-align: center; font-size: 24px; padding: 20px 10px; font-weight: bold; color: #eb5505;
    background: #fdeee6 url(/content/dam/au-com/pr/applemusic/img/icon-safety.png) no-repeat left 24px bottom; margin: 30px auto; }
  #cancel .canceltxt { text-align: left; font-size: 20px; margin: 20px 30px 40px; line-height: 1.4; }
  .supportmodel { margin-top: 16px; font-size: 16px; color:#111!important;}

  .threeminute { font-weight: bold; margin-top: 20px; color: #111; font-size: 20px; }

  /*20240711*/
  .measureTag{height: 60px;}
  #appleMusicLP > h1,#abTest2024 > h1{
    max-width: 980px;
    padding-left: 11px;
    margin:30px auto 30px;
    border-left: 4px solid #eb5505;
    font-size: 30px;
    font-weight: normal;
    line-height: 1.4;
    text-align: left;
  }
  #appleMusicLP #mainvisual{max-width: 980px; margin:0 auto 95px;}
  #appleMusicLP #mainvisual img{width: 100%;}
  #appleMusicLP #recomBox{max-width: 980px; margin:0 auto 35px; position: relative;}
  #appleMusicLP #recomBox .ulRecom{display: flex; justify-content:space-between; position: relative;}
  #appleMusicLP #recomBox .ulRecom > li{width: 47%; border-radius: 24px; color: #fff; text-align: center; padding: 50px 0 30px; position: relative;}
  #appleMusicLP #recomBox .ulRecom > li:nth-child(1){background: rgb(180, 145, 97); background: linear-gradient( 220deg, rgba(212, 192, 164 ,1)0%, rgba(199, 172, 135, 1)20%,rgba(180, 145, 97, 1)40%,rgba(180, 145, 97, 1)60%, rgba(189, 158, 115,1) 80%, rgba(200,175,140,1) 100%);}
  #appleMusicLP #recomBox .ulRecom > li:nth-child(2){background: rgb(166, 166, 166); background: linear-gradient( 220deg, rgba(205,205,205,1)0%, rgba(188, 188, 188, 1)20%, rgba(166, 166, 166, 1)40%, rgba(166, 166, 166, 1)60%, rgba(179, 179, 179,1) 80%, rgba(196,196,196,1) 100%);}
  
  #appleMusicLP #recomBox .ulRecom > li .recomTxtBox{margin: 0 5% 30px; height: 266px;}
  #appleMusicLP #recomBox .ulRecom > li .img{margin: 0 0 30px;}
  #appleMusicLP #recomBox .ulRecom > li .img img{width: 100%;}
  
  #appleMusicLP #recomBox .ulRecom > li .titRedom{font-size: 28px; font-weight: bold; margin: 0 auto 20px;}
  #appleMusicLP #recomBox .ulRecom > li .txt{font-weight: bold; margin: 0 auto 20px;}
  #appleMusicLP #recomBox .ulRecom > li .titWai{font-size: 22px; font-weight: bold; margin: 0 auto 20px; line-height: 22px;}
  #appleMusicLP #recomBox .ulRecom > li .titWai.l2{}
  #appleMusicLP #recomBox .ulRecom > li .titWai .titWaiTxt{ display: inline-block;line-height: 1.2;}

  #appleMusicLP #recomBox .ulRecom > li .titWai .titWaiSlashL{margin: 0 5px 0 0;}
  #appleMusicLP #recomBox .ulRecom > li .titWai .titWaiSlashR{margin: 0 0 0 5px;}
  #appleMusicLP #recomBox .ulRecom > li .titWai.l2 .titWaiSlashL,
  #appleMusicLP #recomBox .ulRecom > li .titWai.l2 .titWaiSlashR{
    display: inline-block;
    transform: scale(1, 2.2);
    top: -0.6em;
    position: relative;
  }

  #appleMusicLP #recomBox .ulRecom > li .btnCV{margin: 0 auto ;}
  #appleMusicLP #recomBox .ulRecom > li .catch{position: absolute; width: 160px; top:-20px ; left: 0;}
  #appleMusicLP #recomBox .ulRecom > li .catch img{width: 100%;}
  #appleMusicLP #recomBox .ulRecom > li a:link,#recomBox .ulRecom > li a:hover,#recomBox .ulRecom > li a:active,#recomBox .ulRecom > li a:visited{color: #fff;}
  #appleMusicLP #recomBox .ulRecom > li .note{font-size: 13px; margin-top: 10px;}
  #howtofanBox h2 .titWai{font-size: 20px;font-weight: bold; margin: 0 auto 5px; line-height: 22px;}
  #howtofanBox h2 .titWai .titWaiSlashL{margin: 0 5px 0 0;}
  #howtofanBox h2 .titWai .titWaiSlashR{margin: 0 0 0 5px;}
  #appleMusicLP a.btnCV{max-width: 320px; width: 100%;}

  #appleMusicLP #howtofanBox ul.v13 li:last-child{    padding: 30px 15px 30px 25px;}
  #appleMusicLP #howtofanBox ul.ulNote {display: block; margin: 20px auto 0;}
  #appleMusicLP #howtofanBox ul.ulNote > li{ width: auto;    margin-bottom: 10px; font-size: 14px; text-align: left;}
  #appleMusicLP #howToApplication,#appleMusicLP #howToApplication2 {    padding: 0 20px 60px;}
  #appleMusicLP #serviceDetail,#appleMusicLP #serviceDetail2 {    padding: 0 20px 40px;}
  #appleMusicLP #serviceDetail .anc,#appleMusicLP #serviceDetail2 .anc,#appleMusicLP #registration3StepBox .btn{font-size: 16px;}

  #appleMusicLP .cvBox{max-width: 980px; margin:0 auto ; padding: 60px 0 0; text-align: center;}
  #appleMusicLP .cvBox .ulCV{max-width: 724px; margin: 0 auto; display: flex; position: relative; }
  #appleMusicLP .cvBox .ulCV > li{width: 47%; position: relative;}
  #appleMusicLP .cvBox .ulCV > li .titWai{font-size: 14px; font-weight:normal; margin: 0 auto; line-height: 20px; color: #ed5400; }
  #appleMusicLP .cvBox .ulCV > li .titWai .titWaiSlashL{font-size: 20px; margin: 0 5px 0 0;font-weight: bold;}
  #appleMusicLP .cvBox .ulCV > li .titWai .titWaiSlashR{font-size: 20px; margin: 0 0 0 5px;font-weight: bold;}
  #appleMusicLP .cvBox .ulCV > li .btn{margin: 5px auto 0;}
  #appleMusicLP .cvBox .ulCV > li:nth-child(2){padding: 22px 0 0;}

  #appleMusicLP #aboutAppleOne{max-width: 980px; margin:0 auto 60px; text-align: center; position: relative; }
  #appleMusicLP #aboutAppleOne > h2{margin: 0 auto 20px; }
  #appleMusicLP #aboutAppleOne > h2 img{margin: 0 auto;}
  #appleMusicLP #aboutAppleOne > .lead{font-size: 20px; margin:0 auto 35px;}
  #appleMusicLP #aboutAppleOne > .lead2{margin:0 auto 65px;}
  #appleMusicLP #aboutAppleOne > .lead2 img{margin: 0 auto;}

  #appleMusicLP #aboutAppleOne .ulAboutAO{ 
    position: relative;
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
  }
  #appleMusicLP #aboutAppleOne .ulAboutAO > li{
    width: 47.5%;
    padding: 50px 2.5% 30px;
    margin: 23px auto 30px;
    position: relative;
    border-radius: 12px;
    border: solid 2px #fa243c;
    text-align: left;
  }
  #appleMusicLP #aboutAppleOne .ulAboutAO > li .titAboutAO{
    background: #fa243c;
    border-radius: 12px 12px 12px 0;
    padding:0 10px;
    line-height: 45px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    width: 190px;
    position: absolute;
    top: -23px;
    left: -2px;
  }
  #appleMusicLP #aboutAppleOne .ulAboutAO > li .tit{ color: #b49161; font-size: 26px; font-weight: bold; margin: 0 auto 20px; }
  #appleMusicLP #aboutAppleOne .ulAboutAO > li .txt{font-size: 18px;}

  #appleMusicLP #faqArea{max-width: 980px; margin:0 auto ; }
  #appleMusicLP #faqArea h2 {    font-size: 28px;    padding: 60px 0 40px;    font-weight: bold;    color: #FA243C; text-align: center;}
  #appleMusicLP #faqArea .toggleBox .ulToggle > li{
    border-radius: 12px;
    border: solid 2px #e0e0e0;
    position: relative;
    overflow: hidden;
    margin: 0 auto 20px;
  }
  #appleMusicLP #faqArea .toggleBox .ulToggle > li .tgl-trig{
    display: block;
    background: #f5f5f7;
    padding: 20px 100px 20px 20px;
    font-size: 18px;
    font-weight: bold;
  }
  #appleMusicLP #faqArea .toggleBox .ulToggle > li .tgl-trig:hover{opacity: .6; text-decoration: none;}
  
  #appleMusicLP #faqArea .toggleBox .ulToggle > li .tgl-trig::after {
    content: '\FF1E';
    display: block;
    font-size: 28px;
    transform:rotate(90deg) scale(.6, 1);
    position: absolute;
    top: calc(50% - 14px);
    right: 3%;
    line-height: 28px;
    text-decoration: none !important;
}
#appleMusicLP #faqArea .toggleBox .ulToggle > li .tgl-trig.open::after{transform:rotate(270deg) scale(.6, 1);}
#appleMusicLP #faqArea .toggleBox .ulToggle > li .tgl-content-inner{padding: 25px; font-size: 14px; line-height: 1.8;}
/*abTest2024*/
#abTest2024{}
#abTest2024 #wrapMV{background: #F5F5F5; padding: 0 0 40px;text-align: center;}
#abTest2024 #wrapMV h1{width: 484px; margin: 0 auto;padding: 50px 0; text-align: center;}
#abTest2024 #wrapMV h1 img{width: 100%;}
#abTest2024 #wrapMV .lead{ font-size: 28px; font-weight: 700;  margin: 0 auto 30px;}
#abTest2024 #wrapMV .lead .em{ font-size: 30px; color: #B49C37;}
#abTest2024 #wrapMV .txt{ margin: 0 auto 20px;}

#abTest2024 .ulRecom{ width:740px; margin: 0 auto; display: flex; justify-content:space-between; position: relative;}
#abTest2024 .ulRecom > li{width: 47%; border-radius: 10px; color: #fff; text-align: center; position: relative;}
#abTest2024 .ulRecom > li:nth-child(1){
  /*background: rgb(166, 166, 166); background: linear-gradient( 220deg, rgba(205,205,205,1)0%, rgba(188, 188, 188, 1)20%, rgba(166, 166, 166, 1)40%, rgba(166, 166, 166, 1)60%, rgba(179, 179, 179,1) 80%, rgba(196,196,196,1) 100%);*/
  background: #A6A6A6;
  box-shadow: 0 5px 0 0 #858585;
}
#abTest2024 .ulRecom > li:nth-child(2){
  /*background: rgb(180, 145, 97); background: linear-gradient( 220deg, rgba(212, 192, 164 ,1)0%, rgba(199, 172, 135, 1)20%,rgba(180, 145, 97, 1)40%,rgba(180, 145, 97, 1)60%, rgba(189, 158, 115,1) 80%, rgba(200,175,140,1) 100%);*/
  background: #B49161;
  box-shadow: 0 5px 0 0 #90744e;
}

#abTest2024 .ulRecom > li a{text-decoration: none; transition: .6s; position: relative;padding: 20px 0 50px; }
#abTest2024 .ulRecom > li a:hover{opacity: .6;}
#abTest2024 .ulRecom > li a::after {
  content: '\a0\FF1E';
  display: block;
  font-weight: bold;
  width: 20px;
  height: 20px;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  transform: rotate(90deg) scale(.6, 1);
  position: absolute;
  bottom: 20px;
  left: calc(50% - 10px);
}

#abTest2024 .ulRecom > li .txtFree{font-size: 26px; font-weight: 700; margin: 0 auto 20px; line-height: 1;}
#abTest2024 .ulRecom > li .txtFree .fsNum{font-size: 150%;}
#abTest2024 .ulRecom > li .titRecom{font-size: 28px; font-weight: bold; margin: 0 auto 20px;}

#abTest2024 .ulRecom > li .titWai{font-size: 18px; font-weight: bold; margin: 0 auto 15px; line-height: 22px;}
#abTest2024 .ulRecom > li .titWai .titWaiSlashL{margin: 0 5px 0 0;}
#abTest2024 .ulRecom > li .titWai .titWaiSlashR{margin: 0 0 0 5px;}
#abTest2024 .ulRecom > li .txt{font-size: 24px; font-weight: 700; margin: 0 auto 15px;}
#abTest2024 .ulRecom > li .serviceName{font-size: 40px; font-weight: 700; line-height: 1;}

#abTest2024 .ulRecom > li a:link,#abTest2024 .ulRecom > li a:hover,#abTest2024 .ulRecom > li a:active,#abTest2024 .ulRecom > li a:visited{color: #fff;}

#abTest2024 #wrapAppleMusic{padding: 90px 0 0; background: #fff;        margin: 0 auto 0; position: relative;}
#abTest2024 #ancAppleMusic{position: absolute; top: 44px;}

.wrapMainLead{text-align: center; padding: 0 0;}
#wrapAppleOne .wrapMainLead{padding: 50px 0 80px;}
.wrapMainLead > h2{width: 810px; margin: 0 auto 40px;}
.wrapMainLead > .lead{ font-size: 32px; font-weight: 700; margin: 0 auto 30px; line-height: 1;}
.wrapMainLead > .txt{ margin: 0 auto 20px;}
.wrapMainLead > .boxMerit{
  max-width: 980px;
  margin: 0 auto 40px;
  border: solid 2px #FA243C;
  padding: 20px;
}
.wrapMainLead > .boxMerit p{font-size: 20px; font-weight: bold;}
.wrapMainLead > .boxMerit p .fcRed,.wrapMainLead > .boxMerit p .fcGold{font-size: 28px; font-weight: 900;}
.wrapMainLead > .boxMerit p .em{font-size: 35px; font-weight: 900; color: #FA243C ;}
.wrapMainLead > .boxMerit p .em .fsNum{font-size: 140%;}
.wrapMainLead > .boxGradient{
  max-width: 740px;
  margin: 0 auto;
  padding: 50px 0;
  color: #fff;
  border-radius: 12px;
  position: relative;
}
.wrapMainLead > .boxGradient > h4{font-size: 24px; font-weight: 900; margin: 0 auto 30px;}
.wrapMainLead > .boxGradient > .wrapFlex{display: flex; justify-content: space-between; align-items: center; max-width: 600px; margin: 0 auto 40px;}
.wrapMainLead > .boxGradient > .wrapFlex p{width: 60%; font-size: 18px; font-weight: bold; line-height: 1.2;}

.wrapMainLead > .boxGradient > .wrapFlex .titWai {
  
  font-weight: bold;
  margin: 9px 15px 0 0;
  line-height: 20px;
}
.titWai .titWaiTxt {
  display: inline-block;
  line-height: 1.2;
}
.wrapMainLead > .boxGradient > .wrapFlex .titWai .titWaiSlashL {
  margin: 0 5px 0 0;
}
.wrapMainLead > .boxGradient > .wrapFlex .titWai .titWaiSlashR {
  margin: 0 0 0 5px;
}
.wrapMainLead > .boxGradient > .wrapFlex .titWai.l2 .titWaiSlashL, 
.wrapMainLead > .boxGradient > .wrapFlex .titWai.l2 .titWaiSlashR {
  display: inline-block;
  transform: scale(1, 2.2);
  top: -0.6em;
  position: relative;
}

.wrapMainLead > .boxGradient > .wrapFlex a.btnCV {width: 55% !important; /*font-size: 16px !important;*/ margin: 0 auto;}
.wrapMainLead > .boxGradient > .img{width: 335px; margin: 0 auto 20px;}
.wrapMainLead > .boxGradient > .img img{width: 100%;}
.wrapMainLead > .boxGradient > .anc{font-size: 12px; color: #fff; margin: 0 auto 10px;}
.wrapMainLead > .boxGradient > .note{font-size: 12px; }

#wrapAppleMusic .wrapMainLead > .boxGradient{background: rgb(166, 166, 166); background: linear-gradient( 220deg, rgba(205,205,205,1)0%, rgba(188, 188, 188, 1)20%, rgba(166, 166, 166, 1)40%, rgba(166, 166, 166, 1)60%, rgba(179, 179, 179,1) 80%, rgba(196,196,196,1) 100%);}
#wrapAppleOne .wrapMainLead > .boxGradient{background: rgb(180, 145, 97); background: linear-gradient( 220deg, rgba(212, 192, 164 ,1)0%, rgba(199, 172, 135, 1)20%,rgba(180, 145, 97, 1)40%,rgba(180, 145, 97, 1)60%, rgba(189, 158, 115,1) 80%, rgba(200,175,140,1) 100%);}
#wrapAppleOne .wrapMainLead > .boxGradient .catch {
  position: absolute;
  width: 120px;
  top: -20px;
  left: 0;
}
#wrapAppleOne .wrapMainLead > .boxGradient .catch img{width: 100%;}


/* 追従バナー */
#wrapFloatBnr {
  width: 100%;  
 /*position: relative;*/
 position: fixed;
  bottom: 0;
  left: auto;
  display: none;
  transition: .6s;
  opacity: 0;
  z-index: -1;
}
#wrapFloatBnr.fixed {
  display: block;
  opacity: 1;
  z-index: +1;  
}
#wrapFloatBnr.fixed.none {
  opacity: 0;
  z-index: -1;
}
#floatBnr{
  padding: 13px 0;
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
  background: #111111;
  font-size: 16px;
  font-weight: bold;
}
#wrapFloatBnr.fixed #floatBnr{
  max-width: none;
  width: 100%;
  margin: 0 auto;
}
#floatBnr .ulFltBnr{
  max-width: 820px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
#floatBnr .ulFltBnr > li{
  width: 48.78%;
  text-align: center;
  position: relative;
}
#floatBnr .ulFltBnr > li .catch {
  position: absolute;
  width: 90px;
  top: -5px;
  left: 0;
}
#floatBnr .ulFltBnr > li .catch img{width: 100%;}
#floatBnr .ulFltBnr > li a{
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
  background: #A6A6A6;
  border-radius: 6px;
  position: relative;
  height: 58px;
  line-height: 58px;
  transition: .6s;
}
#floatBnr .ulFltBnr > li a .em{font-size: 130%;}
#floatBnr .ulFltBnr > li a::after {
  content: '\FF1E';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  right: 20px;
  transform: scale(.6, 1);
  font-weight: 900;
}

#floatBnr .ulFltBnr > li:nth-child(2) a{background: #B49161;}
#floatBnr .ulFltBnr > li a:link,#floatBnr .ulFltBnr > li a:hover,#floatBnr .ulFltBnr > li a:active,#floatBnr .ulFltBnr > li a:visited{color: #fff;}
#floatBnr .ulFltBnr > li a:hover{opacity:.6}
.btnBackTop{
  display: block;
  width: 40px;
  height: 40px;
  right: 15px;
  bottom: 100px;
  position: absolute;
  transition: .6s;
 }
 .btnBackTop:hover{opacity:.6}
.btnBackTop img{width: 100%;}

}

@media screen and (max-width: 1199px) and (min-width: 768px) { }
@media screen and (min-width: 1620px) { }
@media (min-width: 1200px) {
  #wrapFloatBnr.fixed{
    width: calc(100% - 180px);
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  #appleMusicLP #howtofanBox ul.v13 li:last-child {    padding: 30px 1.6%  30px 2.4%;}
  #appleMusicLP #howtofanBox ul.v13 li {font-size: 2.4vw;}
  #appleMusicLP #recomBox,
  #appleMusicLP #faqArea {padding: 0 2%;}
  #appleMusicLP #recomBox .ulRecom > li {    padding: 45px 3% 40px;}
  #appleMusicLP #recomBox .ulRecom > li .titRedom {font-size: 2.6vw;}
  #appleMusicLP #recomBox .ulRecom > li .txt{font-size: 1.4vw;}
 }
@media screen and (max-width: 767.98px) and (min-width: 0px) { 
.wrapAttBox{padding: 5% 0 0;}
  .attBox2{width: 90%; margin:0 auto 5%;    border: 1px solid #ff0800;background-color: #fff;padding: 5%; color: #ff0800; text-align: left;}
  .attBox2 .tit{text-align: center; }
  .attBox2 .txt{text-align: left; margin: 0 auto 5%;}
  .attBox2 a:link,.attBox2 a:active,.attBox2 a:hover,.attBox2 a:visited{color: #ff0800;}

  .attBox{/*width: 100%;*/ margin: 5% auto;    border: 1px solid #d1d1d1;background-color: #fdeee6;padding: 5%; text-align: left;}
  .attBox .tit{ font-weight: bold; margin: 0 auto 5%;}
  .attBox .date{margin:5% auto 0; color: #777; font-size: 2.8vw;}


  .ulBnr{max-width: 980px; margin: 0 auto 50px;}
  .ulBnr > li:not(:last-child){margin: 0 auto 20px;}
  .ulBnr > li img{width: 100%;}


  .link-window-orange{    padding-right: 13px;}
  .link-window-orange::after{
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4.5px;
    background-image: url(/etc.clientlibs/settings/wcm/designs/au-com/clientlib-site/resources/images/icon/icon_sprite.png);
    background-position: -22.5px -100px;
    width: 9px;
    height: 9px;
    background-size: 121px 118px;
}
  
#contentsWrapper .contArea { padding-top: 0!important; }
  #serviceDetail,
  #serviceDetail2,
  #howToApplication,
  #howToApplication2,
  .attentionNote { padding: 5%; text-align: center; font-size: 3.4vw; }
  #mv,
  #mv2 { margin-bottom: 3%;}
  h1 img,
  #mv img,
  #mv2 img { width: 100%; }

  #mv11 h1 { font-weight: bold; font-size: 5vw; line-height: 1.2; }
  #mv11 h1 span { color:#b39161; font-size: 200%; }
  #mv11 p { font-weight: bold; font-size: 5vw; text-align: center; padding-top: 5%; }
  #mv11 p.mvNote { font-size: 3vw;}
  #mv11 { text-align: center; margin: 0 auto 5%; }
  #mv11 > div:first-child { width:100%; /*background: #000;*/ margin-bottom: 5%;}
  #mv11 > div:first-child video { width:100%; }
  #mv11 > div:last-child { width:100%; }
  
  #mv10 h1 { font-weight: bold; font-size: 5vw; line-height: 1.2; }
  #mv10 h1 span { color:#f9253c; font-size: 200%; }
  #mv10 p { font-weight: bold; font-size: 5vw; text-align: center; padding-top: 5%; }
  #mv10 p.mvNote { font-size: 3vw;}
  #mv10 { text-align: center; margin: 0 auto 5%; }
  #mv10 > div:first-child { width:100%; margin-bottom: 5%; }
  #mv10 > div:first-child video { width:100%; }
  #mv10 > div:last-child { width:100%; }

  .cmVideo { text-align: center; margin: 0 auto 5%; }
  .cmVideo > div:first-child { height: 0; padding-top: 56%; width: 100%; position: relative; margin-bottom: 3%; }
  .cmVideo > div:first-child iframe { width:100%; height: 100%; position: absolute; top: 0; left: 0; }
  .cmVideo > div:last-child { margin-bottom: 10%; }
  .cmVideo > div:last-child p { font-size: 5vw; font-weight: bold; text-align: left; line-height: 1.6; }


  #howtofanBox { padding: 5%; text-align: center; font-size: 3.4vw; text-align: left; /*display: none;*/ }
  #howtofanBox h2 { color:#FA243C; font-size: 6vw; text-align: center; font-weight: bold; margin-bottom: 2%; }

  #howtofanBox ul { display: flex; justify-content:space-around; align-items: flex-start; flex-wrap: wrap; margin: 0 auto; }
  #howtofanBox ul li { width: 48%; margin-bottom: 3%; }
  #howtofanBox ul li:last-child { width: 96%; }
  #howtofanBox ul li img { width: 100%; }
  
  #howtofanBox ul.v13 { align-items: initial;}
  #howtofanBox ul.v13 li { border-radius: 10px; background: rgb(0, 0, 0); background: linear-gradient( 220deg, rgb(0, 0, 0)0%, rgba(21,21,21,1) 80%, rgba(181,181,181,1) 100%); color: #b39161; font-weight: bold; display: flex; align-items: center; padding: 5%; font-size: 4vw; }
  #howtofanBox ul.v13 li p { width: 100%; text-align: center; transition: .7s; transform: scale(.7);}
  #howtofanBox ul.v13 li p.on {  transform: scale(1);}

  #distributingBox { padding: 5%; text-align: center; font-size: 3.4vw; text-align: left; /*display: none;*/ }
  #distributingBox h2 { color:#FA243C; font-size: 6vw; text-align: center; font-weight: bold; margin-bottom: 2%; }
  #distributingBox p.lead { font-size: 3.4vw; text-align: center; margin-bottom: 5%; }
  #distributingBox p.lead2 { font-size: 3.4vw; text-align: left; margin-bottom: 5%; }
  #distributingBox ul { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
  #distributingBox ul li { width: 48%; text-align: left; margin-bottom: 5%; }
  #distributingBox ul li img { width: 100%; }
  #distributingBox ul li p.tit { font-weight: bold; border-bottom: 2px solid #FA243C; padding-bottom: 3%; padding-top: 5%; margin-bottom: 4%; }
  #distributingBox p.note { font-size: 2.8vw;}

  #serviceDetail h2,#serviceDetail2 h2 { font-size: 6vw; padding: 0 0 5%; font-weight: bold; }
  #serviceDetail h3.reward img,#serviceDetail2 h3.reward img { margin-bottom: 1.4%; }
  #serviceDetail h3 ,#serviceDetail2 h3 { height: 8.4vw; line-height: 8.4vw; font-size: 3.6vw; }
  #serviceDetail h3 img,#serviceDetail2 h3 img { height: 4vw; }
  #serviceDetail h3.reward img,#serviceDetail2 h3.reward img { margin-bottom: 1.4%; }
  #serviceDetail h3.mobile img,#serviceDetail2 h3.mobile img  { margin-bottom: 1.4%; height: 5.4vw; }
  .serviceDetailBox { border-radius: 2vw; border: 1px solid #FA243C; background: #fff; overflow: hidden; margin-bottom: 5%; }
  .serviceDetailBox h3 { background: #FA243C; color:#fff; }
  .serviceDetailBoxInner { padding: 5%; }
  .serviceDetailBoxInner img { width: 90%; }

  .serviceDetailBoxInner.w100 img { width: 100%; }
  .serviceDetailBoxInnerTxt { text-align: left; }
  .serviceDetailBoxInnerTxt .note { font-size: 3vw; }
  .serviceDetailBoxInnerTxt .articleHead { margin-top: 5%; margin-bottom: 2%; font-weight: bold;}

  .serviceOtherBox { border-radius: 2vw; margin-top: 5%; border: 1px solid #e0e0e0; background: #fff; }
  .serviceOtherBox h3 { font-weight: bold;}
  .serviceOtherBoxInner { padding: 5%; }
  .serviceOtherBoxInner p { font-size: 3vw; text-align: left; }
  .serviceDetailBoxInner a,
  .serviceOtherBoxInner a { margin: 3% 0 1%;}
  .serviceDetailBoxInner a::after,
  .serviceOtherBoxInner a::after { content:'\a0\FF1E'; display: inline-block; transform: scale(.6,1); font-weight: bold; font-weight: bold;} 
  #serviceDetail a.anc::after,#serviceDetail2 a.anc::after { content:'\a0\FF1E'; display: inline-block; font-weight: bold; transform: rotate(90deg) scale(.6,1); font-weight: bold;}
  #appleMusicLP a.anc::after { content:'\a0\FF1E'; display: inline-block; font-weight: bold; transform: rotate(90deg) scale(.6,1); font-weight: bold;}
  
  .serviceOtherBox a.outer {  }
  .serviceOtherBox a.outer::after { content:''; display:inline-block; width: 3.2vw; height: 3.2vw; background: url(/content/dam/au-com/pr/applemusic/img/icon-link-outer.png) no-repeat right center; transform: scale(1,1); background-size: 80%; }

  #howToApplication #applicationBox,#howToApplication2 #applicationBox2 { border-radius: 2vw; border: 2px solid #eb5505; background: #fff2eb; padding: 5% 3%; margin-bottom: 5%;}

  #howToApplication #applicationBox h2,#howToApplication2 #applicationBox2 h2 { font-size: 5vw; color: #eb5505; font-weight: bold; margin-bottom: 5%; }
  #howToApplication #applicationBox p.cap,#howToApplication2 #applicationBox2 p.cap { background: #fff; display: inline-block; margin: 0 auto 6%; border: 1px solid #eb5505; height: 5vw; line-height: 5vw; font-size: 3vw; color:#eb5505; border-radius: 3vw; padding: 0 10%; text-align: center; }
  #howToApplication #applicationBox p,#howToApplication2 #applicationBox2 p { text-align: left; margin-bottom: 5%;}
  #howToApplication #applicationBox p.note,#howToApplication2 #applicationBox2 p.note { text-align: center; font-size: 2.8vw; margin-bottom: 0; }
  #howToApplication #applicationBox img,#howToApplication2 #applicationBox2 img { width: 90%; margin-bottom: 8%;}
  

  #registration3StepBox h2,#registration3StepBox2 h2 { font-size: 6vw; padding: 5% 0; font-weight: bold; color: #FA243C; }
  #registration3StepBox img,#registration3StepBox2 img { width: 100%; margin-bottom: 0;}
  /*#registration3StepBox a  { height: 12vw; border-radius: 7vw; padding: 1% 0 0; background: #FA243C; color:#fff; margin: 0 auto; width: 80%; display: block; font-size: 3.6vw; position: relative; }*/
  #registration3StepBox a::after,#registration3StepBox2 a::after { content:'\a0\FF1E'; display: inline-block; transform: scale(.6,1); font-weight: bold; }
  #appleMusicLP a.linkTxt::after { content:'\a0\FF1E'; display: inline-block; transform: scale(.6,1); font-weight: bold; }

  #registration3StepBox div.stepBox,#registration3StepBox2 div.stepBox { height:20vw; max-width: 670px; margin: 2% auto; border-radius: 2vw; border: 1px solid #FA243C; overflow: hidden; display: flex; padding: 0!important; float: none!important;  }
  #registration3StepBox div.stepBox > div:first-child , #registration3StepBox2 div.stepBox > div:first-child { width: 18%; }
  #registration3StepBox div.stepBox > div:last-child,#registration3StepBox2 div.stepBox > div:last-child { width: 82%; text-align: left; padding-left: 5%; line-height: 19.5vw; }
  #registration3StepBox div.stepBox > div:last-child img,#registration3StepBox2 div.stepBox > div:last-child img { vertical-align: middle; margin-right: 3%; width: 16%; margin-bottom: 0; }
  #registration3StepBox div.stepBox + img,#registration3StepBox2 div.stepBox + img { width: 12vw;}
  #registration3StepBox div.stepBox > div:last-child span,#registration3StepBox2 div.stepBox > div:last-child span { vertical-align: middle; display: inline-block; font-size: 4vw; font-weight: bold; text-align: left; line-height: 1.6; }

  .stepBoxWrap { margin-bottom: 3%;}
  .stepBoxWrap div.stepBox.st1 > div:first-child { background: #FA243C url(/content/dam/au-com/pr/applemusic/img/no-step1.png) no-repeat center center; background-size: 50%; }
  .stepBoxWrap div.stepBox.st2 > div:first-child { background: #FA243C url(/content/dam/au-com/pr/applemusic/img/no-step2.png) no-repeat center center; background-size: 50%; }
  .stepBoxWrap div.stepBox.st3 > div:first-child { background: #FA243C url(/content/dam/au-com/pr/applemusic/img/no-step3.png) no-repeat center center; background-size: 50%; }


  .noteBox { background: #fff; border: 1px solid #e0e0e0; border-radius: 2vw; overflow: hidden; }
  .noteBox span.noteTgl { display: block; background: #f5f5f7; font-size: 4vw; text-align: left; height: 12vw; line-height: 12vw; font-weight: bold; color:#111; position: relative; padding-left: 5%; }
  .noteBox a.noteTgl::after { content:'\a0\FF1E'; display: inline-block; transform: rotate(90deg) scale(.6,1) ; position: absolute; top: 0; right: 3%;  font-weight: bold;}
  .noteBox a.noteTgl.on::after { content:'\a0\FF1C'; display: inline-block; transform: rotate(90deg) scale(.6,1) ; position: absolute; top: 0; right: 3%; font-weight: bold; }
  .noteBoxInner { padding: 0 5% 5%; text-align: left; display: none; }
  .noteBoxInner.open { display: block; }
  .noteBoxInner p { font-size: 3.8vw; font-weight: bold; margin-bottom: 3%; margin-top: 7%; }
  .noteBoxInner ul.kome li { margin-bottom: 3%; padding-left: 1.5em; text-indent: -1.5em; }
  .noteBoxInner ul.kome1 li { margin-bottom: 3%; padding-left: 1em; text-indent: -1em; }
  .noteBoxInner ul.dot li { margin-bottom: 3%; padding-left: 1em; text-indent: -1em; }
  .noteBoxInner a { margin-bottom: 2%;}
  .noteBoxInner a::after { content:'\a0\FF1E'; display: inline-block; transform: scale(.6,1); font-weight: bold; font-weight: bold; }
  .noteBoxInner a.outer {  }
  .noteBoxInner a.outer::after {  content:''; display:inline-block; width: 3.2vw; height: 3.2vw; background: url(/content/dam/au-com/pr/applemusic/img/icon-link-outer.png) no-repeat right center; transform: scale(1,1); background-size: 80%;}

  a.btn.orange { height: 12vw; line-height: 12vw; border-radius: 7vw; background: #eb5505; color:#fff; margin: 5% auto; width: 80%; display: block; font-size: 4.4vw; position: relative; }
  a.btn.orange::after { content:'\a0\FF1E'; display: inline-block; transform: scale(.6,1); position: absolute; top: 0; right: 3%;  font-weight: bold;}

  .btnInfo { font-size: 4vw; font-weight: bold; padding-top: 5%; color:#111;}
  .fltBnr { background: #fff; color:#eb5505; padding: 2%; width: 100%; /*position: fixed; bottom:0; left: 0; z-index: 50;*/ text-align: center; }
  .fltBnr a { text-decoration: none; font-size: 3.4vw; }
  .fltBnr a::after { content:'\a0\FF1E'; display: inline-block; transform: rotate(90deg) scale(.6,1) ;  font-weight: bold;}
  .fltBnr a.btn,.cvBox a.btn,#appleMusicLP a.btnCV { color:#fff; background: #eb5505 url(/content/dam/au-com/pr/applemusic/img/icon-link-outer-w.png) no-repeat right 3vw center; height: 10vw; line-height: 10vw;  border-radius: 5vw; margin: 2% auto 0; width: 70%; display: block; font-size: 4vw; position: relative; }
  .fltBnr a.btn::after,.cvBox a.btn::after,#appleMusicLP a.btnCV::after { content:''; display: inline-block; transform: scale(.6,1); position: absolute; top: 0; right: 3%; font-weight: bold; }
  .fltBnr a.btn.btnR { color:#fff; background: #FA243C url(/content/dam/au-com/pr/applemusic/img/icon-link-outer-w.png) no-repeat right 3vw center; height: 10vw; line-height: 9.2vw;  border-radius: 5vw; margin: 2% auto 0; width: 70%; display: block; font-size: 4vw; position: relative; box-shadow: 0px 2px 2px 1px #dcdcdc; border-bottom: solid 4px #900024; }
  .fltBnr a.btn.btnR:active{ box-shadow: none; position:relative; border-bottom:none; top:6px;}

  #cancel {text-align: center; padding-top: 5%; padding-bottom: 5%;}
  #cancel #cancelTit { font-size: 6.4vw; padding: 6% 0 8%; font-weight: bold; color: #FA243C; }
  #cancelInner { border: 1px solid #FA243C; border-radius: 3vw; width: 90%; margin: 0 auto;}
  #cancel #cancelHeader { font-size: 6.4vw; font-weight: bold; color: #111; margin-bottom: 6%; }
  #cancel h2 img { position: relative; top: -5vw; width: 93%; }
  #cancel #cancelcatch {text-align: center; font-size: 3.4vw; padding: 2vw; font-weight: bold; margin: 0 auto 5%; background: #fdeee6 url(/content/dam/au-com/pr/applemusic/img/icon-safety.png) no-repeat left 5% bottom; background-size: auto 94%; color: #eb5505; }
  #cancel .canceltxt { text-align: left; font-size: 2.8vw; width: 90%; margin: 0 auto 6%; }
  .supportmodel { margin-top: 5%; font-size: 3.4vw; color:#111!important;}
  
  .threeminute { font-weight: bold; margin-top: 8%; color: #111; font-size: 3.8vw; }

  /*20240711*/
  .measureTag{height: 60px; min-height: 5vw;}
  #appleMusicLP {font-size: 3.4vw;}
  #appleMusicLP #mainvisual{margin:0 5% 15%;}
  #appleMusicLP #mainvisual img{width: 100%;}
  #appleMusicLP #howtofanBox ul li.wFull{    width: 96%;}
  #appleMusicLP #recomBox{padding: 0 5%; margin:0 auto 10%; position: relative;}
  #appleMusicLP #recomBox .ulRecom{position: relative;}
  #appleMusicLP #recomBox .ulRecom > li{border-radius: 2vw; color: #fff; text-align: center; padding:10% 0 5%; position: relative;}
  #appleMusicLP #recomBox .ulRecom > li:nth-child(1){background: rgb(180, 145, 97); background: linear-gradient( 220deg, rgba(212, 192, 164 ,1)0%, rgba(199, 172, 135, 1)20%,rgba(180, 145, 97, 1)40%,rgba(180, 145, 97, 1)60%, rgba(189, 158, 115,1) 80%, rgba(200,175,140,1) 100%); margin: 0 auto 5%;}
  #appleMusicLP #recomBox .ulRecom > li:nth-child(2){background: rgb(166, 166, 166); background: linear-gradient( 220deg, rgba(205,205,205,1)0%, rgba(188, 188, 188, 1)20%, rgba(166, 166, 166, 1)40%, rgba(166, 166, 166, 1)60%, rgba(179, 179, 179,1) 80%, rgba(196,196,196,1) 100%);}

  #appleMusicLP #recomBox .ulRecom > li .recomTxtBox{padding:0 5% 5%;}
  #appleMusicLP #recomBox .ulRecom > li .img{padding:0 0 5%;}
  #appleMusicLP #recomBox .ulRecom > li .img img{ width: 100%;}

  #appleMusicLP #recomBox .ulRecom > li .titRedom{font-size: 6vw; font-weight: bold; margin: 0 auto 5%;}
  #appleMusicLP #recomBox .ulRecom > li .txt{font-weight: bold;    margin: 0 auto 5%;    font-size: 3vw;}
  #appleMusicLP #recomBox .ulRecom > li .titWai{font-size: 4.6vw; font-weight: bold; margin: 0 auto 3%; line-height: 4.6vw;}
  #appleMusicLP #recomBox .ulRecom > li .titWai .titWaiSlashL{margin: 0 2% 0 0;}
  #appleMusicLP #recomBox .ulRecom > li .titWai .titWaiSlashR{margin: 0 0 0 2%;}

  #appleMusicLP #recomBox .ulRecom > li .titWai.l2{}
  #appleMusicLP #recomBox .ulRecom > li .titWai .titWaiTxt{ display: inline-block; line-height: 1.2;}
  #appleMusicLP #recomBox .ulRecom > li .titWai.l2 .titWaiSlashL,
  #appleMusicLP #recomBox .ulRecom > li .titWai.l2 .titWaiSlashR{
    display: inline-block;
    transform: scale(1, 2.2);
    top: -0.6em;
    position: relative;
  }


  #appleMusicLP #recomBox .ulRecom > li .btnCV{margin: 0 auto ;}
  #appleMusicLP #recomBox .ulRecom > li .catch{position: absolute;    width: 28vw;    top: -4vw;    left: 0;}
  #appleMusicLP #recomBox .ulRecom > li .catch img{width: 100%;}
  #appleMusicLP #recomBox .ulRecom > li a:link,#recomBox .ulRecom > li a:hover,#recomBox .ulRecom > li a:active,#recomBox .ulRecom > li a:visited{color: #fff;}
  #appleMusicLP #recomBox .ulRecom > li .note{font-size:2.8vw; margin-top: 3%;}
  #appleMusicLP #howtofanBox h2 {    margin-bottom: 5%;}
  #howtofanBox h2 .titWai{font-size: 4vw;font-weight: bold; margin: 0 auto 2vw; line-height: 4.2vw;}
  #howtofanBox h2 .titWai .titWaiSlashL{margin: 0 2% 0 0;}
  #howtofanBox h2 .titWai .titWaiSlashR{margin: 0 0 0 2%;}
  #appleMusicLP #howtofanBox ul.ulNote {display: block; margin: 5% auto 0;}
  #appleMusicLP #howtofanBox ul.ulNote > li{ width: auto;    margin-bottom: 5%; font-size: 2.8vw; text-align: left;}
  #appleMusicLP #howtofanBox,#appleMusicLP #serviceDetail, #appleMusicLP #howToApplication, #appleMusicLP #howToApplication2, #appleMusicLP .attentionNote {    padding:0 5% 0 ;}
  

  #appleMusicLP .cvBox{margin:0 auto ; padding: 5% 0 0; text-align: center;}
  #appleMusicLP .cvBox .ulCV{ margin: 0 auto; position: relative; }
  #appleMusicLP .cvBox .ulCV > li{position: relative;margin: 0 auto 5%;}
  #appleMusicLP .cvBox .ulCV > li:last-child{margin: 0 auto 0;}
  #appleMusicLP .cvBox .ulCV > li .titWai{font-size: 3vw; font-weight:normal; margin: 0 auto; line-height: 4vw; color: #ed5400; }
  #appleMusicLP .cvBox .ulCV > li .titWai .titWaiSlashL{font-size: 4vw; margin: 0 2% 0 0;font-weight: bold;}
  #appleMusicLP .cvBox .ulCV > li .titWai .titWaiSlashR{font-size: 4vw; margin: 0 0 0 2%;font-weight: bold;}
  #appleMusicLP .cvBox .ulCV > li .btn{margin: 2vw auto 0;}

  #appleMusicLP .stepBoxWrap {    margin-bottom: 10%;}

  #appleMusicLP #aboutAppleOne{padding: 0 5%; margin:0 auto 5%; text-align: center; position: relative; }
  #appleMusicLP #aboutAppleOne > h2{margin: 0 auto 5%; }
  #appleMusicLP #aboutAppleOne > h2 img, #appleMusicLP #aboutAppleOne > .lead2 img{width: 100%; margin: 0 auto;}
  #appleMusicLP #aboutAppleOne > .lead{font-size: 3vw; margin:0 auto 5%;}
  #appleMusicLP #aboutAppleOne > .lead2{margin:0 auto 10%;}

  #appleMusicLP #aboutAppleOne .ulAboutAO{     position: relative; margin: 0 auto 10%; }
  #appleMusicLP #aboutAppleOne .ulAboutAO > li{
    padding: 7vw 3% 5%;
    margin: 3vw auto 10%;
    position: relative;
    border-radius: 2vw;
    border: solid .4vw #fa243c;
    text-align: left;
  }
  #appleMusicLP #aboutAppleOne .ulAboutAO > li:last-child{margin: 3vw auto 0;}
  #appleMusicLP #aboutAppleOne .ulAboutAO > li .titAboutAO{
    background: #fa243c;
    border-radius: 1.6vw 1.6vw 1.6vw 0;
    padding: 0 4vw;
    line-height: 6vw;
    text-align: center;
    font-size: 3vw;
    font-weight: bold;
    color: #fff;
    width: 28vw;
    position: absolute;
    top: -3vw;
    left: -0.4vw;
  }
  #appleMusicLP #aboutAppleOne .ulAboutAO > li .tit{ color: #b49161; font-size: 5vw; font-weight: bold; margin: 0 auto 5%; }
  #appleMusicLP #aboutAppleOne .ulAboutAO > li .txt{font-size: 3.6vw;}

  #appleMusicLP .attentionNote .noteBox{margin: 0 auto 5%;}

  #appleMusicLP #faqArea{padding: 0 5%; margin:10% auto 0 ; }
  #appleMusicLP #faqArea h2 { color: #FA243C;    font-size: 6vw;    text-align: center;    font-weight: bold;    margin-bottom: 2%;}
  #appleMusicLP #faqArea .toggleBox .ulToggle > li{
    border-radius: 2vw;
    border: solid .4vw #e0e0e0;
    position: relative;
    overflow: hidden;
    margin: 0 auto 5%;
  }
  #appleMusicLP #faqArea .toggleBox .ulToggle > li .tgl-trig{
    display: block;
    background: #f5f5f7;
    padding: 5% 12vw 5% 5%;
    font-size: 3.6vw;
    font-weight: bold;
  }
  #appleMusicLP #faqArea .toggleBox .ulToggle > li .tgl-trig:hover{text-decoration: none;}
  
  #appleMusicLP #faqArea .toggleBox .ulToggle > li .tgl-trig::after {
    content: '\FF1E';
    display: block;
    font-size: 6vw;
    transform:rotate(90deg) scale(.6, 1);
    position: absolute;
    top: calc(50% - 3vw);
    right: 3%;
    line-height: 6vw;
    text-decoration: none !important;
}
#appleMusicLP #faqArea .toggleBox .ulToggle > li .tgl-trig.open::after{transform:rotate(270deg) scale(.6, 1);}
#appleMusicLP #faqArea .toggleBox .ulToggle > li .tgl-content-inner{padding: 25px; font-size: 3vw; line-height: 1.8;}

/*abTest2024*/
#abTest2024{}
#abTest2024 #wrapMV{background: #F5F5F5; padding: 0 0 10%;text-align: center; margin: 5% auto 0;}
#abTest2024 #wrapMV h1{width: 90%; margin: 0 auto;padding: 15% 0; text-align: center;}
#abTest2024 #wrapMV h1 img{width: 100%;}
#abTest2024 #wrapMV .lead{ font-size: 4.4vw; font-weight: 700;  margin: 0 auto 5%;}
#abTest2024 #wrapMV .lead .em{ font-size: 6vw; color: #B49C37;}
#abTest2024 #wrapMV .txt{ margin: 0 auto 5%;}

#abTest2024 .ulRecom{ width:90%; margin: 0 auto; display: flex; justify-content:space-between; position: relative;}
#abTest2024 .ulRecom > li{width: 47%; border-radius: 1vw; color: #fff; text-align: center; position: relative;}
#abTest2024 .ulRecom > li:nth-child(1){
  /*background: rgb(166, 166, 166); background: linear-gradient( 220deg, rgba(205,205,205,1)0%, rgba(188, 188, 188, 1)20%, rgba(166, 166, 166, 1)40%, rgba(166, 166, 166, 1)60%, rgba(179, 179, 179,1) 80%, rgba(196,196,196,1) 100%);*/
  background: #A6A6A6;
  box-shadow: 0 5px 0 0 #858585;
}
#abTest2024 .ulRecom > li:nth-child(2){
  /*background: rgb(180, 145, 97); background: linear-gradient( 220deg, rgba(212, 192, 164 ,1)0%, rgba(199, 172, 135, 1)20%,rgba(180, 145, 97, 1)40%,rgba(180, 145, 97, 1)60%, rgba(189, 158, 115,1) 80%, rgba(200,175,140,1) 100%);*/
  background: #B49161;
  box-shadow: 0 5px 0 0 #90744e;
}

#abTest2024 .ulRecom > li a{text-decoration: none; transition: .6s; position: relative;padding: 5% 0 8vw; }
#abTest2024 .ulRecom > li a:hover{}
#abTest2024 .ulRecom > li a::after {
  content: '\a0\FF1E';
  display: block;
  font-weight: bold;
  width: 4vw;
  height: 4vw;
  font-size: 4vw;
  font-weight: 900;
  line-height: 1;
  transform: rotate(90deg) scale(.6, 1);
  position: absolute;
  bottom: 2vw;
  left: calc(50% - 2vw);
  text-align: center;
}

#abTest2024 .ulRecom > li .txtFree{font-size: 5vw; font-weight: 700; margin: 0 auto 8%; line-height: 1;}
#abTest2024 .ulRecom > li .txtFree .fsNum{font-size: 150%;}
#abTest2024 .ulRecom > li .titRecom{font-size: 3.2vw; font-weight: bold; margin: 0 auto 5%;}

#abTest2024 .ulRecom > li .titWai{font-size: 3vw; font-weight: bold; margin: 0 auto 3%; line-height: 1.2;}
#abTest2024 .ulRecom > li .titWai .titWaiSlashL{margin: 0 2vw 0 0;}
#abTest2024 .ulRecom > li .titWai .titWaiSlashR{margin: 0 0 0 2vw;}
#abTest2024 .ulRecom > li .txt{font-size: 3vww; font-weight: 700; margin: 0 auto 5%;}
#abTest2024 .ulRecom > li .serviceName{font-size: 6vw; font-weight: 700; line-height: 1;}

#abTest2024 .ulRecom > li a:link,#abTest2024 .ulRecom > li a:hover,#abTest2024 .ulRecom > li a:active,#abTest2024 .ulRecom > li a:visited{color: #fff;}

#abTest2024 #wrapAppleMusic{padding: 15% 0 0; background: #fff; margin: 0 auto 0;}

.wrapMainLead{text-align: center; padding: 0 0;}
#wrapAppleOne .wrapMainLead{padding: 0 0 15%;}
.wrapMainLead > h2{width: 90%; margin: 0 auto 10%;}
.wrapMainLead > h2 img{width: 100%;}
.wrapMainLead > .lead{ font-size: 5vw; font-weight: 700; margin: 0 auto 5%; line-height: 1;}
.wrapMainLead > .txt{ margin: 0 5% 5%;}
.wrapMainLead > .boxMerit{
  max-width: 90%;
  margin: 0 auto 5%;
  border: solid 2px #FA243C;
  padding: 3%
}
#wrapAppleOne .wrapMainLead > .boxMerit{ margin: 0 auto 10%;}
.wrapMainLead > .boxMerit p{font-size: 4vw; font-weight: bold;}
.wrapMainLead > .boxMerit p .fcRed,.wrapMainLead > .boxMerit p .fcGold{font-size: 7vw; font-weight: 900;}
.wrapMainLead > .boxMerit p .em{font-size: 8.6vw; font-weight: 900; color: #FA243C ; line-height: 1.2;}
.wrapMainLead > .boxMerit p .em .fsNum{font-size: 140%; line-height: 1;}
.wrapMainLead > .boxGradient{
  margin: 0 5% 10%;
  padding: 10% 0 5%;
  color: #fff;
  border-radius: 2vw;
  position: relative;
}
.wrapMainLead > .boxGradient > h4{font-size: 5vw; font-weight: 900; margin: 0 auto 3%;}
.wrapMainLead > .boxGradient > .wrapFlex{ margin: 0 auto 5%;}
.wrapMainLead > .boxGradient > .wrapFlex p{ font-size: 3.6vw; font-weight: bold; line-height: 1; margin: 0 auto 5%;}

.wrapMainLead > .boxGradient > .wrapFlex .titWai {
  
  font-weight: bold;
  margin: 0 auto 3%;
  line-height: 3.6vw;
}

.titWai .titWaiTxt {
  display: inline-block;
  line-height: 1.2;
}
.wrapMainLead > .boxGradient > .wrapFlex .titWai .titWaiSlashL {
  margin: 0 2% 0 0;
}
.wrapMainLead > .boxGradient > .wrapFlex .titWai .titWaiSlashR {
  margin: 0 0 0 2%;
}
.wrapMainLead > .boxGradient > .wrapFlex .titWai.l2 .titWaiSlashL, 
.wrapMainLead > .boxGradient > .wrapFlex .titWai.l2 .titWaiSlashR {
  display: inline-block;
  transform: scale(1, 2.2);
  top: -0.6em;
  position: relative;
}

.wrapMainLead > .boxGradient > .wrapFlex a.btnCV {/*font-size: 3.2vw !important;*/}
.wrapMainLead > .boxGradient > .img{width:calc(100% - 1vw); margin: 0 auto 5%;}
.wrapMainLead > .boxGradient > .img img{width: 100%;}
.wrapMainLead > .boxGradient > .anc{font-size: 2.8vw; color: #fff; margin: 0 auto 3%;}
.wrapMainLead > .boxGradient > .note{font-size: 2.8vw; }

#wrapAppleMusic .wrapMainLead > .boxGradient{background: rgb(166, 166, 166); background: linear-gradient( 220deg, rgba(205,205,205,1)0%, rgba(188, 188, 188, 1)20%, rgba(166, 166, 166, 1)40%, rgba(166, 166, 166, 1)60%, rgba(179, 179, 179,1) 80%, rgba(196,196,196,1) 100%);}
#wrapAppleOne .wrapMainLead > .boxGradient{background: rgb(180, 145, 97); background: linear-gradient( 220deg, rgba(212, 192, 164 ,1)0%, rgba(199, 172, 135, 1)20%,rgba(180, 145, 97, 1)40%,rgba(180, 145, 97, 1)60%, rgba(189, 158, 115,1) 80%, rgba(200,175,140,1) 100%);margin: 0 5%;}
#wrapAppleOne .wrapMainLead > .boxGradient .catch {
  position: absolute;
  width: 25vw;
  top: -4vw;
  left: 0;
}
#wrapAppleOne .wrapMainLead > .boxGradient .catch img{width: 100%;}
#wrapAppleOne {padding: 15% 0 0; margin: 5% auto 0; border-top: 1px solid #CCCCCC;}

/* 追従バナー */
#wrapFloatBnr {
  width: 100%;  
 /*position: relative;*/
 position: fixed;
  bottom: 0;
  left: auto;
  display: none;
  transition: .6s;
  opacity: 0;
  z-index: -1;
}
#wrapFloatBnr.fixed {
  display: block;
  opacity: 1;
  z-index: +1;  
}
#wrapFloatBnr.fixed.none {
  opacity: 0;
  z-index: -1;
}
#floatBnr{
  padding: 3vw 0;
  text-align: left;
  width: 100%;
  margin: 0 auto;
  background: #111111;
  font-size: 3.2vw;
  font-weight: bold;
  
}
#wrapFloatBnr.fixed #floatBnr{
  max-width: none;
  width: 100%;
  margin: 0 auto;
}
#floatBnr .ulFltBnr{
  width: 90%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
#floatBnr .ulFltBnr > li{
  width: 48.78%;
  text-align: center;
  position: relative;
}
#floatBnr .ulFltBnr > li .catch {
  position: absolute;
  width: 13vw;
  top: -2.6vw;
  left: 0;
}
#floatBnr .ulFltBnr > li .catch img{width: 100%;}
#floatBnr .ulFltBnr > li a{
  display: block;
  padding: 2.4vw 5vw;
  font-weight: bold;
  font-size: 3.6vw;
  text-decoration: none;
  background: #A6A6A6;
  border-radius: 1vw;
  position: relative;
  line-height: 1.2;
  text-align: left;
}
#floatBnr .ulFltBnr > li a .em{font-size: 130%;}
#floatBnr .ulFltBnr > li a::after {
  content: '\FF1E';
  display: block;
  width: 3.4vw;
  height: 4vw;
  position: absolute;
  top: calc(50% - 2vw);
  right: 3vw;
  transform: scale(.6, 1);
  font-weight: 900;
  line-height: 1;
}

#floatBnr .ulFltBnr > li:nth-child(2) a{background: #B49161;}
#floatBnr .ulFltBnr > li a:link,#floatBnr .ulFltBnr > li a:hover,#floatBnr .ulFltBnr > li a:active,#floatBnr .ulFltBnr > li a:visited{color: #fff;}

.btnBackTop{
  display: block;
  width: 10vw;
  height: 10vw;
  right: 3vw;
  bottom: 23.6vw;
  position: absolute;
 }
.btnBackTop img{width: 100%;}



}
    
.view-sp { display: none!important; }
.view-pc { display: block!important; }

@media screen and (min-width: 0px) and (max-width: 767px) {
	.view-sp { display: block!important; }
	.view-pc { display: none!important; }
}
/*20240711*/
.measureTag{height: 60px;}
.toggleBox {  position: relative}
.tgl-trig:link, .tgl-trig:hover, .tgl-trig:active, .tgl-trig:visited {  color: #272727}
.tgl-content {  display: none;}

body #contentsWrapper .contArea { max-width: 100%!important; padding-left: 0!important; padding-right: 0!important; position: relative!important; }

.fwb { font-weight: bold!important; }
.fcred,.fcRed { color: #FA243C!important; }
.fcorange { color:#eb5505!important; }
.fcgray { color:#666!important; }
.fcGold{color:#B49C37 ;}

.fsp80 { font-size: 80%; }
.fsp120 { font-size: 120%; }
.fsp140 { font-size: 140%; }
.sup {
  font-size: 60%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
  font-weight: normal !important;
}
.linkBlank {position: relative;   padding-right: 2em;padding-left: 0;display: inline-block;}
.linkBlank::after{
  content: ''!important;
  display: inline-block!important;
  transform: scale(1, 1)!important;

    position: absolute;
    top: 50%!important;
    right: 12px!important;
    margin-top: -4px!important;
    background-image: url(/content/dam/au-com/pr/applemusic/img/icon_sprite_ac5ae27eb5011a67.webp);
    background-position: -92.5px -83px;
    width: 9px !important;
    height: 9px !important;
    background-size: 121px 118px;
}
#abTest2024 .marker {  background: linear-gradient(transparent 60%, #FA243C 50%);}