@charset "utf-8";

#splash {
    /*fixedで全面に固定*/
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background:url("../../../../img/lo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
	text-align:center;
	color:#fff;
}

/* Loadingバー中央配置　*/
#splash_text {
	position: absolute;
	top: 50%;
	left: 50%;
    z-index: 999;
	width: 100%;
	transform: translate(-50%, -50%);
	color: #fff;
}

/*IE11対策用バーの線の高さ※対応しなければ削除してください*/
#splash_text svg{
    height: 2px;
}



/*
+++++++++++++++++++++++++++++++

リスト

+++++++++++++++++++++++++++++++
*/

.lis1 li{
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px #DEDCDC solid;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
    
.lis1 li{
    display: flex;
    align-items: center;
    line-height: 0.5;
    padding-bottom:0;
    margin-bottom:0;
    height:130px;
}
}

.lis1 li:last-child{
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .lis1 li:last-child{
    margin-bottom:0;
}
}

.lis2 li{
    padding:0 7px 20px;
    border-bottom: 1px #DEDCDC solid;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}

@media screen and (min-width: 992px),
print {
    .lis2 li{
    margin-bottom: 60px;
}
}

.lis3 li{
    padding:0 7px 20px;
    border-bottom: 1px #DEDCDC solid;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.lis4 li{
    padding:0 7px 20px;
    border-bottom: 1px #DEDCDC solid;
    margin-bottom: 20px;

}

@media screen and (min-width: 768px),
print {
    .lis4 li{
        display: flex;

}
}

.lis4-t1{
    margin-bottom: 7px;
}

@media screen and (min-width: 768px),
print {
    .lis4-t1{
        width:35%;
    margin-bottom:0;
}
}

@media screen and (min-width: 768px),
print {
.lis4-t2{
    width:60%;
}
    }

.lis4-t3{
    margin-bottom: 7px;
}

@media screen and (min-width: 768px),
print {
    .lis4-t3{
        width:65%;
    margin-bottom:0;
}
}

@media screen and (min-width: 768px),
print {
.lis4-t4{
    width:30%;
}
    }

.lis4-t5{
    background:#CA314C;
    border-radius:50px; 
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    height:30px;
    margin-bottom: 15px;
}

@media screen and (min-width: 768px),
print {
.lis4-t5{
    width:33%;
    font-size:14px;
}
    }

.lis4-t6{
    text-align: center;
}

@media screen and (min-width: 768px),
print {
.lis4-t6{
    width:60%;
    text-align:left;
}
    }

@media screen and (min-width: 768px),
print {
.lis4-t7{
    width:30%;
}
    }

.lis4-t8{
    margin-bottom: 7px;
    text-align: right;
}

@media screen and (min-width: 768px),
print {
    .lis4-t8{
        width:65%;
    margin-bottom:0;
}
}

.lis4-t9{
    width:40%;
    padding-left:20px;
}

.lis4-t10{
    width:40%;
    text-align: right;
    padding-right:20px;
}

.lis5 li{
    margin-bottom: 30px;

}

@media screen and (min-width: 768px),
print {
    .lis5 li{
        display: flex;
        justify-content: space-between;

}
}

.lis6{
    width:100%;
}

.lis6 ul{
    display: flex;
    flex-direction:column;
}

@media screen and (min-width: 768px),
print {
    .lis6 ul{
    flex-direction:row;
        flex-wrap: wrap;
        justify-content: space-between;
}
}


#lis6-link{
    padding:0 7px 20px;
    border-bottom: 1px #DEDCDC solid;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width:100%;

}



@media screen and (min-width: 768px) and (max-width:991px)
{
     .lis6 li{
        width:45%;
}
}

@media screen and (min-width:992px),
print {
    .lis6 li{
        width:30%;
}
}

.lis6-t1{
    width:90%;
}

.lis6-yaji{
    width:15px;
    height:15px;
}

#lis6-link:link{
    color:#000;
}

#lis6-link:visited{
    color:#000;
}


@media screen and (min-width: 768px),
print {
.lis7 ul{
    display: flex;
    justify-content: space-between;

}
    }

.lis7 li{
    padding:0 7px 20px;
    border-bottom: 1px #DEDCDC solid;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;

}

@media screen and (min-width: 768px),
print {
    .lis7 li{
        width:45%;

}
}

@media screen and (min-width: 768px),
print {
.lis7-t1{
    width:30%;
}
    }

.lis7-t2{
    margin-bottom: 7px;
    text-align: right;
}

@media screen and (min-width: 768px),
print {
    .lis7-t2{
        width:65%;
    margin-bottom:0;
}
}

.lis8 li{
    padding:0 7px 20px;
    border-bottom: 1px #DEDCDC solid;
    margin-bottom: 20px;

}

@media screen and (min-width: 768px),
print {
.lis8 li{
    padding:0 7px 20px;
    border-bottom: 1px #DEDCDC solid;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;

}
    }

@media screen and (min-width: 768px),
print {
.lis8-li02{
    flex-direction: column;
}
    }

@media screen and (min-width: 768px),
print {
.lis8-t1{
    width:30%;
}
    }

@media screen and (min-width: 768px),
print {
.lis8-t2{
    width:65%;
}
    }

/*
+++++++++++++++++++++++++++++++

メインタイトル

+++++++++++++++++++++++++++++++
*/

.main-title1{
    background: url("../../../../img/bento/title2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:250px;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
.main-title1{
    background: url("../../../../img/bento/title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:300px;
    color:#fff;
}
    }


@media screen and (min-width: 992px),
print {
    .main-title1{
    margin-bottom: 80px;
}
}

.main-title2{
    background: url("../../../../img/zemi/title2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:250px;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
.main-title2{
    background: url("../../../../img/zemi/title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:300px;
    color:#fff;
}
    }


@media screen and (min-width: 992px),
print {
    .main-title2{
    margin-bottom: 80px;
}
}

.main-title3{
    background: url("../../../../img/party_top/title2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:250px;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
.main-title3{
    background: url("../../../../img/party_top/title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:300px;
    color:#fff;
}
    }


@media screen and (min-width: 992px),
print {
    .main-title3{
    margin-bottom: 80px;
}
}

.main-title4{
    background: url("../../../../img/room/title2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:250px;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
.main-title4{
    background: url("../../../../img/room/title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:300px;
    color:#fff;
}
    }


@media screen and (min-width: 992px),
print {
    .main-title4{
    margin-bottom: 80px;
}
}

.main-title5{
    background: url("../../../../img/access/title2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:250px;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
.main-title5{
    background: url("../../../../img/access/title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:300px;
    color:#fff;
}
    }


@media screen and (min-width: 992px),
print {
    .main-title5{
    margin-bottom: 80px;
}
}

.main-title6{
    background: url("../../../../img/gashuku/title2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:250px;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
.main-title6{
    background: url("../../../../img/gashuku/title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:300px;
    color:#fff;
}
    }


@media screen and (min-width: 992px),
print {
    .main-title6{
    margin-bottom: 80px;
}
}

.main-title7{
    background: url("../../../../img/sisetu/title2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:250px;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
.main-title7{
    background: url("../../../../img/sisetu/title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:300px;
    color:#fff;
}
    }


@media screen and (min-width: 992px),
print {
    .main-title7{
    margin-bottom: 140px;
}
}

.main-title8{
    background: url("../../../../img/shukuhakuenkai/title2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:250px;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
.main-title8{
    background: url("../../../../img/shukuhakuenkai/title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:300px;
    color:#fff;
}
    }


@media screen and (min-width: 992px),
print {
    .main-title8{
    margin-bottom: 80px;
}
}

.main-title9{
    background: url("../../../../img/food/title2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:250px;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
.main-title9{
    background: url("../../../../img/food/title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:300px;
    color:#fff;
}
    }


@media screen and (min-width: 992px),
print {
    .main-title9{
    margin-bottom: 80px;
}
}

.main-title10{
    background: url("../../../../img/umesakura/title2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:250px;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
.main-title10{
    background: url("../../../../img/umesakura/title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:300px;
    color:#fff;
}
    }


@media screen and (min-width: 992px),
print {
    .main-title10{
    margin-bottom: 80px;
}
}

.main-title11{
    background: url("../../../../img/dantai_food/title2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:250px;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
.main-title11{
    background: url("../../../../img/dantai_food/title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:300px;
    color:#fff;
}
    }


@media screen and (min-width: 992px),
print {
    .main-title11{
    margin-bottom: 80px;
}
}

.main-title12{
    background: url("../../../../img/dousoukai/title2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:250px;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
.main-title12{
    background: url("../../../../img/dousoukai/title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:300px;
    color:#fff;
}
    }


@media screen and (min-width: 992px),
print {
    .main-title12{
    margin-bottom: 80px;
}
}

.main-title13{
    background: url("../../../../img/kecho/title2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:250px;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
.main-title13{
    background: url("../../../../img/kecho/title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:300px;
    color:#fff;
}
    }


@media screen and (min-width: 992px),
print {
    .main-title13{
    margin-bottom: 80px;
}
}

.main-title14{
    background: url("../../../../img/etc_title2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:250px;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
.main-title14{
    background: url("../../../../img/etc_title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:300px;
    color:#fff;
}
    }


@media screen and (min-width: 992px),
print {
    .main-title14{
    margin-bottom: 80px;
}
}

.main-title15{
    background: url("../../../../img/hoyo/title2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:250px;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
.main-title15{
    background: url("../../../../img/hoyo/title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:300px;
    color:#fff;
}
    }


@media screen and (min-width: 992px),
print {
    .main-title15{
    margin-bottom: 80px;
}
}

.main-title-h2{
    padding-top:40px;
    font-size:25px;
    text-align: center;
}

@media screen and (min-width: 992px),
print {
    .main-title-h2{
        padding-top:0;
    font-size:35px;
}
}


.main-title-en{
    font-size:13px;
    text-align: center;
}

@media screen and (min-width: 992px),
print {
    .main-title-en{
    font-size:15px;
}
}

/*
+++++++++++++++++++++++++++++++

サブタイトル

+++++++++++++++++++++++++++++++
*/

.sub-title1{
    position: relative;
    font-size:30px;
    color:#c15277;
    text-align: center;
    padding-top:12px;
    margin-bottom:10px;
}

@media screen and (min-width: 992px),
print {
    .sub-title1{

    margin-bottom:25px;
        
}
}

.sub-title1::before{
    content: '';
  width:70px;
  height: 1px;
  display: inline-block;
  background-color:#c15277;
  position: absolute;
  top: 0;
  left:0;
    right:0;
    margin:0 auto;
    
}

.sub-title2{
    position: relative;
    font-size:30px;
    color:#c15277;
    text-align: center;
    padding-top:12px;
    margin-bottom:3px;
}

@media screen and (min-width: 992px),
print {
    .sub-title2{

    margin-bottom:10px;
        
}
}

.sub-title2::before{
    content: '';
  width:70px;
  height: 1px;
  display: inline-block;
  background-color:#c15277;
  position: absolute;
  top: 0;
  left:0;
    right:0;
    margin:0 auto;
    
}

.sub-title3{
    position: relative;
    font-size:27px;
    color:#c15277;
    padding-left:35px;
    margin-bottom:25px;
    line-height: 0.5;
}

.partyplan-con3 .sub-title3 {
    line-height: 1.5em;
}

@media screen and (min-width: 992px),
print {
    .sub-title3{
font-size:30px;
    margin-bottom:40px;
        
}
}

.sub-title3::before{
    content: '';
  width:20px;
  height:6px;
  display: inline-block;
  background-color:#c15277;
  position: absolute;
    top:0;
    bottom: 0;
  left:0;
    margin:auto 0;
}

.sub-title4{
    position: relative;
    font-size:23px;
    color:#c15277;
    padding-left:35px;
    margin-bottom:25px;
    line-height: 0.5;
}

@media screen and (min-width: 992px),
print {
    .sub-title4{
font-size:27px;
    margin-bottom:40px;
        
}
}

.sub-title4::before{
    content: '';
  width:20px;
  height:6px;
  display: inline-block;
  background-color:#c15277;
  position: absolute;
    top:0;
    bottom: 0;
  left:0;
    margin:auto 0;
}

.sub-title5{
    position: relative;
    font-size:25px;
    color:#c15277;
    text-align: center;
    padding-top:12px;
    margin-bottom:10px;
}

@media screen and (min-width: 992px),
print {
    .sub-title5{

    margin-bottom:20px;
        
}
}

.sub-title5::before{
    content: '';
  width:70px;
  height: 1px;
  display: inline-block;
  background-color:#c15277;
  position: absolute;
  top: 0;
  left:0;
    right:0;
    margin:0 auto;
    
}

.sub-title6{
    position: relative;
    font-size:30px;
    color:#000;
    text-align: center;
    padding-top:12px;
    margin-bottom:30px;
}

@media screen and (min-width: 992px),
print {
    .sub-title6{

    margin-bottom:25px;
        
}
}

.sub-title6::before{
    content: '';
  width:70px;
  height: 1px;
  display: inline-block;
  background-color:#000;
  position: absolute;
  top: 0;
  left:0;
    right:0;
    margin:0 auto;
    
}

.sub-title7{
    position: relative;
    font-size:20px;
    color:#000;
    padding-left:30px;
    margin-bottom:30px;
    line-height: 0.5;
    
}

@media screen and (min-width: 992px),
print {
    .sub-title7{

    margin-bottom:25px;
        
}
}

.sub-title7::before{
    content: '';
  width:20px;
  height:4px;
  display: inline-block;
  background-color:#666;
  position: absolute;
  top: 0;
    bottom:0;
  left:0;
    margin:auto 0;
    
}

.k02{
    height:20px;
}

@media screen and (min-width: 992px),
print {
    .k02{
    height:30px;
}
}

/*
++++++++++++++++++++++++++++++++++++++

@media screen and (min-width: 992px),
print {
    
}

@media screen and (min-width: 768px) and (max-width:991px)
{
}

+++++++++++++++++++++++++++++++++++++++++
*/