/* ================================================================= */
/* ======================== 0 〜 824px以上 =========================== */
/* ============================================================== */

@media screen and (max-width:824px) {

.wrapper {
border-top: 5px solid #000000;
text-align: center;
}

/*===== mainvisual =====*/
.mainvisual {
min-width: 100%;
margin: 0 auto 104px;
}
.mainvisual h1 {
width: 286px;
margin: 104px auto 120px;
position: relative;
z-index: 2;
}
.mainvisual h1 img {
width: 100%;
height: auto;
}
.mainvisual p {
font-size: 18px;
line-height: 1.666;
}

/*===== itemdetail =====*/
.introduction {
position: relative;
min-width: 100%;
margin: 0 auto;
padding-top: 88px;
overflow: hidden;
}
.introduction::before {
content: "";
display: block;
width: 100%;
height: 250px;
position: absolute;
top: 0;
background-image: url(../images/mackintosh/bg-01.png);
background-position: center center;
background-size: cover;
z-index: -1;
}
.introduction h2 {
width: 250px;
margin: 0 auto;
color: #009b32;
margin-bottom: 162px;
}
.introduction h2 img {
width: 100%;
height: auto;
}
.introduction p {
font-size: 18px;
line-height: 1.666;
margin-bottom: 100px;
}
.positionrelative {
position: relative;
width: 100%;
margin: 0 auto;
}
.positionrelative::after {
content: "";
display: block;
width: 100%;
height: 250px;
position: absolute;
top: 644px;
background-image: url(../images/mackintosh/bg-01.png);
background-size: cover;
background-position: center center;
z-index: -1;
}
.introduction .detail {
width: 314px;
margin: 35px auto 0;
text-align: left;
}
.introduction .detail dt {
width: 314px;
margin-bottom: 35px;
}
.introduction .detail dd {
width: 82.933%;
margin: 0 auto;
font-size: 12px;
line-height: 2;
text-align: center;
letter-spacing: -0.025em;
}
.introduction .buybtn {
width: 89px;
height: 34px;
line-height: 34px;
margin: 38px auto 45px;
font-size: 10px;
background-color: #ffffff;
}
.introduction .buybtn a {
display: block;
width: 89px;
height: 34px;
line-height: 34px;
color: #000000;
}
.introduction .img02,
.introduction .img03,
.introduction .img04 {
margin-bottom: 16px;
}
.introduction .img05 {
width: 47.333%;
margin: 0 auto 33px;
}
.introduction .buyer {
text-align: left;
font-size: 9px;
line-height: 1.666;
margin-left: 26%;
}
.introduction .buyer dt {
margin-bottom: 20px;
}
.introduction .buyer dt span {
display: inline-block;
margin-top: 20px;
font-size: 12px;
}
.introduction .buyer dd {
font-size: 9px;
line-height: 2;
}

/*===== beforecordinate =====*/
.beforecordinate {
min-width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.beforecordinate .inner {
width: 100%;
text-align: left;
margin: 164px auto 0;
position: relative;
}
.beforecordinate .inner::after {
content: "";
display: block;
width: 464px;
height: 412px;
position: absolute;
top: -136px;
right: 3.866%;
background-image: url(../images/mackintosh/bg-03.png);
background-size: cover;
background-position: center center;
z-index: -1;
}
.beforecordinate h2 {
width: 300px;
height: auto;
margin: 0 auto 55px;
}

/*===== coordinate =====*/
.coordinate {
position: relative;
}
.coordinate .inner {
text-align: left;
position: relative;
min-width: 100%;
margin: 0 auto;
}

/*===== style01 =====*/
.style01 .subinner {
position: relative;
width: 100%;
height: 100%;
margin: 0 auto;
}
.style01 p.txt {
width: 84.2666%;
margin: 44px auto;
font-size: 12px;
line-height: 2;
letter-spacing: -0.1em;
}
.style01 p.lastlead {
font-size: 15px;
text-align: center;
}
.style01 h2 {
width: 157px;
margin: 90px auto 43px;
}
.style01 .subinner::before {
content: "";
display: block;
width: 100%;
height: 250px;
position: absolute;
top: 460px;
background-image: url(../images/mackintosh/bg-01.png);
background-size: cover;
background-position: center center;
z-index: -1;
}

/*===== style02 =====*/
.style02 {
position: relative;
}
.style02 .subinner {
position: relative;
width: 100%;
height: 100%;
margin: 0 auto;
}
.style02 .subinner::before {
content: "";
display: block;
width: 495px;
height: 417px;
position: absolute;
bottom: 529px;
right: 0;
background-image: url(../images/mackintosh/bg-06.png);
background-size: cover;
background-position: center center;
z-index: -1;
}
.style02 .img09,
.style02 .img10,
.style02 .img11,
.style02 .img12 {
width: 100%;
}
.style02 p.second {
width: 85.333%;
margin: 35px auto 47px;
font-size: 10px;
line-height: 2;
letter-spacing: -0.025em;
}
.style02 p.third {
width: 85.866%;
margin: 35px auto 65px;
font-size: 10px;
line-height: 2;
letter-spacing: -0.025em;
}
.style02 p.lastlead {
font-size: 14px;
text-align: center;
margin-bottom: 68px;
}
.style02 h2 {
width: 170px;
margin: 0 auto 64px;
z-index: 2;
}
dl.profile {
width: 85.866%;
margin: 35px auto 0;
font-size: 10px;
line-height: 2;
letter-spacing: -0.025em;
}

/*===== movie =====*/
.movie {
position: relative;
margin-top: 80px;
margin-bottom: 90px;
}
.movie::before {
content: "";
display: block;
width: 100%;
height: 250px;
position: absolute;
top: 80px;
background-image: url(../images/mackintosh/bg-05.png);
background-position: center center;
background-size: cover;
z-index: -1;
}
.movie h2 {
width: 269px;
margin: 0 auto;
color: #000000;
font-size: 110px;
margin-bottom: 110px;
}
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/*===== buyarea =====*/
.buyarea {
position: relative;
}
.buyarea .subinner {
width: 100%;
margin: 0 auto;
}
.buyarea .article:first-child {
margin-bottom: 75px;
}
.buyarea .article:first-child figure {
width: 100%;
position: relative;
}
.buyarea .article:first-child figcaption {
text-align: left;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.buyarea .article:first-child figcaption ul {
margin-top: 58px;
}
.buyarea .article:first-child figcaption ul li {
font-size: 10px;
line-height: 3;
letter-spacing: -0.025em;
}
.buyarea .article:first-child figcaption ul li a {
color: #ff9600;
text-decoration: underline;
}
.buyarea .article:last-child figure {
width: 100%;
position: relative;
}
.buyarea .article:last-child figcaption {
text-align: left;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.buyarea .article:last-child figcaption ul {
margin-top: 58px;
margin-bottom: 100px;
/* margin-bottom: 131px; */
}
.buyarea .article:last-child figcaption ul li {
font-size: 10px;
line-height: 3;
letter-spacing: -0.025em;
}
.buyarea .article:last-child figcaption ul li a {
color: #ff9600;
text-decoration: underline;
}
.buyarea .style1 h2 {
width: 157px;
margin: 0 auto 69px;
}
.buyarea .style2 h2 {
width: 170px;
margin: 0 auto 79px;
}

/* ================================================= */
/* ===================== SP END. ===================== */
/* =============================================== */

}

/* ================================================================= */
/* ======================== 825px以上 ============================= */
/* ============================================================== */

@media screen and (min-width:825px) and (max-width:1440px) {

.wrapper {
min-width: 1008px;
border-top: 10px solid #000000;
text-align: center;
overflow: hidden;
}

/*===== mainvisual =====*/
.mainvisual {
min-width: 1008px;
margin: 0 auto 190px;
}
.mainvisual h1 {
width: 674px;
margin: 173px auto;
position: relative;
z-index: 2;
}
.mainvisual h1 img {
width: 100%;
height: auto;
}
.mainvisual p {
font-size: 25px;
line-height: 1.666;
}

/*===== itemdetail =====*/
.introduction {
position: relative;
min-width: 1008px;
margin: 0 auto;
padding-top: 114px;
overflow: hidden;
}
.introduction::before {
content: "";
display: block;
width: 100%;
height: 349px;
position: absolute;
top: 0;
background-image: url(../images/mackintosh/bg-01.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
}
.introduction h2 {
width: 437px;
margin: 0 auto 0;
color: #009b32;
margin-bottom: 175px;
}
.introduction h2 img {
width: 100%;
height: auto;
}
.introduction p {
font-size: 25px;
line-height: 1.666;
margin-bottom: 148px;
}
.positionrelative {
position: relative;
width: 1008px;
margin: 0 auto;
height: 2045px;
}
.positionrelative::before {
content: "";
display: block;
width: 417px;
height: 382px;
position: absolute;
bottom: 300px;
left: -11px;
background-image: url(../images/mackintosh/bg-02-2.png);
background-size: cover;
background-position: center center;
z-index: -1;
}
.positionrelative::after {
content: "";
display: block;
width: 693px;
height: 584px;
position: absolute;
top: 213px;
right: -135px;
background-image: url(../images/mackintosh/bg-02.png);
background-size: cover;
background-position: center center;
z-index: -1;
}
.introduction .detail {
position: absolute;
left: 542px;
text-align: left;
}
.introduction .detail dt {
width: 465px;
margin-bottom: 25px;
}
.introduction .detail dd {
width: 410px;
font-size: 17px;
line-height: 2;
padding-left: 42px;
letter-spacing: -0.025em;
}
.introduction .buybtn {
width: 125px;
height: 49px;
line-height: 49px;
font-size: 14px;
position: absolute;
top: 567px;
left: 587px;
}
.introduction .buybtn a {
display: block;
color: #000000;
background-color: #ffffff;
width: 125px;
height: 49px;
line-height: 49px;
}
.introduction .buyer {
position: absolute;
bottom: -6px;
left: 587px;
text-align: left;
font-size: 12px;
line-height: 1.666;
}
.introduction .buyer dt {
margin-bottom: 14px;
}
.introduction .buyer dt span {
display: inline-block;
margin-top: 14px;
font-size: 17px;
}
.introduction .buyer dd {
width: 500px;
font-size: 12px;
line-height: 2;
}
.introduction .img01 {
width: 566px;
position: absolute;
top: 16px;
left: 0;
}
.introduction .img02 {
width: 396px;
position: absolute;
top: 634px;
left: 587px;
}
.introduction .img03 {
width: 512px;
position: absolute;
top: 888px;
left: 53px;
}
.introduction .img04 {
width: 396px;
position: absolute;
top: 1250px;
left: 587px;
}
.introduction .img05 {
width: 249px;
position: absolute;
bottom: 0;
left: 317px;
}

/*===== beforecordinate =====*/
.beforecordinate {
min-width: 1008px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.beforecordinate .inner {
width: 1008px;
text-align: left;
margin: 122px auto 0;
position: relative;
}
.beforecordinate .inner::after {
content: "";
display: block;
width: 650px;
height: 577px;
position: absolute;
top: 0;
right: -63px;
background-image: url(../images/mackintosh/bg-03.png);
background-size: cover;
background-position: center center;
z-index: -1;
}
.beforecordinate .img06 {
width: 785px;
margin-top: 392px;
}
.beforecordinate h2 {
width: 535px;
height: 260px;
position: absolute;
top: 165px;
left: 441px;
z-index: 2;
}
.beforecordinate h2 img {
width: 535px;
height: auto;
margin: 0;
}
.beforecordinate dl {
margin-top: 40px;
width: 350px;
}
.beforecordinate dl dt {
font-size: 17px;
margin-bottom: 24px;
}
.beforecordinate dl dd {
font-size: 12px;
line-height: 1.666;
letter-spacing: -0.025em;
}

/*===== coordinate =====*/
.coordinate {
position: relative;
}
.coordinate .inner {
text-align: left;
position: relative;
min-width: 1008px;
margin: 0 auto;
}

/*===== style01 =====*/
.style01 {
height: 1284px;
}
.style01 .subinner {
position: relative;
width: 1008px;
height: 100%;
margin: 0 auto;
}
.style01 .subinner::before {
content: "";
display: block;
width: 417px;
height: 382px;
position: absolute;
top: 150px;
left: 171px;
background-image: url(https://tomorrowland.jp/topic/mystandard/assets/images/mackintosh/bg-04.png);
background-size: cover;
background-position: center center;
z-index: -1;
}
.style01 .img07 {
width: 480px;
position: absolute;
top: -96px;
right: 0;
}
.style01 .img08 {
width: 480px;
position: absolute;
top: 380px;
left: 0;
}
.style01 h2 {
width: 221px;
position: absolute;
top: 249px;
left: 406px;
margin: 0;
z-index: 2;
}
.style01 p.txt {
width: 480px;
position: absolute;
top: 663px;
left: 529px;
font-size: 17px;
line-height: 2;
letter-spacing: -0.025em;
}
.style01 p.lastlead {
font-size: 25px;
position: absolute;
top: inherit;
bottom: -56px;
left: 70px;
}

/*===== style02 =====*/
.style02 {
height: 2397px;
position: relative;
}
.style02 .subinner {
position: relative;
width: 1008px;
height: 100%;
margin: 0 auto;
}
.style02 .subinner::before {
content: "";
display: block;
width: 693px;
height: 584px;
position: absolute;
bottom: 60px;
left: 92px;
background-image: url(../images/mackintosh/bg-06.png);
background-size: cover;
background-position: center center;
z-index: -1;
}
.style02::before {
content: "";
display: block;
width: 100%;
/* padding-top: 25.98958%; */
height: 349px;
position: absolute;
top: -123px;
background-image: url(../images/mackintosh/bg-05.png);
background-position: center center;
background-size: cover;
z-index: -1;
}
.style02 .img09 {
width: 400px;
position: absolute;
top: 0;
right: 78px;
}
.style02 .img10 {
width: 602px;
position: absolute;
top: 295px;
left: 0;
z-index: 2;
}
.style02 h2 {
width: 238px;
position: absolute;
top: 888px;
right: 242px;
margin: 0;
z-index: 2;
}
.style02 p.second {
width: 448px;
position: absolute;
top: 730px;
font-size: 17px;
line-height: 2;
letter-spacing: -0.025em;
}
.style02 .img11 {
width: 490px;
position: absolute;
top: 1024px;
right: 0;
}
.style02 .img12 {
width: 482px;
position: absolute;
top: 1243px;
left: 0;
z-index: 2;
}
.style02 p.third {
width: 493px;
position: absolute;
top: 1385px;
left: 516px;
font-size: 17px;
line-height: 2;
letter-spacing: -0.025em;
}
.style02 p.lastlead {
font-size: 25px;
position: absolute;
bottom: 160px;
left: 0;
}

/*===== movie =====*/
.movie {
position: relative;
margin-top: 82px;
margin-bottom: 428px;
}
.movie::before {
content: "";
display: block;
width: 100%;
/* padding-top: 25.98958%; */
height: 349px;
position: absolute;
bottom: -180px;
background-image: url(../images/mackintosh/bg-05.png);
background-position: center center;
background-size: cover;
z-index: -1;
}
.movie h2 {
width: 478px;
margin: 0 auto;
color: #000000;
font-size: 110px;
margin-bottom: 76px;
}
.youtube iframe {
width: 896px;
height: 505px;
}

/*===== buyarea =====*/
.buyarea {
position: relative;
margin-bottom: 200px;
}
.buyarea .subinner {
width: 1008px;
margin: 0 auto;
}
.buyarea .article:first-child {
margin-bottom: 61px;
}
.buyarea .article:first-child figure {
width: 482px;
float: right;
position: relative;
}
.buyarea .article:first-child figcaption {
width: 526px;
float: left;
position: relative;
text-align: left;
}
.buyarea .article:first-child figcaption ul {
margin-top: 277px;
}
.buyarea .article:first-child figcaption ul li {
font-size: 15px;
line-height: 3;
letter-spacing: -0.025em;
}
.buyarea .article:first-child figcaption ul li a {
color: #ff9600;
text-decoration: underline;
}
.buyarea .article:last-child figure {
width: 482px;
float: left;
position: relative;
}
.buyarea .article:last-child figcaption {
width: 482px;
float: right;
position: relative;
text-align: left;
}
.buyarea .article:last-child figcaption ul {
margin-top: 250px;
}
.buyarea .article:last-child figcaption ul li {
width: 482px;
font-size: 15px;
line-height: 3;
letter-spacing: -0.025em;
}
.buyarea .article:last-child figcaption ul li a {
color: #ff9600;
text-decoration: underline;
}
.buyarea .style1 h2 {
width: 221px;
position: absolute;
top: -74px;
left: -114px;
margin: 0;
z-index: 2;
}
.buyarea .style2 h2 {
width: 240px;
position: absolute;
bottom: 108px;
right: -280px;
margin: 0;
}

/* ================================================= */
/* ==================== PC END. ====================== */
/* =============================================== */

}


@media screen and (min-width:1441px) {

.wrapper {
min-width: 1440px;
border-top: 10px solid #000000;
text-align: center;
overflow: hidden;
}

/*===== mainvisual =====*/
.mainvisual {
min-width: 1440px;
margin: 0 auto 277px;
}
.mainvisual h1 {
width: 961px;
margin: 248px auto 244px;
position: relative;
z-index: 2;
}
.mainvisual h1 img {
width: 100%;
height: auto;
}
.mainvisual p {
font-size: 36px;
line-height: 1.666;
}

/*===== itemdetail =====*/
.introduction {
position: relative;
min-width: 1440px;
margin: 0 auto;
padding-top: 155px;
overflow: hidden;
}
.introduction::before {
content: "";
display: block;
width: 100%;
height: 499px;
position: absolute;
top: 0;
background-image: url(../images/mackintosh/bg-01.png);
background-position: center center;
background-size: cover;
z-index: -1;
}
.introduction h2 {
width: 625px;
margin: 0 auto 0;
color: #009b32;
margin-bottom: 12.7%;
}
.introduction h2 img {
width: 100%;
height: auto;
}
.introduction p {
font-size: 36px;
line-height: 1.666;
margin-bottom: 202px;
}
.positionrelative {
position: relative;
width: 1440px;
margin: 0 auto;
height: 2920px;
}
.positionrelative::after {
content: "";
display: block;
width: 990px;
height: 834px;
position: absolute;
top: 305px;
right: -194px;
background-image: url(../images/mackintosh/bg-02.png);
background-size: cover;
background-position: center center;
z-index: -1;
}
.introduction .detail {
position: absolute;
left: 778px;
text-align: left;
}
.introduction .detail dt {
width: 640px;
margin-bottom: 35px;
}
.introduction .detail dd {
width: 562px;
font-size: 24px;
line-height: 2;
padding-left: 76px;
letter-spacing: -0.025em;
}
.introduction .buybtn {
width: 177px;
height: 68px;
line-height: 68px;
font-size: 20px;
position: absolute;
top: 790px;
left: 844px;
}
.introduction .buybtn a {
display: block;
color: #000000;
background-color: #ffffff;
width: 177px;
height: 68px;
line-height: 68px;
}
.introduction .buyer {
position: absolute;
bottom: -6px;
left: 838px;
text-align: left;
font-size: 18px;
line-height: 1.666;
}
.introduction .buyer dt {
margin-bottom: 24px;
}
.introduction .buyer dt span {
display: inline-block;
margin-top: 24px;
font-size: 24px;
}
.introduction .buyer dd {
width: 500px;
font-size: 18px;
line-height: 2;
}
.introduction .img01 {
width: 809px;
position: absolute;
top: 25px;
left: 0;
}
.introduction .img02 {
width: 566px;
position: absolute;
top: 890px;
right: 37px;
}
.introduction .img03 {
width: 733px;
position: absolute;
top: 1266px;
left: 76px;
}
.introduction .img04 {
width: 566px;
position: absolute;
top: 1767px;
right: 37px;
}
.introduction .img05 {
width: 355px;
position: absolute;
bottom: 0;
left: 455px;
}

/*===== beforecordinate =====*/
.beforecordinate {
min-width: 1440px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.beforecordinate .inner {
width: 1440px;
text-align: left;
margin: 174px auto 0;
position: relative;
}
.beforecordinate .inner::after {
content: "";
display: block;
width: 990px;
height: 834px;
position: absolute;
top: 0;
right: -63px;
background-image: url(../images/mackintosh/bg-03.png);
background-size: cover;
background-position: center center;
z-index: -1;
}
.beforecordinate .img06 {
width: 1121px;
margin-top: 557px;
}
.beforecordinate h2 {
width: 765px;
height: 371px;
position: absolute;
top: 236px;
left: 632px;
z-index: 2;
}
.beforecordinate h2 img {
width: 765px;
height: auto;
margin: 0;
}
.beforecordinate dl {
margin-top: 60px;
width: 500px;
}
.beforecordinate dl dt {
font-size: 24px;
margin-bottom: 35px;
}
.beforecordinate dl dd {
font-size: 18px;
line-height: 1.666;
letter-spacing: -0.025em;
}

/*===== coordinate =====*/
.coordinate {
position: relative;
}
.coordinate .inner {
text-align: left;
position: relative;
min-width: 1440px;
margin: 0 auto;
}

/*===== style01 =====*/
.style01 {
height: 1740px;
}
.style01 .subinner {
position: relative;
width: 1440px;
height: 100%;
margin: 0 auto;
}
.style01 .subinner::before {
content: "";
display: block;
width: 595px;
height: 545px;
position: absolute;
top: 213px;
left: 245px;
background-image: url(https://tomorrowland.jp/topic/mystandard/assets/images/mackintosh/bg-04.png);
background-size: cover;
background-position: center center;
z-index: -1;
}
.style01 .img07 {
width: 686px;
position: absolute;
top: -138px;
right: 0;
}
.style01 .img08 {
width: 686px;
position: absolute;
top: 539px;
left: 0;
}
.style01 h2 {
width: 313px;
position: absolute;
top: 400px;
left: 580px;
margin: 0;
z-index: 2;
}
.style01 p.txt {
width: 685px;
position: absolute;
top: 938px;
left: 755px;
font-size: 24px;
line-height: 2;
letter-spacing: -0.025em;
}
.style01 p.lastlead {
font-size: 36px;
position: absolute;
top: inherit;
bottom: -90px;
left: 102px;
}

/*===== style02 =====*/
.style02 {
height: 3395px;
position: relative;
}
.style02 .subinner {
position: relative;
width: 1440px;
height: 100%;
margin: 0 auto;
}
.style02 .subinner::before {
content: "";
display: block;
width: 990px;
height: 834px;
position: absolute;
bottom: 75px;
left: 167px;
background-image: url(../images/mackintosh/bg-06.png);
background-size: cover;
background-position: center center;
z-index: -1;
}
.style02::before {
content: "";
display: block;
width: 100%;
/* padding-top: 25.98958%; */
height: 499px;
position: absolute;
top: -170px;
background-image: url(../images/mackintosh/bg-05.png);
background-position: center center;
background-size: cover;
z-index: -1;
}
.style02 .img09 {
position: absolute;
top: 0;
right: 112px;
width: 573px;
}
.style02 .img10 {
position: absolute;
top: 427px;
left: 0;
width: 860px;
z-index: 2;
}
.style02 h2 {
width: 313px;
position: absolute;
top: 1274px;
right: 406px;
margin: 0;
z-index: 2;
}
.style02 p.second {
width: 640px;
position: absolute;
top: 1049px;
font-size: 24px;
line-height: 2;
letter-spacing: -0.025em;
}
.style02 .img11 {
position: absolute;
top: 1453px;
right: 0;
width: 700px;
}
.style02 .img12 {
position: absolute;
top: 1781px;
left: 0;
width: 689px;
z-index: 2;
}
.style02 p.third {
width: 704px;
position: absolute;
top: 1984px;
left: 745px;
font-size: 24px;
line-height: 2;
letter-spacing: -0.025em;
}
.style02 p.lastlead {
font-size: 36px;
position: absolute;
bottom: 230px;
left: 0;
}

/*===== movie =====*/
.movie {
position: relative;
margin-top: 115px;
margin-bottom: 612px;
}
.movie::before {
content: "";
display: block;
width: 100%;
padding-top: 25.98958%;
position: absolute;
bottom: -240px;
background-image: url(../images/mackintosh/bg-05.png);
background-position: center center;
background-size: cover;
z-index: -1;
}
.movie h2 {
width: 684px;
margin: 0 auto;
color: #000000;
font-size: 110px;
margin-bottom: 110px;
}

/*===== buyarea =====*/
.buyarea {
position: relative;
margin-bottom: 200px;
}
.buyarea .subinner {
width: 1440px;
margin: 0 auto;
}
.buyarea .article:first-child {
margin-bottom: 87px;
}
.buyarea .article:first-child figure {
width: 689px;
float: right;
position: relative;
}
.buyarea .article:first-child figcaption {
width: 689px;
float: left;
position: relative;
text-align: left;
}
.buyarea .article:first-child figcaption ul {
margin-top: 372px;
}
.buyarea .article:first-child figcaption ul li {
font-size: 21px;
line-height: 3;
letter-spacing: -0.025em;
}
.buyarea .article:first-child figcaption ul li a {
color: #ff9600;
text-decoration: underline;
}
.buyarea .article:last-child figure {
width: 689px;
float: left;
position: relative;
}
.buyarea .article:last-child figcaption {
width: 689px;
float: right;
position: relative;
text-align: left;
}
.buyarea .article:last-child figcaption ul {
margin-top: 372px;
}
.buyarea .article:last-child figcaption ul li {
font-size: 21px;
line-height: 3;
letter-spacing: -0.025em;
}
.buyarea .article:last-child figcaption ul li a {
color: #ff9600;
text-decoration: underline;
}
.buyarea .style1 h2 {
width: 313px;
position: absolute;
top: -107px;
left: -162px;
margin: 0;
z-index: 2;
}
.buyarea .style2 h2 {
width: 313px;
position: absolute;
bottom: 108px;
right: -348px;
margin: 0;
}

}


/* ================================================================= */
/* ======================== 1920px以上 ============================= */
/* ============================================================== */

@media screen and (min-width:1920px) {

.introduction {
padding-top: 8%;
}
.introduction::before,
.style02::before {
padding-top: 25.98958%;
height: 0;
}
.style01 p.lastlead {
bottom: -150px;
}

/* ================================================= */
/* ==================== PC END. ====================== */
/* =============================================== */

}