?@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/
/************************************
** 独自
************************************/
.newsfeed li a,
.jga a,
.info_jga a {
  color: #000080;
}
.topcolumn{
  padding: 5px 0px 0px 0px;
}
#top_image, #top_info, #top_twitter {
  vertical-align: top;
  display: inline-block;
}
#top_image {
  width: 360px;
  margin-left: 5px;
}
#top_info {
  font-size: 15px;
  line-height: 1.6;
  border: 2px solid #bbb;
  margin: 0 5px;
  width: 350px;
  height: 300px;
  padding: 10px;
  background-color: #ffffcc;
  position:relative;
  border-radius: 6px;
}
#top_twitter {
  border: 2px solid #bbb;
  border-radius: 6px;
  padding: 5px 10px; 
  margin-bottom: 5px;
  font-size: 14px;
  width: 345px;
  height: 300px;
}
#top_image img{
  border: 1px solid #bbb;
  border-radius: 6px;
}
.jga { 
  font-size: 16px;
  line-height: 1.6;
  border-width: 4px 0px;
  border-style: double;
  border-color: #bbb;
  text-align: center;
  padding: 2px 0px;
  margin: 9px 0px 0px 0px;
}
.twi2 {
  height: 300px;
  vertical-align:top;
  border: 2px solid #bbb;
  border-radius: 6px;
}
.twi3 {
  height: 252px;
  vertical-align:top;
  border: 2px solid #bbb;
  border-radius: 6px;
}
.info_jga {
  position: absolute;
  bottom: 10px;
}
.newsfeed{
  margin-left: -50px;
  margin-right: -20px;
  font-size: 15px;
}
.newsfeed li{
  list-style-type: none;
  line-height: 1.5;
  word-wrap: break-word;
}
.newmark{
  font-weight: bold;
  font-size: 13px;
  color: #cc0000;
}
.chat{
  border: 2px solid #bbb;
  border-radius: 6px;
  padding: 5px 10px; margin-bottom: 5px;
  font-size: 14px;
}
.pagelist{
  margin-top: 5px;
  border: 2px solid #cccc99;
  border-radius: 6px;
  padding: 10px;
}
.pagelist img{
  border: 1px solid #ccc;
  margin: 0px 8px 0px 0px;
  float:left;
}
.pagelist dt{
  font-size: 16px;
  font-weight: bold;
  margin-left: 75px;
}
.pagelist dd+img{
  clear: left;
}
.pagelist dt a{
  text-decoration: none;
}
.pagelist dt a:hover{
  text-decoration: underline;
}
.pagelist dd{
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
  padding: 5px 0px 5px 0px;
  overflow:auto;
}
.block_cont{
  display: flex;
}
.block_l, .block_r{
  padding: 10px;
  width: 50%;
}
.block_m, .block_f{
  padding: 4px 0px 1px 8px;
  font-size: 18px;
  margin: 0px 0px 15px -5px;
}
.block_m {
  border-bottom: 2px solid #ccc;
  background-color: #bbddff;
}
.block_f {
  border-bottom: 2px solid #ccc;
  background-color: #ffcccc;
}
dl.listed{
  margin-left: 20px;
}
dl.listed dt{
  display: list-item;
  list-style-type: square;
}
th.sort{
  background-color: #ffffcc;
  border: 2px outset #999;
}
.ind{
  padding-left: 20px;
}
.r_search{
  width: 360px;
}
/************************************
** 親テーマ用からの変更
************************************/
.wrap {
  width: 1070px;
  margin: 0 auto;
}
.content-in {
  margin-top: -18px;
  justify-content: flex-start;
}
.main {
  width: 760px;
  margin-right: 5px;
  padding: 5px 29px;
  border: 2px solid transparent;
  border-radius: 0px;
  position: relative;
}
.sidebar {
  width: 305px;
  padding: 0px;
  border-radius: 0px;
  border: 0px solid transparent;
}
table th {
  background-color: transparent;
}
table tr:nth-of-type(2n+1) {
  background-color: transparent;
}
table th,
table td {
  border: 1px solid #ccc;
  padding: 5px;
}
.article h3 {
  padding: 3px 8px;
  font-size: 16px;
  border-width: 0px 0px 1px 12px;
  border-style: solid;
  border-color: #6b8e23;
}
.entry-card-thumb {
  width: 150px;
}
.entry-card-content {
  margin-left: 160px;
}
.entry-card-snippet {
  font-size: 15px;
  max-height: 300px;
  line-height: 1.5;
  overflow: hidden;
}
.search-submit::before {
  font-family: FontAwesome;
  content: "\f002";
  padding-right: 3px;
}
.post-date::before {
  content: "更新日 : ";
  padding-right: 3px;
}

/*ヘッダー*/
.logo {
  text-align: left;
}
.logo-text {
  padding: 10px;
}
/*ナビ*/
.navi {
  background-color: #6b8e23;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #ccc;
}
.navi-in a {
  color: #fff;
  font-size: 14px;
}
.navi-in a:hover {
  color: #ff6600;
  text-decoration: underline;
}
.navi-in > ul {
  justify-content: left;
}
.navi-in > ul li {
  width: 140px;
  height: 60px;
  line-height: 60px;
  border-width: 0px 0px 0px 1px;
  border-style: dashed;
  border-color: #ccc;
}
.navi-in > ul > .menu-item-has-children > a::after {
  font-family: FontAwesome;
  content: "";
  padding-right: 3px;
  position: absolute;
  right: 3px;
  top: 0;
}
.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  border-radius: 4px;
  background-color: #6e8b23;
}
.slicknav_menu {
  background: #6e8b23;
  padding: 5px;
}
/*ぱんくず*/
.breadcrumb {
  color: #777;
  font-size: 14px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #bbb;
  margin: 5px -29px 25px -29px;
  padding-left: 5px;
}
.breadcrumb a:hover {
  color: #ff6600;
  text-decoration: underline;
}
.breadcrumb span.sp {
  color: #aaa;
  margin: 0px 5px 0px 5px;
}
.article h1 {
  font-weight: normal;
  font-size: 22px;
  line-height: 2;
}
.article h1:before {
  background-color: #6b8e23;
  content: "";
  display: inline-block;
  border-radius: 18px;
  width: 18px; 
  height: 18px; 
  vertical-align: middle;
  margin: 0px 0px 3px 0px;
  border: 3px solid #bbb;
}
.entry-content {
  margin-top: 0px;
  margin-bottom: 0px;
}
.post-update {
  font-size: 14px;
}
.date-tags {
  text-align: left;
}
.post-update::before {
  content: "最終更新日 : ";
  padding-right: 5px;
  padding-left: 30px;
}

/*資料テープル*/
.shiryo_m {
  padding: 5px;
  margin-bottom: 20px;
}
.year{
  font-size: 14px;
}
table.listtable {
  font-size: 14px;
  width: 99%;
  margin-bottom: 10px;
}
.listtable td {
  vertical-align: top;
  padding: 2px 5px;
}
.listtable .olympic {
  color: #cc0000;
}
.listtable .world {
  color: #0000cc;
}
.listtable .olympic,
.listtable .world {
  width: 28px;
  text-align: center;
}
.listtable .national {
  width: 40px;
  text-align: right;
  font-weight: bold;
}
.lm0,.lw0,.res{
  text-align: center;
}
.lm0 a,.lw0 a,.res a{
  text-decoration: none;
}
.lm0 a:\hover,.lw0 a:\hover,.res a:\hover{
  text-decoration: underline;
}
.lm0 {
  background-color: #bbddff;
}
.lw0 {
  background-color: #ffcccc;
}
.lm2 {
  width: 100px;
}
.lw2 {
  width: 120px;
}
.lm3,.lw3,.dm3 {
  display: none;
}
.lm4 {
  width: 220px;
}
.lw4 {
  width: 410px;
}
.lm5 {
  width: 115px;
}
.lm6 {
  width: 115px;
}
.lm8 {
  width; 60px;
}
td.s_return{
  border: 0px; padding: 1px;
  text-align: right;
}

table.sitetable{
  width: 99%;
}
.sitetable th{
  font-weight: normal;
  background-color: transparent;
  text-align: left;
}
.sitetable .team{
  width: 350px; padding: 10px;
}
.sitetable .result{
  padding: 10px; 
}
.sitetable .s_name{
  padding: 0;
}
.sitetable .s_date{
  padding-left: 8px;
}
.medal_menu{
  margin-bottom: 20px;
}
thead.medal{
  border-bottom: 4px double #9c9c9c;
}
.rktable{
  width: 99%;
  font-size:13px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.rktable img, .res_list img, .rstable img{
  vertical-align: middle;
  min-width: 20px;
}
.rktable th{
  background-color: transparent;
}
th.m0{
  background-color: #ffffcc;
}
.m0{
  background-color: #ffffcc;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
td.m1, td.mb{
  background-color: #fff;
  text-align: center;
  padding: 0px 1px;
}
td.m_olympic, th.m_olympic{
  background-color:#ffcccc;
  text-align: left;
  font-weight: normal;
  white-space: nowrap;
}
td.m_world, th.m_world{
  background-color:#bbddff;
  text-align: left;
  font-weight: normal;
}
td.m2, td.m4{
  padding: 0px 1px;
  text-align: center;
}
td.m2{
  background-color: #fff;
}
td.m4{
  background-color: #dedede;
}
.per td,
.per th{
  overflow: hidden;
  vertical-align: top;
}
.per td img{
  display: inline-block;
  float: right;
  padding: 0;
}
.clr{
  clear: both;
  display: block;
}

@media screen and (max-width:960px){
table.listtable .lm4,
table.listtable .lw4,
table.listtable .lm5,
table.listtable .lm6,
table.listtable .lm7,
table.listtable .dm0{
  display: none;
}
table.listtable .dm3{
  display: block; 
  width: auto; 
  border-width: 0px 1px 1px 0px;
}
table.listtable .lm3,
table.listtable .lw3 {
  display: block; 
  width: auto; 
  border-width: 1px 1px 1px 0px;
}}

@media screen and (max-width:768px){
.listtable .national {
  width: 38px;
}
.shiryo_m {
  font-size: 14px;
  margin-bottom: 0px;
}
.sitetable .team {
 width: 280px;
}
}
@media screen and (max-width:540px){
.sitetable th,
.sitetable td{
  display: block;
  width: auto;
}
.sitetable .team{
  width: auto;
  border-top: none;
  border-bottom: none;
}
.sitetable .s_date{
  border-top: none;
}
}
/*結果テーブル*/
.r_m0 {
  border-width: 0px 0px 2px 0px;
  border-style: solid;
  border-color: #bbb;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.scrollable-table table {
  margin-top: 10px;
  margin-left:1px;
}
.rstable{
  font-size: 14px;
  border-collapse: collapse;
  overflow: auto;
  white-space: nowrap;
  background-color: #fff;
  margin-left:5px;
  width: auto;
  table-layout: fixed;
}
.rstable td.rsw{
  background-color: #ffcccc;
  border-color: #ffcccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.rstable td.rsm{
  background-color: #bbddff;
  border-color: #bbddff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.rstable td.m2{
  text-align: left;
  padding: 5px;
}
td.menu3,td.menu4{
  border-width: 0px;
}
.menu3{
  font-size: 16px;
}
.menu4{
  text-align: right;
}
.rstable .w2{
  background-color: #ffcccc;
  text-align: left;
}
td.rst, td.rs0, td.rs0b, td.rs1, td.rs4, td.rs4_b, td.rsq{
  text-align: right;
}
td.rs0{
  width: 40px;
  border-top: 0px solid #ccc;
}
td.rs0b{
  border-bottom: 0px solid #ccc;
}
td.rs0c{
  border-top: 0px solid #ccc;
  border-bottom: 0px solid #ccc;
}
td.rs1{width: 70px;}
td.rs2{width: 100px;}
td.rs3{width: 230px;}
td.rs6{width: 40px; text-align: center;}
td.rsp{width: 44px; text-align: center;}
td.rs7{width: 160px;}
td.rs8{width: 130px; padding-right: 10px;}
td.rs9{width: 250px;}
td.rs4{
  width: 75px;
  border-left: 0px solid #ccc;
  border-right: 2px solid #ccc;
}
td.rs4_b{
  width: 75px;
  border-right: 4px double #ccc;
}
td.rsq{
  width: 70px;
  border-right: 2px solid #ccc;
}
td.rst{
  width: 75px;
  border-right: 1px dashed #ccc;
}
td.rsn{
  width: 30px;
  text-align: center;
  border-right: 0px dashed #ccc;
}
td.rsn_b{
  width: 30px;
  font-size: 12px;
  text-align: center;
  border-left: 0px solid #ccc;
}
td.ef{width: 70px;}

.ly {
  width: 54px;
  text-align: center;
  background-color: #ffffcc;
  font-weight: bold;
  position: sticky;
  left: 0;
}
.lv {
  width: auto;
  text-align: center;
  background-color: #ffffcc;
}
.res {
  width: 90px;
  text-align: center;
}
/** 結果 **/
span.f{
	background-color:#ffccff;
	width:20px;margin-left:5px;
	border:1px solid #ccc;
}
span.s{
	background-color:#ffcc66;
	width:20px;margin-left:5px;
	border:1px solid #ccc;
}
span.t{
	background-color:#ffff66;
	width:20px;margin-left:5px;
	border:1px solid #ccc;
}
div.venue{
  font-size: 14px;
  margin: -5px 0px 18px 33px;
}

/** リンク **/
ul.link_list li{
  margin-bottom: 3px;
}
dl.link_list{
  margin: 0px 10px 0px 20px;
  line-height: 1.4;
}
dl.link_list dd{
  margin: 5px 0px 10px 30px;
}
.out a{
  color: #000080;
}
hr.dashed{
  border: 0;
  border-bottom: 1px dashed #ccc;
}
.guide{
  margin-left: 30px;
}
ul.bg_l{
  margin-bottom: 10px;
}
table.noborder{
  width: 98%;
}
.noborder td{
  border: 0px;
}
.link_cat{
  font-size: 16px;
  border-bottom: dashed 1px #663300;
}
div.link_list{
  margin: 10px 0px 10px 50px;
}
/************************************
** リンク
************************************/
p#portal{
  margin-top: 30px;
  padding: 10px 20px;
  width: 98%;
  border: 1px solid #cccc99;
  border-radius: 10px; 
}
p#portal a{
	color: #000080;
}
p#portal a:hover{
	text-decoration: underline;
	color:#ff6600;
}
table.lk_htab {
  width: 98%;
}
table.lk_htab a{
	text-decoration: none;
	color: #000080;
}
table.lk_htab a:hover{
	text-decoration: underline;
	color: #ff6600;
}
.lk_htab td.m1{
	width: 30px;
	color:#000099;
	font-size: 20px;
	text-align:center;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#cccc99;
	padding: 0px 0px 1px 0px;
}
td.f1{
	width: 30px;
	color:#cc0033;
	font-size: 20px;
	text-align:center;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#cccc99;
	padding: 0px 0px 1px 0px;
}
td.hl{
	padding: 0px 0px 0px 15px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#cccc99;
}
td.hl2{
	padding: 1px 0px 1px 5px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#cccc99;
}
td.high{
	padding: 1px 0px 1px 5px;
	border-style:solid;
	border-width:1px 0px 2px 0px;
	border-color:#cccc99;
	background-color:#fafad2;
}
td.de{
	height:10px;
	border: 0px;
}
ul.link_jr{
  margin: 0px 10px 0px -20px;
  list-style-type: none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*scssのクリア*/
.wrap {
  width: 1070px;
  margin: 0 auto;
}
.content{
  margin-top: 5px;
}
.main,
.sidebar,
.sidebar-left .main,
.sidebar-left .sidebar{
  margin: 0 0;
}
.main {
  width: 760px;
  margin-right: 5px;
  padding: 5px 29px;
}
.sidebar {
  width: 305px;
  padding: 0px;
}
}

/*1100px以下*/
@media screen and (max-width: 1100px){
  /*独自*/
.wrap {
  width: 100%;
  margin: 0 auto;
}
#top_info {width: 300px;}
#top_twitter {
  width: 300px;
  margin: 5px;
  height: auto;
}
.main,.sidebar { width: 100%;  padding: 0px 20px;}
.chat{
  border: 2px solid #bbb;
  margin-top: 5px;
  font-size: 14px;
}
.pagelist{
  margin-top: 10px;
}
.pagelist dd{
  font-size: 14px;
  margin: 0px 0px 15px 0px;
}
.topcolumn{
  padding: 5px 10px 10px 10px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#top_info{
  text-align: left;
}
.main{
  overflow:hidden;
  margin-left: auto;
  margin-right: auto;
}
.newsfeed_wrap {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.breadcrumb {
  margin: 10px 0px 20px 0px;
}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
main.main,
div.sidebar{
  display: block;
  margin: 0px;
  width: auto;
}
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*760px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
.wrap {
  width: 100%;
  margin: 0 auto;
}
#top_image {
  margin-left: 0px;
}
#top_info{
  width: 480px;
  text-align: left;
  margin: 5px 0px 0px 0px;
}
#top_twitter {
  margin-left: auto;
  margin-right: auto;
}
.article ul{
  padding-left: 60px;
}
table th,table td {
    font-size: 13px;
}
}

@media screen and (max-width: 640px){
.block_cont{
  display: block;
}
.block_l, .block_r{
  width: 100%;
}
}
/*500px以下*/
@media screen and (max-width: 500px){
  /*必要ならばここにコードを書く*/
.wrap {
  width: 100%;
}
#top_image, #top_info, #top_twitter{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#top_image img{
  width: 80%;
}
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.article h1 {
  font-size: 18px;
}
}