/********　opening　*******************/

#loading{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
text-align: center;
background-color: #fff;
}

.is-loading #loading {
display: block;
background: #fff url(/img_2021/disney/disney100/op.jpg) top center no-repeat;
background-size: cover;
}

#copyright{
display: block;
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
text-align: center;
}

#copyright span{ font-family:'Times New Roman', 'Times';}
#loading #skipBtn { display: none;}

.is-loading #loading #skipBtn {
position: absolute;
bottom: 90px;
left: 50%;
width: 160px;
margin-left: -80px;
padding: 8px 0;
background: #CECECE;
display: inline-block;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
line-height: 1.6;
text-align: center;
}


#skipBtn:before {
display: block;
position: absolute;
top: 0;
right: 10px;
bottom: 0;
width: 8px;
height: 8px;
margin: auto 0;
content: "";
border-right: #fff 2px solid;
border-top: #fff 2px solid;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/* logo */
#logo{
position: absolute;
top: 50%;
left: 50%;
margin-left: -160px;
margin-top: -80px;
width: 320px;
height: auto;
opacity: 0;
}


#logo.fadeIn{
opacity: 1;
transition: opacity 2s ease 0.5s;
-webkit-transition: opacity 2s ease 0.5s;
-moz-transition: opacity 2s ease 0.5s;
}

#logo.fadeOut{
opacity: 0;
transition: opacity 1s ease 0s;
-webkit-transition: opacity 1s ease 0s;
-moz-transition: opacity 1s ease 0s;
}

@media screen and (max-width: 959px) {
    #logo{
    top: 40%;
    max-width: 240px;
    margin-left: -120px;
    margin-top: -60px;
    }
}

/************************************/

.fadein {
opacity: 0;
transform: translate(0, 100px);
transition: all 1s;
}
.fadein.active {
opacity: 1;
transform: translate(0, 0);
}
.fadein.delay {
transition-delay: 0.8s;
transform: none;
}

#disney100 .inline {
display: inline;
}

#disney100 .red {
color: #950000;
}
#disney100 .layoutRole_main a {
color: #454545;
font-size: 14px;
}

#disney100 .button a {
background-color: #fff;
}

#disney100 .noteStyle,
#disney100 .noteStyle a {
font-size: 12px !important;
}
#disney100 .hdS {
margin-bottom: 15px;
line-height: 1.8;
}

#disney100 .topLayout .topLayout_imgLeft {
padding: 10px 0px;
padding-right: 0;
}

#disney100 .topLayout .topLayout_imgRight {
padding-left: 0;
}

#disney100 .topLayout .topLayout_img {
margin-bottom: 20px;
}

#disney100 .layoutRole .layoutRole_contents {
max-width: 1500px;
margin: 0px auto;
font-size: 14px;
}
#disney100 .teaser {
background-image: none;
height: auto;
}

#disney100 .teaser h1 {
margin-bottom: 0;
}

#disney100 .teaser img {
width: 100%;
}
    
.disney100_header {
position: fixed;
overflow-x: scroll;
white-space: nowrap;
top: 60px;
left: 0;
width: 100%;
border: 1px solid #CECECE;
border-width: 0 0 1px 0;
background-color: #fff;
z-index: 1;
display: none;
}

.disney100_header ul {
display: flex;
justify-content: center;
padding: 15px 10px;
}

.disney100_header ul li {
margin: 0 3%;
}

.disney100_header ul li a {
font-size: 15px;
color: #454545;
}

#disney100 .brandLogo {
max-width: 360px;
width: 60%;
margin: 0 auto;
}

#disney100 .lineup {
background: url(/img_2021/disney/disney100/bg.jpg) top center repeat-y;
background-size: contain;
padding-top: 60px;
}

#disney100 .premium,
#disney100 .premium-bridal {
padding-bottom: 60px;
}

#disney100 .premium-bridal{
padding-top: 60px;
background: #ffffff;
}

#disney100 .limited {
background: url(/img_2021/disney/disney100/op.jpg) top center no-repeat;
background-size: cover;
padding-top: 60px;
padding-bottom: 60px;
}

#disney100 .flexBox2 {
margin: 0px auto;
}

#disney100 .flexBox2 .box {
margin-bottom: 60px;
}

#disney100 .flexBox2 div.box .hdS {
line-height: 1.8;
}

#disney100 .flexBox2 div.box .hdS span,
#disney100 .onlineLimited .hdS span{
font-size: 18px;
}

#disney100 .senkou .itemImg { position: relative;}
#disney100 .senkou .itemImg::after {
text-align: center;
width: 100%;
position: absolute;
bottom: 15px;
display: block;
content: "WEB先行販売商品";
color: #832727;
font-size: 14px;
font-weight: bold;
}

#disney100 .limitedTop .topLayout {
position: relative;
}

#disney100 .limitedTop .topLayout::before,
#disney100 .limitedTop .topLayout::after {
position: absolute;
top: 0;
content: '';
width: 10px;
height: 100%;
display: inline-block;
box-sizing: border-box;
}

#disney100 .limitedTop .topLayout::before {
border-left: solid 2px #BEBEBE;
border-top: solid 2px #BEBEBE;
border-bottom: solid 2px #BEBEBE;
left: 0;
}

#disney100 .limitedTop .topLayout::after {
border-right: solid 2px #BEBEBE;
border-top: solid 2px #BEBEBE;
border-bottom: solid 2px #BEBEBE;
right: 0;
}

#disney100 .limitedMid .topLayout {
padding: 0;
}

#disney100 .onlineLimited .topLayout_box,
#disney100 .limitedBtm .topLayout .topLayout_box,
#disney100 .event .topLayout .topLayout_box {
padding-left: 0;
}

#disney100 .limitedBtm .topLayout .topLayout_box {
padding-bottom: 20px;
}
    
#disney100 .shopper {
background-color: rgba(255,255,255,0.5);
border: 1px solid #D0D0D0;
}

#disney100 .information {
padding-top: 60px;
}

#disney100 .event {
padding-top: 60px;
}
    

#disney100 .eventInfo dl {
display: -webkit-flex;
display: -ms-flex;
display: flex;
font-size: 16px;
justify-content: center;
}

#disney100 .event2 .hdS {
    font-size: 14px;
}

#disney100 .event2 .topLayout {
    padding: 20px;
    border: 1px solid #707070;
}

#disney100 .event2 .topLayout .topLayout_imgRight .topLayout_box{
    padding-right: 0;
    margin-top: 20px;
    width: 100%;
}

#disney100 .flexBox2.bannerBox {
    border-top: 1px solid #707070; 
    padding: 0;
    padding-top: 40px;
}

#disney100 .flexBox2.bannerBox > .box{
    margin-bottom: 20px;
}


@media only screen and (min-width: 480px) {
    #disney100 .lineup {
    background-size: cover;
    }
}



@media only screen and (min-width: 960px) {
    #disney100 .sp.inline {
    display: none;
    }

    #disney100 .hdL {
    font-size: 54px;
    }

    #disney100 .hdM {
    font-size: 32px;
    }
    
    #disney100 .hdS {
    font-size: 18px;
    margin-bottom: 20px;
    }

    #disney100 .topLayout .topLayout_img {
    width: 45.25%;
    margin-bottom: 0;
    }
    
    #disney100 .topLayout .topLayout_box {
    width: 54.75%;
    }

    #disney100 .topLayout .topLayout_imgRight .topLayout_box {
        padding: 0;
        padding-right: 77px;
    }
        
    #disney100 .layoutRole_contents p {
    font-size: 18px;
    line-height: 2.0;
    }

    #disney100 .limitedInfo,
    #disney100 .flexBox2,
    #disney100 .onlineLimited,
    #disney100 .shopper {
    max-width: 960px;
    padding: 0px 20px;
    }

    #disney100 .premium p,
    #disney100 .premium-bridal p,
    #disney100 .limited p {
    font-size: 16px;
    }

    #disney100 .premium-bridal.common_inner{
    width: 100%;
    }
    
    #disney100 .information p,
    #disney100 .campaign p,
    #disney100 .event p  {
    font-size: 14px;
    }
    
    #disney100 .information > p,
    #disney100 .event > p {
    font-size: 16px;
    }
    
    #disney100 .btmTxt p {
    font-size: 16px;
    }
    
    #disney100 .layoutRole_contents .noteStyle {
    font-size: 14px;
    }

    
    #disney100 .layoutRole .layoutRole_contents {
    margin-top: 50px;
    }

    #disney100 .layoutRole .layoutRole_main {
    margin-bottom: 150px;
    padding-top: 80px;
    }

    #disney100 .teaser {
    background-image: url(/img_2021/disney/disney100/teaser_pc.jpg);
    height: 470px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    }

    .disney100_header {
    top: 80px;
    }

    .disney100_header ul li {
    margin: 0 2.5%;
    }
    .disney100_header ul li a {
    font-size: 13px;
    }

    #disney100 .brandLogo {
    max-width: 360px;
    margin: 0 auto;
    }

    #disney100 .lineup {
    padding-top: 150px;
    }

    #disney100 .premium {
    margin: 0 auto;
    padding-bottom: 120px;
    }
    #disney100.premium .common_inner {
max-width: 1200px;
        }

    #disney100 .premium-bridal {
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 120px;
    }

    #disney100 .limited {
    padding-top: 150px;
    padding-bottom: 120px;
    }

    #disney100 .limitedTop .topLayout .topLayout_img{
    width: 50.25%;
    }
    #disney100 .limitedTop .topLayout .topLayout_box{
    width: 45.75%;
    padding-left: 20px;
    }

    #disney100 .flexBox2 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    }

    #disney100 .flexBox2 .box {
    padding: 0px 10px;
    }
    
    #disney100 .flexBox2 div.box {
    width: 50%;
    }

    #disney100 .flexBox2 div.box .hdS span,
    #disney100 .onlineLimited .hdS span {
    font-size: 22px;
    }

    #disney100 .senkou .itemImg::after {
    bottom: 20px;
    }

    #disney100 .onlineLimited .topLayout_box {
    padding-left: 25px;
    }

    #disney100 .limitedBtm .topLayout .topLayout_img {
    width: 41.25%;
    }
    
    #disney100 .limitedBtm .topLayout .topLayout_box {
    padding-left: 0;
    padding-bottom: 0;
    width: 48.75%;
    }

    #disney100 .shopper {
    max-height: 360px;
    }
    
    #disney100 .shopper img {
    position: relative;
    top: -40px;
    }
    
    #disney100 .limited .button {
    margin-top: 80px;
    }

    #disney100 .information {
    padding-top: 150px;
    }
    
    #disney100 .event {
    padding-top: 150px;
    }
    
    #disney100 .eventInfo {
    max-width: 960px;
    margin: 0 auto;
    }
    
    #disney100 .eventInfo dl {
    font-size: 24px;
    }

    #disney100 .event2 .hdS {
        font-size: 16px;
    }

    #disney100 .event2 .topLayout {
        padding: 50px;
    }

    #disney100 .event2 .topLayout .topLayout_imgRight .topLayout_box{
        padding-right: 80px;
        margin-top: 0;
        width: calc(100% - 315px);
    }
    #disney100 .event2 .topLayout .topLayout_imgRight .topLayout_img{
        width: 38%;
        min-width: 315px;
    }

    #disney100 .flexBox2.bannerBox > .box{
        margin-bottom: 0px;
    }    
}

@media screen and (max-width: 959px) {
    .mw650{
    max-width: 650px;
    display: block;
    margin: auto;
    }
    .mw650,
    .mw650 img {
    width: 100%;
    }
}


/**************
premium
***************/
#disney100 .layoutRole .layoutRole_contents {
margin-top: 0;
}

#disney100.premium .layoutRole_main .foot a {
    font-size: 10px;
}

#disney100.premium .layoutRole_contents .layoutRole_main {
background: url(/img_2021/disney/disney100/bg.jpg) top center repeat-y;
background-size: cover;
padding: 100px 0px 60px;
margin-bottom: 0;
}

#disney100.premium .imgThumb {
overflow-x: scroll;
}

#disney100.premium .imgThumbList {
display: -webkit-flex;
display: -ms-flex;
display: flex;
font-size: 16px;
justify-content: center;
flex-wrap: wrap;
}
#disney100.premium .imgThumbList li {
    width: 45%;
    max-width: 205px;
    margin: auto 1%;
}
#disney100.premium .imgThumbList li a {
display: block;
padding-bottom: 20px;
background:url(/img_2021/common/ico_select_down.svg) no-repeat bottom center;
background-size:12px;
font-family: tbudmincho-std, sans-serif;
min-height: 60px;
}


@media only screen and (min-width: 960px) {
    #disney100.premium .imgMain .topLayout_img {
    width: 50.25%;
    }

    #disney100.premium .imgMain .topLayout {
    max-width: 1000px;
    }

    #disney100.premium .layoutRole_contents p {
    font-size: 16px;
    }
    
    #disney100.premium .layoutRole_contents .itemPrice a {
    font-size: 18px;
    }
    
    #disney100.premium .layoutRole_contents .noteStyle {
    font-size: 14px;
    }
    #disney100.premium .hdS {
    font-size: 22px;
    } 
    #disney100.premium .imgThumbList li a {
    min-height: auto;
    }
}

@media screen and (max-width: 959px) {
    #disney100.premium .topLayout .topLayout_box {
    padding-left: 0;
    }
}