@charset "utf-8";



/*===========================================

common parts

=============================================*/

/* h2

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

#main h2 {

    font-family: 'Anton', 'Noto Sans Japanese', sans-serif;

    font-weight: 900;

    font-size: 34px;

    letter-spacing: 0;

    margin-bottom: 32px;

    text-align: center;

    line-height: 1em;

}



#main .eng {

    font-family: 'Anton', sans-serif;

    font-weight: 100;

    font-size: 40px;

    letter-spacing: 0;

    vertical-align: top;

}



#main h2.jp {

    font-family: 'Noto Sans Japanese', sans-serif;

    font-weight: 900;

    font-size: 34px;

    letter-spacing: 0;

    margin-bottom: 32px;

    text-align: center;

    line-height: 1em;

}



#side h2 {

    font-family: 'Anton', sans-serif;

    letter-spacing: 0;

    font-size: 28px;

    text-align: center;

    margin-bottom: 24px;

    line-height: 1.0em;

}



/* side

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

#side .sideAd {

    text-align: center;

    padding: 0 0 44px;

}

#side .sideAd:first-child {

    text-align: center;

    padding: 0 0 44px;
    
    margin-left:-16px;
    
    width:300px;

}



#side .sideBanner {

    margin: 32px 0 40px;

}



#side .sideBanner dt {

    font-family: 'Anton', sans-serif;

    letter-spacing: 0;

    font-size: 20px;

    text-align: center;

    margin-bottom: 16px;

    line-height: 1.0em;

}



#side .sideBanner li,

#side .sideBanner dd {

    margin-bottom: 8px;

}



#side .sideBanner li:last-child,

#side .sideBanner dd:last-child {

    margin-bottom: 0;

}



#side ul.dot {

    margin: 16px 0;

    /*border-bottom:2px dotted #000;*/

    border-style: solid;

    border-width: 0px 0px 2px;

    -moz-border-image: url(../images/common/dot.png) 0 0 6 repeat;

    -webkit-border-image: url(../images/common/dot.png) 0 0 6 repeat;

    -o-border-image: url(../images/common/dot.png) 0 0 6 repeat;

    border-image: url(../images/common/dot.png) 0 0 6 repeat;

}



#side ul.dot li {

    padding: 8px 8px;

    /*border-top:2px dotted #000;*/

    border-style: solid;

    border-width: 2px 0px 0px;

    -moz-border-image: url(../images/common/dot.png) 2 0 6 repeat;

    -webkit-border-image: url(../images/common/dot.png) 2 0 6 repeat;

    -o-border-image: url(../images/common/dot.png) 2 0 6 repeat;

    border-image: url(../images/common/dot.png) 2 0 6 repeat;

}



#side ul.dot li .title {

    font-size: 14px;

    display: block;

    padding: 8px 0 5px;

}



#side ul.dot li .date {

    padding: 0;

}



#side .linkBtn {

    padding: 16px 0;

}



#sideRanking {

    margin-bottom: 40px;

}



#sideRanking li {

    padding: 8px 0;

}



#sideRanking p.rank {

    width: 120px;

    height: 90px;

    float: left;

    padding: 30px 0 0;

    color: #e71a21;

    font-family: 'Anton', sans-serif;

    letter-spacing: 0;

    font-size: 20px;

    text-align: center;

    margin-bottom: 12px;

}



#sideRanking p.rank .num {

    font-size: 40px;

}



#sideRanking p.ph {

    width: 120px;

    height: 120px;

    float: right;

}

#sideRanking p.ph img{
 
    width: 120px;

    height: auto;
    
}



#sideRanking .date {

    float: left;

    padding: 0;

}



#sideRanking .tag {

    float: right;

    padding: 0;

}



#sideRanking .cmt {

    clear: both;

    padding: 8px 0;

}



#side .snsArea {

    width: 256px;

    height: 512px;

    background: #FFF;

    margin-bottom: 32px;

}



#side #sns .linkBtn {

    padding: 0 0 16px;

}



/* slider common

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

.main-container {

    overflow: hidden;

    padding-bottom: 150px;

}



.slider {

    list-style: none;

    margin: 0;

    padding: 0;

}



.bx-wrapper {

    margin: 0;

}



.bx-wrapper .bx-viewport {

    box-shadow: none !important;

    margin: 0;

    padding: 0;

    border: none;

    background: none;

    left: 0;

}



.bx-wrapper .bx-controls-direction a {

    height: 48px;

    margin-top: -16px;

    outline: 0 none;

    position: absolute;

    text-indent: -9999px;

    top: 50%;

    width: 48px;

    z-index: 9999;

}



.bx-wrapper .bx-prev {

    left: -24px;

    background: url(../images/prev_w02.png) no-repeat 0 0;

}



.bx-wrapper .bx-next {

    right: -24px;

    background: url(../images/next_w02.png) no-repeat 0 0;

}



.bx-wrapper .bx-prev:hover {

    background: url(../images/prev_r02.png) no-repeat 0 0;

}



.bx-wrapper .bx-next:hover {

    background: url(../images/next_r02.png) no-repeat 0 0;

}



/* bx-pager

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

.bx-pager a {

    display: block;

    float: left;

    margin-right: 16px;

}



.bx-pager.clm4 a:nth-child(4n),

.bx-pager.clm6 a:nth-child(6n) {

    margin-right: 0;

}



.bx-pager a span.ph {

    display: block;

    background: #000;

    text-align: center;

}



.bx-pager a:hover img {

    margin: 0 auto;

}



.bx-pager.clm4 a img {

    width: 180px;

    height: auto;

}



.bx-pager.clm6 a img {

    width: 120px;

    height: auto;

}



.bx-pager.clm4 a {

    width: 180px;

    height: auto;

}



.bx-pager.clm6 a {

    width: 120px;

    height: auto;

}



.bx-wrapper .bx-caption {

    background: rgba(0, 0, 0, 0.8) !important;

    padding: 22px 0 26px;

}



.bx-wrapper .bx-caption span {

    color: #FFF;

    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;

    font-size: 14px !important;

    line-height: 24px !important;

    padding: 0 16px !important;

}



/* photoSlider

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

.bx-wrapper ul.photoSlider li {

    width: 800px;

    background: #000;
    
    max-height:538px;
    
    overflow:hidden;

}



.bx-wrapper ul.photoSlider li img {

    margin: 0 auto;

    max-height: 100%;

    width: auto !important;

}



.bx-pager a .ph img {

    max-height: 80px;

    width: auto;

}



/* parts

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

.mv {

    text-align: center;

    margin-bottom: 44px;

}



.ph {

    display: block;

    margin-bottom: 12px;

    overflow: hidden;

    box-sizing: border-box;

}



a:hover .ph,

.active .ph {

    border: 8px solid #e71a21;

}



a:hover .ph img,

a.active .ph img {

    margin: -8px;

}



.date {

    font-size: 14px;

    display: block;

    padding: 0 8px;

}



.tag {

    font-size: 14px;

    color: #e71a21;

    display: block;

    padding: 0 8px;

}



.cmt {

    font-size: 14px;

    display: block;

    padding: 0 8px;

    line-height: 1.75em;

}



.cap {

    font-size: 14px;

    display: block;

    padding: 0 8px;

    line-height: 1.75em;

}



.name {

    font-size: 14px;

    display: block;

    padding: 0 8px;

    line-height: 1.75em;

}



.title {

    font-size: 14px;

    display: block;

    padding: 0 8px;

    line-height: 1.75em;

}



.price {

    font-size: 14px;

    display: block;

    padding: 0 8px;

}



.toggleBtn {

    clear: both;

    text-align: center;

    padding: 32px 0;

}



.linkBtn {

    clear: both;

}



.linkBtn a {

    display: block;

    border-radius: 8px;

    text-align: center;

    color: #FFF;

    padding: 16px 0;

    font-size: 14px;

    line-height: 16px;

    background: url('../images/common/ico_arr01.png') no-repeat center right 8px #000;
    
    text-decoration: none !important;

}



.linkBtn.al a {

    padding-left: 16px;

    text-align: left;

}



.linkBtn.blank a {

    background: url('../images/common/ico_blank.png') no-repeat center right 8px #000;

}



.linkBtn.blank.yellow a {

    background: url('../images/common/ico_blank_bk.png') no-repeat center right 8px #faef0f;

}



.linkBtn.blank.yellow a:hover {

    background: url('../images/common/ico_blank.png') no-repeat center right 8px #e71a21;

}



.linkBtn a:hover,

.linkBtn.hover a {

    color: #FFF !important;

    text-decoration: none !important;

    background-color: #e71a21 !important;

}



.linkBtn.yellow a {

    background: url('../images/common/ico_arr05.png') no-repeat center right 8px #faef0f;

    color: #000;

}



.linkBtn.under a {

    background: url('../images/common/ico_arr04.png') no-repeat center right 8px #000;

    color: #FFF;

    text-align: left;

    padding-left: 16px;

}



.linkBtn.prev a {

    background: url('../images/common/ico_arr03.png') no-repeat center left 8px #000;

}



.clmBtn .linkBtn {

    clear: none;

}



.linkBtnWrapper {

    background: #000;

    border-radius: 8px;

}



.toggleInner {

    display: none;

    padding: 8px;

}



.toggleInner a {

    display: block;

    font-size: 14px;

    color: #FFF;

    line-height: 32px;

    padding-left: 8px;

    text-decoration: underline;

}



.toggleInner a:hover {

    color: #E71A21;

    text-decoration: none;

}



/* breadcrumb

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

ol#breadcrumb {

    margin: 0 32px 32px;

    padding: 32px 8px 16px;

    height: auto;

}



ol#breadcrumb li {

    margin: 0;

    padding: 0;

    display: inline-block;

    color: #e71a21;

    font-size: 14px;

    letter-spacing: 2px;

    line-height: 1.0em;

}



ol#breadcrumb li a {

    color: #000;

    text-decoration: underline;

    margin: 0 1px;

}



ol#breadcrumb li:first-child a {

    margin: 0 1px 0 0;

}



ol#breadcrumb li:after {

    content: " > ";

    color: #000;

}



ol#breadcrumb li:last-child:after {

    content: "";

}



ol#breadcrumb li a:hover {

    color: #e71a21;

}



/* pagenation

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

#pagenation {

    clear: both;

    text-align: center;

}



#pagenation ol {

    margin: 0 auto;

    padding: 0;

}



#pagenation ol li {

    margin: 0;

    padding: 0 16px 0;

    font-size: 14px;

    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;

    display: inline-block;

    vertical-align: middle;

}



#pagenation ol.kana li {

    margin: 0;

    padding: 0 18px 0;

    font-size: 14px;

    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;

    display: inline-block;

    vertical-align: middle;

}



#pagenation ol li a {

    color: #000;

    text-decoration: underline;

    display: block;

    text-align: center;

}



#pagenation ol li a:hover {

    color: #e71a21;

}



#pagenation ol li.current a {

    color: #e71a21;

    text-decoration: none;

}



#pagenation ol li.prev a,

#pagenation ol li.next a {

    margin: 0;

    padding: 0;

    width: 32px;

    height: 32px;

    border-radius: 50%;

}



#pagenation ol li.prev a {

    background: url('../images/common/page_prev.png') no-repeat left top #000;

}



#pagenation ol li.prev a:hover {

    background: url('../images/common/page_prev.png') no-repeat left top #e71a21;

}



#pagenation ol li.next a {

    background: url('../images/common/page_next.png') no-repeat left top #000;

}



#pagenation ol li.next a:hover {

    background: url('../images/common/page_next.png') no-repeat left top #e71a21;

}



#pagenation ol li.next {

}



#pagenation:after,

#pagenation ul:after {

    clear: both;

    content: ".";

    display: block;

    /*height: 0;*/

    visibility: hidden;

}



/* table

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

.tableWrapper {

    overflow-x: scroll;

}



table {

    border-collapse: collapse;

    width: 100%;

    font-size: 14px;

    line-height: 24px;

}



table tr {

}



table th, table td {

    padding: 12px 0;

    text-align: center;

}



table thead {

    border-top: 2px solid #000;

}



table th {

    /*border-left: 2px solid #000;*/

    background: url(../images/common/line.png) no-repeat bottom right;

}



table th:last-child {

    background: url(../images/common/line.png) no-repeat bottom right -2px;

}



table th:first-child {

    border-left: none;

}



table td {

    /*border-top: 2px dotted #000;

    border-bottom: 2px dotted #000;

    border-left: 2px dotted #000;*/

    background: url(../images/common/dot3.png) no-repeat bottom right;

}



table td:last-child {

    background: url(../images/common/dot3.png) no-repeat bottom right -4px;

}



/* column

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

.clm2 > dt,

.clm2 > dd,

.clm2 > li {

    width: 392px;

    float: left;

    margin-right: 16px;

}



.clm2 > dt:last-child,

.clm2 > dd:last-child,

.clm2 > li:last-child,

.clm3 > li:last-child,

.clm4 > li:last-child,

.clm2 > li:nth-child(2n),

.clm3 > li:nth-child(3n),

.clm4 > li:nth-child(4n) {

    margin-right: 0;

}



.clm2:after,

.clm3:after,

.clm4:after {

    content: ".";

    display: block;

    height: 0;

    font-size: 0;

    clear: both;

    visibility: hidden;

}



.clm3 li {

    width: 256px;

    float: left;

    margin-right: 16px;

}



.clm4 li {

    width: 188px;

    float: left;

    margin-right: 16px;

}



.inlinBlock {

    text-align: center;

    padding: 0 0 8px !important;

}



.inlinBlock li {

    float: none;

    display: inline-block;

}



.inlinBlock li .name {

    text-align: left;

}



/* bgblk

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

.bgblk {

    background: #191919;

}



.bgblk,

.bgblk h2,

.bgblk a {

    color: #FFF;

}



.bgblk a:hover {

    color: #e71a21;

    text-decoration: underline;

}



/* infoList

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

dl.infoList {

    clear: both;

    padding-top: 8px;

}



dl.infoList dt {

    border-style: solid;

    border-width: 0px 0px 2px;

    -moz-border-image: url(../images/common/dot.png) 0 0 6 repeat;

    -webkit-border-image: url(../images/common/dot.png) 0 0 6 repeat;

    -o-border-image: url(../images/common/dot.png) 0 0 6 repeat;

    border-image: url(../images/common/dot.png) 0 0 6 repeat;

}



dl.infoList dd {

    padding: 20px 0px 17px;

    /*border-bottom:2px dotted #000;*/

    border-style: solid;

    border-width: 0px 0px 2px;

    -moz-border-image: url(../images/common/dot.png) 0 0 6 repeat;

    -webkit-border-image: url(../images/common/dot.png) 0 0 6 repeat;

    -o-border-image: url(../images/common/dot.png) 0 0 6 repeat;

    border-image: url(../images/common/dot.png) 0 0 6 repeat;

}



dl.infoList dd:last-child {

    /*border-bottom:2px dotted #000;*/



}



dl.infoList dd a {

    display: block;

    clear: both;

    overflow: hidden;

}



dl.infoList dd a .date {

    width: 120px;

    float: left;

}



dl.infoList dd a .tag {

    font-size: 14px;

    color: #e71a21;

    width: 52px;

    float: left;

}



dl.infoList dd a .cmt {

    font-size: 14px;

    width: 580px;

    float: left;

}



/* internalLinks

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

.internalLinks .bx-wrapper .bx-controls-direction a {

    top: 76px;

}



.internalLinks .bx-wrapper .bx-prev {

    background: url(../images/prev_b.png) no-repeat 0 0;

}



.internalLinks .bx-wrapper .bx-next {

    background: url(../images/next_b.png) no-repeat 0 0;

}



.internalLinks .bx-wrapper .bx-prev:hover {

    background: url(../images/prev_r02.png) no-repeat 0 0;

}



.internalLinks .bx-wrapper .bx-next:hover {

    background: url(../images/next_r02.png) no-repeat 0 0;

}



/* relatedArticle

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

.relatedArticle {

    margin: 56px 0 0;

}



.relatedArticle h2 {

    font-size: 34px;

    color: #e71a21;

    font-weight: 900;

}



.relatedArticle ul {

    padding: 0 0 8px 32px;

}



.internalLinks {

    padding: 0px 0 16px;

}



.relatedArticle ul.newsList {

    padding: 0px 0 16px 32px !important;

}



.relatedArticle ul.newsList li {

    height: 252px !important;

    float: left;

}



.relatedArticle ul.newsList li .ph {

    background: #000 none repeat scroll 0 0;

    height: 150px;

    margin-bottom: 8px;

    text-align: center;

}

.relatedArticle ul.goods li .ph {

    background: #000 none repeat scroll 0 0;

    height: 144px;

    text-align: center;

}

.relatedArticle ul.goods li .ph img{

    height: 144px;

}

.relatedArticle .price {

    margin-top: 8px;

}

.relatedArticle .bx-wrapper .bx-prev {

    background: url(../images/prev_b.png) no-repeat 0 0;

}

.relatedArticle .bx-wrapper .bx-next {

    background: url(../images/next_b.png) no-repeat 0 0;

}


.relatedArticle ul.wrestlerList span.ph {
    height: 130px;
    overflow: hidden;
    text-align:center;
}
.relatedArticle ul.wrestlerList span.ph img {
    height: 130px;
    width: auto;
}
.relatedArticle .wrestlerList span.name {
    height: 48px;
    overflow: hidden;
    text-align:center;
}

/* championship

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

.championship li a {

    display: block;

}



.championship h3 {

    font-family: 'Anton', 'Noto Sans Japanese', sans-serif;

    letter-spacing: 0;

    font-size: 28px;

    padding-left: 8px;

}



.championship .className {

    font-size: 14px;

    padding-left: 8px;

    margin-bottom: 8px;

}



.championship .wrestlerName {

    font-size: 20px;

    padding-left: 8px;

}



.championship .ph {

    margin: 24px 0 0;

}



.championship .tagPh {

    float: left;

}



.championship li:last-child {

    margin-right: 0;

}



.championship .sixmenChampions {

    margin-bottom: 10px;

}



/* topicList

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

ul.topicList li {

    border-style: solid;

    border-width: 0px 0px 2px;

    -moz-border-image: url(../images/common/dot.png) 0 0 6 repeat;

    -webkit-border-image: url(../images/common/dot.png) 0 0 6 repeat;

    -o-border-image: url(../images/common/dot.png) 0 0 6 repeat;

    border-image: url(../images/common/dot.png) 0 0 6 repeat;

}



ul.topicList a {

    display: block;

    padding: 19px 0;

    font-size: 14px;

    line-height: 24px;

    color: #000;

    text-decoration: none;

}



ul.topicList a:hover {

    color: #e71a21;

}



ul.topicList .date {

    display: inline-block;

    width: 120px;

}



/*===========================================

 tutorial

=============================================*/

#overlay {

    position: fixed;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.70);

    top:0;

    z-index: 90000;

    display: none;

}



#tutorialWrapper {

    width: 100%;

    position: fixed;

    z-index: 90001;

    top: 40px;

    display: none;

    /*display:none;*/

}



#tutorial {

    position:relative;

    margin: 24.5px auto 0;

    padding: 0 0 24px;

    width: 864px;

    position: relative;

    background: #FFF;

}



#tutorial .header {

    height: 64px;

    background: #D91D20;

}



#tutorial .header .logo {

    position: absolute;

    top: -24.5px;

    left: 24px;

}



#tutorial p.icoClose {

    position: absolute;

    top: 0px;

    right: -40px;

    cursor: pointer;

}



#tutorial .header .check {

    width: 240px;

    margin: 18px 0 0;

    padding: 0;

    color: #FFF;

    float: right;

    position: relative;

}



#tutorial .header .check input[type="checkbox"] {

    opacity: 0;

    cursor: pointer;

    width: 24px;

    height: 24px;

    font-size: 24px;

    position: absolute;

}



#tutorial .header .check input[type="checkbox"] + label {

    display: inline-block;

    background-image: url(../images/checkbox_off.png);

    background-size: 24px;

    line-height: 24px;

    background-position: left center;

    background-repeat: no-repeat;

    padding: 0 0 0 32px;

    vertical-align: middle;

}



#tutorial .header .check input[type="checkbox"]:checked + label {

    background-image: url(../images/checkbox_on.png);

}



#tutorialWrapper .tab {

    display: table;

    margin: 48px auto 30px;

}



#tutorialWrapper .tab li {

    display: table-cell;

    width: 160px;

}



#tutorialWrapper .tab li a {

    display: block;

    background: #000;

    font-size: 14px;

    line-height: 64px;

    color: #FFF;

    text-align: center;

    cursor: pointer;

}



#tutorialWrapper .tab li a:hover,

#tutorialWrapper .tab li.active a {

    background: #e71a21;

    text-decoration: none;

}



#tutorialWrapper .contentsInner {
 
    margin:0 8px 0 32px;

    padding: 0;

    display: none;

    height: 400px;

    overflow: auto;

}



#tutorialWrapper .contentsInner.active {

    display: block;

}


#tutorialWrapper .tutorialInner {
 
    width:800px;
    
    margin:0;
    
}


#tutorialWrapper .tutorialInner dt {

    padding: 16px 8px 6px;

    font-size: 16px;

    color: #e71a21;

}



#tutorialWrapper .tutorialInner dd {

    padding: 0 0 24px;

    border-style: solid;

    border-width: 0px 0px 2px;

    -moz-border-image: url(../images/common/dot.png) 0 0 6 repeat;

    -webkit-border-image: url(../images/common/dot.png) 0 0 6 repeat;

    -o-border-image: url(../images/common/dot.png) 0 0 6 repeat;

    border-image: url(../images/common/dot.png) 0 0 6 repeat;

}



#tutorialWrapper .tutorialInner dd:last-child {

    border: none;

}



#tutorialWrapper .tutorialInner dd .text {

    padding: 0 8px 20px;

    font-size: 14px;

    line-height: 24px;

}



#tutorialWrapper .tutorialInner dd a {

    text-decoration: underline;

}



#tutorialWrapper .tutorialInner dd .linkBtn a {

    text-decoration: none;

}
/* scrollbar - chrome safari */
.contentsInner::-webkit-scrollbar{
 overflow:hidden;
 width:8px;
 background:#fafafa;
 -webkit-border-radius:4px;
 border-radius:4px;
}
.contentsInner::-webkit-scrollbar:horizontal{
 height:5px;
}
.contentsInner::-webkit-scrollbar-button{
 display:none;
}
.contentsInner::-webkit-scrollbar-piece{
 background:#eee;
}
.contentsInner::-webkit-scrollbar-piece:start{
 background:#eee;
}
.contentsInner::-webkit-scrollbar-thumb{
 overflow:hidden;
 -webkit-border-radius:4px;
 border-radius:4px;
 background:#000;
}
.contentsInner::-webkit-scrollbar-corner{
 overflow:hidden;
 -webkit-border-radius:4px;
 border-radius:3px;
 background:#000;
}

/* scrollbar - IE */
html,body {
scrollbar-arrow-color:#FFFFFF;
scrollbar-face-color:#000000;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-base-color:#FFFFFF;
}