@charset "utf-8";

section.next-box {

}

section.next-box ul.next-info {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

section.next-box ul.next-info li {
position: relative;
box-sizing: border-box;
}

section.next-box section.p-box {
max-width: 1000px;
margin: 0 auto;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}

ul.next-info {
padding-bottom:50px;
}

ul.next-info li ,
ul.next-info li a {
color:#FF9239;
}

ul.next-info li {
line-height:95px;
height:95px;
background:#FFFFFF;
font-size:27px;
border-radius: 20px;
overflow:hidden;
box-shadow: 2px 2px 5px #555;
position:relative;
text-align:center;
font-feature-settings: "palt"
}

ul.next-info li.second-line {
line-height: 37px;
padding: 10.5px 0;
box-sizing: border-box;
}

ul.next-info li.third-line {
line-height: 27px;
padding: 5px 0;
box-sizing: border-box;
}

ul.next-info li a {
width:100%;
height:95px;
line-height:95px;
background:#FFFFFF;
display: block;
text-decoration:none;
}

ul.next-info li.second-line a ,
ul.next-info li.third-line a {
height: unset;
line-height: unset;
}

ul.next-info li.now {
background:#FFDEC3;
}

ul.next-info li.next span {
font-size:24px;
background:rgba(62,58,57,0.7);
color:#FFFFFF;
position: absolute;
    width: 100%;
    left: 0;
    z-index: 10;
}

ul.next-info li.next.second-line span {
line-height: 95px;
top: 0;
}

@media (min-width: 768px) {
ul.next-info li {
width:calc((100% - 40px) / 3);
float:left;
margin-left:20px;
}

ul.next-info li:nth-of-type(1) {
margin-left:0;
}
}/* medaka min768  */

@media (min-width: 768px) and (max-width: 940px) {
ul.next-info li {
font-size: 2.6vw;
}
}/* medaka min768 ~ max940  */

@media (max-width: 767px) {
ul.next-info li {
width:100%;
margin:0 0 20px 0;
}

ul.next-info li:after {
content:"";
display:block;
right:15px;
border-top: 3px solid #FF9239;
border-right: 3px solid #FF9239;
-webkit-transform: rotate(45deg) skew(10deg, 10deg) translateY(-50%);
transform: rotate(45deg) skew(10deg, 10deg) translateY(-50%);
position:absolute;
width: 15px;
height: 15px;
  top: 50%;
}

ul.next-info li.now:after {
display:none;
}

}/* medaka max767  */

@media (min-width: 768px) {

}/* min768 pc */

@media (max-width: 1099px) {

}

@media (max-width: 767px) {


}/* min767 sp */


@media (min-width: 941px) {
ul.next-info li {
font-size: 22px;
}
}

@media (min-width: 768px) and (max-width: 940px) {
ul.next-info li {
font-size: 2.3vw;
}
}

@media (min-width: 360px) and (max-width: 767px) {
ul.next-info li {
font-size: 25px;
}
}

@media (max-width: 359px) {
ul.next-info li {
font-size: 22px;
}
}

ul.next-info li small {
font-size:0.8em;
}