.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%;
    padding-bottom : 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,
.pluralSection__button2 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         : 30px;
    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.-m2 .player .mejs__container{
    background-color : #004f97;
}

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

body.-p2 .player .mejs__container{
    background-color : #718bc6;
}

body.-p2 .controlArea{
    background-color : #718bc6;
}

.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
}
.pluralSection__button2 {
    width: 12%;
    padding-top: 0%;
}

.pluralSection .vertical-list2 {
    margin: 0 0 0 0;
}

.pluralSection .vertical-list2 li {
    margin: 0 0 0 0;
}

.pluralSection__button2 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 .vertical-list2 .limarginver10{
    margin: 0 0 10% 0;
}
.pluralSection .vertical-list2 .limarginver15{
    margin: 0 0 15% 0;
}
.pluralSection .vertical-list2 .limarginver20{
    margin: 0 0 20% 0;
}
.pluralSection .vertical-list2 .limarginver21{
    margin: 0 0 21% 0;
}
.pluralSection .vertical-list2 .limarginver25{
    margin: 0 0 25% 0;
}
.pluralSection .vertical-list2 .limarginver30{
    margin: 0 0 30% 0;
}
.pluralSection .vertical-list2 .limarginver35{
    margin: 0 0 35% 0;
}
.pluralSection .vertical-list2 .limarginver40{
    margin: 0 0 40% 0;
}

.pluralSection .vertical-list2 .limarginver50{
    margin: 0 0 50% 0;
}
.pluralSection .vertical-list2 .limarginver55{
    margin: 0 0 55% 0;
}
.pluralSection .vertical-list2 .limarginver60{
    margin: 0 0 60% 0;
}
.pluralSection .vertical-list2 .limarginver65{
    margin: 0 0 65% 0;
}
.pluralSection .vertical-list2 .limarginver70{
    margin: 0 0 70% 0;
}
.pluralSection .vertical-list2 .limarginver75{
    margin: 0 0 75% 0;
}
.pluralSection .vertical-list2 .limarginver80{
    margin: 0 0 80% 0;
}
.pluralSection .vertical-list2 .limarginver85{
    margin: 0 0 85% 0;
}

.pluralSection .vertical-list2 .limarginver90{
    margin: 0 0 90% 0;
}
.pluralSection .vertical-list2 .limarginver95{
    margin: 0 0 95% 0;
}
.pluralSection .vertical-list2 .limarginver100{
    margin: 0 0 100% 0;
}
.pluralSection .vertical-list2 .limarginver105{
    margin: 0 0 105% 0;
}
.pluralSection .vertical-list2 .limarginver110{
    margin: 0 0 110% 0;
}
.pluralSection .vertical-list2 .limarginver115{
    margin: 0 0 115% 0;
}
.pluralSection .vertical-list2 .limarginver120{
    margin: 0 0 120% 0;
}
.pluralSection .vertical-list2 .limarginver125{
    margin: 0 0 125% 0;
}
.pluralSection .vertical-list2 .limarginver130{
    margin: 0 0 130% 0;
}
.pluralSection .vertical-list2 .limarginver135{
    margin: 0 0 135% 0;
}
.pluralSection .vertical-list2 .limarginver140{
    margin: 0 0 140% 0;
}
.pluralSection .vertical-list2 .limarginver145{
    margin: 0 0 145% 0;
}
.pluralSection .vertical-list2 .limarginver150{
    margin: 0 0 150% 0;
}
.pluralSection .vertical-list2 .limarginver155{
    margin: 0 0 155% 0;
}
.pluralSection .vertical-list2 .limarginver160{
    margin: 0 0 160% 0;
}
.pluralSection .vertical-list2 .limarginver165{
    margin: 0 0 165% 0;
}
.pluralSection .vertical-list2 .limarginver170{
    margin: 0 0 170% 0;
}
.pluralSection .vertical-list2 .limarginver175{
    margin: 0 0 175% 0;
}
.pluralSection .vertical-list2 .limarginver180{
    margin: 0 0 180% 0;
}
.pluralSection .vertical-list2 .limarginver185{
    margin: 0 0 180% 0;
}

.pluralSection .vertical-list2 .limarginver190{
    margin: 0 0 190% 0;
}
.pluralSection .vertical-list2 .limarginver195{
    margin: 0 0 195% 0;
}
.pluralSection .vertical-list2 .limarginver200{
    margin: 0 0 200% 0;
}
.list-ttl_img{
  margin-bottom: 2%;
}

.hideSoundController .controlArea {
  visibility: hidden;
}
.hideSoundController .pluralSection__button2 button.js-plural-play.-playing {
    background-image: url(../images/sound/btn-play-sound-square-stop.png) !important;
}