@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.pc {display:block;}
.sp {display:none !important;}

.cf, .header.global ul, .footer.global, .footer.global .banners, .top .section.outline, .outline .main.global .section.schedule, /*.qualifier*/ .main.global .nav.grade ul, .qualifier .main.global .section.results .buttons, .howto .main.global .inner {
  *zoom: 1;
}
.cf:after, .header.global ul:after, .footer.global:after, .footer.global .banners:after, .top .section.outline:after, .outline .main.global .section.schedule:after, /*.qualifier*/ .main.global .nav.grade ul:after, .qualifier .main.global .section.results .buttons:after, .howto .main.global .inner:after {
  content: "";
  display: table;
  clear: both;
}

iframe {
  display: block;
}

body {
  background-color: #000;
  background-size: 1360px auto;
  background-position: center 30px;
  background-repeat: repeat-y;
}


#siteHeader {
  font-size: 12px;
  line-height: 1.5;
}
#siteHeader a {
  text-decoration: none;
}

.title {
  font-family: serif;
}

.wrapper.all {
  padding-top: 30px;
	background:url(../img/bg_top2.png) no-repeat center 30px;
}

body.top .wrapper.all {
  padding-top: 30px;
  background:url(../img/bg_top.png) no-repeat center 30px;
  background-color:#000;
}

.header.global {
  /*-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);*/
}

.header.global h1 {
  padding: 3px 0 3px;
  margin-left: -5px;
  width: 960px;
  position: relative;
  z-index: 100;
}
.top .header.global .inner { overflow: hidden; position: relative;}
.top .header.global h1 {
  margin: 0 auto;
  width: 960px;
  position: relative;
  z-index: 100;
	padding: 0;
}
.top .header.global h1 .embed {
  float: right;
  width: 406px;
  height: 251px;
	margin-right:20px;
}
.top .header.global h1 .embed embed {
  width: 400px;
  height: 245px;
  border-top:3px solid #edeaea;
  border-left:3px solid #c6c4c4;
  border-right:3px solid #686666;
  border-bottom:3px solid #736d68;
}
.top .header.global video {
  left: 50%;
  margin-left: -680px;
  position: absolute;
  top: 0px;
  z-index: 1;
  background:transparent;
}

.header.global {
  margin: 0 auto;
  width: 960px;
  position: relative;
  z-index: 100;
}
.header.global li {
  float: left;
  position: relative;
 text-indent: -9999px;
 display: block;
 width: 240px;
 height: 54px;
}

.header.global li a {
 font-size: 16px;
 font-weight: bold;
 color: #fff;
 display: block;
 height: 50px;
}
#navWrap .sp_wrap {position: static !important;}
#navWrap{
  width:960px;
  margin:0 auto;
  position:relative;
  height:50px;
  background:url(../img/nav.jpg) no-repeat;
  background-position:8px 0;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho", serif;
}

.mainnav {
  width:960px;
  height:50px;
  line-height:19px;
  text-align:center;
  /*padding:4px 0 0;*/
}

.mainnav li {
  width:138px;
  float:left;
  background-image:url(../img/icon_bar.png);
  background-repeat:no-repeat;
  background-position:right center;
  /*padding: 6px 0;*/
}

.mainnav li a {
  font-size:16px;
  font-weight:bold;
  color:#fff;
  display: block;
  height:50px;
}

.mainnav li  {
  text-indent: -9999px;
  display: block;
  width:138px;
  height:50px;
}

.mainnav li a:hover {
  text-decoration: none;
}
.mainnav span {
  font-size: 13px;
}
.mainnav li.nav1 {
  background: url(../img/nav1.png) no-repeat;
}
.mainnav li.nav2 {
  background: url(../img/nav2.png) no-repeat;
}
.mainnav li.nav3 {
  background: url(../img/nav3.png) no-repeat;
}
.mainnav li.nav4 {
  background: url(../img/nav4.png) no-repeat;
}
.main.global {
  margin: 0 auto;
  /*padding-top: 14px;*/
  width: 980px;
}
.top .main.global {
  /*padding-top: 00px;*/
}
.main.global a {color: #894f06; text-decoration: none;}
.main.global a:hover {color: #894f06; text-decoration: underline;}
.banner.general {
  margin: 40px auto;
  width: 960px;
}

.bannerArea {
  margin-top: 60px;
  text-align: center;
}
.bannerArea img {
  display: inline;
}

.pagetop {
  margin: 45px auto 0;
  width: 960px;
  text-align: right;
}
.pagetop img {
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.footer.global {
  margin: 20px auto 0;
  padding-bottom: 40px;
  width: 960px;
  font-size: 13px;
  color:#fff;
  border-top:1px solid #333333;
  padding-top:5px;
}
.footer.global a {
  color: #fff;
  text-decoration: none;
}
.footer.global .nav {
  margin-top: 10px;
  float: left;
  width: auto;
}
.footer.global .copyright {
  margin-top: 10px;
  float:right;
}

.banners {
  width: 980px;
  margin:40px auto 0;
}

.banners .banner {
	margin:0 auto;
	text-align:center;
}

.banner.outline {
	padding:0;
  float: none;
}

.top .wrapper.all {/*min-width: 1360px;*/}
.top .header.global {
}

.top .header.global h1 {
  padding:33px 0 13px;
  /*height: 288px;*/
  text-align:center;
  width: 980px;
  margin: 0 auto;
}
.top .header.global h1 img.pc {
  display: inline-block;
}

.top .header.global .sub_hl h1 {
  padding:0px 0 20px;
}

.section {
  /*margin-top: 40px;*/
  font-family: serif;
  padding:58px 10px 0;
  background-image:url(../img/section_bg_01.png);
  background-position:center 40px;
  background-size:980px;
  background-repeat:no-repeat;
}

.section h2 {
	margin:0 auto;
	text-align:center;
}



/*---------開催概要---------*/
.section.outline .contents {
	padding:0 25px;
}

.section.outline .textbox {
	width:587px;
	float:left;
}
.section.outline .textbox h3 {
  font-size: 22px;
  line-height: 28px;
  color:#00deff;
  font-weight:bold;
  padding:40px 0 18px;
}
.section.outline .textbox p.note {
	font-size:16px;
	font-weight:bold;
	color:#fff;
	line-height:24px;
}
.section.outline .textbox table {
	font-size:14px;
	line-height:24px;
	color:#fff;
	margin-top:20px;
}
.section.outline .textbox p.subtext {
	font-size:14px;
	line-height:24px;
	color:#fff;
}
.section.outline .embed {
  float: right;
  /*width: 306px;*/
  margin-top:40px;
  border:1px solid #004750;
}
.section.outline .btn_rule {
	margin:36px auto 0;
	text-align:center;
}



/*---------出場者/出場ソフト---------*/
.section.profile {
  background-image:url(../img/section_bg_02.png);
  background-position:center 40px;
  background-size:980px;
  background-repeat:no-repeat;
}
.section.profile .contents {
	padding:18px 25px;
}
.section.profile .contents {
	padding-top:15px;
}
.section.profile .contents p.description {
	font-size:14px;
	color:#fff;
	line-height:24px;
}
.section.profile .contents .left {
	width:422px;
	padding-right:28px;
	float:left;
}
.section.profile .contents .left .image {
	text-align:center;
}
.section.profile .contents .left p.description {
	margin-top:-20px;
}
.section.profile .contents .right {
	width:430px;
	float:right;
}
.section.profile .contents .right .image {
	text-align:center;
	padding:56px 0 10px;
}



/*---------動画/生放送---------*/
.section.live .contents {
	padding:18px 15px;
}
.section.live.active {
  margin-top: 30px;
}
.section.live .cf {
  padding: 35px 18px 10px;
}
.section.live .embed {
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  margin-right: 6px;
  margin-bottom: 10px;
  float: left;
  width: auto;
}
.section.live .embed:nth-child(3n) {
	margin-right:0;
}
.section.live .embed iframe {
  width: 304px;
}

.section.live .btn_archives {clear: both; text-align: center; padding-top: 0px;}
.section.live .btn_archives a img {  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);}




/*---------視聴方法---------*/
.section.howto {
  background-image:url(../img/section_bg_03.png);
  background-position:center 40px;
  background-size:980px;
  background-repeat:no-repeat;
}
.section.howto .contents {
	padding:18px 24px;
}
.section.howto #howtoBlock{ width:912px; padding-top:16px; padding-bottom:12px; margin:0 0; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "メイリオ", Meiryo, serif;}
.section.howto .step{ width:242px; height:216px; float:left; background:#000; color:#FFF; min-height:230px; padding:0 15px 0; border:1px solid #008190;}
.section.howto .step h3{ text-align:center; padding:8px 0 7px; border-bottom:1px solid #008190; margin:0 -15px;}
.section.howto .step.n01{font-size:18px;}
.section.howto .step.n02{font-size:18px; width:250px; padding:0 11px;}
.section.howto .step.n03{font-size:18px; width:248px; padding:0 12px;}
.section.howto .step span{ font-size:36px;}
.section.howto .step p{ padding:10px 0 12px; font-size:12px;}
.section.howto .step .button ,.step .image{text-align:center;}
.section.howto .stepTri{ text-align:center; float:left; padding-top:100px; width:44px;}
.section.howto #howtoBlock2{ width:912px; margin:0 auto; padding:15px 0 30px;}
.section.howto .howtoPremium{ float:left; width:626px; font-size:13px; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "メイリオ", Meiryo, serif;}
.section.howto .howtoPremium h3{ font-size:18px; font-weight:bold; padding-bottom:10px;}
.section.howto .howtoPremium p.subtext {
	font-size:14px;
	line-height:24px;
	text-align:left;
	padding-bottom:0;
	letter-spacing:-0.04em;
}
.section.howto .howtoButton{
	float:right;
	padding-top:15px;
}
.section.howto .contents .subtext {
	font-size:12px;
	text-align:center;
	color:#fff;
	padding-bottom:18px;
}
.section.howto .howtoPremium .subtext span{
	font-weight:bold;
}




/* 対局結果 */
.top .header.global .inner {overflow: visible;}
.header.global #results .list div {float: left; width: 94px; height: 94px; display: none;}
.header.global #results .list div img {display: none !important;}
.header.global #results .list div.win {display: block;}
.header.global #results #cho_results {position: absolute; top: 272px; left: 0;}
.header.global #results #deepzengo_results {position: absolute; top: 272px; right: 0;}
.header.global #results #cho_results div {margin-left: -23px;}
.header.global #results #deepzengo_results div {margin-right: -23px;}
.header.global #results #cho_1,
.header.global #results #deepzengo_1 {background: url(../img/win_1.png)}
.header.global #results #cho_2,
.header.global #results #deepzengo_2 {background: url(../img/win_2.png)}
.header.global #results #cho_3,
.header.global #results #deepzengo_3 {background: url(../img/win_3.png)}


/* 棋譜ページ */
body.top.kifu .wrapper.all {
  padding-top: 30px;
  background:url(../img/bg_kifu.png) no-repeat center 0;
  background-color:#000;
}
.top.kifu .header.global h1 {
  padding:10px 0 0;
  /*height: 288px;*/
  text-align:center;
  width: 960px;
  margin: 0 auto;
}
.top.kifu .main.global {
  margin: 0 auto;
  /*padding-top: 14px;*/
  width: 960px;
}
.top.kifu .section {
  /*margin-top: 40px;*/
  font-family: serif;
  padding:0 0px 0;
  background-image:none;
  background-position:center 40px;
  background-size:980px;
  background-repeat:no-repeat;
}

.top.kifu .section h2.title {
  background: url(../img/bg_kifu_hl.png);
	margin:0 auto;
	text-align:center;
	font-size:20px;
	color:#fff;
	padding:25px 0 15px;
	margin-bottom:22px;
	font-weight:bold;
}
.top.kifu .main.global .btn.top {
	text-align:center;
	margin:44px auto 0;
}
.top.kifu .main.global .kifu_wrap {
  padding: 10px;
  box-shadow: 0px 0px 15px 5px rgba(0, 210, 255, 0.41);
}

.top.kifu #navWrap {
  display: none;
}

/* 棋譜ボタン */
#navWrap {
  margin: 36px auto 0;
}
.kifu_btns {
  position: relative;
}

.kifu_btns .kifu1 {
  position: absolute;
  top: -26px;
  left: 127px;
}
.kifu_btns .kifu2 {
  position: absolute;
  top: -26px;
  left: 402px;
}
.kifu_btns .kifu3 {
  position: absolute;
  top: -26px;
  left: 660px;
}

.top.kifu .btn .btn_top {
  float: left;
  margin-left: 180px;
}
.top.kifu .btn .btn_download {
  float: right;
  margin-right: 180px;
}
.top.kifu .btn img {
  width: 290px;
  height: auto;
}




@media (max-width:640px){
img { width:100%; height:auto; }
.pc {display:none !important;}
.sp {display:block !important;}


#sns_sp {text-align: center; height: 28px; padding: /*50%*/ 0 0; margin: 0 0 0; }
#sns_sp li {display: inline-block; margin: 0 3px;}
#sns_sp li img {width: 90px !important;}
#sns_sp li.line img {width: 100px !important;}







body{
  font-size: 14px;
  background-size: 100% auto;
}



.header.global #navWrap {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  padding-top: 40px;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho", serif;
  margin: 0;
}

.header.global #navWrap .menu {
}

.header.global #navWrap li {
  float: none;
}

.header.global #navWrap a:hover {
  text-decoration: none;
}

.header.global #navWrap .sp_wrap_eiou {
  display: none;
  position: absolute;
  top: 58px;
  left: 0;
  width: 100%;
  z-index: 99999;
  padding-bottom: 6px;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
  background-color: #032e38;
  z-index: 1000;
}

.header.global #navWrap .menu .btn {
  background: url(../img/sp/btn_menu.png) 0 0 no-repeat;
  background-size: 34px auto;
  width: 34px;
  height: 32px;
  text-indent: -9999px;
  position: absolute;
  top: 14px;
  right: 5px;
  z-index: 1000;
}

.header.global #navWrap .menu .btn.close {
  background: url(../img/sp/btn_close.png) 0 0 no-repeat;
  background-size: 34px auto;
  width: 34px;
  height: 32px;
  text-indent: -9999px;
}

.header.global .mainnav {
  width: auto;
  height: auto;
  line-height: 19px;
  text-align: left;
  padding: 3px 0 0;
  border-top: none;
  background-color: #032e38;
}

.header.global .mainnav li {
  width: auto;
  float: none;
  background-image: none !important;
  text-indent: 0;
  line-height: 39px;
  margin: 0 10px;
  padding: 0 6px;
  border-top: 1px solid #355860;
  height: auto;
}

.mainnav .nav1 {
  background-color: #4d4d4d;
  margin: 0 5px 5px;
  border-radius: 3px;
  padding-left: 11px;
}

.header.global .mainnav li:first-child {
  border: none;
}

.header.global .mainnav li a {
  width: auto;
  float: none;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  display: block;
  text-decoration: none;
  height: auto;
  background: url(../img/sp/nav_sp_tri.png) left center no-repeat;
  background-size: auto 6px;
  padding-left: 14px;
}
.header.global .mainnav li.coming {
  width: auto;
  float: none;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  display: block;
  text-decoration: none;
  height: auto;
  background: url(../img/sp/nav_sp_tri.png) left center no-repeat !important;
  background-size: auto 6px !important;
  padding-left: 14px;
  margin-left: 16px;
  opacity: 0.5;
}
.header.global .mainnav li.coming:after {
  content: 'Coming Soon';
  width: auto;
  float: none;
  font-size: 9px;
  font-weight: bold;
  color: #fff;
  height: auto;
  opacity: 1;
  float: right;
}

.header.global .mainnav li.nav5 a:after,
.header.global .mainnav li.nav6 a:after {
  content: 'NEW';
  width: auto;
  float: none;
  font-size: 9px;
  font-weight: bold;
  color: #fff;
  height: auto;
  opacity: 1;
  float: none;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho", serif;
  margin-left: 10px;
  border-radius: 2px;
  background: -moz-linear-gradient( 90deg, rgb(201,1,1) 0%, rgb(181,2,2) 8%, rgb(255,3,3) 100%);
  background: -webkit-linear-gradient( 90deg, rgb(201,1,1) 0%, rgb(181,2,2) 8%, rgb(255,3,3) 100%);
  background: -ms-linear-gradient( 90deg, rgb(201,1,1) 0%, rgb(181,2,2) 8%, rgb(255,3,3) 100%);
  padding:2px;
  font-weight:normal;
}

.header.global .mainnav .nav1 {
  background-image: url(../img/bg_nav01.png);
  background-repeat: no-repeat;
  background-image: none;
}

.header.global .mainnav .nav5 {
  background-image: none;
}

.header.global .mainnav span {
  font-size: 12px;
  padding-right: 10px;
  font-weight: bold;
}

.header.global .subnav {
  width: auto;
  line-height: 36px;
  position: static;
  right: 0;
  top: 42px;
  background-color: #232323;
}

.header.global .subnav .nav1 {
  width: auto;
  padding-left: 20px;
  background-image: url(../img/sp/sp_arrow-01.png);
  background-repeat: no-repeat;
  background-position: 7px center;
  margin: 0 10px;
  line-height: 39px;
  background-size: auto 6px;
}

.header.global .subnav .nav2 {
  width: auto;
  padding-left: 20px;
  background-image: url(../img/sp/sp_arrow-01.png);
  background-repeat: no-repeat;
  background-position: 7px center;
  margin: 0 10px;
  border-top: 1px solid #727272;
  line-height: 39px;
  background-size: auto 6px;
}

.header.global .subnav .nav3 {
  width: auto;
  padding-left: 20px;
  background-image: url(../img/sp/sp_arrow-01.png);
  background-repeat: no-repeat;
  background-position: 7px center;
  margin: 0 10px;
  border-top: 1px solid #727272;
  line-height: 39px;
  background-size: auto 6px;
}

.header.global .subnav .nav3 .link {
  padding: 0 20px 0px 0px;
  background-image: url(../img/sp/sp_icon_link.png);
  background-repeat: no-repeat;
  background-position: 9px 2px;
  background-size: 11px 9px;
}

.header.global .subnav li a {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  display: block;
}

.header.global #navWrap .commonnav {
  width: auto;
  height: auto;
  line-height: 33px;
  text-align: left;
  margin: 0 4px;
  border: 1px solid #032e38;
  border-width: 0 1px 1px;
  background-color: #01171c;
}

.header.global #navWrap .commonnav li {
  width: auto;
  padding-left: 12px;
  border-top: 1px solid #032e38;
  text-indent: 0;
  height: auto;
}

.header.global #navWrap .commonnav .nav1 {
  border-top: none;
}

.header.global #navWrap .commonnav li a {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  display: block;
  height: auto;
  line-height: 35px;
  text-decoration: none;
}


.title {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho", serif;
}
.title.lv1 { width: auto; margin: 0 auto; text-align: center;}
.title.lv1 img {height: 52px; width: auto; display: inline-block;}
/*.qualifier .title.lv1 { width: 37%;}
.main.qualifier .title.lv1 { width: 15.5%;}
.final.qualifier .title.lv1 { width: 47%;}
.watch .title.lv1 { width: 24%;}*/
.title.lv2 { margin-bottom: 10px; }

body.outline .title.lv2.detail {
	line-height:25px;
	background-size:5px 85%;
}

.title.lv3 { line-height: 20px; padding: 6px; }
body.qualifier .title.lv3 {
	font-size:18px;
	text-align:center;
	font-weight:bold;
	background-image:none;
	padding:0;
	line-height:27px;
}
.wrapper.all { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZDQ5YyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjFlZWUzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZkNDljIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e6d49c), color-stop(50%, #f1eee3), color-stop(100%, #e6d49c)); background-image: -moz-linear-gradient(left, #e6d49c, #f1eee3, #e6d49c); background-image: -webkit-linear-gradient(left, #e6d49c, #f1eee3, #e6d49c); background-image: linear-gradient(to right, #e6d49c, #f1eee3, #e6d49c); padding-top: 0px; min-width: 320px;}
.header.global { width: auto; z-index: 1000;}
.header.global h1 { margin: 0 auto; padding: 8px 0 0; width: 105px; }
.header.global .inner { padding-top: 40px; }
.main.global { margin: 0 auto; padding: 0 10px 0; width: auto; }
.banner.general { margin: 40px 10px; width: auto; }

.pagetop { margin: 40px auto 0; width: auto; text-align: right; position: relative; }
.pagetop img { -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); width:39px; position: absolute; right: 10px; top:-20px; }
.footer.global { margin: 80px 10px 10px; padding: 0px; width: auto; font-size: 13px; }
.footer.global a { color: #fff; text-decoration: none; }
.footer.global .nav { margin-top: 10px; float: none; width: auto; }
.footer.global .copyright { margin-top: 10px; float:none;}
.footer.global .banners { float: none; width: auto; margin: 10px 0;}
.footer.global .banner { padding: 5px 2% 0 0; float: left; width: 49%; }
.footer.global .banner:nth-child(2n) {padding-right: 0;}

.top .header.global .inner { overflow: visible; position: relative; padding-top: 0;}

.top .wrapper.all {min-width: 320px;}
.top .header.global { /*background: #f9f2e3 url(../img/bg_top_sp.jpg) no-repeat center top;*/ background-size: 640px auto; }
.top .header.global h1 { padding: 0; width: auto; height: auto; margin: 0; padding: 0 0 10px;}
/*.top .header.global h1 img { display: none;}*/
.top .header.global .sub_hl { display:none;}
.top .header.global h1 .embed {
  float: none;
  margin: 0 auto 10px;
  width: 94%;
  height: auto;
  background: none;
}
.top .header.global h1 .embed embed {
  width: 100%;
  height: 190px;
  box-sizing: border-box;
}
.top .header.global video {display: none;}
.top .main.global { margin: 0 auto; padding: 15px 0px 25px; width: auto; }
.top .section { margin: 20px 10px 0; font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho", serif; }

/* 0928 */
.top .main.global {padding:0;}
.wrapper.all#top {
 padding-top: 0px;
 min-width: 320px;
  background:url(../img/bg_2nd_sp.png) no-repeat;
  background-size: 100% auto;
}
body.top .wrapper.all#top {
  /*background:url(../img/h_top_sp.png) no-repeat;*/
  background:none;
  background-size: 100% auto;
 padding-top: 0px;
 min-width: 320px;
}

.top .section.live { margin: 0 5px; width: auto; z-index: 100; position: relative;}
.top .section.live .cf { padding: 30px 0 10px 0px; }
.top .section.live .embed { -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); margin: 0 auto 10px; float: none; width: 282px; }
.top .section.live .embed iframe { width: 282px !important; }
.top .section.live .btn_archives {clear: both; text-align: center; padding-top: 5px; width: 50%; margin:0 auto; }
.top .section.live .btn_archives a img {  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);}
.top .section.outline .embed { float: none; width: 94%; margin: 0 auto; overflow: hidden;}
.top .section.outline .embed embed {width: 100%; height: 190px; box-sizing: border-box;}
.top .section.outline .caption { margin-top: 10px; font-weight: bold; font-size: 12px; }




.banners {
  width: auto;
  margin:0px auto 0;
}

.banners .banner {
  padding-left: 10px;
  padding-right:10px;
  float: none;
  margin-top:10px;
}

.bannerArea.sp img {
  width: 320px;
  height: 50px;
}






.section {
  margin-top: 40px;
  font-family: serif;
  padding:2.5% 0 0;
  background-image:url(../img/section_bg_01.png);
  background-position:top center;
  background-size:200% auto;
  background-repeat:no-repeat;
}

.section h2 {
	margin:0 auto;
	text-align:center;
}

.section h2 img {
	width:50%;
}



/*---------開催概要---------*/
.section.outline .contents {
	padding:0 8px;
}

.section.outline .textbox {
	width:auto;
	float:none;
}
.section.outline .textbox h3 {
  font-size: 18px;
  line-height: 21px;
  color:#00deff;
  font-weight:bold;
  padding:28px 0 14px;
}
.section.outline .textbox p.note {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	line-height:19px;
}
.section.outline .textbox table {
	font-size:14px;
	line-height:20px;
	color:#fff;
	margin-top:20px;
}
.section.outline .textbox p.subtext {
	font-size:14px;
	line-height:20px;
	color:#fff;
}
.section.outline .embed {
  float: right;
  /*width: 306px;*/
  margin-top:40px;
  border:1px solid #004750;
}
.section.outline .btn_rule {
	margin:20px auto 0;
	text-align:center;
}
.section.outline .btn_rule img {
	width:70%;
}
.section.outline .moviebox {
	width:auto;
	float:none;
  margin-top: 20px;
}



/*---------出場者/出場ソフト---------*/
.section.profile {
  background-image:url(../img/section_bg_01.png);
  background-position:top center;
  background-size:200% auto;
  background-repeat:no-repeat;
}
.section.profile .contents {
	padding:18px 8px;
}
.section.profile .contents {
	padding-top:15px;
}
.section.profile .contents p.description {
	font-size:14px;
	color:#fff;
	line-height:20px;
}
.section.profile .contents .left {
	width:auto;
	padding-right:0;
	float:none;
}
.section.profile .contents .left .image {
	text-align:center;
}
.section.profile .contents .left p.description {
	margin-top:-10px;
}
.section.profile .contents .right {
	width:auto;
	float:none;
}
.section.profile .contents .right .image {
	text-align:center;
	padding:40px 0 10px;
}



/*---------動画/生放送---------*/
.section.live .contents {
	padding:18px 15px;
}
.section.live.active {
  margin-top: 30px;
}
.section.live .cf {
  padding: 35px 18px 10px;
}
.section.live .embed {
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  margin-right: 6px;
  margin-bottom: 10px;
  float: left;
  width: auto;
}
.section.live .embed:nth-child(3n) {
	margin-right:auto;
	margin-left:auto;
}
.section.live .btn_archives {clear: both; text-align: center; padding-top: 0px;}
.section.live .btn_archives a img {  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);}




/*---------視聴方法---------*/
.section.howto {
  background-image:url(../img/section_bg_01.png);
  background-position:top center;
  background-size:200% auto;
  background-repeat:no-repeat;
}
.section.howto .contents {
	padding:18px 13px;
}
.section.howto #howtoBlock{ width:auto; padding-top:16px; padding-bottom:0; margin:0 0; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "メイリオ", Meiryo, serif;}
.section.howto .step{ width:242px; height:216px; float:none; background:#000; color:#FFF; min-height:216px; padding:0 15px 0; border:1px solid #008190; margin:0 auto 15px;}
.section.howto .step h3{ text-align:center; padding:8px 0 7px; border-bottom:1px solid #008190; margin:0 -15px;}
.section.howto .step.n01{font-size:18px;}
.section.howto .step.n02{font-size:18px; width:250px; padding:0 11px;}
.section.howto .step.n03{font-size:18px; width:248px; padding:0 12px;}
.section.howto .step span{ font-size:36px;}
.section.howto .step p{ padding:10px 0 12px; font-size:12px;}
.section.howto .step .button ,.step .image{text-align:center;}
.section.howto .stepTri{ text-align:center; float:left; padding-top:100px; width:44px; display:none;}
.section.howto #howtoBlock2{ width:auto; margin:0 auto; padding:10px 0 15px;}
.section.howto .howtoPremium{ float:left; width:auto; font-size:13px; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "メイリオ", Meiryo, serif;}
.section.howto .howtoPremium h3{ font-size:18px; font-weight:bold; padding-bottom:10px;}
.section.howto .howtoPremium h3 img{ width:100%;}
.section.howto .howtoPremium p.subtext {
	font-size:14px;
	line-height:20px;
	text-align:left;
	padding-bottom:0;
	letter-spacing:-0.0em;
}
.section.howto .howtoButton{
	float:none;
	padding-top:15px;
	text-align:center;
}
.section.howto .howtoButton img {
	width:80%;
	margin:15px auto 0;
}
.section.howto .contents .subtext {
	font-size:12px;
	text-align:left;
	color:#fff;
	padding-bottom:0;
	line-height:20px;
}
.section.howto .howtoPremium .subtext span{
	font-weight:bold;
}



/* 対局結果 SP */
.header.global #results .list {width: 16%;}
.header.global #results .list div {float: none; width: 100%; height: 4.6%; display: none;}
.header.global #results .list div.win img {display: block !important;}
.header.global #results .list div.win {display: inline-block;}
.header.global #results #cho_results {position: absolute; top: 24%; left: 2px; z-index: 100;}
.header.global #results #deepzengo_results {position: absolute; top: 24%; right: 2px; z-index: 100;}
.header.global #results #cho_results div {margin-left: 0; margin-top: 3px;}
.header.global #results #deepzengo_results div {margin-right: 0; margin-top: 3px;}
.header.global #results #cho_1,
.header.global #results #deepzengo_1 {background: none;}
.header.global #results #cho_2,
.header.global #results #deepzengo_2 {background: none}
.header.global #results #cho_3,
.header.global #results #deepzengo_3 {background: none;}


/* 棋譜ページ */
body.top.kifu .wrapper.all {
  padding-top: 30px;
  background:url(../img/bg_kifu.png) no-repeat center 0 !important;
  background-size: 165% auto !important;
  background-color:#000;
}
.top.kifu .header.global h1 {
  padding:10px 0 0;
  /*height: 288px;*/
  text-align:center;
  width: auto;
  margin: 0 auto;
}
.top.kifu .header.global h1 img {
  width:40%;
}
.top.kifu .main.global {
  margin: 0 auto;
  /*padding-top: 14px;*/
  width: auto;
}
.top.kifu .section {
  /*margin-top: 40px;*/
  font-family: serif;
  padding:0 0px 0;
  background-image:none;
  background-position:center 40px;
  background-size:auto;
  background-repeat:no-repeat;
  margin-top:0;
}

.top.kifu .section h2.title {
	margin:0 auto 20px;
	text-align:center;
	font-size:16px;
	color:#fff;
	padding:17px 0 11px;
	font-weight:bold;
	line-height:18px;
}
.top.kifu .main.global .btn.top {
	text-align:center;
	margin:20px auto 0;
}
.top.kifu .main.global .btn.top img {
	width:60%;
}

.top.kifu #navWrap {
  display: block;
}

/* 棋譜ボタン */
#navWrap {
  margin: 36px auto 0;
}
.kifu_btns {
  margin: -12px 0 25px;
  position: static;
}

.kifu_btns .kifu1 {
  position: static;
  top: -13px;
  left: 165px;
  float: left;
  width: 33%;
  text-align: center;
}
.kifu_btns .kifu2 {
  position: static;
  top: -13px;
  left: 440px;
  float: left;
  width: 33%;
  text-align: center;
}
.kifu_btns .kifu3 {
  position: static;
  top: -13px;
  left: 697px;
  float: left;
  width: 33%;
  text-align: center;
}

.top.kifu .btn .btn_top {
  float: none;
  margin: 0 0 0;
}
.top.kifu .btn .btn_download {
  float: none;
  margin: 0 0 15px;
}


}