@charset "utf-8";

/*common*/
.pc_display{display:block;}
.sp_display{display:none;}

/*header*/
#header{margin:0; padding:0;}
#topLink {width:100%; line-height: 30px; text-align: right; background: url(../images/jpc/common/bg_topLink.gif) repeat-x; color: #FFF;}
#topLink .w960 {max-width:960px; margin: 0px auto;}
#topLink a:link, #topLink a:visited {color: #FFF; text-decoration: none;}
#topLink a:hover, #topLink a:active {color: #FFF; text-decoration: underline;}
#topImage {height: 380px; background: url(../images/jpc/common/bg_topImage.gif) repeat-x center; margin: 0 0 20px;}
#topImage .image_area {max-width:960px; margin:0 auto; padding:0; text-align:center;}

/*container*/
#container {margin: 0 auto; width: 720px;}
.l-main{}
.l-main:after { content: "."; display: block; clear: both; height: 0; font-size: 0.1em; line-height: 0; visibility: hidden; overflow: hidden; }
#article { width: 100%; max-width: 1130px; margin: 0 auto;}

/*Archive*/
#archive{}
#archive h2{font-size: 40px; line-height: 1.6; margin-bottom: 35px; padding: 5px 0; text-align: center; font-weight: 700; border-bottom: 5px #fa363a solid;}
#archive .tournament_hold{width: 98%; margin: 30px auto;}
#archive .tournament_hold a{background: #fa363a; box-sizing: border-box; display: block; line-height: 20px; text-align: center; padding: 0; border-radius: 5px; border: 3px solid #eee;}
#archive .tournament_hold a:hover{background: #ff4502; color: #fff;}
#archive .tournament_hold p{font-size: 16px; font-weight: 700; color: #fff; padding: 10px 50px;}
#archive .tournament_hold a:hover img{opacity: 0.5;}
#archive .tournament_hold img {transition-property: opacity; transition: 0.5s; background: #fff; border-radius: 5px 5px 0 0;}
#archive .tournament_list{width: 100%; margin: 30px 0 0;}
#archive .tournament_list ul{display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%;}
#archive .tournament_list li{display: block; width: 31.25%; margin: 1%;}
#archive .tournament_list li:last-child{margin: 0 1% 0;}
#archive .tournament_list a{background: #fa363a; box-sizing: border-box; display: block; line-height: 20px; text-align: center; padding: 0; border-radius: 5px; border: 3px solid #eee;}
#archive .tournament_list a:hover{background: #ff4502; color: #fff;}
#archive .tournament_list p{font-size: 16px; font-weight: 700; color: #fff; padding: 10px 50px;}
#archive .tournament_list a:hover img{opacity: 0.5;}
#archive .tournament_list img {transition-property: opacity; transition: 0.5s; background: #fff; border-radius: 5px 5px 0 0;}

/*left content*/
#mainArea {width: 100%; margin: 0;}
#mainArea a{color: #fa363a;}
#mainArea a:hover{text-decoration: underline;}
#mainArea .eventBanner{width: 100%;}
#mainArea .eventBanner img{width: 100%;}
#menu {margin:0; padding:0 0 20px;}
#menu ul li{float: left;}
#menu ul li img {vertical-align: top;}

#about {margin: 0px 0px 30px; color: #333; padding:0;}
#about .catch {text-align: center; margin: 0px 0px 10px;}
#about .catch img {width:100%;}
#about .catch_image {text-align: center; margin: 0px 0px 25px;}
#about .catch_image img {width:100%;}
#about .text1 {width:100%; text-align: center; margin: 0px 0px 30px;}
#about .text1 img {width:60%; height:auto;}
#about #sec1 p {margin: 0 0 10px 0; line-height: 1.4em; font-size: 16px;}

#sec1{width:100%;}
#sec1 .sec1_image{float:left; width: 45%; margin: 0 2% 0 0;}
#sec1 .sec1_ttl{padding: 0 10px; margin: 0 0 10px 0;}
#sec1 .sec1_text{float: right; width: 53%;}
#sec1 .more {text-align: right;}

/*responsive smart phone ==============================================================================*/
/* 767pxより小さい場合 */
@media (max-width: 1024px) {
#sec1 .sec1_image{float:none; width: 100%; margin:0;}
#sec1 .sec1_text{float:none; width: 100%;}
#sec1 .more {text-align: right; margin: 15px 0 0 !important;}
}

#psf {border: 3px solid #f24f00; color: #333; margin: 0 0 30px; background: url(../images/jpc/common/about_05_bg_psf.gif) no-repeat center top; padding: 50px 230px 20px 15px; position: relative; -webkit-border-radius: 10px; border-radius: 10px; line-height: 1.4em;}
#psf img {position: absolute; right:15px; top:6px; width:200px; height:auto;}
#psf .more {text-align:right; margin:22px 0 0 0;}
#psf ul li {list-style:disc; font-size:10px;}
#psf li {margin:0 0 0 15px; line-height: 1.7em;}

#psf_bnr {height: 120px; margin: 0px 0px 20px; line-height: 120px; background: #E4E4E4; text-align: center; border: 1px solid #999; color: #666;}

#outline {width:100%; margin: 0; padding:0;}
#outline h3 {height:100px; background: url(../images/jpc/common/h3_outline.gif); text-indent: -9999px; clear: both; margin: 0px 0px 10px;}
#outline p{margin-bottom: 10px;}
#outline span{font-size: 12px;}

#outline .outline_detail{margin:0; padding:0;}
#outline .outline_detail dl{background:#bfe6ff; border-bottom:1px dotted #ffffff;}
#outline .outline_detail dt,dd{padding:20px;}
#outline .outline_detail dt{width:100px; float:left; clear:left;text-align:center;}
#outline .outline_detail dd{margin-left:140px; background:#ffffff; line-height: 1.4em;}
#outline .outline_detail .list_point li {list-style:disc; margin:0 0 0 25px;}
#outline .outline_detail .list_point li:last-child {margin:0 0 20px 25px;}
#outline .outline_detail .list_point li.none {margin:0 0 0 25px;}
#outline .outline_detail .bgblack {color: #FFF; background: #333; line-height: 1em; padding: 8px; font-weight: bold; margin: 0 0 15px; -webkit-border-radius: 5px; border-radius: 5px;}
#outline table {width:100%; margin:0 0 10px 0;}
#outline table th {vertical-align: top; padding: 10px; background: #bfe6ff; border-bottom: 1px solid #FFF;}
#outline table td {border-bottom: 1px dotted #CCC; border-top-color: #CCC; border-right-color: #CCC; border-left-color: #CCC; padding:10px;}
#outline table.intable th {width: 34px; text-align: center; line-height: 1em; background: #e4e4e4; border-right: 1px solid #FFF; vertical-align: middle;}
#outline table.intable th.intable_ttl_01{width:40px;}
#outline table.intable th.intable_ttl_02{width:110px;}
#outline table.intable th.intable_ttl_03{width:100px;}
#outline table.intable td {border-bottom: 1px solid #E4E4E4; line-height: 1em; text-align: center; font-size: 16px; padding: 10px; border-left: 1px solid #E4E4E4;}
#outline table.intable td.intable_td_01{width:150px;}
#outline table.intable td.intable_td_02{width:100px;}
table.intable {border: 1px solid #E4E4E4;}
#outline .outline_detail .marginbottom15 {margin-bottom: 15px;}
#outline .outline_detail .marginbottom30 {margin-bottom: 30px;}


#team{margin:0; padding:0;}
#team h3 {height: 100px; background: url(../images/jpc/common/h3_team.gif); text-indent: -9999px; clear: both; margin: 0px 0px 30px;}
#team h4 {background: #006699; font-size: 18px; line-height: 40px; padding:0 10px; color: #FFFFFF; -webkit-border-radius: 0; border-radius: 0; font-weight: bold; margin:0 0 10px 0;}
#team #shortcut {text-align: center; margin: 0px 0px 30px; font-size: 15px; line-height: 1.8em;}
#team #shortcut a{color: #1083ad;}
#team #shortcut a:hover{color: #1083ad; text-decoration: underline;}
#team #shortcut ul{}
#team #shortcut li{float:left; list-style:url(../images/jpc/common/list_icon.png); width:10%; text-align:left; margin:0 0 0 25px;}
#team table.profile {width:100%; height: 150px; margin:10px 0 15px 0;}
#team table.profile th {width: 120px; color: #003366; padding: 15px; border-bottom: 1px solid #FFF; background: #BFE6FF;}
#team table.profile td {border-bottom: 1px dotted #999; padding: 15px;}
#team table.stats td {width: 100px; text-align: center; border-bottom: 1px dotted #CCC; border-right: 1px solid #CCC; padding: 10px;}
#team table.stats th {text-align: center; background: #CCC; border-bottom: 1px dotted #FFF; padding: 10px;}
#team table.stats {height: 100px; clear: both; border: 1px solid #CCC; margin: 0px 0px 10px;}
#team .sec1 {margin: 0px 0px 50px;}
#team .sec1 .team_image{float:left; margin:0 20px 5px 0; line-height:1.3;}
#team .sec1 .comment_set{float:left; position:relative;}
#team .sec1 .image_tips{font-size: 12px; line-height:1; color:#707070;}
#team .comment {width:395px; max-height:85px; margin: 0px 0px 10px; padding: 30px 20px; border: 3px solid #bfe6ff; -webkit-border-radius: 10px; border-radius: 10px; position:absolute; top:0px; left:0px; font-size:22px; font-weight:bold; color:#006699; line-height:1;}
#team .fukidashi {height: 18px; width: 33px; background: url(../images/jpc/common/sp_hukidashi.png) no-repeat; position: absolute; left: -33px; top: 18px;}
#team .sec1 .team_detail{}


#result {text-align: center;}
#result h3 {height: 100px; background: url(../images/jpc/common/h3_result.gif); text-indent: -9999px; clear: both; margin: 0px 0px 30px;}
#result h3.final {height: 100px; background: url(../images/jpc/common/h3_final.gif); text-indent: -9999px; clear: both; margin: 0px 0px 30px;}
#result h3.semifinal_1 {height: 100px; background: url(../images/jpc/common/h3_semifinal_1.gif); text-indent: -9999px; clear: both; margin: 0px 0px 30px;}
#result h3.semifinal_2 {height: 100px; background: url(../images/jpc/common/h3_semifinal_2.gif); text-indent: -9999px; clear: both; margin: 0px 0px 30px;}
#result h4 {background: #006699; font-size: 18px; line-height: 50px; padding: 0 10px 0 15px; color: #FFFFFF; -webkit-border-radius: 0; border-radius: 10px 10px 0px 0px; font-weight: bold; margin:0 0 20px; text-align: left;}
#result .btn_result {margin:0 0 30px 0;}
#result .btn_result a {width:65%; display:block; padding:15px; font-size:1.2em; font-weight:bold; border:#00659b 2px solid; margin:0 auto; text-align:center;
	-moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em;
	background: rgb(235,241,246); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
	color:#00659b;}
#result .btn_result a:hover {text-decoration:none;}
#result .result_soon{color: #888; width:85%; display:block; padding:10px; font-size:1.2em; font-weight:bold; border:#888 2px solid; margin: 0 auto 30px; text-align:center; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em;
background: rgb(226,226,226);
background: -moz-linear-gradient(top,  rgb(226,226,226) 0%, rgb(219,219,219) 50%, rgb(209,209,209) 51%, rgb(254,254,254) 100%);
background: -webkit-linear-gradient(top,  rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%);
background: linear-gradient(to bottom,  rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
}
#result .txt_result{font-size:20px; color:#FF0000; margin:0 0 30px 0; font-weight:bold;}

#result .movieArea{width: 95%; background: url(../images/jpc/common/bg_movie.gif) repeat; padding: 2.5%; margin: 0 0 30px; border-radius: 0 0 10px 10px;} 
#result h3 {height:75px; background: url("../images/jpc/common/h3_final_movie.gif") no-repeat; text-indent: -9999px; clear: both; margin: 0 0 3px;}
#result .movieArea .movie-wrap{position: relative; padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/ height: 0; overflow: hidden;}
#result .movieArea .movie-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#result .youtube-menu { width:640px; display:block; margin:0 auto; background:#1f1f1f; clear:both; border-top:double #444444 4px;}
#result .youtube-menu a:link,
#result .youtube-menu a:visited { color:#FFFFFF; text-decoration:none; display:block; padding:5px; text-align:center; border:1px solid #1f1f1f; margin:5px; color:#1f1f1f}
#result .youtube-menu a:hover { text-decoration:none; border:1px solid #F30;}
#result .youtube-menu a h3 { color:#FFFFFF; font-weight:bold; margin:0 0 10px 0;}
#result .youtube-menu a p { color:#999; font-size:12px; line-height:130%;}
#result .youtube-menu table{ width:100%;}
#result .movie-thum { height:120px; overflow:hidden; position:relative; border:1px solid #666; margin:5px;} 
#result .movie-thum img { position:absolute; top:-10px; left:-5px;}
#result .text {text-align: left; margin: 0px auto 20px; width: 540px;}

#result .winner_01{margin:0 0 30px 0; position:relative;}
#result .winner_01 img{width:100%;}
#result .winner_02{margin:0 0 20px 0;}
#result .winner_02 img{width:50%;}
#result .winner_03a{width:48%; margin:0 20px 20px 0; float:left;}
#result .winner_03a img{width:100%;}
#result .winner_03b{width:48%; margin:0 0 20px 0; float:left;}
#result .winner_03b img{width:100%;}
#result .winner_icon{position:absolute; width:138px; height:auto; top:-70px; left:560px;}
#result .winner_icon_2016{position:absolute; width:138px; height:auto; top:-70px; left:0;}
#result .result_txt{width:100%; margin:0 auto 30px auto; text-align: left;}
#result .result_txt p{line-height: 1.6em; margin: 0 0 10px;}
#result #tournament{margin:0 0 20px 0;}
#result #tournament .tournament_mark{margin:10px 0; text-align: right; font-size: 12px;}
#result #tournament .tournament_mark span{background: #fbdbdb;}
#result #tournament .tournament_list_1{width:50%; float:left;}
#result #tournament .tournament_list_1 table{width:100% !important; height:280px;}
#result #tournament .tournament_list_1 th{height:30px; vertical-align: middle;}
#result #tournament .tournament_list_2{width:50%; float:left;}
#result #tournament .tournament_list_2 table{width:100% !important; height:280px; border-left:none;}
#result #tournament .tournament_list_2 th{height:30px;}
#result #tournament .tournament_list_2 .pc_none{display:none;}
#result #tournament .region { color:#006699;}
#result #tournament p{font-size:14px; font-weight:bold; margin:0 0 5px 0;}
#result .tournament_image{width:100%; margin:0 0 30px 0;}
#result .tournament_image img{width:100%;}
#result #tournament table {text-align: center; line-height: 1.4em; border: 1px solid #CCC; margin:0;}
#result #tournament table td {border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding:5px; vertical-align: middle;}
#result #tournament table th {line-height: 1.2em; text-align: center; font-size: 12px; background: #555555; padding: 3px 0px; border-right: 1px solid #FFF; border-bottom: 1px solid #CCC; color: #FFF;}
#result #tournament p {text-align: left;}
#tournament .none {background: #E3E3E3;}
#result #gallary {width:100%; margin:0;}
#result #gallary ul{margin:0;}
#result #gallary li{width:25%; float:left; margin:0 0 5px 0;}
#result #gallary img {width:95%;}

#result .attention{background: none repeat scroll 0 0 #f5f5f5; border: 1px solid #ccc; margin:0 0 20px 0; padding: 10px; text-align:left;}
#result .attention span{color:#FF0000;}

#top_result {position: relative; margin:0 0 10px 0;}
#top_result img {width:100%;}
#top_result #adalabel {position: absolute; top: 40px; right: 64px;}



/*right content
#subArea {width: 260px; float: right;}
.sns{text-align:center; margin:0 0 15px 0; line-height:0.6;}
.sns .side-sns {border: 1px solid #cccccc; border-radius: 4px; margin-top: 10px; padding: 0 0 10px;}
.sns .side-sns ul {text-align: left;}
.sns .side-sns h3 {border-bottom: 1px solid #cccccc; color: #666666; font-size: 12px; font-weight: bold; margin: 0 0 10px; padding: 5px; text-align: center;}
.sns .side-sns li.logo {border-right: 1px solid #cccccc; width: 100px;}
.sns .side-sns li {display: inline-block; margin-right: 10px; text-align: center; width: 54px;}
.sns .side-sns img {border-radius: 6px; width: 54px;}

#bnr {margin: 0px 0px 15px;}
#archive {margin: 0px 0px 20px;}
#archive h3 {height: 44px; background: url(../images/jpc/common/h3_archive.gif); text-indent: -9999px;}
#mobile h3 {height: 44px; background: url(../images/jpc/common/h3_mobile.gif); text-indent: -9999px; margin: 0px 0px 20px;}
#archive ul li {line-height: 38px; background: #F3F3F3 url(../images/jpc/common/arrow01.gif) no-repeat 15px center; border-bottom: 1px dotted #CCC; text-indent: 30px;}
#archive ul li a:link, #archive ul li a:visited {display: block; text-decoration: none;}
#archive ul li a:hover, #archive ul li a:active {background: #CCC url(../images/jpc/common/arrow01.gif) no-repeat 15px center; color: #333;}

#mobile {margin: 0px 0px 20px; background: #F3F3F3; text-align: center; padding: 0px 0px 20px;}
#mobile p {line-height: 1em; padding: 5px 0px 0px; color: #333;}

#twitter {margin: 0px 0px 5px;}
.vss_logo{text-align:center;}
.zero_logo{text-align:center;}
.d-1x_logo{text-align:center;}
*/

/*footer*/
#footer {background: #e8e8e8; height: 100px; text-align: center; vertical-align: middle; line-height: 100px; color: #003366;}
#copy {margin: auto 0px; height: 30px;}
/*#gototop {position: fixed; bottom: 20px; z-index:1500; margin-left:275px;}*/
#gototop {background:none repeat scroll 0 0 #00428e; border-radius:10%;
bottom:80px; color:#fff; display:block; font-size:30px; height:60px; line-height:60px; padding:0; position:fixed; right:10px; text-align: center; text-decoration:none; transition:all 0.5s ease 0s; width:60px; z-index:100;}
#gototop a {color:#ffffff; text-decoration:none;}
#gototop:hover {background: none repeat scroll 0 0 #4287d7;}
#gototop:hover .fa {transition: all 0.5s ease 0s;}
#gototop:hover .fa {transform: rotateY(360deg);}
#gototop .fa {display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1;}
#gototop .fa-arrow-up:before{content: "";}

.center {text-align: center;}
.white {font-size: 70%; color: #FFF;}
.orange {color: #FF6600;}
.justify {text-align: justify; text-justify: inter-ideograph;}
.font11 {font-size: 11px;}
.gototop2 {line-height: 1em; font-size: 13px; text-indent: 15px; text-align: right;}



@media screen and (max-width: 1024px) {
/*common*/
.pc_display{display:none;}
.sp_display{display:block;}

/*header*/
#header{width:100%; margin:0; padding:0;}
#topLink {display:none;}
#topImage {height:auto; background:none; margin:0;}
#topImage2 {height:auto; background:none; margin:0;}
#topImage .image_area {width:100%; max-width:100%; margin:0; padding:0; text-align:center; line-height:0;}
#topImage .image_area img {width:100%; margin:0;}

/*container*/
#container {margin:0; width: 100%;}
#article {margin: 0 auto; width: 100%;}

/*right content*/
#subArea { width:100%; float:none;}
.sns {text-align:center; margin:0 0 10px 0; line-height:0.6;}
.sns .side-sns {border: 1px solid #cccccc; border-radius: 4px; margin:0 auto 10px; width:95%; padding: 0 0 10px; max-width:255px;}

#bnr {margin:0 0 5px 0;}
#bnr img{width:100%;}
#link {margin:0 0 15px 0;}
#link h3 {color: #FFF; font-size:16px;
	background: #007aad; /* Old browsers */
	background: -moz-linear-gradient(top, #007aad 0%, #005286 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007aad), color-stop(100%,#005286)); /* Chrome,Safari4+ */
	line-height: 1em;
	padding: 10px 10px;
	margin:0;
	border-bottom: 1px solid #999;	
	height:auto; text-indent: 0px;}
#link ul li {line-height: 38px; background:none; border-bottom: 1px dotted #CCC; text-indent: 0px;}
#link ul li a:link, #archive ul li a:visited {display: block;
	padding: 0px 10px;
	background: url(../images/jpc/common/arrow1.png) no-repeat right center;
	-webkit-background-size: 24px 16px;
	-moz-background-size: 24px 16px;
	background-size: 24px 16px;
	text-decoration: none;}
#link ul li a:hover, #archive ul li a:active {background: url(../images/jpc/common/arrow1.png) no-repeat right center; background-size: 24px 16px; color: #FF6600;}

#mobile h3 {height: 44px; background: url(../images/jpc/common/h3_mobile.gif); text-indent: -9999px; margin: 0px 0px 20px;}
#mobile {margin: 0px 0px 20px; background: #F3F3F3; text-align: center; padding: 0px 0px 20px;}
#mobile p {line-height: 1em; padding: 5px 0px 0px; color: #333;}

#twitter {margin: 0px 0px 5px;}
.logo_set{width:95%; margin:0 auto;}
.vss_logo{width:60%; float:none; text-align:center; margin:0 auto;}
.vss_logo img{width:100%;}
.d-1x_logo{width:50%; float:left; text-align:center; margin:3px 0 0 -20px;}
.d-1x_logo img{width:90%;}

/*left content*/
#mainArea {width: 95%; float: none; background: #fff; margin: 0 auto;}
#menu {width: 105%; padding: 0; margin: 0 -2.5% 20px;}
#menu ul{width:100%;}
#menu ul li{float:left; width:50%;}
#menu ul li img {width:100%; height:auto;}

/*Archive*/
#archive{}
#archive h2{font-size: 18px !important; width: 90%; margin: 10px auto 0;}
#archive .tournament_list{width: 100%; margin: 30px 0 0;}
#archive .tournament_list li{width: 90%; float: none; margin: 0 auto 5%;}
#archive .tournament_list li:last-child{margin: 0 auto;}

#about {margin: 0px 0px 25px; color: #333; padding:0;}
#about .catch {text-align: center; margin: 0px 0px 5px;}
#about .catch img {width:95%;}
#about .catch_image {text-align: center; margin: 0px 0px 15px;}
#about .catch_image img {width:95%;}
#about .text1 {width:100%; text-align: center; margin: 0px 0px 20px;}
#about .text1 img {width:90%; height:auto;}

#sec1{width:100%;}
#sec1 .sec1_image{width:100%; text-align:center; float:none; margin:0; padding:5px 0 15px;}
#sec1 .sec1_image img{width:80%;}
#sec1 .sec1_ttl{color: #FFF; font-size:16px;
	background: #007aad; /* Old browsers */
	background: -moz-linear-gradient(top, #007aad 0%, #005286 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007aad), color-stop(100%,#005286)); /* Chrome,Safari4+ */
	line-height: 1em;
	padding: 10px 10px;
	margin:0 0 10px 0;
	border-bottom: 1px solid #999;}
#sec1 .sec1_text{padding:0 0 15px 0;}
#sec1 .more a {width:85%; display:block; padding:10px; font-size:1em; font-weight:bold; border:#00659b 2px solid; margin:0 auto; text-align:center;
	-moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em;
	background: rgb(235,241,246); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
	color:#00659b;}
#sec1 .more a:hover {text-decoration:none;}

#psf {width: 92%; margin: 0 auto 20px; border: 2px solid #f24f00; color: #333; background: none; padding: 4%; position: relative; -webkit-border-radius: 10px; border-radius: 10px;}
#psf p{padding:0 10px 5px 10px;}
#psf .psf_ttl{width: 109%; border-radius: 5px 5px 0 0; background: #f24f00; background: -moz-linear-gradient(top, #f24f00 0%, #f24f00 100%); padding: 8px 0; margin: -4.5% -4.5% 0;}
#psf .psf_ttl p{width:95%; color: #FFF; font-size:15px; font-weight:bold; margin:0 auto; line-height: 1.2em;}
#psf img {width: 100%; height: auto; position: static; padding: 5% 0;}
#psf .more {text-align:left; margin:0 0 10px 0; padding:0 10px;}
#psf ul li {list-style:disc; font-size:10px;}
#psf li {margin:0 0 0 15px; line-height: 1.7em;}

#outline {width:100%; margin:0 0 15px 0; padding:0;}
#outline h3 {color: #FFF; font-size:16px;
	background: #007aad; /* Old browsers */
	background: -moz-linear-gradient(top, #007aad 0%, #005286 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007aad), color-stop(100%,#005286)); /* Chrome,Safari4+ */
	line-height: 1em;
	padding: 10px 10px;
	margin:0 0 10px 0;
	border-bottom: 1px solid #999;
	height:auto; text-indent: 0px;}
#outline .outline_detail{margin:0; padding:0;}
#outline .outline_detail dl{background:#bfe6ff; border-bottom:1px dotted #ffffff;}
#outline .outline_detail dt,dd{padding:10px;}
#outline .outline_detail dt{width:90%; float:none; clear:left;text-align:left;}
#outline .outline_detail dd{margin-left:0; background:#ffffff;}
#outline .outline_detail .list_point li {list-style:disc; margin:0 0 0 20px;}
#outline .outline_detail .list_point li:last-child {margin:0 0 20px 20px;}
#outline .outline_detail .list_point li.none {margin:0 0 0 20px;}
#outline .outline_detail .bgblack {color: #FFF; background: #333; line-height: 1em; padding: 8px; font-weight: bold; margin: 0px 0px 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#outline table {width:100%; margin:0 0 10px 0;}
#outline table th {vertical-align: top; padding: 3px; background: #bfe6ff; border-bottom: 1px solid #FFF;}
#outline table td {border-bottom: 1px dotted #CCC; border-top-color: #CCC; border-right-color: #CCC; border-left-color: #CCC; padding:5px;}
#outline table.intable {border: 1px solid #E4E4E4;}
#outline table.intable th {width: 30px; text-align: center; line-height: 1em; background: #e4e4e4; border-right: 1px solid #FFF; vertical-align: middle;}
#outline table.intable th.intable_ttl_01{width:30px;}
#outline table.intable th.intable_ttl_02{width:50px;}
#outline table.intable th.intable_ttl_03{width:100px;}
#outline table.intable td {border-bottom: 1px solid #E4E4E4; line-height: 1em; text-align: center; font-size: 13px; padding: 10px; border-left: 1px solid #E4E4E4;}
#outline table.intable td.intable_td_01{width:80px;}

#outline .outline_detail .marginbottom15 {margin-bottom: 20px;}
#outline .outline_detail .marginbottom30 {margin-bottom: 30px;}


#team{margin:0; padding:0;}
#team h3 {color: #FFF; line-height: 1em; padding: 10px; border-bottom: 1px solid #999; font-size: 18px; height:auto; text-indent:0px; clear: both; margin:0 0 10px 0;
background: #007aad; /* Old browsers */
background: -moz-linear-gradient(top, #007aad 0%, #005286 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007aad), color-stop(100%,#005286)); /* Chrome,Safari4+ */}
#team h4 {background: #006699; font-size: 18px; line-height: 40px; padding:0 10px; color: #FFFFFF; -webkit-border-radius: 0; border-radius: 0; font-weight: bold; margin:0 0 10px 0;}
#team #shortcut {text-align: center; margin: 0 0 25px 0; font-size: 14px; line-height: 1.8em;}
#team #shortcut ul{}
#team #shortcut li{float:left; list-style:url(../images/jpc/common/list_icon.png); width:24%; text-align:left; margin:0 0 0 25px;}
#team .sec1 {margin: 0px 0px 30px;}
#team .sec1 .team_image{float:none; margin:0 0 10px; text-align:center;}
#team .sec1 .team_image img{width:80%;}
#team .sec1 .comment_set{float:none; position:relative;}
#team .comment {width:83%; max-height:none; margin: 0 auto 10px auto; padding: 10px; border: 3px solid #bfe6ff; -webkit-border-radius: 10px; border-radius: 10px; position:static; top:0px; left:0px; font-size:16px; font-weight:bold; color:#006699; line-height:1;}
#team .fukidashi {height: 33px; width: 18px; background: url(../images/jpc/common/hukidashi.png) no-repeat; position: absolute; left: 15%; top: -30px;}
#team .sec1 .team_detail{}

#team table.profile {width:92%; height:150px; margin:0 auto 10px auto; font-size:11px;}
#team table.profile th {width: 75px; color: #003366; padding:0; text-align:center; border-bottom: 1px solid #FFF; background: #BFE6FF;}
#team table.profile td {border-bottom: 1px dotted #999; padding: 15px 10px;}
#team table.stats {width:92%; height:auto; clear: both; border: 1px solid #CCC; margin:0 auto 10px auto; font-size:11px;}
#team table.stats th {text-align: center; background: #CCC; padding:3px; border-bottom: 1px dotted #FFF; padding: 5px;}
#team table.stats td {text-align: center; border-bottom: 1px dotted #CCC; padding:3px; border-right: 1px solid #CCC; padding: 5px;}


#result {text-align: center;}
#result h3 {color: #FFF; line-height: 1em; padding: 10px; border-bottom: 1px solid #999; font-size: 16px; height:auto; text-indent:0px; clear: both; margin:0 0 3px 0; text-align: left;
background: #007aad; /* Old browsers */
background: -moz-linear-gradient(top, #007aad 0%, #005286 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007aad), color-stop(100%,#005286)); /* Chrome,Safari4+ */}
#result h4 {background: #006699; font-size: 18px; line-height: 40px; padding:0 10px; color: #FFFFFF; -webkit-border-radius: 0; border-radius: 0; font-weight: bold; margin:0 0 10px 0;}
#result .btn_result {margin:0 0 20px 0;}
#result .btn_result a {width:85%; display:block; padding:10px; font-size:1em; font-weight:bold; border:#00659b 2px solid; margin:0 auto; text-align:center;
	-moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em;
	background: rgb(235,241,246); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
	color:#00659b;}
#result .btn_result a:hover {text-decoration:none;}
#result .txt_result{font-size:20px; color:#FF0000; margin:0 0 15px 0; font-weight:bold;}
#result .text {text-align: left; margin: 0px auto 20px; width: 540px;}

#result .winner_01{margin:0 0 15px 0; position:relative;}
#result .winner_01 img{width:100%;}
#result .winner_02{margin:0 0 15px 0;}
#result .winner_02 img{width:80%;}
#result .winner_03a{width:100%; margin:0 0 15px 0; float:left;}
#result .winner_03a img{width:80%;}
#result .winner_03b{width:100%; margin:0 0 15px 0; float:left;}
#result .winner_03b img{width:80%;}
#result .winner_icon{display:none;}
#result .winner_icon_2016{position:absolute; width:25%; height:auto; top:-20px; left:0;}
#result .winner_icon_2016 img{width:100%;}
#result .result_txt{width:90%; margin:0 auto 15px auto;}
#result #tournament{margin:0 0 20px 0;}
#result #tournament .tournament_list_1{width:100%; float:none;}
#result #tournament .tournament_list_1 table{width:100% !important; height:auto; margin:0 0 15px 0;}
#result #tournament .tournament_list_1 th{height:30px;}
#result #tournament .tournament_list_2{width:100%; float:none;}
#result #tournament .tournament_list_2 table{width:100% !important; height:auto; border-left:1px solid #CCC;}
#result #tournament .tournament_list_2 th{height:30px;}
#result #tournament .tournament_list_2 .pc_none{display:table-cell;}
#result #tournament .region {color:#006699;}
#result #tournament p{font-size:14px; font-weight:bold; margin:0 0 5px 0;}
#result .tournament_image{width:100%; margin:0 0 30px 0;}
#result .tournament_image img{width:100%;}
#tournament table {text-align: center; line-height: 1.4em; border: 1px solid #CCC; margin: 0px 0px 30px;}
#result #tournament table td {border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding:5px;}
#result #tournament table th {line-height: 1.2em; text-align: center; font-size: 12px; background: #555555; padding: 3px 0px; border-right: 1px solid #FFF; border-bottom: 1px solid #CCC; color: #FFF;}
#result #tournament p {text-align: left;}
#tournament .none {background: #E3E3E3;}
#result #gallary {width:100%; margin:0;}
#result #gallary ul{margin:0;}
#result #gallary li{width:50%; float:left; margin:0 0 5px 0;}
#result #gallary img {width:95%;}

#result .attention{background: none repeat scroll 0 0 #f5f5f5; border: 1px solid #ccc; margin:0 0 20px 0; padding: 10px; text-align:left;}
#result .attention span{color:#FF0000;}

#top_result {position: relative; margin:0 0 10px 0;}
#top_result img {width:95%;}
#top_result #adalabel {position: absolute; top: 40px; right: 64px;}

/* footer */
#footer {font-size: 12px; text-align: center; line-height: 30px; background: #CCCCCC; color: #003366; height:auto;}
#gototop {background:none repeat scroll 0 0 #00428e; border-radius:10%;
bottom:60px; color:#fff; display:block; font-size:30px; height:40px; line-height:40px; padding:0; position:fixed; transform: translateZ(0); right:10px; text-align: center; text-decoration:none; transition:all 0.5s ease 0s; width:40px; z-index:100;}
#gototop a {color:#ffffff; text-decoration:none;}
#gototop:hover {background: none repeat scroll 0 0 #4287d7;}
#gototop:hover .fa {transition: all 0.5s ease 0s;}
#gototop:hover .fa {transform: rotateY(360deg);}
#gototop .fa {display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1;}
#gototop .fa-arrow-up:before{content: "";}
}