@charset "utf-8";

/*==================================
メインイメージ
==================================*/
.mainimgcate{ margin: 0 auto; width: 100%;}
.mainimg img{ width: 100%;}

/*==================================
メインコンテンツ
==================================*/
#maincontents .contents{ clear: both; overflow: hidden; margin: 0 auto; padding: 20px 0; width: 960px;}
#maincontents .contents{ width: 980px\9;}
#maincontents .contents p.boxtitle{ margin: 0 0 10px; color: #333; font-weight: bold; font-size: 140%; line-height: 100%;}

/*==================================
コンテンツレイアウト
==================================*/
#maincontents .contents .col{ float: left; margin: 0 20px 20px 0; width: 195px; height: 270px;}
#maincontents .contents .col:nth-child(4n){ margin-right: 0;}
#maincontents .contents .col2{ float: left; margin: 0 20px 20px 0; height: 140px;}
#maincontents .contents .col2:nth-child(4n){ margin-right: 0;}

/*==================================
試合結果
==================================*/
#maincontents .contents .resulttit{ width: 225px; height: 300px;}
#maincontents .contents .resultbox{ padding: 15px 15px 10px; border-top: 5px solid #e7211a; background: #fff;}
#maincontents .contents .resultbox .boxtitle{ margin: 0 0 5px; color: #e7211a;}
#maincontents .contents .resultbox .womentitle{ padding: 3px 0; background: #e7211a; color: #fff; text-align: center; font-weight: bold; font-size: 70%;}
#maincontents .contents .resultbox .mentitle{ padding: 3px 0; background: #004ea2; color: #fff; text-align: center; font-weight: bold; font-size: 70%;}
#maincontents .contents .result_btn{ text-align: center;}
#maincontents .contents .result_btn .womenbtn{ position: absolute; bottom: 15px; left: 15px; width: 90px; height: 70px; background: #eb7454; line-height: 70px;}
#maincontents .contents .result_btn .womenbtn .hinotori_icon{ position: absolute; top: -50px; left: 5px; z-index: 1000; width: 81px; height: 60px;}
#maincontents .contents .result_btn .menbtn{ position: absolute; right: 15px; bottom: 15px; width: 90px; height: 70px; background: #00509f; line-height: 70px;}
#maincontents .contents .result_btn .menbtn .ryujin_icon{ position: absolute; top: -50px; right: 3px; z-index: 1000; width: 84px; height: 60px;}
#maincontents .contents .result_btn ul li a{ display: block; width: 90px; height: 70px; color: #fff; font-weight: bold; font-size: 75%;}
#maincontents .contents .result_btn ul li a:hover{ text-decoration: none;}

.recent_gameinfo_in{ clear: both; width: auto; border: 1px solid #333; background: #232323;}
.recent_gameinfo_in a{ color: #fff;}
.recent_gameinfo_in table{ width: 100%; color: #fff; font-weight: bold; font-size: 11px; line-height: 15px;}
.recent_gameinfo_in .pointgraph{ padding: 3px; width: 100%; border-top: 1px solid #000; border-bottom: 2px solid #fff; background: #232323;}
.recent_gameinfo_in .setcount{ padding: 5px 10px; background: #232323; color: #ffaf33; vertical-align: middle; text-align: center; font-weight: bold; font-size: 60px; font-family: Arial,Helvetica,sans-serif; line-height: 110%;}
.recent_gameinfo_in .setpoint{ padding: 8px; width: 75px; height: 130px; border-right: 1px solid #555; border-left: 1px solid #555; background: #333; color: #ffaf33; vertical-align: middle; text-align: center; font-weight: bold; font-size: 12px; font-family: Arial,Helvetica,sans-serif; line-height: 14px;}
.recent_gameinfo_in .pointgraph th{ padding: 10px; width: 27%; color: #fff; font-weight: bold; font-size: 87.5%; line-height: 150%;}
.recent_gameinfo_in .left_al,
.recent_gameinfo_in .right_al{ padding: 5px; width: 50%; word-wrap: break-word;}
.recent_gameinfo_in .center_al{ text-align: center !important;}
.recent_gameinfo_in p{ padding: 5px; color: #fff; font-size: 64%; line-height: 140%;}

/*==================================
ニュース
==================================*/
#maincontents .contents .newstit{ width: 225px;}
#maincontents .contents .newstit a{ display: inline-block; height: 300px;}
#maincontents .contents .newsbox{ padding: 15px 15px 10px; border-top: 5px solid #ffd900; background: #fff;}
#maincontents .contents .newsbox .boxtitle{ color: #ffd900;}
#maincontents .contents .newsbox .kiji p.date{ color: #333; font-size: 80%;}
#maincontents .contents .newsbox .kiji p.kijititle{ font-size: 75%;	line-height: 150%;}
#maincontents .contents .newsbox .kiji .imgthum{ margin: 10px 0 0; width: 195px; text-align: center;}
#maincontents .contents .newsbox .kiji .imgthum img{ max-width: 195px; max-height: 150px; vertical-align: bottom;}

/*==================================
競技日程
==================================*/
#maincontents .contents .scheduletit{ width: 225px; height: 300px;}
#maincontents .contents .schedulebox{ padding: 15px 15px 10px; border-top: 5px solid #004ea2; background: #fff;}
#maincontents .contents .schedulebox .boxtitle{ color: #004ea2;}
#maincontents .contents .schedulebox .womentitle{ margin: 0 0 10px; padding: 3px 0; background: #e7211a; color: #fff; text-align: center; font-weight: bold; font-size: 75%;}
#maincontents .contents .schedulebox .mentitle{ margin: 0 0 10px; padding: 3px 0; background: #004ea2; color: #fff; text-align: center; font-weight: bold; font-size: 75%;}
#maincontents .contents .schedulebox .matchday{ font-size: 70%; line-height: 150%;}
#maincontents .contents .schedulebox .item a{ display: block;}
#maincontents .contents .schedulebox .item a:hover{ text-decoration: none;}
#maincontents .contents .schedule_btn{ text-align: center;}
#maincontents .contents .schedule_btn .womenbtn{ position: absolute; bottom: 15px; left: 15px; width: 90px; height: 70px; background: #e7211a; line-height: 70px;}
#maincontents .contents .schedule_btn .womenbtn .hinotori_icon{ position: absolute; top: -50px; left: 18px; z-index: 1000; width: 55px; height: 60px;}
#maincontents .contents .schedule_btn .menbtn{ position: absolute; right: 15px; bottom: 15px; width: 90px; height: 70px; background: #227bdd; line-height: 70px;}
#maincontents .contents .schedule_btn .menbtn .ryujin_icon{ position: absolute; top: -50px; right: 0; z-index: 1000; width: 74px; height: 60px;}
#maincontents .contents .schedule_btn ul li a{ display: block; width: 90px; height: 70px; color: #fff; font-weight: bold; font-size: 75%;}
#maincontents .contents .schedule_btn ul li a:hover{ text-decoration: none;}

#maincontents .contents .schedulebox .date{ margin: 20px 0 0; text-align: center;}
#maincontents .contents .schedulebox .match{ text-align: center; font-weight: bold; font-size: 140%;}
#maincontents .contents .schedulebox .match span{ display: inline-block; padding: 0 5px; font-size: 80%}
#maincontents .contents .schedulebox .place{ margin: 20px 0 0; padding: 5px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-align: center;}

/*==================================
チケット
==================================*/
#maincontents .contents .tickettit{ width: 225px; height: 300px;}
#maincontents .contents .ticket_btn{ position: absolute; left: 15px; bottom: 15px; text-align: center;}
#maincontents .contents .ticket_btn li{ margin: 3px 0 0;}
#maincontents .contents .ticket_btn li:first-child{ margin: 0;}
#maincontents .contents .ticket_btn a{ position: relative; display: block; padding: 3px 0; background: #fff; width: 195px; font-size: 75%; font-weight: bold;}
#maincontents .contents .ticket_btn a:after{ position: absolute; right: 7px; top: 50%; margin: -4px 0 0; content: ""; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #fff;}
#maincontents .contents .ticket_btn a:hover{ text-decoration: none;}
#maincontents .contents .ticket_btn .women{ background: #e7211a; color: #fff;}
#maincontents .contents .ticket_btn .men{ background: #004ea2; color: #fff;}

/*==================================
フォトギャラリー
==================================*/
#maincontents .contents .phototit{ width: 225px; height: 300px;}

/*==================================
ムービー
==================================*/
#maincontents .contents .movietit{ width: 225px; height: 300px;}

/*==================================
グッズ
==================================*/
#maincontents .contents .goodstit{ width: 225px;}
#maincontents .contents .goodstit a{ display: inline-block; height: 300px;}
#maincontents .contents .goodsbox{ padding: 15px 15px 10px; border-top: 5px solid #e61673; background: #fff;}
#maincontents .contents .goodsbox .boxtitle{ color: #e61673;}
#maincontents .contents .goodsbox .comment{ margin: 5px 0 0; text-align: center; font-size: 80%; line-height: 1.5;}

/*==================================
バナー
==================================*/
#maincontents .contents .bnrcate{ width: 225px; height: 140px;}
#maincontents .contents .bnrcate:nth-child(4n){ margin: 0 0 20px 0;}
#maincontents .contents .bnrcate div:nth-child(2){ margin: 8px 0 0;}
#maincontents .contents .snsbnr{ height: 140px;}
#maincontents .contents .snsbnr div{ margin: 7px 0 0;}
#maincontents .contents .snsbnr div:first-child{ margin: 0;}