@charset "utf-8";

.partyplan-con1{
    margin:40px 0;
    padding:0 10px;
}

@media screen and (min-width: 768px),
print {
    .partyplan-con1{
    padding:0 30px;
        margin:80px auto;
        max-width:1200px;
}
}

.partyplan-con1 ul{
        display: grid;
        gap:15px;
        grid-template-columns: 1fr 1fr;
}

@media screen and (min-width: 768px),
print {
    .partyplan-con1 ul{
        gap:60px;
        grid-template-columns: 1fr 1fr 1fr;
}
}

.partyplan-con1-photo{
    margin-bottom:7px;
}

.partyplan-con1-photo img{
    border-radius:15px; 
}


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

コンテンツ222

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

.sp-br {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp-br {
    display: block;
  }
}

.partyplan-con2{
    padding:0 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.partyplan_strong {
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: bold;
}



@media screen and (min-width: 768px),
print {
   .partyplan-con2{
    padding:0 30px;
       flex-direction:row;
       max-width:1200px;
       margin:0 auto 100px;
       justify-content: space-between;
} 
}

.partyplan-con2-left{
    order: 2;
}

@media screen and (min-width: 768px)
{
.partyplan-con2-left{
    width:45%;
    order: 1;
}
    }

@media screen and (min-width: 992px),
print {
.partyplan-con2-left{
    width:46%;
    order: 1;
}
    }

.partyplan-con2-right{
    order: 1;
}

@media screen and (min-width: 768px)
{
.partyplan-con2-right{
    width:47%;
    order:2;
}
    }

@media screen and (min-width: 992px),
print {
.partyplan-con2-right{
    width:49%;
}
    }

.partyplan-ume{
    text-align: right;
    margin-bottom: 10px;
}

@media screen and (min-width: 992px),
print {
    .partyplan-ume{
    text-align: right;
    margin-bottom:40px;
}
}

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

コンテンツ333

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

.partyplan-con3{
    padding:0 10px;
    margin-bottom: 40px;
}


@media screen and (min-width: 768px),
print {
   .partyplan-con3{
    padding:0 30px;
       display: flex;
       max-width:1200px;
       margin:0 auto 100px;
       justify-content: space-between;
} 
}

@media screen and (min-width: 768px)
{
.partyplan-con3-left{
    width:45%;
}
    }

@media screen and (min-width: 992px),
print {
.partyplan-con3-left{
    width:46%;
}
    }

@media screen and (min-width: 768px)
{
.partyplan-con3-right{
    width:47%;
}
    }

@media screen and (min-width: 992px),
print {
.partyplan-con3-right{
    width:49%;
}
    }

.partyplan-ume{
    text-align: right;
    margin-bottom: 10px;
}

@media screen and (min-width: 992px),
print {
    .partyplan-ume{
    text-align: right;
    margin-bottom:40px;
}
}


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

テキスト

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

.partyplan-t1{
    padding:0 10px;
    margin-bottom: 40px;
}

@media screen and (min-width: 768px),
print {
    .partyplan-t1{
    padding:0 30px;
        margin:0 auto 40px;
        max-width: 800px;
}
}

.partyplan-t2{
    font-size:11px;
}

@media screen and (min-width: 992px),
print {
    .partyplan-t2{
    font-size:12px;
}
}

.partyplan-t3{
    font-size:12px;
    margin-bottom: 30px;
}

@media screen and (min-width: 768px)
{
    .partyplan-t3{
        font-size:14px;
}
}

@media screen and (min-width: 992px),
print {
    .partyplan-t3{
        font-size:16px;
        line-height: 2.3;
}
}

.partyplan-t4{
    font-size:15px;
    text-align:right;
    margin-bottom: 15px;
}

.partyplan-t6 {
    font-size: 15px;
}

@media screen and (min-width: 992px),
print {
    .partyplan-t4{
    margin-bottom: 40px;
    margin-top: 40px;
}
}

.partyplan-t5{
    font-size:17px;
    text-align:right;
    margin-bottom:10px;
}

@media screen and (min-width: 992px),
print {
    .partyplan-t5{
    margin-bottom:15px;
}
}

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

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

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

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