@charset "UTF-8";




/* CSS Document */









.pc{display: block;}




.sp{display: none;}









.main-box{color: #fff; }









.main-content .main-box .tit{margin: 0 auto 80px;}









.sec01{ background:url("../../imgs/collaboration/mickeyandminnie/bg01.jpg") no-repeat center; background-size: cover; padding-bottom: 200px;}




.sec01 .logo{max-width:1000px; width:80%; margin: 0 auto 20px; color: #fff; padding-top: 120px;}




.sec01 .hero{margin:84px auto 0;max-width:478px; width:80%; padding-right: 50px;}









.sec02{background:url("../../imgs/collaboration/mickeyandminnie/bg04.png") no-repeat top center; background-size: cover; margin-top: -150px;padding-bottom:150px;}




.sec02 .inner{max-width:980px; width: 90%; margin: 0 auto; padding-top: 200px;}




.sec02 .tit{ margin: 0 auto 80px;}




.sec02 .copy{font-size:22px; margin-bottom:50px; text-align: center; color: #231815;}




.sec02 .pict{width: 100%;}









.sec03{background:url("../../imgs/collaboration/mickeyandminnie/bg02.jpg") no-repeat top center; background-size: cover; padding-top: 150px;padding-bottom:150px;}




.sec03 .tit{max-width: 980px; width: 90%; margin-bottom:150px;}




.sec03 .inner{max-width:980px; width:90%; display: flex; justify-content: space-between; align-items: center; margin:0 auto;}




.sec03 .inner .left{width: 25%;}




.sec03 .inner .cent{width: 30%; padding: 0% 4% 100px 4%; position: relative;}




.sec03 .inner .cent .bg{position: absolute; width:110%; bottom: -7%; left:0.5%;z-index: 0; }




.sec03 .inner .cent .pict02{position: relative; z-index: 1;}




.sec03 .inner .right{width: 25%; position: relative; padding-bottom: 100px;}




.sec03 .inner .point-box2{ margin-top:100px; }




.sec03 .inner .p01{width:131px; margin: 0 auto 0;}




.sec03 .inner .p02{width:141px; margin: 0 auto 0;}




.sec03 .inner .p03{width:137px; margin: 0 auto 0;}




.sec03 .inner .txt{font-size:18px; margin-top: 20px;text-align:justify; color: #231815; line-height: 180%;}




.sec03 .inner .pict01{ margin-top: 20px;}




.sec03 .inner .pict03{margin-top: 20px;}









.sec03 .inner2{display: flex; justify-content: center; align-items:flex-start; margin:0 auto; max-width: 900px; width:80%; }




.sec03 .inner2 .left{margin-right: 7.5%; width: 50%;}




.sec03 .inner2 .right{margin-left: 7.5%;width: 50%;}




.sec03 .inner2 .left .p02{width:228px; margin: 0 auto;}




.sec03 .inner2 .right .p02{width:158px; margin: 0 auto;}




.sec03 .inner2 .pict01{margin-top: 40px;}




.sec03 .inner2 .pict02{margin-top: 50px;}




.sec03 .inner2 .txt{font-size: 20px;text-align:justify; margin-top: 40px;}









.sec04 {margin:0 auto 0;;background:#fffff2; padding:150px 0 150px 0; }




.sec04 .tit{max-width:980px; width:90%; margin:0 auto 60px!important;}




.sec04 .copy{font-size: 22px; text-align: center; color: #231815;}




.sec04 .inner{max-width:980px; width:90%; margin: 70px auto 0; display:flex;justify-content: center; align-items:center;}




.sec04 .inner .pict01{ max-width:280px; width:30%; margin-right: 100px;}




.sec04 .inner .pict02{ max-width:294px; width:30%;}









.sec05 {margin:0 auto 0;background:#fffff2; padding:0 0 150px 0; }




.sec05 .inner{ width:90%; margin: 0 auto;}




.sec05 .tit{max-width: 980px; width: 90%; margin:0 auto 60px!important;}




.sec05 .copy{font-size: 22px; text-align: center; color: #231815;}




.sec05 .pict{margin:70px auto 0; max-width:600px;}














.sec06 {background:url("../../imgs/collaboration/mickeyandminnie/bg03.jpg") no-repeat top center; background-size: cover; padding-top: 150px;padding-bottom:150px;}




.sec06 .inner{max-width:850px; width:90%; margin: 0 auto; display: flex; justify-content:center; align-items: center;}




.sec06 .disney-box{margin: 0px auto 0;max-width:1000px; width:90%;}




.sec06 .disney-box p{width: 70px;float: right; }




.sec06 .left{ width: 25%; margin-right: 14%;}




.sec06 .pict{ margin: 0 auto;}




.sec06 h3{font-size: 28px; font-weight: bold;  margin-top: 40px; color: #231815;}




.sec06 .txt{font-size:20px;  margin-top: 10px; color: #231815;}









.sec06 .btn-box{margin-top: 40px; width: 240px;}




.sec06 .btn-box a{display: block; text-align: center; padding: 12px 10px 10px 10px; font-size:18px; color: #231815; border: 1px solid #231815; box-sizing: border-box; position: relative; width: 100%;}




.sec06 .btn-box a::after{content: '';




            display: block;




            position: absolute;




            top: 50%;




            right: 15px;




            width: 10px;




            height: 10px;




            border-top: 2px solid #231815;




            border-right: 2px solid #231815;




            transform: translateY(-50%) rotate(45deg); }




      .main-content .main-box .product-info .copyright {




        font-size: 10px; 




        color:#231815; }




        




.sec06 .btn-box a:hover{opacity: 0.8;}









.sec06 .link-box{margin: 40px auto 0 auto;max-width:850px; width:90%;}









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









.pc{display: none;}




.sp{display: block;}




.main-box{}




.main-box .logo{padding-top:60px;margin: 0 auto 30px; }









.sec01{padding-bottom: 170px;}




.sec01 .hero{margin:40px auto 0; width:50%; padding-right: 10px;}









.sec02{padding-bottom: 75px;}




.sec02 .inner{margin: 0 auto; padding-top: 100px;}




.sec02 .tit{margin-bottom:25px!important;}




.sec02 .copy{font-size:13px; margin-bottom:20px; text-align: center;}




.sec02 .pict{width: 100%;}









.sec03{background:url("../../imgs/collaboration/mickeyandminnie/bg02_sp.jpg") no-repeat top; margin:0 auto;padding-top: 75px;padding-bottom: 75px; }




.sec03 .tit{ margin-bottom:25px!important;}




.sec03 .inner{ margin: 30px auto 0px; display: block;}




.sec03 .inner .pict02{width: 50%; margin:0 auto 40px; position: relative;}




.sec03 .inner .pict02 .pict{position: relative; z-index: 1;}




.sec03 .inner .pict02 .bg{position: absolute; width:160%; left: -22%; bottom: -10%; }




.sec03 .inner .p01{ margin: 50px auto 0; width: 30%;}




.sec03 .inner .txt{font-size: 13px; width: 60%; margin: 20px auto 0;}




.sec03 .inner .pict01{width: 50%; margin: 20px auto 0;}




.sec03 .inner .pict02_sp{width: 50%; margin: 20px auto 0;}









.sec03 .inner2{display: block; width:90%; }




.sec03 .inner2 .left{margin:0 auto; width: 75%;}




.sec03 .inner2 .right{margin:50px auto;width: 75%;}




.sec03 .inner2 .left .p02{width:60%; margin: 0 auto;}




.sec03 .inner2 .right .p02{width:50%; margin: 0 auto;}




.sec03 .inner2 .pict01{margin-top: 20px; padding-left: 2%;}




.sec03 .inner2 .pict02{margin-top: 20px;padding-left: 2%;}




.sec03 .inner2 .txt{font-size: 13px;margin-top: 20px;}














.sec04 {margin:0 auto; padding: 75px 0 0 0;}




.sec04 .tit{ margin-bottom:25px!important;}




.sec04 .copy{font-size: 13px; }




.sec04 .inner{width: 80%; margin: 20px auto 0;}




.sec04 .inner .pict01{width: 50%; margin-right: 20px;}




.sec04 .inner .pict02{width: 50%;}














.sec05 {margin:0 auto 0; padding:60px 0; }




.sec05 .tit{ margin-bottom:25px!important;}




.sec05 .copy{font-size: 13px; }




.sec05 .pict{margin:20px auto 0; width: 80%; padding-right: 0;}














.sec06 {padding: 60px 0;}




.sec06 .inner{display: block; }




.sec06 .left{ margin:0 auto; width: 40%;}




.sec06 .right{ margin: 40px auto 0;}




.sec06 .pict{width: 100%; padding-left: 1%; margin: 0 auto;}




.sec06 h3{font-size: 20px;  margin-top: 20px; text-align: center;}




.sec06 .txt{font-size:15px; text-align: center; margin-top: 10px;}









.sec06 .btn-box{ margin: 20px auto 0; width: 65%;}




.sec06 .btn-box a{padding: 15px 10px 12px 10px; font-size:15px; }




.sec06 .btn-box a::after{content: '';




            width: 8px;




            height: 8px; }




        




.sec06 .btn-box a:hover{opacity: 0.8;}









.sec06 .disney-box{margin: 10px auto 0;}




.sec06 .disney-box p{width: 50px;float: right; }









.sec06 .link-box{margin: 40px auto 0 auto; width:90%;}




}