@charset "UTF-8";
/* =========================================

title : 柔道チャンネル 大会日程

scope : 平成28年全日本選抜柔道体重別選手権大会
 
last modify : 2015/03/31 218_kimura

============================================ */

/*-----------------------------
      選手紹介写真集
------------------------------*/

#header_box #header_gallery h1 a .taikai_name {
  letter-spacing:0.06em!important;
  font-size: 25px;
}

#header_box #header_gallery h1 a .taikai_name span {
	display: block;
	font-size: 10px;
}

#header_gallery .bnr_youtube {
  background: #fff;
  float: left;
  height: 60px;
  margin: 1em 0 0;
}

#header_gallery .bnr_youtube a {
  display: block;
}

#header_gallery .bnr_youtube a:hover {
  opacity: .8;
  transition: .5s all;
}

#header_gallery .logo {
  margin: 1.5em 0 0;
}

.link_navi {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  margin: 1.5em auto;
  width: 1000px;
}

.link_navi li {
	background: #fff8f8; /* Old browsers */
	background: -moz-linear-gradient(top, #fff8f8 0%, #ffc6c6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff8f8 0%,#ffc6c6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff8f8 0%,#ffc6c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius: 5px;
	margin: 0 0.5em 0 0;
  width: 245px;
}

.link_navi li:nth-child( n+5 ) {
	margin-top: 0.5em;
}

.link_navi li a {
  border: 1px solid #ff6666;
  border-radius: 5px;
  display: block;
  color: #ff6666;
  font-size: 18px;
  font-weight: bold;
  line-height: 2em;
  padding-left: 2em;
  position: relative;
}

.link_navi li a:hover {
	opacity: .8;
	transition: .5s all;
}

.link_navi li .active {
	background: #ff9191; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff9191 0%, #ff6a6a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ff9191 0%,#ff6a6a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ff9191 0%,#ff6a6a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 1px solid #fff;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  line-height: 2em;
  padding-left: 2em;
  position: relative;
  color: #fff;
}

.link_navi li a:before {
  position: absolute;
  top: 0;
  left: 1em;
  display: block;
  width: 1.5em;
  height: 3em;
  text-align: center;
  content: '>>';
  transform: scale(1, 1.5);
  color: #ff6666;
  font-size: 14px;
  letter-spacing: -0.1em;
}

.link_navi li .active:before {
  position: absolute;
  top: 0;
  left: 1em;
  display: block;
  width: 1.5em;
  height: 3em;
  text-align: center;
  content: '>>';
  transform: scale(1, 1.5);
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.1em;
}

.link_navi li .btn_gray {
  background: #ccc;
  border: 1px solid #666;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  line-height: 2em;
  padding-left: 2em;
  position: relative;
  color: #999;
}

.link_navi li .btn_gray:before {
  position: absolute;
  top: 0;
  left: 1em;
  display: block;
  width: 1.5em;
  height: 3em;
  text-align: center;
  content: '>>';
  transform: scale(1, 1.5);
  color: #999;
  font-size: 14px;
  letter-spacing: -0.1em;
}

.link_navi li span {
	font-size: 15px;
	font-weight: normal;
	display: inline-block;
	margin-left: 0.5em;
}

/* -------------------------------------------
   footer_box
------------------------------------------- */
#footer_box {
  margin:30px 0px;
  padding:10px 0px;
  border-top:#666 solid 1px;
  color:#fff;
  text-align:center;
}
/* -----------------------------------------------------------------------

  写真表示（fancybox）
  
----------------------------------------------------------------------- */

.fancybox-title {
  position:static;
}
.fancybox-opened .fancybox-skin {
  position:relative;
  /*padding:15px 15px 0 15px !important;*/
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.fancybox-title-float-wrap .child {
  width:630px;
  height:35px;
  padding-bottom:8px;
  font-size: 13px;
  color:#333;
  background-color:#f9f9f9;
  text-shadow:none;
  text-align:left;
  line-height:1.5;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  font-weight:normal;
}
.fancybox-opened .fancybox-title {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 1;
  transition-duration: 0.3s;
  transition-property: opacity;/* opacity: 0.0; ← この行はここには書かない */
}
.fade {
  opacity: 0;
}
#gallery_box .fancybox .caption {
  display:none;
}
/*▲▲▲ ファンシーボックス対応だけならここまででOK ▲▲▲*/


#gallery_box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 1000px;
}

#gallery_box figure {
	margin-bottom: 0.6em;
}

#gallery_box figure a {
	display: block;
}

#gallery_box figure a:hover {
  opacity: 0.8;
  transition: .5s all;
}

#gallery_box .box_02 figure {
  height: 235px;
  overflow: hidden;
}

#gallery_box .box_02_s figure {
	height: 143px;
	overflow: hidden;
}

#gallery_box figure.size_l {
	height: 480px;
	overflow: hidden;
}

#gallery_box figure.size_m {
	height: 295px;
	overflow: hidden;
}

#gallery_box figure.size_m02 {
	height: 245px; 
	overflow: hidden;
}

#gallery_box figure.size_s {
	height: 182px;
	overflow: hidden;
}