@charset "utf-8";

@import "reset.css";
/*PC--------------------------------------------------------**
***********************************************************/

/* setting
-----------------------------------------------------*/

body {
    font-size: 100%;
    font-family: "游ゴシック", "Yu Gothic", sans-serif;
    padding: 0;
    margin: 0;
    line-height: 1.6;
    color: #000000;
    background-image: url(../images/bg_naka.png);
    background-position: top 0 right 0;
    background-repeat: no-repeat;
}

#header {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 1000000000;
    height: 55px;
    /*background: linear-gradient(#ffffff, #f5f5f5);*/
}

#header:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

#headerInner {
    max-width: 1200px;
    text-align: center;
    margin: 0 auto !important;
    padding: 0 !important;
}

#headerInner img {
    margin: 0;
    padding: 0;
}

#headerInner ul {
    margin: 0 auto !important;
    padding: 0 !important;
}

#headerInner li {
    list-style: none;
    float: right;
    margin: 0 !important;
    padding: 0 !important;
}

.hlogoasahi {
    padding: 0;
    float: left;
    margin: 14px 0 0 0;
}

.hlogoasahi img {
    width: 80px;
    height: 25px;
    margin: 0 !important;
    padding: 0 !important;
}

#hcreditArea {
    float: right;
    padding: 0;
    margin: 10px 0 0;
}

.hcredit {
    font-size: 11px;
    padding: 0;
    color: #333333;
    text-align: right;

}

/*navi*
-----------------------------------------------------*/

#naviMenuCon {
    padding: 0 0 2px;
    height: 87px;
    display: block;
}

#naviMenuConSp {
    display: none;
}

#naviMenuCon ul {}

#naviMenuCon li {
    float: left;
    margin: 0;
    list-style: none;
}

#naviMenuCon li a {
    display: block;
    height: 87px;
    background: url(../images/menu.png) no-repeat;
    text-indent: -9999px;
}

#naviMenuCon li#menu01 a {
    background-position: 0 0;
    width: 171px;
}

#naviMenuCon li#menu02 a {
    background-position: -171px 0;
    width: 170px;
}

#naviMenuCon li#menu03 a {
    background-position: -341px 0;
    width: 169px;
}

#naviMenuCon li#menu04 a {
    background-position: -510px 0;
    width: 170px;
}

#naviMenuCon li#menu05 a {
    background-position: -680px 0;
    width: 171px;
}

#naviMenuCon li#menu06 a {
    background-position: -851px 0;
    width: 169px;
}

/*#naviMenuCon li#menu07 a {
    background-position: -766px 0;
    width: 127px;
}

#naviMenuCon li#menu08 a {
    background-position: -893px 0;
    width: 127px;
}*/

#menu01 #naviMenuCon li#menu01 a,
#naviMenuCon li#menu01 a:hover {
    background-position: 0 -87px;
    width: 171px;
}

#menu02 #naviMenuCon li#menu02 a,
#naviMenuCon li#menu02 a:hover {
    background-position: -171px -87px;
    width: 170px;
}

#menu03 #naviMenuCon li#menu03 a,
#naviMenuCon li#menu03 a:hover {
    background-position: -341px -87px;
    width: 169px;
}

#menu04 #naviMenuCon li#menu04 a,
#naviMenuCon li#menu04 a:hover {
    background-position: -510px -87px;
    width: 170px;
}

#menu05 #naviMenuCon li#menu05 a,
#naviMenuCon li#menu05 a:hover {
    background-position: -680px -87px;
    width: 171px;
}

#menu06 #naviMenuCon li#menu06 a,
#naviMenuCon li#menu06 a:hover {
    background-position: -851px -87px;
    width: 169px;
}

/*#menu07 #naviMenuCon li#menu07 a,
#naviMenuCon li#menu07 a:hover {
    background-position: -766px -87px;
    width: 127px;
}

#menu08 #naviMenuCon li#menu08 a,
#naviMenuCon li#menu08 a:hover {
    background-position: -893px -87px;
    width: 127px;
}*/

#naviMenu li span {
    display: none;
}

/* content module
-----------------------------------------------------*/

#mainCont {
    max-width: 1200px;
    margin: 0 auto 150px;
    text-align: center;

}

#mainImage {
    padding: 0;
}

#mainImage h1 {
    padding: 0;
    margin: 0;
    font-size: 30px;
    line-height: 1.5;
    /*margin-top: 30px;*/
}

#mainImage h1 img {
    /*max-width: 1200px;*/
    height: auto;
    width: 100%;
    max-width: 360px;
    margin-bottom: 20px;
}

#mainImage h1 span.pcTit {
    display: block;
}

#mainImage h1 span.spTit {
    display: none;
}

#mainImage p#spLead {
    display: none;
}

#contentArea {
    background: #D3ECEC;
    padding: 50px;
}

#contentAreaInner {
    background: #fff;
    padding: 50px;
    text-align: left;
}

#mainCont #contentArea h2 {
    font-size: 45px;
    text-align: left;
    margin: 20px 0 30px;
    clear: both;
    float: none;
    font-weight: bold;
    line-height: 1.6;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

#mainCont .titArea {
    border-bottom: 2px solid #000;
    padding-bottom: 20px;
}

#mainCont #contentArea .textArea h3 {
    font-size: 24px;
    text-align: left;
    margin: 20px 0 10px;
    font-weight: bold;
    line-height: 2.4;
    /*background: url(../images/h3Bg.gif) no-repeat center left;*/
    /*padding-left: 114px;*/
    clear: both;
    padding: 20px;
}

#mainCont #contentArea p {
    font-size: 14px;
    margin: 0 0 1.2em;
}

.mw600 {
    max-width: 600px;
}

/*--------------*/

#ugaArea {
    clear: both;
    /*border: 10px solid #eedb31;*/
    padding: 50px 0 0 30px;
    margin-top: 100px;
    background: #FBE0E4;

}

#ugaArea:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

#ugaArea h3 {
    font-size: 24px;
    text-align: left;
    margin-bottom: 30px;
    font-weight: bold;
    line-height: 2.4;
    background: #fff;
    color: #DE0513;
    padding-left: 105px;
}

#ugaArea div.imageLeft {
    float: left;
    margin: 0 30px 0 5px;
}

/*-----------------*/

.bnrArea {
    max-width: 600px;
    width: 100%;
    text-align: center;
    margin: 30px auto;
    font-weight: bold;
    position: relative;
}

.bnrArea p a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 1.8em 0;
    background: #000;
    border: 1px solid #fff;
}

.bnrArea p a::after {
    content: "\f0da";
    font-family: FontAwesome;
    position: absolute;
    top: 35%;
    right: 80px;
}

.bnrArea p a:hover {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    transition: 0.3s;
}

/*------table------------------*/

table.img_2Layout {
    width: 100%;
}

table.img_2Layout td {
    width: 50%;
    text-align: center;
    padding: 0 7%;
}

table.img_3Layout {
    width: 100%;
}

table.img_3Layout td {
    width: 32%;
    text-align: center;
    padding: 0 1%;
}

table.img_3Layout td img {
    width: 100%;
    height: auto;
}

/*------------------------*/

#mainCont .borderBox {
    float: none;
    border: 3px solid #DBDBDB;
    padding: 12px 16px;
    margin: 30px 0 50px;
}

#mainCont .borderBox .imageRight {
    margin-bottom: 0 !important;
}

#mainCont .borderBox p {
    margin-bottom: 0;
}

#mainCont .borderBox:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

div.imageRight {
    float: right;
    margin: 0 0 0 30px;
}

div.imageLeft {
    float: left;
    margin: 0 20px 0 0;
}

div.imageCent {
    clear: both;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

div.line.imageCent {
    margin-top: 60px;
}

p.cap {
    font-size: 12px !important;
    padding-top: 6px;
    text-align: left !important;
}

p.w360 {
    max-width: 360px;
    width: 100%;
}


#mainCont a:hover img,
#infoArea a:hover img,
#comentAreaBg a:hover img {
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
}

/* common module
-----------------------------------------------------*/

.tLeft {
    text-align: left !important;
}

.tRight {
    text-align: right !important;
}

.tCenter {
    text-align: center !important;
}


/* #footer
-----------------------------------------------------*/

#footer {
    color: #fff;
    background: #000;
    margin: 12px auto 0;
    width: 100%;
    padding: 0 !important;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    text-align: center;
}

#footer #naviMenu {
    background: url(../images/menuBg.png) repeat-x;
    width: 100%;
}

#footer #naviMenu #naviMenuCon {
    max-width: 1020px;
    text-align: center;
    margin: 0 auto;
}

#footer #footerCon {
    padding: 5px 0;
    text-align: center;
    margin: 0 auto;
    max-width: 1020px;
}

#footer #footerCon p {
    font-size: 12px;
}

#page-top {
    z-index: 1500;
    position: fixed;
    bottom: 125px;
    right: 7px;
}

#page-top a:hover {
    opacity: 0.8;
}


/* margin
---------------------------------------------------------*/

#mainCont .mg5 {
    margin: 5px;
}

#mainCont .mg10 {
    margin: 10px;
}

#mainCont .mg15 {
    margin: 15px;
}

#mainCont .mg20 {
    margin: 20px;
}

#mainCont .mt0 {
    margin-top: 0;
}

#mainCont .mt3 {
    margin-top: 3px;
}

#mainCont .mt5 {
    margin-top: 5px;
}

#mainCont .mt10 {
    margin-top: 10px;
}

#mainCont .mt15 {
    margin-top: 15px;
}

#mainCont .mt20 {
    margin-top: 20px;
}

#mainCont .mt25 {
    margin-top: 25px;
}

#mainCont .mt30 {
    margin-top: 30px;
}

#mainCont .mr5 {
    margin-right: 5px;
}

#mainCont .mr10 {
    margin-right: 10px;
}

#mainCont .mr15 {
    margin-right: 15px;
}

#mainCont .mr20 {
    margin-right: 20px;
}

#mainCont .mr25 {
    margin-right: 25px;
}

#mainCont .mr30 {
    margin-right: 30px;
}

#mainCont .mb1 {
    margin-bottom: 1px;
}

#mainCont .mb3 {
    margin-bottom: 3px;
}

#mainCont .mb5 {
    margin-bottom: 5px;
}

#mainCont .mb10 {
    margin-bottom: 10px;
}

#mainCont .mb15 {
    margin-bottom: 15px;
}

#mainCont .mb20 {
    margin-bottom: 20px;
}

#mainCont .mb25 {
    margin-bottom: 25px;
}

#mainCont .mb30 {
    margin-bottom: 30px;
}

#mainCont .mb40 {
    margin-bottom: 40px;
}

#mainCont .mb0 {
    margin-bottom: 0 !important;
}

#mainCont .ml5 {
    margin-left: 5px;
}

#mainCont .ml10 {
    margin-left: 10px;
}

#mainCont .ml15 {
    margin-left: 15px;
}

#mainCont .ml20 {
    margin-left: 20px;
}

#mainCont .ml25 {
    margin-left: 25px;
}

#mainCont .ml30 {
    margin-left: 30px;
}

#mainCont .mtn5 {
    margin-top: -5px;
}

/* padding
---------------------------------------------------------*/

.pd5 {
    padding: 5px;
}

.pd10 {
    padding: 10px;
}

.pd15 {
    padding: 15px;
}

.pd20 {
    padding: 20px;
}

.pdT3 {
    padding-top: 3px;
}

.pdT5 {
    padding-top: 5px;
}

.pdT10 {
    padding-top: 10px;
}

.pdT15 {
    padding-top: 15px;
}

.pdT20 {
    padding-top: 20px;
}

.pdR5 {
    padding-right: 5px;
}

.pdR10 {
    padding-right: 10px;
}

.pdR15 {
    padding-right: 15px;
}

.pdR20 {
    padding-right: 20px;
}

.pdB5 {
    padding-bottom: 5px;
}

.pdB10 {
    padding-bottom: 10px;
}

.pdB15 {
    padding-bottom: 15px;
}

.pdB20 {
    padding-bottom: 20px;
}

.pdL5 {
    padding-left: 5px;
}

.pdL10 {
    padding-left: 10px;
}

.pdL15 {
    padding-left: 15px;
}

.pdL20 {
    padding-left: 20px;
}

/* vertical-align
---------------------------------------------------------*/

.vTop {
    vertical-align: top;
}

.vMiddle {
    vertical-align: middle;
}

.vBottom {
    vertical-align: bottom;
}

.vBase {
    vertical-align: baseline;
}

.pc {
    display: block;
}

.pc2 {
    display: inline-block;
}

.sp {
    display: none;
}

.sp2 {
    display: none;
}

/*sp---------------****************************************
***********************************************************/

@media screen and (max-width: 720px) {

    .pc {
        display: none;
    }
    .pc2 {
        display: none;
    }
    .sp {
        display: block;
    }
    .sp2 {
        display: inline-block;
    }

    /*settiing
---------------------------------------------------------*/
    body {
        /*background: #000;*/
        padding: 0 !important;
        margin: 0 !important;
    }

    /*header
---------------------------------------------------------*/
    #header {
        padding: 5% !important;
        width: 90%;
        height: 14.0625%;
        /*background: linear-gradient(#ffffff, #f5f5f5);*/
    }
    #header:after {
        content: ".";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
    }
    #headerInner {}
    #hright {
        margin: 0 0 0;
    }
    #headerInner li {
        float: right;
        text-align: right;
    }
    .hlogoasahi {
        font-size: 62%;
        padding: 0;
        float: left;
        margin: 1px 0 0 0;
        width: 15.625%;
    }
    .hlogoasahi img {
        width: 100%;
        height: auto;
        margin: 5% !important;
        padding: 0 !important;
    }
    #hcreditArea {
        float: right;
        padding: 0;
        margin: 0 0 0 4.375%;
        width: 80%;
    }
    .hcredit {
        font-size: 8px;

    }


    /*main
---------------------------------------------------------*/
    #mainCont {
        margin: 0 auto 20px;
    }
    #contentArea {
        background: #f5f5f5;
        padding: 3%;
    }
    #contentAreaInner {
        background: #fff;
        padding: 5%;
    }
    #mainImage h1 img {
        width: 100%;
        height: auto;
    }

    #mainImage h1 span.spTit {
        display: block;
    }

    #mainImage h1 span.pcTit {
        display: none;
    }

    #mainImage p.cap {
        background: #fff;
        color: #000;
        text-align: right !important;
        font-size: 62%;
        padding: 2px 5px 1px;
    }
    #mainImage p#spLead {
        background: #000;
        color: #fff;
        font-size: 90%;
        padding: 12px 10px 14px;
        text-align: left;
        display: block;
    }

    /*bnr
---------------------------------------------------------*/
    .comBnr {
        display: none;
    }

    .sp_comBnr {
        display: block;
        text-align: center !important;
        margin: 0 auto 40px;
        width: 272px;
    }

    /*tit
---------------------------------------------------------*/
    #mainCont #contentArea h2 {
        font-size: 24px;
        margin: 15px 0 12px;
    }
    #mainCont #contentArea .textArea h3 {
        font-size: 16px;
        text-align: left;
        margin: 30px 0 15px;
        line-height: 1.6;
        background: none;
        padding-left: 0;
    }
    #comentArea h3 span.spComentTit {
        font-size: 120%;
        display: block;
    }

    /*navi*
-----------------------------------------------------*/
    #naviMenu {
        display: none;
    }
    #naviMenuSp {
        display: block;
        padding-bottom: 0;
    }
    #naviMenuConSp ul {
        width: 100%;
        min-height: 95px;
        text-align: center;
        margin: 0 auto;
    }
    #naviMenuConSp li {
        float: left;
        margin: 0;
        list-style: none;
        width: 25%;
        min-widh: 80px;
        min-height: 95px;
        text-align: center;
    }
    #naviMenuConSp li a {
        display: block;
        height: 42px;
        border-right: 1px solid #BCBCBC;
        margin-top: 18px;
        padding-top: 10px;
    }
    #naviMenuConSp li#sp_menu02 a {
        padding-top: 12px;
    }
    #naviMenuConSp li#sp_menu06 a {
        padding-top: 4px;
    }

    #naviMenuConSp li#sp_menu07 a,
    #naviMenuConSp li#sp_menu08 a {
        padding-top: 0;
        height: 50px;
    }
    /*
#naviMenuConSp li#sp_menu07 a img{
margin-top:6px;

}
#naviMenuConSp li#sp_menu08 a{
background:#00698C;
height: 76px;
margin:2px 2px 0;
border-radius:10px;

}
#naviMenuConSp li#sp_menu08 a img{
margin-top:4px;

}
    */
    #naviMenuSp li span {
        display: none;
    }
    /*footer
---------------------------------------------------------*/
    #footer {
        position: static;
        margin: 0 auto;
    }
    #footer #naviMenuSp {
        width: 100%;
        min-width: 320px;
        background: url(../images/spmenuBg.png) repeat-x;
        background-size: 4px 190px;
        text-align: center;
        margin: 0 auto 3px;
    }


    #footer #naviMenuSp #naviMenuConSp {
        width: 100%;
        min-width: 320px;
        display: block;
    }

    #footer #footerCon {
        width: 100%;
        min-width: 320px;

    }
    #footer #footerCon p {
        font-size: 65%;
        text-align: center;
        padding: 0 10px 4px;
    }
    #page-top {
        display: none !important;
        padding: 0;
        margin: 0;
        width: 0;
        height: 0;
    }
    /*--------------------------------*/
    div.imageRight {
        float: none;
        margin: 5px auto 20px auto;
        clear: both;
        text-align: center;
    }
    div.imageLeft {
        float: none;
        margin: 5px auto 20px auto;
        clear: both;
        text-align: center;
    }

    div.imageRight img,
    div.imageLeft img,
    div.imageCent img {
        width: 100%;
        height: auto;
    }

    /*----------------------------*/
    #ugaArea {
        padding: 18px 20px 0;
        margin-top: 30px;
    }
    #ugaArea h3 {
        font-size: 18px;
        /*text-align: center;*/
        /*margin: 0 0 18px;*/
        line-height: 1.5;
    }
    #ugaArea img {
        width: 85%;
        height: auto;
    }
    /*-----------------*/
    .bnrArea {
        width: 90%;
        text-align: center;
        margin: 30px auto;
    }
    .bnrArea p a::after {
        top: 35%;
        right: 5%;
    }

    div.line.imageCent {
        margin-top: 20px;
    }

    /*------table------------------*/
    table.img_2Layout td {
        width: 100%;
        text-align: center;
        padding: 0 0;
        display: block;
    }

    table.img_3Layout td {
        width: 100%;
        text-align: center;
        padding: 0 0;
        display: block;
    }
    table.img_2Layout td img,
    table.img_3Layout td img {
        width: 100%;
        height: auto;
    }
}

/*--2019追加--*/

.three_lines {
    line-height: 1.2 !important;
}




/*中*/

.mainImage__inner__flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.mainImage__inner__flex_01 {
    display: flex;
    align-items: flex-end;
}

.mainImage__inner__flex_01_right {
    margin: 0 20px;
}

.mainImage__inner__flex_01 p {
    max-width: 385px;
    margin-top: 20px;
    font-size: 14px;
    text-align: left;
    margin-bottom: 10px;
}

.mainImage__inner__flex_02 {
    width: 49%
}

.contentAreaInner__flex {
    display: flex;
    /*flex-wrap: wrap;*/
}

.contentAreaInner__flex_01 {
    margin: 0 auto;
}

.contentAreaInner__flex_01 img {
    width: 100%;
    max-width: 680px;
}

.contentAreaInner__flex_02 {
    margin: 0 auto;
}



#mainCont #contentArea .textArea .sankaku01 {
    background: url(../images/pink.png) no-repeat center left;
}

#mainCont #contentArea .textArea .sankaku02 {
    background: url(../images/yellow.png) no-repeat center left;
}

#mainCont #contentArea .textArea .sankaku03 {
    background: url(../images/gray.png) no-repeat center left;
}

#mainCont #contentArea .textArea .sankaku04 {
    background: url(../images/blue.png) no-repeat center left;
}

.textArea__flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-top: 15px;
}

/*.textArea__flex .cap {
    text-align: center !important;
}*/

.ugacheck {
    position: relative;
    left: -30px;
    top: 40px;
    clear: both;
}

.ugacheck img {
    position: absolute;
    max-width: 150px;
}

#mainCont #contentArea #ugaArea p {
    margin-bottom: 50px;
    padding-right: 30px;
    width: 100%;
    max-width: 720px;
}

.uga_chan_escape {
    padding-right: 250px;
}

.uga_chan_escape2 {
    padding-right: 350px;
}

.ugachan_naka_sita {
    position: relative;
}

.ugachan_naka_sita img {
    position: absolute;
    right: 20px;
    bottom: 0;
    max-width: 211px;
}

.ugachan_uga_uga {
    position: relative;
}

.ugachan_uga_uga img {
    position: absolute;
    bottom: 40px;
    right: 210px;
    width: 100%;
    max-width: 119px;
}



@media screen and (max-width: 1200px) {
    .mainImage__inner__flex_01 {
        margin: 0 auto;
    }
    .mainImage__inner__flex_01_right {
        margin: 0;
    }
    .mainImage__inner__flex_02 {
        margin: 0 auto;
        width: 100%;
    }
    .contentAreaInner__flex {
        flex-wrap: wrap;
    }
    .movie {
        margin-top: 20px;
        max-width: 960px;
        margin: 20px auto 0;
    }
}

@media screen and (max-width: 720px) {
    #mainCont img {
        width: 100%;
        /*height: auto;*/
    }
    .mainImage__inner {
        padding: 0 5%;
    }
    #mainImage h1 {
        font-size: 18px;
    }
    .mainImage__inner__flex_01 p {
        max-width: 100%;
    }
    .mainImage__inner__flex_01_right {
        margin-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .mainImage__inner__flex_01_right img {
        /*width: 20% !important;*/
    }
    .mainImage__inner__flex_01_right__top {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .mainImage__inner__flex_01_right__top__left {
        width: 30% !important;
        margin-right: 5%;
        height: 100%;
    }
    .mainImage__inner__flex_01_right__top__right {
        width: 65%;
    }
    .mainImage__inner__flex_01_right__top__right img {
        width: 60%;
    }
    .mainImage__inner__flex_01_right__bottom {
        width: 100%;
    }
    .mainImage__inner__flex_02 {
        margin: 0 auto 20px;
    }
    .movie__inner {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 572px;
    }

    .movie__inner iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #mainCont #contentArea .textArea .sankaku01 {
        background: none;
    }

    #mainCont #contentArea .textArea .sankaku02 {
        background: none;
    }

    #mainCont #contentArea .textArea .sankaku03 {
        background: none;
    }

    #mainCont #contentArea .textArea .sankaku04 {
        background: none;
    }
    .ugacheck {
        left: -20px;
        top: -10px;
    }
    .ugacheck img {
        max-width: 120px;
    }
    .uga_chan_escape {
        padding-right: 0;
    }
    .uga_chan_escape2 {
        padding-right: 0;
    }
    .ugachan_naka_sita {
        text-align: center;
    }
    .ugachan_naka_sita img {
        position: relative;
        left: 0;
        width: 100%;

        margin: 0 auto;
    }
    .ugachan_naka_sita .sp {
        max-width: 350px;
    }

    #mainCont #contentArea #ugaArea p {
        margin-bottom: 0
    }
    .ugachan_uga_uga img {
        bottom: -200px;
        right: 0;
        left: 0;
        margin: 0 auto
    }


}

.bnrArea_outer {
    padding: 0 10px;
}

.bnrArea {
    max-width: 400px;
    width: 100%;
    text-align: center;
    margin: 30px auto;
    font-weight: bold;
    position: relative;
    clear: both;
}

.bnrArea p a {
    background: #fff;
    /*border: 1px solid #000;*/
    color: #000;
    display: block;
    padding: 1em 0;
    text-decoration: none;
    border: 1px solid #000;
    font-size: 12px;
}

.bnrArea p a::after {
    content: "\f0da";
    font-family: FontAwesome;
    position: absolute;
    top: 30%;
    right: 15px;
}

.bnrArea p a:hover {
    text-decoration: none;
    background: #000;
    color: #fff;
    transition: 0.3s;
    border: 1px solid #fff;
}

.clr {
    clear: both;
}

.lh120 {
    line-height: 1.2 !important;
}

.mini {
    font-size: 10px !important;
}

.movie__inner {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    /*max-width: 572px;*/
}

.movie__inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}