@charset "utf-8";
/* CSS Document */

.yokoku .clearfix.table01 { display: flex;justify-content: space-between; margin-bottom: 20px;}
.yokoku.pane2 #main .lefttxtbox2015 { margin-right: 0; width: calc( 100% - 260px ); }
.yokokuComment { padding: 15px; border: 1px dotted #000;
 box-sizing: border-box;}
.prizepastRwd #main .article img { height: auto; border: 1px solid #ddd; box-sizing: border-box;transition: all .5s ease 0s;}
.prizepastRwd #main .article img:hover { opacity: .5;}
.yokoku .gp_item { padding-bottom: 40px; border-bottom: 1px solid #ddd; margin-bottom: 40px; }
.prizepastRwd #main .gpinfo > * { display: block;}
.prizepastRwd #main .gpinfo { margin-bottom: 20px;}
.pane2 #main .rightphotobox2015 { width: 220px;}
.rightphotobox2015 img { cursor: pointer;}

#yokokuModal { transition: all .5s ease 0s;
    position: fixed;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    z-index: -1; opacity: 0; background-color: rgba(0,0,0,.8);
}
.yokokuOpen #yokokuModal {
    z-index: 999; opacity: 1;
}
.yokokuModal { opacity: 0;transition: all .5s ease .4s; padding: 20px 0; box-sizing: border-box;
    height: 100%;
    text-align: center; overflow: auto;
}
.yokokuModal img { width: auto; height: 100%;}
.yokokuOpen .yokokuModal { opacity: 1;}

#yokokuClose { position: absolute; width: 60px; height: 60px; top:0; right: 0; cursor: pointer; background-image: url("../img/close.svg"); background-repeat: no-repeat; background-position: center; background-size: 30px;}
.yokokuOpen body { width: 100%; position: fixed; left: 0;}

@media (orientation: portrait) {
    .yokokuModal img { width: 90%; height: auto;}
    .yokokuModal { padding-top: 80px;}
}

@media screen and (max-width: 767.98px) {
    .yokoku .clearfix.table01 { flex-direction: column;}
    .yokoku.pane2 #main .lefttxtbox2015 { width: auto;}
    .pane2 #main .rightphotobox2015 { width: auto; text-align: center; margin-bottom: 20px;}
    
}



