@charset "utf-8";


.repo-day{
    margin-bottom:15px;
    color:#666;
    font-size:13px;
}

.party-naiyo{
    padding:0 10px;
    margin-bottom:30px;
}

@media screen and (min-width: 768px),
print {
    .party-naiyo{

        max-width:800px;
        margin:0 auto 50px;
}
}

@media screen and (min-width: 992px),
print {
    .party-naiyo{
    padding:0;
}
}

.party-day{
    margin-bottom:10px;
    font-size: 23px;
    color:#B81D44;
}

@media screen and (min-width: 768px),
print {
    .party-day{
    margin-bottom:10px;
    font-size:35px;
}
}



.party-suke-monthly-title {
  position: relative;
  padding: 5px;
  text-align: center;
    margin-bottom:30px;
    font-size:25px;
    color: #8D566D;
}

@media screen and (min-width: 768px),
print {
    .party-suke-monthly-title {
  margin:30px 0 50px;
    font-size:35px;
    color: #8D566D;
}
}

.party-suke-monthly-title:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background:#8D566D;
}

.party-suke-btn ul{
    padding:0 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:10px;
    
    
}

@media screen and (min-width: 768px),
print {
    .party-suke-btn ul{
    padding:0 30px;
        max-width:900px;
        margin:0 auto 60px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
}
}

.party-suke-btn li{
    text-align: center;
    padding:5px;
    background-color: #F39110;
    color:#fff;
}

@media screen and (min-width: 768px),
print {
    .party-suke-btn li{
    padding:10px 0;
}
}

.party-suke-btn li a{
    display: block;
    color:#fff;
}


.party-t01{
    margin-bottom: 30px;
    color:#545454;
}

.party-name{
    font-size:20px;
    margin-bottom:15px;
}

@media screen and (min-width: 768px),
print {
    .party-name{
    font-size:30px;
    margin-bottom:15px;
}
}


.party-suke-free{
    color:#D70C41;
    font-size:14px;
}


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

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

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

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