@charset "UTF-8";
/* CSS Document */

body {
    background: #fff;
}

header {
    width: 950px;
    margin: 0 auto
}

#contentsBody {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #F0F0F0;
}

.mainView {
    background: url(https://s.yimg.jp/images/sports/app/baseball/npb/2022/promotion/img/top.png) no-repeat center;
    background-color: #010101;
}

#wrapper {
    width: 100%;
}

#main {
    width: 950px;
    margin: 0 auto;
    float: none;
}

.frameMain {
    width: 575px;
    height: 496px;
    right: 193px;
    margin: 0 auto;
    position: relative;
}

.frameMain h1 {
    height: 205px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.txtPush dt {
    height: 127px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.ttlMain {
    width: 625px;
    height: 83px;
    margin-top: 38px;
}

.iPhone {
    width: 328px;
    margin: 30px 0 0 0;
    float: left;
}

.iPhoneBan {
    width: 159px;
    height: 40px;
    background: url(https://s.yimg.jp/images/sports/app/baceball/npb/2015/promotion/img/BaniPhone.png) no-repeat left bottom;
    float: left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.AppStoreBtn a {
    width: 137px;
    height: 50px;
    background: url(https://s.yimg.jp/images/sports/app/baceball/npb/2019/promotion/img/btn_app_store.png) no-repeat left top;
    float: left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-size: cover;
}

.iPhoneQR {
    width: 81px;
    height: 81px;
    background: url(https://s.yimg.jp/images/sports/app/baceball/npb/2015/promotion/img/QR_iPhone_v2.gif) no-repeat left top;
    margin: 15px 15px 0 0;
    float: left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-size: cover;
}

.Android {
    width: 328px;
    margin: 30px 0 0 0;
    float: right;
}

.AndroidBan {
    width: 159px;
    height: 40px;
    background: url(https://s.yimg.jp/images/sports/app/baceball/npb/2015/promotion/img/BanAndroid.png) no-repeat left bottom;
    float: left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.GooglePlayBtn a {
    width: 134px;
    height: 40px;
    background: url(https://s.yimg.jp/images/sports/app/baceball/npb/2019/promotion/img/btn_google_play.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    float: right;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.AndroidQR {
    width: 81px;
    height: 81px;
    background: url(https://s.yimg.jp/images/sports/app/baceball/npb/2015/promotion/img/QR_Android_v2.gif) no-repeat left top;
    margin: 15px 15px 0 0;
    float: left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.dlModule .AppStoreBtn {
    width: 137px;
    height: 50px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    left: 6px;
    float: left;
}

.dlModule .iPhoneQR {
    margin: 0 0 0 15px;
    position: relative;
    top: -25px;
    left: 6px;
}

.dlModule {
    clear: both;
}

.dlMain .GooglePlayBtn a {
    width: 168px;
    height: 50px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}

.dlMain .AndroidQR {
    margin: 0 0 0 15px;
    float: left;
    position: relative;
    top: -25px;
}

.dlMain li.iPhone {
    width: 240px;
    height: 100px;
    margin: 23px 0 0 0;
    float: left;
}

.dlMain li.Android {
    width: 265px;
    height: 100px;
    margin: 23px 0 0 0;
    float: right;
}

.dlMain dt {
    width: 115px;
    height: 36px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

div.yjmthloginarea {
    font-size: 100%;
    float: left;
    margin: 9px 0 0 3px;
    font-size: smaller;
    text-align: left;
    line-height: 110%
}

.info {
    color: #060606;
    width: 590px;
    margin: 10px 0px;
}

.infoHead01 .title {
    font-size: 100%;
}

.info .txtInfo {
    font-size: 90%;
    line-height: 170%;
}

.txtInfo .txtSub {
    font-size: 80%;
    text-align: right;
}

.txtCont .txtSub {
    font-size: 80%;
    text-align: left;
}

.cont01 {
    width: 420px;
    float: left;
    margin: 0 0 20px 0;
    border-bottom: 3px #E4E4E4 solid;
}

.mds01 {
    width: 420px;
    height: 30px;
    margin: 0 0 20px 0;
    background: url(https://s.yimg.jp/images/sports/app/baseball/npb/2022/promotion/images/title01.png) no-repeat left top / 400px 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.cont02 {
    width: 420px;
    float: right;
    margin: 0 0 15px 0;
    border-bottom: 3px #E4E4E4 solid;
}

.mds02 {
    width: 420px;
    height: 30px;
    margin: 0 0 20px 0;
    background: url(https://s.yimg.jp/images/sports/app/baseball/npb/2022/promotion/images/title02.png) no-repeat left top / 400px 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.cont03 {
    width: 420px;
    height: 490px;
    float: left;
    margin: 0 0 15px 0;
    border-bottom: 3px #E4E4E4 solid;
}

.mds03 {
    width: 420px;
    height: 30px;
    margin: 0 0 20px 0;
    background: url(https://s.yimg.jp/images/sports/app/baseball/npb/2022/promotion/images/title03.png) no-repeat left top / 400px 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.cont04 {
    width: 420px;
    height: 490px;
    float: right;
    margin: 0 0 15px 0;
    border-bottom: 3px #E4E4E4 solid;
}

.mds04 {
    width: 420px;
    height: 30px;
    margin: 0 0 20px 0;
    background: url(https://s.yimg.jp/images/sports/app/baseball/npb/2022/promotion/images/title04.png) no-repeat left top / 400px 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.cont05 {
    width: 420px;
    height: 490px;
    float: left;
    margin: 0 0 15px 0;
    border-bottom: 3px #E4E4E4 solid;
}

.mds05 {
    width: 420px;
    height: 30px;
    margin: 0 0 20px 0;
    background: url(https://s.yimg.jp/images/sports/app/baseball/npb/2022/promotion/images/title05.png) no-repeat left top / 400px 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.cont06 {
    width: 420px;
    height: 490px;
    float: right;
    margin: 0 0 15px 0;
    border-bottom: 3px #E4E4E4 solid;
}

.mds06 {
    width: 420px;
    height: 30px;
    margin: 0 0 20px 0;
    background: url(https://s.yimg.jp/images/sports/app/baseball/npb/2022/promotion/images/title06.png) no-repeat left top / 400px 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.cont07 {
    width: 420px;
    float: left;
    margin: 0 0 15px 0;
}

.mds07 {
    width: 420px;
    height: 30px;
    margin: 0 0 20px 0;
    background: url(https://s.yimg.jp/images/sports/app/baseball/npb/2022/promotion/images/title07.png) no-repeat left top / 400px 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.cont08 {
    width: 420px;
    float: right;
    margin: 0 0 15px 0;
}

.mds08 {
    width: 420px;
    height: 30px;
    margin: 0 0 20px 0;
    background: url(https://s.yimg.jp/images/sports/app/baseball/npb/2022/promotion/images/title08.png) no-repeat left top / 400px 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.widgetImg {
    width: 420px;
    height: 286px;
    margin: 0 0 20px 0;
    float: left;
}

.txtContW {
    font-size: 110%;
    margin: 0 0 20px 0;
    line-height: 200%;
}

.contFirst {
    width: 100%;
    margin: 20px 0 0 0;
    background: url(https://s.yimg.jp/images/sports/app/baceball/npb/2019/promotion/img/cont_line.png) no-repeat center top;
    overflow: hidden;
    height: 100%;
    clear: both;
}

.contSecond {
    width: 100%;
    background: url(https://s.yimg.jp/images/sports/app/baceball/npb/2019/promotion/img/cont_line.png) no-repeat center top;
    overflow: hidden;
    height: 100%;
    clear: both;
}

.contThird {
    width: 100%;
    background: url(https://s.yimg.jp/images/sports/app/baceball/npb/2019/promotion/img/cont_line.png) no-repeat center top;
    overflow: hidden;
    height: 100%;
    clear: both;
}

.contFourth {
    width: 100%;
    background: url(https://s.yimg.jp/images/sports/app/baceball/npb/2019/promotion/img/cont_line.png) no-repeat center top;
    overflow: hidden;
    height: 100%;
    clear: both;
    margin: 0 0 20px 0;
}

.leftImg {
    width: 198px;
    height: 286px;
    margin: 0 0 20px 0;
    float: left;
    background-color: #CCCBCB;
}

.rightImg {
    width: 198px;
    height: 286px;
    margin: 0 0 20px 0;
    float: right;
    background-color: #CCCBCB;
}

dd.leftImg img,
dd.rightImg img {
    width: 198px !important;
    height: 286px !important;
}

.txtCont {
    font-size: 110%;
    margin: 0 0 20px 0;
    clear: both;
    line-height: 200%;
}

/*-- dlFooter --*/
#dlFooter {
    height: 205px;
    background: #111;
}

.dlFooter h2 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.dlFooterStore {
    width: 750px;
    height: 175px;
    margin: 0 auto 20px auto;
}


.note {
    color: #BBB;
    font-weight: normal;
    font-size: 80%;
    line-height: 150%;
    width: 220px;
    float: left;
    margin: 15px 0 0 0;
}

/*-- appNote --*/
.appNote {
    padding: 30px 0;
    background-color: #5c5c5c;
    font-size: 85%;
    line-height: 1.4;
    color: #eee;
}

.appNote p,
.appNote .appCopyright {
    width: 750px;
}

.appNote p {
    margin: 0 auto 10px;
}

.appNote .appCopyright {
    margin: 0 auto;
}

#dlFooter .topPage {
    width: 50px;
    height: 50px;
    position: fixed;
    margin-left: 740px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    top: 174px;
    background: url(https://s.yimg.jp/images/sports/all_device/pc/img/btn_top.png) 0 0 no-repeat;
}

#dlFooter .AppStoreBtn a {
    width: 109px;
    height: 40px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    left: 6px;
    float: left;
}

#dlFooter .GooglePlayBtn a {
    width: 134px;
    height: 40px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float: right;
}

#sns_btn {
    margin-top: 20px;
    line-height: 1;
}

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

* html .clearfix {
    zoom: 1;
}

/* IE6 */
*:first-child+html .clearfix {
    zoom: 1;
}

/* IE7 */