@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: #202020;
}

/*font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/

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

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

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

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

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

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

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

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

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

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

}

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

#top #mainCont {
    width: 100%;
    padding: 30px 0 150px;
}

#h1Tit {
    text-align: center;
}

.secInner {
    max-width: 1200px;
    width: 100%;
    text-align: center;
    margin: 0 auto 0;
    clear: both;
}


#topRCon {
    float: right;
    width: 45%;
}

#topLCon {
    float: left;
    width: 55%;

}

#topLCon img {
    max-width: 630px;
    height: auto;
    width: 100%;
    float: left;
}

#topRCon img {
    max-width: 550px;
    height: auto;
    width: 100%;
}

#top #hlogoasahi {
    text-align: right;
    margin-bottom: 11px;
}

#top #hlogoasahi img {
    width: 215px;
    height: 22px;
}

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

#mainInfo {
    clear: both;
    text-align: center;
    padding: 40px 0;
    float: none;
    /*max-width: 1200px;*/
    margin: 0 auto 35px;
    ;
    background-color: #E5E5E5;
}

#mainInfo h1 {
    /*border-bottom: 5px solid #000;*/
    font-size: 30px;
    line-height: 1.6;
}

#mainInfo h1 span {
    background: #000;
    color: #fff;
    padding: 15px 20px;
    font-size: 22px;
    margin-right: 20px;
}

#mainInfo #mainInfoInner {
    /*background: #f5f5f5;*/
    /*padding: 4.17%;*/
}

#mainInfo #mainInfoInner .bnrArea {
    margin: 30px auto 0;
    clear: both;
}

#mainInfo #mainInfoInner dl {
    display: table;
    width: 100%;
}

#mainInfo #mainInfoInner dl dt,
#mainInfo #mainInfoInner dl dd {
    float: left;
    display: table-cell;
    vertical-align: bottom;
}

#mainInfo #mainInfoInner dl dt {
    clear: both;
    font-weight: bold;
    width: 25%;
    font-size: 21px;
    letter-spacing: 0.025em;
}

#mainInfo #mainInfoInner dl dd {
    width: 75%;
    font-size: 16px;
    line-height: 2.3;
    margin-bottom: 30px;
}

#mainInfo #mainInfoInner dl dt span {
    font-size: 15px;
}



/*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;
}

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

#top #conTopMenu {
    /*clear: both;*/
    float: none;
    padding: 0 0 50px;
    /*background: #000;*/
    /*margin-bottom: 55px;*/
}

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

#top #conTopMenu h2 {
    color: #fff;
    text-align: center;
    padding-top: 50px;
    margin-bottom: 40px;
    font-size: 28px;
}

#top #conTopMenu ul.pcNavi {
    display: block;
}

#top #conTopMenu div#spNavi {
    display: none;
}

#top #conTopMenu li {
    float: left;
    margin: 0;
    list-style: none;
    padding: 0;
    height: auto;
    /*width: 18.4%;*/
    margin-left: 1.0%;
}

#top #conTopMenu li:first-child {
    margin-left: 0;
}

#top #conTopMenu li a img {
    height: auto;
    max-width: 180px;
    width: 100%;
    /*background:url(../../images/topMenu.png) no-repeat top center;*/
    display: block;

}

#top #conTopMenu li a:first-child {}

#top #conTopMenuSp {
    display: none;
}

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

#contTitArea {}

#contTitArea .titCon {
    float: left;
    width: 55%;
}

#contTitArea .titCon .ugaImg {
    float: left;
    margin-left: 2.5%;
}

#contTitArea .titCon .ugaImg img {
    max-width: 630px;
    ;
    height: auto;
    width: 100%;
}

#contTitArea .titCon h2 {
    float: left;
}

#contTitArea .profCon {
    float: right;
    width: 45%;
    margin-top: 30px;
}

#contTitArea .profConInner {
    margin-left: 3.3%;
    background: #f5f5f5;
    padding: 3.5% 6%;
    text-align: left;
}

#contTitArea .profConInner p.ugaTit {
    font-weight: bold;
    font-size: 15px;
    margin: 0 0 0.5em;
}

#contTitArea .profConInner p.ugaName {
    font-size: 14px;
    margin: 0 0 1.0em;
}

#contTitArea .profConInner p.ugaName span {
    font-weight: bold;
    font-size: 24px;
    margin-right: 0.5em;
}

#contTitArea .profConInner p.txt {
    font-size: 12px;
}

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


#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.3;
    font-family: "游ゴシック", "Yu Gothic", sans-serif;
}

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

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

}

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

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

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

.bnrArea {
    max-width: 260px;
    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 #fff;
}

.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;
}

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

.ntnInfo {
    background: #0086d1;
    padding: 1%;
    margin: 80px 0 0;
}

.ntnInfoInner {
    background: #fff;
    padding: 5%;
}

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

.ntnInfoInner h3 {
    font-size: 28px;
    margin: 0 0 40px;
}

.ntnInfoInner h3 span {
    margin-right: 20px;
}

.ntnInfoInner .bnrArea {
    margin: 30px auto 0;
}

.ntnInfo .bnrArea p a {
    border: 1px solid #0086d1;
    color: #0086d1;
}

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

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

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

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

div.imageCent {
    text-align: center;
    margin: 80px auto 0;
}

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

p.anno {
    font-size: 80%;
    margin-top: 18px;
    text-align: left !important;
}

.comBnrArea {
    clear: both;
    text-align: center !important;
    margin: 32px auto 0;
}

.comBnr {
    text-align: center !important;
    margin-bottom: 44px;
    display: block;
}

.sp_comBnr {
    display: none;
}


#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;
}

.sp {
    display: none;
}

/*w1024---------------****************************************
***********************************************************/

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

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

@media screen and (max-width: 720px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }

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

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

    }
    #top #mainCont {
        padding: 10px 0 0;
    }

    /*--------------------------------------------*/
    #mainInfo {
        padding: 20px 3% 30px;
    }
    #mainInfo h1 {
        border-bottom: 5px solid #000;
        font-size: 18px;
        line-height: 2.0;
    }
    #mainInfo h1 span {
        background: #000;
        color: #fff;
        padding: 10px 10px;
        font-size: 14px;
        margin-right: 10px;
    }
    #mainInfo #mainInfoInner {
        background: #f5f5f5;
        padding: 5%;
    }
    #mainInfoInner .bnrArea {
        margin: 10px auto 0 !important;
        clear: both;
    }
    #mainInfo #mainInfoInner dl {
        display: table;
        width: 100%;
    }
    #mainInfo #mainInfoInner dl dt,
    #mainInfo #mainInfoInner dl dd {
        float: left;
        display: table-cell;
        vertical-align: bottom;
    }
    #mainInfo #mainInfoInner dl dt {
        width: 100%;
        font-size: 16px;
        display: block;
        margin: 0 0 10px;
    }
    #mainInfo #mainInfoInner dl dd {
        width: 100%;
        display: block;
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 15px;
    }
    #mainInfo #mainInfoInner dl dt span {
        font-size: 15px;
    }

    /*-----------------------*/
    #contTitArea .titCon {
        float: none;
        width: 100%;
    }
    #contTitArea .titCon .ugaImg {
        float: none;
        margin-left: 0;
    }
    #contTitArea .titCon .ugaImg img {
        width: 95%;
        text-align: center;
        margin: 0 auto;
    }

    #contTitArea .profCon {
        float: none;
        width: 95%;
        text-align: center;
        margin: 0 auto 15px;
    }
    #contTitArea .profConInner {
        margin-left: 0;
        background: #f5f5f5;
        padding: 5% 4%;
        text-align: left;
    }
    #contTitArea .profConInner p.ugaTit {
        font-weight: bold;
        font-size: 13px;
        margin: 0 0 0.5em;
    }
    #contTitArea .profConInner p.ugaName {
        font-size: 13px;
        margin: 0 0 1.0em;
    }
    #contTitArea .profConInner p.ugaName span {
        font-weight: bold;
        font-size: 18px;
        margin-right: 0.5em;
    }
    #contTitArea .profConInner p.txt {
        font-size: 12px;
    }


    /*main
---------------------------------------------------------*/
    #topRCon {
        float: none !important;
        clear: both !important;
        width: 100% !important;
    }
    #topLCon {
        float: none !important;
        clear: both !important;
        width: 100% !important;
    }
    #top #mainImg img {
        width: 100%;
        height: auto;
    }
    #top #topMemberImg img {
        width: 100%;
        height: auto;
    }
    #top #h1Tit img {
        width: 60%;
        height: auto;
        float: none;
        text-align: center;
        margin: 0 auto;
    }

    #mainConBg {
        width: 100%;
    }
    #mainCont {
        width: 100%;
        margin: 0 auto;
    }
    #contentArea {
        background: #f5f5f5;
        padding: 3%;
    }
    #contentAreaInner {
        background: #fff;
        padding: 5%;
    }
    /*tit
---------------------------------------------------------*/
    #mainCont #contentArea h2 {
        font-size: 24px;
        margin: 15px 0 10px;
    }
    #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;
    }
    #mainImage h1 img {
        width: 100%;
        height: auto;
    }
    /*--------------*/
    .textArea {
        margin: 0 0 40px;
    }
    /*--------------*/
    .ntnInfo {
        margin: 40px 0 0;
    }
    .ntnInfoInner {
        padding: 8% 5%;
    }
    .ntnInfoInner h3 {
        font-size: 18px;
        margin: 0 0 20px;
    }
    .ntnInfoInner h3 span {
        display: block;
    }
    .ntnInfoInner h3 span img {
        width: 30%;
        height: auto;
    }
    .ntnInfoInner .bnrArea {
        margin: 30px auto 0;
    }
    /*--------------*/
    /*topnavi*
-----------------------------------------------------*/
    #top #conTopMenu {
        clear: both;
        float: none;
        padding: 0 0 30px;
        /*background: #000;*/
        /*margin-bottom: 40px;*/
    }

    #top #conTopMenu h2 {
        padding-top: 30px;
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 1.4
    }
    #top #conTopMenu ul {
        margin-left: 2.0%;
        margin-right: 2.0%;
    }
    #top #conTopMenu li {
        float: left;
        list-style: none;
        padding: 0;
        height: auto;
        width: 30%;
        margin-left: 2.0%;
        padding-bottom: 10px
    }
    #top #conTopMenu li:first-child {
        /*margin-left: 2.0%;*/
    }
    #top #conTopMenu li a img {
        height: auto;
        max-width: 180px;
        width: 100%;
        /*background:url(../../images/topMenu.png) no-repeat top center;*/
        display: block;

    }
    #top #conTopMenu li a:first-child {}
    #top #conTopMenuSp {
        display: none;
    }

    /*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-width: 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;
    }

    /*-----------------*/
    .bnrArea {
        width: 90%;
        text-align: center;
        margin: 30px auto;
    }
    .bnrArea p a::after {
        top: 35%;
        right: 5%;
    }

    div.imageCent {
        margin-top: 0;
    }


}

/*--2019追加--*/

/*--top--*/

.uga_chan {
    float: left;
}

.checker1 {
    background-image: url(../images/checker1.gif);
    background-repeat: repeat-x;
    height: 20px;
    margin-top: 20px;
}

.mainTop {
    background: #009436;
    padding: 40px;
}

.mainTop__inner {
    max-width: 1200px;
    margin: 0 auto;
}

.checker2 {
    background-image: url(../images/checker2.gif);
    background-repeat: repeat-x;
    height: 20px;
}

.mainBottom {
    background: #F2971B;
}

.mainBottom__inner {
    max-width: 950px;
    margin: 0 auto;
    padding-left: 250px;
}

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

.mainTop__flex__left {
    width: 40%;
    margin-left: 15px;
    margin-right: 40px;
}

.uga_name img {
    width: 100%;
    max-width: 209px;
}

.uga_name + p {
    margin-top: 24px;
    font-size: 14px;
    color: #fff;
}

.mainTop__flex__right {
    width: 60%;
    max-width: 572px;
}


.lineUp {
    display: flex;
    justify-content: space-around;
}


.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%;
}

#mainInfo p {
    font-size: 12px;
    margin-top: 5px;
}

#mainInfo p .day {
    font-size: 18px;
}

#mainInfo p .week {
    font-size: 14px;
}

.titArea h2 span {
    font-size: 24px;
    line-height: 1.4;
}

.mini_uga_chan {
    position: relative;
}

.mini_uga_chan img {
    position: absolute;
    bottom: -20px;
    right: 0;
}

.titArea h2 + p {
    padding-right: 250px;
}

.textArea .imageRight {
    margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
    .mainTop__flex {
        justify-content: center;
        flex-wrap: wrap;
    }
    .mainTop__flex__left {
        width: 100%;
        margin: 0;
    }
    .mainTop__flex__right {
        width: 100%;
    }

    .uga_chan {
        width: 35%;
        margin-right: 5%
    }
    .uga_chan img {
        width: 100%;
    }
    .movie {
        margin-top: 20px;
    }
}

@media screen and (max-width: 720px) {
    .mainBottom__inner {
        padding-left: 0;
    }
    .titArea h2 + p {
        padding-right: 0;
    }
    .mini_uga_chan {
        text-align: center;
    }
    .mini_uga_chan img {
        position: relative;
    }
    .titArea h2 span {
        font-size: 16px;
    }
    .lineUp {
        flex-wrap: wrap;
    }
    .lineUp li:nth-child(1),
    .lineUp li:nth-child(2),
    .lineUp li:nth-child(3) {
        width: 30%;
    }
    .lineUp li:nth-child(4) {
        width: 36%;
        padding-left: 9% !important;
    }
    .lineUp li:nth-child(5) {
        width: 36%;
        padding-right: 9% !important;
    }
    #mainCont #contentArea .textArea .yellow {
        background: none;
    }
}

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