.pluralSection{
    padding-bottom : 30px;
}

.pluralSection__inner{
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-pack : justify;
    -ms-flex-pack    : justify;
    justify-content  : space-between;
}

.pluralSection__button{
    width       : 12%;
    padding-top : 2.5%;
}

.pluralSection__button button{
    cursor             : pointer;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    display            : block;
    padding            : 0;
    border             : none;
    width              : 100%;
    padding-top        : 100%;
    background         : url(../images/common/icon_plural_play.png) no-repeat center top;
    background-size    : 100% auto;
}

.pluralSection__button button:focus{
    outline : none;
}

.pluralSection__button button.-active{
    background-position : center bottom;
}

.pluralSection__body{
    width : 85%;
}

.pluralSection__body img{
    width : 100%;
}

.controlArea{
    position           : fixed;
    display            : -webkit-box;
    display            : -ms-flexbox;
    display            : flex;
    -webkit-box-pack   : center;
    -ms-flex-pack      : center;
    justify-content    : center;
    -webkit-box-align  : center;
    -ms-flex-align     : center;
    align-items        : center;
    bottom             : 0;
    left               : 0;
    right              : 0;
    z-index            : 100;
    -webkit-transition : .3s;
    transition         : .3s;
}

.controlArea.-active{
    bottom : 1.7rem;
}

.controlArea_name .js-ttlimg{
    height         : 40px;
    vertical-align : middle;
}

#sound_controller{
    bottom     : 2rem;
    left       : 0;
    right      : 0;
    margin     : 0 auto;
    text-align : center;
    padding    : 0.3rem;
}

#sound_controller div{
    cursor         : pointer;
    display        : inline-block;
    vertical-align : middle;
    margin         : 0 .5rem;
    height         : 45px;
    width          : 45px !important;
}

#sound_controller img{
    cursor     : pointer;
    height     : 6vw;
    width      : auto;
    max-height : 4rem;
    min-height : 3rem;
    margin     : 0 1rem;
}

.controlArea_button.-name #sound_controller div{
    margin : 0 .25rem;
}

#content_image{
    position   : relative;
    margin     : auto;
    text-align : center;
}

/*#content_image::after {
  content: "";
  height: 8rem;
  display: block;
}*/

#content_image img{
    display   : inline-block;
    max-width : 600px;
    width     : 100%;
    height    : auto;
}

@media screen and (max-width : 1200px){
    #content_image img{
        width : 100%;
    }
}

#content_image .mejs__poster-img{
    display : none;
}

#content_image .section{
    margin-bottom : 70px;
}

@media screen and (max-width : 1200px){
    #content_image .section{
        margin-bottom : 12vw;
    }
}

#content_image.-honbunall::after{
    display : none;
}

html:not(.mejs__fullscreen) #mep_0,
.mejs__mediaelement,
.mejs__layers,
.mejs__overlay,
.mejs__overlay-play,
.mejs__poster{
    width      : 560px !important;
    height     : 315px !important;
    max-width  : 90vw;
    max-height : calc(90vw * 9 / 16);
}

html:not(.mejs__fullscreen) .mejs__container{
    width      : 560px !important;
    height     : 315px !important;
    max-width  : 90vw;
    max-height : calc(90vw * 9 / 16);
}

#mep_0{
    width    : 1200px;
    position : absolute;
    right    : 0;
    left     : 0;
    margin   : auto;
}

.mejs__offscreen, .mejs__audio{
    display : none;
}

.js-audio-play{
    background-image  : url("../images/sound/btn-play-sound-square-start.png");
    background-repeat : no-repeat;
    background-size   : contain;
}

.js-audio-play img{
    visibility : hidden;
}

.js-audio-play.playing{
    background-image : url("../images/sound/btn-play-sound-square-pause.png");
}

.js-audio-stop{
    background-image  : url("../images/sound/btn-play-sound-square-stop.png");
    background-repeat : no-repeat;
    background-size   : contain;
}

.js-audio-stop img{
    visibility : hidden;
}

.video-player{
    position       : absolute;
    left           : 0;
    right          : 0;
    margin         : 0 auto 20px;
    width          : 560px !important;
    height         : 315px !important;
    max-width      : 90vw;
    max-height     : calc(90vw * 9 / 16);
    padding-bottom : 60px;
}

.video-player img{
    width : inherit;
}

.video-player video{
    width      : 560px !important;
    height     : 315px !important;
    max-width  : 90vw;
    max-height : calc(90vw * 9 / 16);
}

html.mejs__fullscreen video{
    width      : 100vw !important;
    height     : 100vh !important;
    max-width  : 100vw !important;
    max-height : 100vh !important;
    bottom     : inherit !important;
}

html.mejs__fullscreen .video-player video{
    width      : 100vw !important;
    height     : 100vh !important;
    max-width  : 100vw;
    max-height : 100vh;
}

#play_button{
    cursor   : pointer;
    z-index  : 50;
    border   : none;
    display  : block;
    width    : 100%;
    margin   : 0;
    position : absolute;
    top      : 0;
    right    : 0;
    bottom   : 0;
    left     : 0;
}

.mejs__overlay-play{
    cursor         : pointer;
    pointer-events : none;
    height         : 560px;
    width          : 315px;
    max-width      : 90vw;
    max-height     : calc(90vw * 9 / 16);
}

.mejs__overlay-button{
    display : none;
}

.player{
    width              : 100% !important;
    height             : 40px !important;
    max-width          : 100%;
    position           : fixed;
    bottom             : 0;
    left               : 0;
    right              : 0;
    margin-bottom      : 3.4rem;
    -webkit-transition : .3s;
    transition         : .3s;
}

.player.-active{
    margin-bottom : 5.65rem;
}

.player .mejs__controls{
    background-image : none !important;
}

.player .mejs__audio{
    display : block !important;
}

.player .mejs__button,
.player .mejs__horizontal-volume-slider{
    display : none;
}

html:not(.mejs__fullscreen) .player #mep_0,
.player .mejs__mediaelement,
.player .mejs__layers,
.player .mejs__overlay,
.player .mejs__overlay-play,
.player .mejs__poster{
    width      : 100% !important;
    height     : 40px !important;
    max-width  : 100vw !important;
    max-height : 40px !important;
}

html:not(.mejs__fullscreen) .player .mejs__container{
    width      : 100% !important;
    height     : 40px !important;
    max-width  : 100vw !important;
    max-height : 40px !important;
}

@media screen and (max-width : 500px){
    html:not(.mejs__fullscreen) .player .mejs__container,
    .player .mejs__poster,
    .player .mejs__mediaelement,
    .player .video-player, video{
        max-width  : 90vw;
        max-height : calc(90vw * 9 / 16);
    }

    .player .mejs__overlay{
        width : 100% !important;
    }
}

body.-m1 .player .mejs__container{
    background-color : #002f7b;
}

body.-m1 .controlArea{
    background-color : #002f7b;
}

body.-a2 .player .mejs__container{
    background-color : #004f97;
}

body.-a2 .controlArea{
    background-color : #004f97;
}

body.-m3 .player .mejs__container{
    background-color : #f0831e;
}

body.-m3 .controlArea{
    background-color : #f0831e;
}

.detailBlock {
    max-width: 600px;
    margin-right: auto;
    margin-left: auto
}

.detailBlock_image {
    text-align: center;
    margin-bottom: 20px
}

.detailBlock_image .inner {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%
}

.detailBlock_image .inner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #002f7b;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1
}

.detailBlock_image .inner img {
    vertical-align: middle
}

.detailBlock_text {
    padding: 0 15px
}

@media only screen and (max-width:600px) {
    .detailBlock_text {
        padding: 0 10px
    }
}

.detailBlock_text_btn {
    margin-bottom: 20px
}

.detailBlock_text_txt {
    font-size: 44px
}

@media only screen and (max-width:768px) {
    .detailBlock_text_txt {
        font-size: 7vw
    }
}

.detailBlock_text .ttl {
    font-size: 38px;
    font-weight: 700;
    color: #595757;
    margin-bottom: 15px
}

@media only screen and (max-width:600px) {
    .detailBlock_text .ttl {
        font-size: 5.5vw
    }
}

.detailBlock_text .photo {
    margin-bottom: 15px
}

.detailBlock_text .photo:last-child {
    margin-bottom: 0
}

.detailBlock_text .txt {
    font-size: 44px
}

@media only screen and (max-width:768px) {
    .detailBlock_text .txt {
        font-size: 7vw
    }
}

.detailBlock_text .txt>p {
    margin-bottom: .75em
}

.detailBlock_text .caption {
    margin-bottom: 15px;
    color: #595757;
    font-size: 28px
}

@media only screen and (max-width:600px) {
    .detailBlock_text .caption {
        font-size: 4vw
    }
}

.detailBlock_text .caption:last-child {
    margin-bottom: 0
}

.detailBlock_text .list>li {
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: .75em
}

.detailBlock_text .list>li:last-child {
    margin-bottom: 0
}

.detailBlock_text .list>li::before {
    content: "・"
}

.detailBlock_text .movie {
    margin-bottom: 15px!important
}