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

.PRS_catch{
    padding: 0.6em 1em;
    color:#333333;
    font-size: calc(1em + 0.125vw) ;
    font-weight: bold;
}

.PRS_body h3{
    position: relative;
}

.PRS_body h3 > a{
    display: block;
    width:20%;
    position: absolute;
    bottom:-88px;
    right:-28px;
}

.PRS_body h3 > a img{
    width:100%;
    height: auto;
}

.PRS_body h4{
    color:#ffffff;
    margin:2em auto 1em !important;
    padding:1em 120px;
    font-size: calc(1em + 0.5vw) ;
    font-weight: bold;
    line-height: 1.25em;
    text-align: center;
}

.PRS_body h4 span{
    display: inline-block;
}

.PRS_body h4:first-of-type{
    background-color: #0043AB;
    border-top: solid 2px #001E47;
    border-bottom: solid 2px #001E47;
    background: -webkit-repeating-linear-gradient(-45deg, #1753A4, #1753A4 3px,#0043AB 3px, #0043AB 7px);
    background: repeating-linear-gradient(-45deg, #1753A4, #1753A4 3px,#0043AB 3px, #0043AB 7px);
}

.PRS_body h4:nth-of-type(2){
    background-color: #cc0000;
    border-top: solid 2px #00366b;
    border-bottom: solid 2px #00366b;
    background: -webkit-repeating-linear-gradient(-45deg, #dd0000, #dd0000 3px,#cc0000 3px, #cc0000 7px);
    background: repeating-linear-gradient(-45deg, #dd0000, #dd0000 3px,#cc0000 3px, #cc0000 7px);

}

.PRS_body h4:nth-of-type(3){
    color:#333333;
    background-color: #FBD301;
    border-top: solid 2px #cc0000;
    border-bottom: solid 2px #cc0000;
    background: -webkit-repeating-linear-gradient(-45deg, #FBD301, #FBD301 3px,#F6BA00 3px, #F6BA00 7px);
    background: repeating-linear-gradient(-45deg, #FBD301, #FBD301 3px,#F6BA00 3px, #F6BA00 7px);
}

.PRS_body h5{
    width:16em;
    margin: 2em 0 1em ;
    color: #ffffff;
    font-weight: bold;
    padding: 0.5em;
    display: block;
    background: #cc0000;
    border-radius: 1em 4px 4px 1em;
}

.PRS_body h5:before{
    content: "●";
    color: #ffffff;
    margin-right: 1em;
}

.PRS_body > p{
    width:90%;
    margin:0 auto;
    font-weight: bold;
}

.PRS_presentbox ul{
    width:96%;
    margin:0 auto;
    padding-left: 1em;
}

.PRS_presentbox li{
    list-style: circle;
    list-style-position: outside;
    font-size: 0.875em;
    line-height: 1.5em;
}

.PRS_presentbox a img{
    max-width: 360px !important;
    height:auto;
}

.PRS_presentbox a:hover{
    color:#cc0000;
    text-decoration: none;
}

.PRS_presentbox a:hover img{
    opacity: 0.7;
}

.PRS_mgnt2{
    margin-top: 2em;
}


@media screen and (max-width:768px){
    .PRS_sepbox_photo > div[class="PRS_photo"]{
        width:50%;
        margin:0 auto;
    }
    
    .PRS_body h3 > a{
        width:30%;
        bottom: -64px;
    }
    
    .PRS_body h4{
        padding:1em 8px;
    }
}