@charset "utf-8";

/*==================================
メインイメージ
==================================*/
.mainimgcate{ background: url(../../images/main_bg.jpg) 0px 0px no-repeat;}
.mainimg{ margin: 0 auto; width: 100%;}
.mainimg img{ width: 100%;}

/*==================================
スライダー
==================================*/
.bx-wrapper{ position: relative; margin: 0 auto 20px; padding: 0; width: 100%;}
.bx-controls-direction{ display: none;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{ bottom: -20px;}

/*==================================
メインコンテンツ
==================================*/
#maincontents .contents{ clear: both; overflow: hidden; margin: 0 auto; padding: 3% 0 6%; width: 94%;}
#maincontents .contents .boxtitle{ margin: 0 0 10px; color: #333; font-weight: bold; font-size: 120%; line-height: 100%;}
#maincontents .contents .slide .item,
#maincontents .contents .slide2 .item{ margin: 3px;}

/*==================================
コンテンツレイアウト
==================================*/
#maincontents .contents .col{ float: left; margin: 0 3% 3% 0; width: 90%;}
#maincontents .contents .col:nth-child(2n){ margin-right: 0;}
#maincontents .contents .col2{ float: left; margin: 0 4% 4% 0; width: 48%;}
#maincontents .contents .col2:nth-child(2n){ margin-right: 0;}

/*==================================
試合結果
==================================*/
#maincontents .contents .resulttit{ width: 100%; background: none;}
#maincontents .contents .resultbox{ padding: 5%; border-top: 5px solid #e7211a; background: #fff;}
#maincontents .contents .resultbox .boxtitle{ margin: 0 0 10px; color: #e7211a;}
#maincontents .contents .resultbox .womentitle{ padding: 3px 0; background: #e7211a; color: #fff; text-align: center; font-weight: bold; font-size: 75%;}
#maincontents .contents .resultbox .mentitle{ padding: 3px 0; background: #004ea2; color: #fff; text-align: center; font-weight: bold; font-size: 75%;}
#maincontents .contents .result_btn{ margin: 3% 0 0; clear: both; overflow: hidden;}
#maincontents .contents .result_btn ul{ text-align: center; font-weight: bold;}
#maincontents .contents .result_btn li{ float: left; width: 50%; height: 50px; line-height: 50px;}
#maincontents .contents .result_btn .womenbtn{ background: #eb7454;}
#maincontents .contents .result_btn .womenbtn .hinotori_icon{ display: none;}
#maincontents .contents .result_btn .menbtn{ background: #00509f;}
#maincontents .contents .result_btn .menbtn .ryujin_icon{ display: none;}
#maincontents .contents .result_btn ul li a{ display: block; color: #fff;}

.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;}
.recent_gameinfo_in .setpoint{ padding: 8px; 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: 24px;}
.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;}
.recent_gameinfo_in p{ padding: 5px 10px; color: #fff; font-size: 65%; line-height: 140%;}

/*==================================
ニュース
==================================*/
#maincontents .contents .newstit{ width: 100%; background: none;}
#maincontents .contents .newstit a{ display: inline-block;}
#maincontents .contents .newsbox{ padding: 5%; border-top: 5px solid #ffd900; background: #fff;}
#maincontents .contents .newsbox .boxtitle{ color: #ffd900;}
#maincontents .contents .newsbox .kiji .date{ color: #333; font-size: 80%;}
#maincontents .contents .newsbox .kiji .kijititle{ font-size: 75%; line-height: 150%;}
#maincontents .contents .newsbox .kiji .imgthum{ display: none;}
#maincontents .contents .newsbox a{ display: block;}

/*==================================
競技日程
==================================*/
#maincontents .contents .scheduletit{ width: 100%; background: none;}
#maincontents .contents .scheduletit a{ display: inline-block;}
#maincontents .contents .schedulebox{ padding: 15px 15px 0; padding: 5%; 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 .schedule_btn{ margin: 3% 0 0; clear: both; overflow: hidden;}
#maincontents .contents .schedule_btn ul{ text-align: center; font-weight: bold;}
#maincontents .contents .schedule_btn li{ float: left; width: 50%; height: 50px; line-height: 50px;}
#maincontents .contents .schedule_btn .womenbtn{ background: #e7211a;}
#maincontents .contents .schedule_btn .womenbtn .hinotori_icon{ display: none;}
#maincontents .contents .schedule_btn .menbtn{ background: #227bdd;}
#maincontents .contents .schedule_btn .menbtn .ryujin_icon{ display: none;}
#maincontents .contents .schedule_btn ul li a{ display: block; color: #fff;}

#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: 100%; background: none;}
#maincontents .contents .tickettit a{ display: inline-block;}
#maincontents .contents .ticket_btn{ clear: both; overflow: hidden; margin: 3% 0 0;}
#maincontents .contents .ticket_btn ul{ text-align: left; font-weight: bold;}
#maincontents .contents .ticket_btn li{ margin: 3% 0 0; height: 50px; line-height: 50px;}
#maincontents .contents .ticket_btn li:first-child{ margin: 0;}
#maincontents .contents .ticket_btn a{ position: relative; display: block; padding: 0 0 0 10px; background: #fff; width: 100%; font-weight: bold;}
#maincontents .contents .ticket_btn a:after{ position: absolute; right: 20px; 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: 100%; background: none;}

/*==================================
ムービー
==================================*/
#maincontents .contents .movietit{ width: 100%; background: none;}

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

/*==================================
バナー
==================================*/
#maincontents .contents .bnrcate{ float: left; width: 48%; margin: 2% 0 0;}
#maincontents .contents .bnrcate2{ margin: 2% 0 0 4%;}
#maincontents .contents .snsbnr{ float: left; width: 48%; margin: 2% 0 0 4%;}
#maincontents .contents .snsbnr div{ margin: 2% 0 0;}
#maincontents .contents .snsbnr div:first-child{ margin: 0;}