@charset "utf-8"; 





/*---------------------------
Link
---------------------------*/
#uenoeki a{outline:none; text-decoration: none; color: #623F2A;word-break: break-all;}
#uenoeki a:hover{-webkit-transition:all .3s ease; transition:all .3s ease;}


/*---------------------------
Body
---------------------------*/
#uenoeki {font-style: normal; font-weight: 500; color: #000000; background: #fff; word-wrap:break-word; font-kerning:normal;font-size:25px; letter-spacing: 0.05em;}

/*---------------------------
共通
---------------------------*/
#uenoeki .cf:before,
#uenoeki .cf:after {content: " ";display: table;}
#uenoeki .cf:after {clear: both;}
#uenoeki .cf{*zoom: 1;}

#uenoeki .pc{display:block;}
#uenoeki .sp{display:none;}


@media only screen and (max-width:750px){
#uenoeki .pc{display:none;}
#uenoeki .sp{display:block;}
}


#uenoeki .info{background: url("../imgs/bg02.jpg") repeat-y center; padding: 195px 0 130px;}
#uenoeki .info .inner{max-width: 1000px; width: 90%; margin: 0 auto;}
#uenoeki .info .inner h2{max-width: 596px; width: 80%; margin: 0 auto;}
#uenoeki .info .inner .body-copy{margin-top:100px; font-size: 38px; text-align: center; letter-spacing: 0.1em; line-height: 1.8;}
#uenoeki .info .inner .copy{margin-top:80px; font-size: 25px; text-align: center; line-height: 1.8;}
#uenoeki .info .inner .txt-box{border:2px solid #000; box-sizing: border-box; margin-top:90px; padding: 40px 100px 70px 100px;}
#uenoeki .info .inner .txt-box h3{font-size:25px; margin-top: 50px; padding:0 0 4px 30px; border-bottom: 1px solid #868686; position: relative;}
#uenoeki .info .inner .txt-box h3:before{ content: ''; height: 110%; width:13px; background:#868686; position: absolute; left: 0; bottom: 0;}
#uenoeki .info .inner .txt-box .day{font-size:25px; margin-top: 25px;line-height: 1.8;}
#uenoeki .info .inner .txt-box ul{font-size:16px; margin-top: 25px;}
#uenoeki .info .inner .txt-box ul li{line-height: 1.8; padding-left: 1em; text-indent: -1em;}

#uenoeki .info .inner .copy_b{margin-top:20px; font-size: 32px; text-align: center; line-height: 1.8; font-weight: bold;}

@media only screen and (max-width:750px){
#uenoeki .info{background: url("../imgs/bg02_sp.jpg") repeat-y center; padding: calc(80/750 * 100vw) 0 calc(70/750 * 100vw);}
#uenoeki .info .inner .copy{margin-top:calc(70/750 * 100vw); font-size: calc(25/750 * 100vw); letter-spacing: 0.05em;}
#uenoeki .info .inner .txt-box{margin-top:calc(80/750 * 100vw); padding: calc(30/750 * 100vw) calc(50/750 * 100vw) calc(50/750 * 100vw) calc(50/750 * 100vw);}
#uenoeki .info .inner .txt-box h3{font-size:calc(30/750 * 100vw); margin-top: calc(35/750 * 100vw); padding:0 0 4px 20px; }
#uenoeki .info .inner .txt-box h3:before{ content: ''; height: 110%; width:8px; }
#uenoeki .info .inner .txt-box .day{font-size:calc(30/750 * 100vw); margin-top: 15px;}
#uenoeki .info .inner .txt-box ul{font-size:calc(15/750 * 100vw); margin-top: 10px;}

#uenoeki .info .inner .copy_b{margin-top:calc(20/750 * 100vw); font-size: calc(32/750 * 100vw); letter-spacing: 0.05em; font-weight: bold;}
}

#uenoeki .tab-box{margin-top: 195px;}
#uenoeki .tab-box h2{font-size: 50px; text-align: center; letter-spacing: 0.1em;}
#uenoeki .tab-box ul{max-width: 1000px; width: 90%; margin: 120px auto 0; display: flex;}
#uenoeki .tab-box ul li{width: 32%; margin-right: 2%;}
#uenoeki .tab-box ul li:last-child{margin-right:0;}
#uenoeki .tab-box ul li a:hover{opacity: 0.8;}

#uenoeki .p_link-box .detaile{margin-top: 0px; border: 2px solid #000;}
#uenoeki .p_link-box ul{max-width: 1000px; width: 90%; margin: 20px auto 0; display: flex;}
#uenoeki .p_link-box ul li{width: 32%; margin-right: 2%;}
#uenoeki .p_link-box ul li:last-child{margin-right:0;}
#uenoeki .p_link-box ul li a:hover{opacity: 0.8;}

@media only screen and (max-width:750px){
#uenoeki .tab-box{margin-top: calc(100/750 * 100vw);}
#uenoeki .tab-box h2{font-size: calc(45/750 * 100vw);}
#uenoeki .tab-box ul{margin: calc(40/750 * 100vw) auto 0; flex-wrap: wrap;}
#uenoeki .tab-box ul li{width: 100%; margin-right: 0%; margin-bottom:calc(30/750 * 100vw) }
}

#uenoeki .item{margin-top: 250px;}
#uenoeki .item h2{max-width: 1000px; width:100%; margin: 0 auto;font-size:50px; padding-bottom: 10px;text-align: center;letter-spacing: 0.1em; position: relative;}
#uenoeki .item h2:before{content: ''; height: 6px; width: 50%; background: #3b6da7; position: absolute; left: 0; bottom: 0;}
#uenoeki .item h2:after{content: ''; height: 6px; width: 50%; background: #a58e74; position: absolute; right: 0; bottom: 0;}

#uenoeki .item#item02 h2:before{content: ''; height: 6px; width: 50%; background: #323232; position: absolute; left: 0; bottom: 0;}
#uenoeki .item#item02 h2:after{content: ''; height: 6px; width: 50%; background: #bebebe; position: absolute; right: 0; bottom: 0;}

#uenoeki .item#item03 h2:before{content: ''; height: 6px; width: 50%; background: #802837; position: absolute; left: 0; bottom: 0;}
#uenoeki .item#item03 h2:after{content: ''; height: 6px; width: 50%; background: #ae806c; position: absolute; right: 0; bottom: 0;}

@media only screen and (max-width:750px){
#uenoeki .item{margin-top: calc(120/750 * 100vw);}
#uenoeki .item h2{width:90%;font-size:calc(45/750 * 100vw); padding-bottom: 10px;}
#uenoeki .item h2:before{height: calc(6/750 * 100vw); }
#uenoeki .item h2:after{height: calc(6/750 * 100vw); }
}

#uenoeki .item .main-pic{max-width: 1000px; width: 90%; margin: 100px auto 0px;}
#uenoeki .line{background: url("../imgs/bg01.jpg") repeat-y center; height:6px; margin-top: 100px;}
#uenoeki .line2{background: url("../imgs/bg02.jpg") repeat-y center; height:6px; margin-top: 100px;}
#uenoeki .line3{background: url("../imgs/bg03.jpg") repeat-y center; height:6px; margin-top: 100px;}

@media only screen and (max-width:750px){
#uenoeki .item .main-pic{margin-top: calc(40/750 * 100vw);}
#uenoeki .line{background: url("../imgs/bg01_sp.jpg") repeat-y center; height:calc(6/750 * 100vw); margin-top: calc(40/750 * 100vw);}
#uenoeki .line2{background: url("../imgs/bg02_sp.jpg") repeat-y center; height:calc(6/750 * 100vw); margin-top: calc(40/750 * 100vw);}
#uenoeki .line3{background: url("../imgs/bg03_sp.jpg") repeat-y center; height:calc(6/750 * 100vw); margin-top: calc(40/750 * 100vw);}
}

#uenoeki .tokucho { margin-top: 10px;background: url("../imgs/bg01.jpg") repeat-y center; padding: 140px 0;}
#uenoeki #item02 .tokucho { background: url("../imgs/bg02.jpg") repeat-y center;}
#uenoeki #item03 .tokucho { background: url("../imgs/bg03.jpg") repeat-y center;}

@media only screen and (max-width:750px){
#uenoeki .tokucho { margin-top: 10px;background: url("../imgs/bg01_sp.jpg") repeat-y center; padding: calc(60/750 * 100vw) 0;}
#uenoeki #item02 .tokucho { background: url("../imgs/bg02_sp.jpg") repeat-y center;}
#uenoeki #item03 .tokucho { background: url("../imgs/bg03_sp.jpg") repeat-y center;}
#uenoeki .item .tokucho h2{width: 100%;}
}

#uenoeki .tokucho .inner{max-width: 1000px; width: 90%; margin: 0 auto;}
#uenoeki .tokucho .inner .body-copy{font-size: 25px; margin-top: 90px; line-height: 1.8;}
#uenoeki .tokucho .inner .pic{margin-top: 60px}
#uenoeki .tokucho .inner .pic-box{display: flex; flex-wrap: wrap;}
#uenoeki .tokucho .inner .pic-box li{width: 48%; margin-right: 4%; margin-top: 80px;}
#uenoeki .tokucho .inner .pic-box li:nth-child(even){margin-right: 0;}
#uenoeki .tokucho .inner .note{font-size: 25px; margin-top: 20px; line-height: 1.8;}
#uenoeki .tokucho .inner .note.indent{padding-left: 1em; text-indent: -1em;}
#uenoeki .tokucho .inner .note span{font-size: 14px;}

/* 新規 */
#uenoeki .tokucho .inner .pic_b{margin: 60px 200px 0px;}
/* /新規 */

@media only screen and (max-width:750px){
#uenoeki .tokucho .inner .body-copy{font-size: calc(25/750 * 100vw); margin-top: calc(40/750 * 100vw); line-height: 1.8;}
#uenoeki .tokucho .inner .pic{margin-top: calc(60/750 * 100vw);}
#uenoeki .tokucho .inner .pic-box li{width: 100%; margin-right: 0%; margin-top: calc(70/750 * 100vw);}
#uenoeki .tokucho .inner .note{font-size: calc(25/750 * 100vw); margin-top: 10px; letter-spacing: 0.05em;}
#uenoeki .tokucho .inner .note span{font-size: calc(20/750 * 100vw);}

/* 新規 */
#uenoeki .tokucho .inner .pic_b{margin: 60px 0px 0px;}
/* /新規 */
}

#uenoeki .detaile{margin-top: 140px;}
#uenoeki .detaile .inner{max-width: 1000px; width: 90%; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
#uenoeki .detaile .inner .pic{width: 347px; margin-right: 50px;}
#uenoeki .detaile .inner .txt-box{}
#uenoeki .detaile .inner .txt-box h3{font-size: 35px;}
#uenoeki .detaile .inner .txt-box .no{font-size: 30px; margin-top: 30px;}
#uenoeki .detaile .inner .txt-box .price{font-size: 25px; margin-top: 10px; line-height: 1.6;}
#uenoeki .detaile .inner .txt-box .btn-box{width: 300px; margin-top: 40px; position: relative;}
#uenoeki .detaile .inner .txt-box .btn-box a{ display: block; font-size: 25px; text-align: center; padding:15px 10px; border: 2px solid #000; box-sizing: border-box; color: #000; line-height: 1;}
#uenoeki .detaile .inner .txt-box .btn-box:after{content: ''; width: 12px;height: 12px; border: 2px solid;border-color: #000 #000 transparent transparent;transform: rotate(45deg); position: absolute; right: 20px; top: 23px;}
#uenoeki .detaile .inner .txt-box .btn-box a:hover{opacity: 0.8;}

/* 新規 */
#uenoeki .p_link-box .detaile .inner .pic{width: 160px; margin-right: 20px;}
#uenoeki .p_link-box .txt-box{font-size: calc(12/1000 * 100vw);}

#uenoeki .detaile .inner .txt-box .btn-box_b{width: 300px; margin-top: 40px; position: relative;}
#uenoeki .detaile .inner .txt-box .btn-box_b a{ display: block; font-size: 25px; text-align: center; padding:15px 10px; border: 2px solid #000; box-sizing: border-box; color: #000; line-height: 1;}
#uenoeki .detaile .inner .txt-box .btn-box_b a:hover{opacity: 0.8;}
/* /新規 */

@media only screen and (max-width:750px){
#uenoeki .detaile{margin-top: calc(65/750 * 100vw);}
#uenoeki .detaile .inner{flex-wrap: wrap;}
#uenoeki .detaile .inner .pic{width: calc(300/750 * 100vw); margin-right: 0;}
#uenoeki .detaile .inner .txt-box{width: 100%; text-align: center;}
#uenoeki .detaile .inner .txt-box h3{font-size: calc(35/750 * 100vw);}
#uenoeki .detaile .inner .txt-box .no{font-size: calc(30/750 * 100vw); margin-top: 10px;}
#uenoeki .detaile .inner .txt-box .price{font-size: calc(25/750 * 100vw); margin-top: 10px; line-height: 1.6;}
#uenoeki .detaile .inner .txt-box .btn-box{width: 100%; margin-top: 20px; position: relative;}
#uenoeki .detaile .inner .txt-box .btn-box a{  font-size: calc(30/750 * 100vw);}
#uenoeki .detaile .inner .txt-box .btn-box:after{content: ''; width: calc(12/750 * 100vw);height: calc(12/750 * 100vw); right: 20px; top: 39%;}

/* 新規 */
#uenoeki .p_link-box .detaile .inner{flex-wrap: nowrap;}
#uenoeki .p_link-box .detaile .inner .pic{width: 180px; margin-right: 0px;}
#uenoeki .p_link-box .txt-box{font-size: calc(14/750 * 100vw);}
#uenoeki .pc-br {display: none;}

#uenoeki .detaile .inner .txt-box .btn-box_b{width: 100%; margin-top: 20px; position: relative;}
#uenoeki .detaile .inner .txt-box .btn-box_b a{  font-size: calc(30/750 * 100vw);}
/* /新規 */
}

#uenoeki .original{background: linear-gradient(-60deg, #5c80b1 65%, #fff 0); padding: 100px 0; margin-top: 100px}
#uenoeki .original .inner{max-width: 1000px; width: 90%; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
#uenoeki .original .inner .copy{width: 50%; margin-right: 0;}
#uenoeki .original .inner .pic{width: 50%;}
#uenoeki .original .inner .copy_sp{display: none;}
#uenoeki .item#item02 .original{background: linear-gradient(-60deg, #acacac 65%, #fff 0); padding: 100px 0; margin-top: 100px}
#uenoeki .item#item03 .original{background: linear-gradient(-60deg, #c29875 65%, #fff 0); padding: 100px 0; margin-top: 100px}
#uenoeki .note-box{font-size:16px; text-align: center; margin-top: 100px; line-height: 1.8;}

@media only screen and (max-width:750px){
#uenoeki .original{background:#5c80b1; padding: calc(50/750 * 100vw) 0; margin-top: calc(70/750 * 100vw);}
#uenoeki .item#item02 .original{background:#acacac; padding: calc(50/750 * 100vw) 0; margin-top: calc(70/750 * 100vw)}
#uenoeki .item#item03 .original{background:#c29875; padding: calc(50/750 * 100vw) 0; margin-top: calc(70/750 * 100vw)}
#uenoeki .original .inner{flex-wrap: wrap;}
#uenoeki .original .inner .copy{ display: none;}
#uenoeki .original .inner .pic{width: calc(500/750 * 100vw);}
#uenoeki .original .inner .copy_sp{ display: block;width: calc(500/750 * 100vw); margin: 10px auto 0;font-size: calc(25/750 * 100vw); line-height: 1.8; color: #fff;}
#uenoeki .note-box{width: 80%; margin:calc(50/750 * 100vw) auto 0;font-size:calc(20/750 * 100vw) ; text-align: left; padding-left: 1em; text-indent: -1em;}
}

#uenoeki .info2{background: url("../imgs/bg02.jpg") repeat-y center; padding: 140px 0 130px; margin-top:110px; }
#uenoeki .info2 .inner{max-width: 1000px; width: 90%; margin: 0 auto;}
#uenoeki .info2 .inner h2{font-size: 50px; letter-spacing: 0.1em; text-align: center;}
#uenoeki .info2 .inner .txt-box{border:2px solid #000; box-sizing: border-box; margin-top:90px; padding: 40px 100px 70px 100px;}
#uenoeki .info2 .inner .txt-box a{color: #3b6da7; text-decoration: underline;}
#uenoeki .info2 .inner .txt-box h3{font-size:25px; margin-top: 50px; padding:0 0 4px 30px; border-bottom: 1px solid #868686; position: relative;}
#uenoeki .info2 .inner .txt-box h3:before{ content: ''; height: 110%; width:13px; background:#868686; position: absolute; left: 0; bottom: 0;}
#uenoeki .info2 .inner .txt-box .txt{font-size: 20px; margin-top: 25px; line-height: 1.8;}
#uenoeki .info2 .inner .txt-box .day{font-size:25px; margin-top: 25px;line-height: 1.8;}
#uenoeki .info2 .inner .txt-box ul{font-size:16px; margin-top: 25px;}
#uenoeki .info2 .inner .txt-box ul li{line-height: 1.8; padding-left: 1em; text-indent: -1em;}


@media only screen and (max-width:750px){
#uenoeki .info2{background: url("../imgs/bg02_sp.jpg") repeat-y center; padding: calc(90/750 * 100vw) 0 calc(90/750 * 100vw); margin-top:calc(50/750 * 100vw); }
#uenoeki .info2 .inner h2{font-size: calc(45/750 * 100vw); letter-spacing: 0.1em; text-align: center;}
#uenoeki .info2 .inner .txt-box{margin-top:calc(80/750 * 100vw); padding: calc(30/750 * 100vw) calc(50/750 * 100vw) calc(50/750 * 100vw) calc(50/750 * 100vw);}
#uenoeki .info2 .inner .txt-box h3{font-size:calc(30/750 * 100vw); margin-top: calc(40/750 * 100vw); padding:0 0 4px 20px; }
#uenoeki .info2 .inner .txt-box h3:before{ content: ''; height: 110%; width:8px; }
#uenoeki .info2 .inner .txt-box .txt{font-size: calc(25/750 * 100vw); margin-top: 15px; line-height: 1.8; letter-spacing: 0.05em;}
#uenoeki .info2 .inner .txt-box .day{font-size:calc(30/750 * 100vw); margin-top: 15px;}
#uenoeki .info2 .inner .txt-box ul{font-size:calc(15/750 * 100vw); margin-top: 10px;}
}

#uenoeki .tie-up{margin-top: 195px;}
#uenoeki .tie-up h2{font-size: 50px; text-align: center; letter-spacing: 0.1em;}
#uenoeki .tie-up ul{display: flex; flex-wrap: wrap; justify-content: center; grid-gap: 60px; margin: 120px auto 0; max-width: 1060px;}

.tokucho_txt{
    display: inline-block;
    transform: translateY(-0.4em);
    font-size: 16px;
    padding: 10px 10px;
    border: 2px solid #000;
    box-sizing: border-box;
    line-height: 1;
    text-indent: 0px;
}

.tx_ind{
    text-indent: 300px;
}

@media only screen and (max-width:750px){
#uenoeki .tie-up{margin-top: calc(100/750 * 100vw);}
#uenoeki .tie-up h2{font-size: calc(45/750 * 100vw);}
#uenoeki .tie-up ul{margin: calc(40/750 * 100vw) auto 0; grid-gap: 20px;}
#uenoeki .tie-up ul li{width: 100%; text-align: center;}

.tokucho_txt{
    display: inline-block;
    transform: translateY(-0.4em);
    font-size: 10px;
    padding: 6px 6px;
    border: 2px solid #000;
    box-sizing: border-box;
    line-height: 1;
}

.tx_ind{
    text-indent: 0px;
}
}

/* Chrome、Safari以外 */
summary { display: block; }
/* Chrome、Safari */
summary::-webkit-details-marker {display: none;}

summary:hover{ cursor: pointer;}