@charset "utf-8";
/* CSS Document */

#dates{font-size:1.2rem;}
.number{font-size:2rem;letter-spacing:0.2em;}

.gozen{width:100%;background:linear-gradient(to top,#F2F2F2 0%,#F2F2F2 50%,#FFF 50%,#FFF 100%);}
.gozen-title{width:80%;margin-left:10%;margin-bottom:20px;}
.gozen-title h2{font-size:20px;}
.gozen-list{display:flex;justify-content:center;width:80%;margin:0 auto 100px;padding-bottom:50px;}
.gozen-list li{width:32%;margin-right:2%;}
.gozen-list li img{height:auto;}
.gozen-list li:last-child{margin-right:0;}
.gozen-list li h3{font-size:20px;margin:10px 0;}
.gozen-list li p{border-top:dotted 1px #AAA;padding-top:5px;margin-top:10px;}
.gozen-list li p.att{display:inline-block;background:#D00;padding:0 5px;color:#FFF;margin-top:0;}

.party01{display:flex;justify-content:center;align-items:center;width:80%;margin:0 auto 100px;}
.party01-image{width:60%;margin-right:5%;overflow:hidden;}
.party01-cap{width:35%;}
.party01-cap h2{font-size:20px;margin-bottom:20px;}

.party02{display:flex;justify-content:center;align-items:center;width:80%;margin:0 auto 100px;}
.party02 h3{font-size:20px;margin-bottom:20px;}
.party02 li{width:22%;margin-right:2%;overflow:hidden;}
.party02 li:first-child{width:28%;}
.party02 li:last-child{margin-right:0;}

.party03-wrap{width:100%;padding:50px 0;background:linear-gradient(to right,#F2F2F2 0%,#F2F2F2 25%,#FFF 25%,#FFF 100%);margin-bottom:50px;}
.party03-wrap.tyoju{background:linear-gradient(to right,#ffa500 0%,#ffa500 25%,#FFF 25%,#FFF 100%);margin-bottom:30px;}
.party03-wrap.yuinou{background:linear-gradient(to right,#F2766C 0%,#F2766C 25%,#FFF 25%,#FFF 100%);margin-bottom:50px;}
.party03-wrap.re{background:linear-gradient(to left,#F2F2F2 0%,#F2F2F2 25%,#FFF 25%,#FFF 100%);}
.party03-wrap.yuinou.re{background:linear-gradient(to left,#F2766C 0%,#F2766C 25%,#FFF 25%,#FFF 100%);}
.party03{display:flex;justify-content:center;align-items:center;width:80%;margin:0 auto;}
.party03.re{flex-direction:row-reverse;}
.party03-image{width:50%;margin-right:2%;overflow:hidden;}
.party03-cap{width:48%;}
.party03.re .party03-cap{padding:0 2% 0 10%;}
.party03.re .party03-cap.yuinou{padding-left:100px;padding-right:50px;}
.party03-cap li{font-family:'メイリオ',sans-serif;}
.party03-cap li.furisode{background:#F2766C;color:#FFF;padding:2px 10px;display:inline-block;margin-bottom:10px;border-radius:3px;font-size:15px;}
.party03-cap li ul.yuinou-detail{display:flex;flex-wrap:wrap;}
.party03-cap li ul.yuinou-detail li{padding:2px 5px 2px 0;}
.party03-cap li ul.yuinou-detail li:before{content:"・";}
.party03-cap li ul.yuinou-detail li:first-child{width:100%;font-weight:bold;padding-bottom:5px;border-bottom:solid 1px #AAA;margin-bottom:5px;}
.party03-cap li ul.yuinou-detail li:first-child:before{content:none;}

.party03-cap li.title{font-size:20px;margin-bottom:10px;}
.party03-cap li.price{font-size:20px;margin-bottom:20px;}
.party03-cap li.price span{font-size:normal;}
/*.party03-cap li.price:before{content:"6名様より";background:#D00;color:#FFF;padding:2px 5px;margin-right:10px;font-size:12px;}
.party03-cap li.price.d-free:before{content:"30名様より";background:#D00;color:#FFF;}*/
.party03-cap li.price.yuinou:before{content:none;}
.party03-cap li a{margin-top:30px;}

.tyoju-bene{width:80%;margin:0 auto 50px;}
.tyoju-bene p{font-size:20px;display:inline-block;background:#F2766C;color:#FFF;text-align:center;padding:0 10px;margin-bottom:10px;}
.tyoju-bene ul{display:flex;width:100%;flex-wrap:wrap;}
.tyoju-bene li{font-size:20px;font-family:'メイリオ',sans-serif;font-weight:bold;color:#A78841;margin-bottom:10px;}
.tyoju-bene li:nth-child(odd){width:20%;border:solid 1px #A78841;text-align:center;margin-right:10px;}
.tyoju-bene li:nth-child(even){width:70%;}
.tyoju-bene li span{font-size:20px;font-family:'メイリオ',sans-serif;font-weight:bold;color:#A78841;border:solid 1px;padding:0 10px;margin-right:10px;}

.yuinou-box-wrap{width:100%;margin-bottom:100px;padding:100px 0;background:#F2F2F2;}
.yuinou-box{position:relative;margin:0 auto;padding:20px 20px 0;border:solid 1px;border-radius:10px;width:55%;}
.yuinou-box .box-title{position:absolute;display:inline-block;top:-13px;left:50%;transform:translateX(-50%);padding:0 20px;line-height:1;font-size:19px;background:#F2F2F2;}
.yuinou-box ul{display:flex;flex-wrap:wrap;}
.yuinou-box ul li{margin-bottom:20px;margin-right:2em;font-size:15px;}

p.att{margin-top:2em;}

.tyoju-wrap{width:100%;background:#F2F2F2;padding:50px 0;}
.tyoju-cap{width:40%;margin:0 auto;}
.tyoju-cap h2{font-size:20px;margin-bottom:20px;text-align:center;}
.tyoju-cap p{text-align:center;}

.table-wrap{width:100%;padding:50px 0;}
table{border-collapse:separate;border-spacing:0 10px;width:50%;margin:0 auto;}

table th{padding:0.5em 0;width:6em;font-size:15px;font-weight:normal;vertical-align:middle;background:#FFF;}
table th.per{background:#CB4AFC;}
table th.ye{background:#F8B649;}
table th.whi{border:solid 1px #AAA;}
table th.red{background:#D00;color:#FFF;}
table td{vertical-align:middle;}
table td.age{text-align:center;width:6em;font-size:1.5rem;}

.year-wrap{width:100%;padding:50px;margin-bottom:100px;background:url(../images/party/year-bg.jpg) no-repeat;background-size:cover;background-position:bottom;}
.year-head{display:flex;justify-content:center;align-items:center;width:70%;margin:0 auto 20px;}
.year-cap{width:50%;}
.year-cap img{width:70%;}
.year-cap p{font-size:2rem;padding-left:15px;text-decoration:underline solid 5px #D00;}
.year-image{width:50%;}
.year-plan{display:flex;justify-content:space-between;width:70%;margin:0 auto;}
.year-plan > li{width:33.333%;padding:0 15px;border-right:dotted 1px #666;}
.year-plan > li:last-child{border-right:0;}
.year-plan li p.year-price{font-size:2.5rem;line-height:2.5rem;font-weight:bold;color:#4a0001;margin-bottom:10px;}
.year-plan li p.year-price span{color:#4a0001;}
.year-plan li ul.year-menu{display:flex;flex-wrap:wrap;}
.year-plan li ul.year-menu li{background:#4a0001;color:#FFF;margin-right:10px;padding:2px 5px;border-radius:5px;margin-bottom:5px;}
.year-free{background:#c46815;width:70%;margin:0 auto 20px;padding:10px;}
.year-free p{color:#FFF;line-height:normal;}

@media screen and (max-width:1600px){}
@media screen and (max-width:1440px){}
@media screen and (max-width:1366px){}
@media screen and (max-width:1280px){
.gozen-title{width:90%;margin-left:5%;}
.gozen-list{width:90%;}
.tyoju-cap{width:70%;}
.year-head{width:85%;}
.year-plan{width:85%;}
.year-free{width:85%;}
}
@media screen and (max-width:1024px){
.party03.re .party03-cap.yuinou{padding-left:0;}
}
@media screen and (max-width:768px){
.gozen-list li h3{font-size:15px;}

.party01{display:block;margin:0 auto 50px;}
.party01-image{width:100%;margin:0 auto 20px;}
.party01-cap{width:100%;}
.party01-cap h2{font-size:20px;margin-bottom:10px;}

.party02{flex-wrap:wrap;margin:0 auto 50px;}
.party02 li{width:32%;margin-right:2%;overflow:hidden;}
.party02 li:first-child{width:100%;margin-bottom:20px;}
.party02 li:last-child{margin-right:0;}

.party03{width:90%;}
.party03-wrap{padding:20px 0;margin-bottom:0;}
.party03-image{width:50%;margin-right:2%;}
.party03-cap{width:48%;}
.party03.re .party03-cap{padding:0 2% 0 0;}
.party03.re .party03-cap.yuinou{padding-left:0;}

.party03-cap li.title{font-size:15px;}
.party03-cap li.price{font-size:15px;margin-bottom:10px;}
.party03-cap li a{margin-top:20px;}

.yuinou-box-wrap{margin-bottom:50px;padding:50px 0;}
.yuinou-box{width:80%;}

.tyoju-bene{width:90%;margin:0 auto 30px;}
.tyoju-bene p{font-size:15px;}
.tyoju-bene li{font-size:15px;}
.tyoju-bene li span{font-size:15px;}

table{width:80%;}

.year-wrap{padding:20px;margin-bottom:50px;}
.year-head{width:100%;}
.year-plan{width:100%;}
.year-free{width:100%;}
.year-plan{flex-wrap:wrap;}
.year-plan > li{width:50%;padding:0 10px;margin-bottom:30px;}
.year-plan > li:last-child{margin-bottom:0;}
.year-plan li p.year-price{font-size:1.5rem;line-height:1.5rem;}
}
@media screen and (max-width:640px){

.gozen{width:100%;padding:0 10px;background:linear-gradient(to top,#F2F2F2 0%,#F2F2F2 50%,#FFF 50%,#FFF 100%);}
.gozen-title{width:100%;margin-left:0;margin-bottom:20px;}
.gozen-title h2{font-size:20px;}
.gozen-list{display:block;width:100%;margin:0 auto 20px;padding-bottom:20px;}
.gozen-list li{width:100%;margin-right:0;margin-bottom:30px;}
.gozen-list li h3{font-size:18px;margin:10px 0;text-align:center;}

.sp-title{top:40%;}
.sp-title p.tyoju-title{font-size:2.5rem;}
.party01{width:100%;padding:0 20px;margin-bottom:20px;}
.party01 h2{font-size:15px;text-align:center;}
.party02{width:100%;padding:0 10px;}
.party02 h3{font-size:15px;text-align:center;}

.photo-fair-cap h2, .photo-fair-cap p.photo-fair-date{font-size:2rem;line-height:1.2em;}

.party03-wrap{padding:20px;}
.party03-wrap.yuinou{background:linear-gradient(to right,#F2F2F2 0%,#F2F2F2 25%,#FFF 25%,#FFF 100%);}
.party03-wrap.yuinou.re{background:linear-gradient(to left,#F2F2F2 0%,#F2F2F2 25%,#FFF 25%,#FFF 100%);}

.party03{display:block;align-items:flex-start;width:100%;}
.party03-image{width:100%;margin-right:0;margin-bottom:10px;}
.party03-cap{width:100%;}
.party03.re .party03-cap{padding:0;}

.party03-cap li.title{font-size:15px;}
.party03-cap li.price{font-size:15px;margin-bottom:10px;}
.party03-cap li a{margin-top:20px;background:#FFF;}

.yuinou-box-wrap{margin-bottom:30px;padding:30px 15px;}
.yuinou-box{width:100%;}
.yuinou-box .box-title{font-size:15px;top:-5px;}
.yuinou-box ul li{margin-bottom:10px;margin-right:0;font-size:15px;font-family:'メイリオ',sans-serif;}

.tyoju-bene{width:100%;padding:20px;}
.tyoju-bene p{font-size:13px;width:100%;}
.tyoju-bene li{font-size:13px;}
.tyoju-bene li:nth-child(odd){width:30%;border:solid 1px #A78841;text-align:center;margin-right:10px;}
.tyoju-bene li:nth-child(even){width:65%;}

.tyoju-wrap{padding:20px;}
.tyoju-cap{width:100%;}
.tyoju-cap h2{font-size:15px;margin-bottom:10px;}

table{width:100%;padding:0 20px;}
table th{width:4em;font-size:13px;}
table td.age{text-align:center;width:4em;}

.year-wrap{flex-direction:column;}
.year-head{flex-direction:column;width:100%;}
.year-head .year-cap{width:100%;}
.year-head .year-cap p{text-align:center;margin-bottom:10px;}
.year-head .year-cap img{width:100%;}
.year-head .year-image{width:100%;}
.year-plan{width:100%;}
.year-free{width:100%;padding:5px 10px;}
.year-plan > li{width:100%;border-right:0;}

}