@charset "UTF-8";
/* ==========================================================================

	2019/2/14

   ========================================================================== */
@import url("/extra/library/common/css/smart_phone.css") only screen and (max-width: 1030px);
/* Base
   ========================================================================== */
#campaign_tv_sales_waku1 {
	margin: 0 auto 20px;
}
.frame_header .header_bnr {
}
.frame_footer,#SpecialSales,#registration-outer_pc,#spfoot,#registration-outer_sp,.navArea,#footerNavi,#footerListWrap {
  display: none;
}
#footer {
  padding-top: 20px;
}
body {
	background: #fff;
	-webkit-font-smoothing: antialiased;
}
.clearText {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

@media screen and (max-width: 736px) {
#footer {
  padding-top: 0;
}

} /* for SP max-width: 736px */

/* Contents
========================================================================== */
#page, .container {
  color: #000;
	font-family: Meiryo, メイリオ, sans-serif !important;
}
.thiscontents {
	width: 100%;
  background: #F4F4F4;
}
a {
	-webkit-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	color: #0093FF;
}
a:visited,a:focus {
	color: #0093FF;
}
a:hover {
	color: #0093FF;
}
.thiscontents * {
	box-sizing: border-box;
}
.thiscontents img {
	width:100%; height: auto;
}

/* 基本
----------------------------------------------------------------*/
.thiscontents .clear {
	width: 100%;
	overflow: hidden;
}
.thiscontents .cf:before,
.thiscontents .cf:after {
	content: " ";
	display: table;
}
.thiscontents .cf:after {
	clear: both;
}
.thiscontents .cf {
	*zoom: 1;
}
.thiscontents .clearboth {
	clear: both;
}
.thiscontents .flol {
	display: inline;
	float: left;
}
.thiscontents .flor {
	display: inline;
	float: right;
}
.thiscontents .pc {}
.thiscontents .tablet {
	display: none;
}
.thiscontents .sp {
	display: none;
}
.thiscontents .sp_tablet {
	display: none;
}
.thiscontents .none {
	display: none;
}
.thiscontents img {
	vertical-align: bottom;
	padding: 0;
	margin: 0;
	pointer-events: none;
	-webkit-touch-callout: none;
}
.thiscontents .fitimg,
.thiscontents .fitimg img {
	width: 100%;
	height: auto;
}
.thiscontents p {
	margin: 0;
	padding: 0;
}
.thiscontentsh1, .thiscontents h2,
.thiscontents h3, .thiscontents h4,
.thiscontents h5, .thiscontents h6 {
	font-weight: bold;
}
.thiscontents p {
	margin: 0;
	padding: 0;
}
.thiscontents sup {
	font-size: 0.7em;
}
.thiscontents .photo img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 1030px) {
.thiscontents .pc {
	display: none;
}
.thiscontents .tablet,
.thiscontents .pc_tablet,
.thiscontents .sp_tablet {
	display: block;
}
.thiscontents {
	/*padding-top: 40px;*/
}
/*.frame_header {
   border-bottom-width: 1px; 
} */
.section_wrp {
  padding-top: 98px;
}  
  
}
@media screen and (max-width: 736px) {
.thiscontents {
	/*padding-top: 20vw;*/
	margin-bottom: 10px;
}
.thiscontents .sp {
	display: block;
}
.thiscontents .pc_tablet,
.thiscontents .tablet {
	display: none;
}
.section_wrp {
  padding-top: 20vw;
}   

} /* for SP max-width: 736px */

/*===============================================================
	
	etc
	
===============================================================*/
.borderimg {
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.boxshadow {
  box-shadow: 0 0 30px rgba(0,0,0,0.05);
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.boxshadow {
  box-shadow: 0 0 5vw rgba(0,0,0,0.05);
}
.img_tate {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
	
} /* for SP max-width: 736px */

/*===============================================================
	
	noto sans
	
===============================================================*/
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
	font-display: swap;
  src: url('/special/common/webfont/NotoSansCJKjp-Regular_subset.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: bold;
  font-weight: 700;
  font-display: swap;
  src: url('/special/common/webfont/NotoSansCJKjp-Bold_subset.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: bold;
  font-weight: 800;
  font-display: swap;
  src: url('/special/common/webfont/NotoSansCJKjp-Black_subset.woff') format('woff');
}
.noto_sans {
	font-family: 'Noto Sans JP', sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.2px;
  font-display: swap;
}

/*===============================================================
	
	girid
	
===============================================================*/
.gridcontainer {
	margin-top: -30px;
}
.gridcontainer .grid {
	float: left;
}
.grid {
	margin-top: 30px;
}
/*	gridSize :460 gutterSize :40 column :2 */
.gridwrp_2 {
	width: 104.167%;
}
.gridwrp_2 .grid_2 {
	width: 96.000%;
	margin-right: 4.000%;
}
.gridwrp_2 .grid_1 {
	width: 46.000%;
	margin-right: 4.000%;
}
.gridwrp_1 .grid_2 {
	width: 192.000%;
	margin-right: 8.000%;
}
/*	gridSize :290 gutterSize :40 column :3 */
.gridwrp_3 {
	width: 104.211%;
}
.gridwrp_3 .grid_3 {
	width: 95.960%;
	margin-right: 4.040%;
}
.gridwrp_3 .grid_2 {
	width: 62.626%;
	margin-right: 4.040%;
}
.gridwrp_3 .grid_1 {
	width: 29.293%;
	margin-right: 4.040%;
}
/*	gridSize :210 gutterSize :40 column :4 */
.gridwrp_4 {
	width: 104.167%;
}
.gridwrp_4 .grid_4 {
	width: 96.000%;
	margin-right: 4.000%;
}
.gridwrp_4 .grid_3 {
	width: 71.000%;
	margin-right: 4.000%;
}
.gridwrp_4 .grid_2 {
	width: 46.000%;
	margin-right: 4.000%;
}
.gridwrp_4 .grid_1 {
	width: 21.000%;
	margin-right: 4.000%;
}

/* PCのみ */
@media screen and (min-width: 1031px) {
.gridwrp_2 .grid:nth-child(2n+1) {
	clear: both;
}
.gridwrp_3 .grid:nth-child(3n+1) {
	clear: both;
}
.gridwrp_4 .grid:nth-child(4n+1) {
	clear: both;
}
} /* for PC min-width: 961px

/* タブレット以下 */
@media screen and (max-width: 1030px) {

} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.gridwrp_3,
.gridwrp_3 .grid_1,
.gridwrp_3 .grid_2,
.gridwrp_2,
.gridwrp_2 .grid_1 {
	width: 100%;
	margin-right: 0;
}
.gridwrp_4 {
	width: 105.000%;
}
.gridwrp_4 .grid_1, .gridwrp_4 .grid_3 {
	width: 45.238%;
	margin-right: 4.762%;
}
.gridcontainer {
	margin-top: 0;
}
.grid {
	margin-top: 20px;
}
.grid:first-child {
	margin-top: 0px;
}
.gridwrp_4 .grid:nth-child(2) {
	margin-top: 0;
}
} /* for SP max-width: 736px */

/*===============================================================
	
	flex_container
	
===============================================================*/
.flex_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.flex_container_mt0 {
	margin-top: -70px;
}
.flex_container .item {
	flex-basis: auto;
	margin-top: 70px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
	
} /* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.flex_container_mt0 {
	margin-top: -6vw;
}
.flex_container .item {
	margin-top: 6vw;
}  
	
} /* for SP max-width: 736px */

/*----------------------------------------------------------------
アイテム比率
----------------------------------------------------------------*/
.flex_container .item_2_1 {
	width: 48%;
	margin-right: 4%;
}
.flex_container .item_3_1 {
	width: 31%;
	margin-right: 3.5%;
}
.flex_container .item_4_1 {
	width: 21.7%;
	margin-right: 4.4%;
}
.flex_container .item_5_1 {
	width: 18.75%;
	margin-right: 1.5625%;
}
.flex_container .item_2_1:nth-child(2n),
.flex_container .item_3_1:nth-child(3n),
.flex_container .item_4_1:nth-child(4n),
.flex_container .item_5_1:nth-child(5n) {
	margin-right: 0;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
/*4→3カラム*/
.flex_container .item_4_1,
.flex_container .item_4_1:nth-child(4n) {
	width: 31%;
	margin-right: 3.5%;
}
/*5→4カラム*/
.flex_container .item_5_1,
.flex_container .item_5_1:nth-child(5n) {
	width: 23%;
	margin-right: 2.6666%;
}
.flex_container .item_4_1:nth-child(3n),
.flex_container .item_5_1:nth-child(4n) {
	margin-right: 0;
}
} /* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
/*2→1カラム*/
/*3→1カラム*/
.flex_container .item_2_1,
.flex_container .item_3_1 {
	width: 100%;
	margin-right: 0;
}
/*4→2カラム*/
/*5→2カラム*/
.flex_container .item_4_1,
.flex_container .item_4_1:nth-child(3n),
.flex_container .item_4_1:nth-child(4n),
.flex_container .item_5_1,
.flex_container .item_5_1:nth-child(4n),
.flex_container .item_5_1:nth-child(5n) {
	width: 48%;
	margin-right: 4%;
}
.flex_container .item_4_1:nth-child(2n),
.flex_container .item_5_1:nth-child(2n) {
	margin-right: 0;
}
/*3→2カラム*/
.flex_container .item_3_1.sp2,
.flex_container .item_3_1.sp2:nth-child(3n) {
	width: 48%;
	margin-right: 4%;
}
.flex_container .item_3_1.sp2:nth-child(2n) {
	margin-right: 0;
}
  
} /* for SP max-width: 736px */

/*===============================================================
	
	nav_outer
	
===============================================================*/
.nav_outer {
  position: relative;
  position: absolute;
  z-index: 9999;
  width: 100%;
  background: #00348E;
  box-sizing: border-box;
}
.nav_outer .inner {
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) { 

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.nav_outer {
  position: absolute;
  top: 50px;
	left: 0;
} 
.nav_outer .inner {
  align-items: flex-start;
}
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {  
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	navigation_wrp
-------------------------------------------------------------*/
.navigation_wrp {
	width: 100%;
	background: #2664C7;
}
.navigation_wrp .navigation {
}
.navigation_wrp .navigation ul {
  display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
/*	flex-wrap: wrap;*/
	justify-content: flex-start;
  align-items: center;
}
.navigation_wrp .navigation li {
  display: flex;
  align-items: center;
  padding: 0;
}
.navigation_wrp .navigation li:last-child {
  padding-right: 0;
}
.navigation_wrp .navigation li a {
	font-size: 15px;
/*	font-size: 16px;*/
  line-height: 1;
  font-weight: 700;
  text-align: center;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 15px 13px;
/*	padding: 15px 18px;*/
/*	padding: 15px 20px;*/
}
.navigation_wrp .navigation li a:hover {
	text-decoration: none;
	background-color: #0093FF;
}
.navigation_wrp .navigation li.current a,
.navigation_wrp .navigation li.current a:hover {
	background-color: #0d45a4;
/*	background-color: #00348E;*/
	cursor: default;
}

/* 1400px以下 */
@media screen and (max-width: 1200px) {
.navigation_wrp {
	overflow-y: scroll;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
}
.navigation_wrp::-webkit-scrollbar {  /* Chrome, Safari 対応 */
	display:none;
}
.navigation_wrp .navigation {
	width:auto;
}
.navigation_wrp .navigation ul {
	white-space: nowrap;
	display: flex;
	width: 100%;
}
.navigation_wrp .navigation .localnav {
	width: 890px;
}  
.navigation_wrp .navigation li a {
	font-size: 14px;
	padding: 13px 15px;
}
} /* for tablet max-width: 1400px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {

} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {  
.navigation_wrp .navigation {
	width: auto;
}
.navigation_wrp .navigation .localnav {
	width:220vw;
}
.navigation_wrp .navigation ul {
	white-space: nowrap;
	display: flex;
	width: 100%;
}
.navigation_wrp .navigation li {
}
.navigation_wrp .navigation li a {
	font-size: 4vw;
/*	font-size: 3.5vw;*/
	padding: 0 3vw;
	line-height: 10vw;
	font-weight: normal;
	display: inline-block;
}
.navigation_wrp .navigation li.current a,
.navigation_wrp .navigation li.current a:hover {
	background-color: #0d45a4;
}
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	page_title
-------------------------------------------------------------*/
.page_title {
  font-size: 35px;
  line-height: 1;
  font-weight: 700;
  margin-right: auto;
	padding: 25px 0;
}
.page_title a {
  display: inline-block;
  color: #fff;
}
.page_title a:hover {
  text-decoration: none;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {
.page_title {
	font-size: 25px;
	padding: 20px;
}  

} /* for tablet max-width: 1400px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.page_title {
  /*font-size: 20px;*/
  font-size: 18px;
}

} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {  
.page_title {
  /*font-size: 3vw;*/
  font-size: 4.5vw;
	padding: 3vw 3vw;
/*	padding: 0 3vw;*/
	line-height: 10vw;
} 
	
} /* for SP max-width: 736px */

/* SP向けレイアウトの指定：～400px */
@media only screen and (max-width: 400px) {  
.page_title {
  /*font-size: 3.5vw;*/
} 
	
} /* for SP max-width: 400px */

/*-------------------------------------------------------------
	sns_wrp
-------------------------------------------------------------*/
.sns_wrp {
	position: relative;
}
.fixed .sns_wrp {
	display: none;
}
.sns_wrp ul {
	position: absolute;
	width: 90px;
	height: 40px;
	top: 15px;
	right: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sns_wrp li.twitter,.sns_wrp li.facebook,.sns_wrp li.line {
	width: 40px;
}
.sns_wrp li.twitter a,.sns_wrp li.facebook a,.sns_wrp li.line a {
	background-image: url(/special/common/images/asset/sp_btn_twitter.png);
	background-color: #33ccff;
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	padding: 0;
	white-space: nowrap;
	text-indent: 200%;
	overflow: hidden;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.sns_wrp li.twitter a {
	background-image: url(/special/common/images/asset/sp_btn_twitter.png);
	background-color: #33ccff;
}
.sns_wrp li.facebook a {
	background-image: url(/special/common/images/asset/sp_btn_facebook.png);
	background-color: #3b5998;
}
.sns_wrp li.line a {
	background-image: url(/special/common/images/asset/sp_btn_line.png);
	background-color: #00c300;
}
.sns_wrp li.line {
	display: none;
}
/*.column_detail_page .sns_wrp {
  display: none;
}*/

/* タブレット以下 */
@media screen and (max-width: 1200px) {
.sns_wrp ul {
	top: 15px;
	right: 15px;
}
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.sns_wrp {
	display: block;
	position: absolute;
	top: 3vw;
	right: 2vw;
/*	top: 0;*/
/*	right: 0;*/
	z-index: 99999;
}
.fixed .sns_wrp {
	display: inherit;
}
.sns_wrp ul {
	position: absolute;
	width: 30vw;
	height: 10vw;
	top: 0;
	right: 0;
}
.sns_wrp li.twitter,.sns_wrp li.facebook,.sns_wrp li.line {
	width: 10vw;
	height: 10vw;
}
.sns_wrp li.twitter a,.sns_wrp li.facebook a,.sns_wrp li.line a {
	background-size: 7vw 7vw;
	background-position: center center;
	width: 10vw;
	height: 10vw;
	border-radius: 0;
}
.sns_wrp li.line {
	display: block;
}
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	top_sns_wrp
-------------------------------------------------------------*/
.top_sns_wrp {
  position: absolute;
  top: -40px;
  right: 0;
}
.top_sns_wrp ul {
  width: 100px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top_sns_wrp li.twitter,.top_sns_wrp li.facebook {
	width: 40px;
  height: 40px;
}
.top_sns_wrp li.twitter a,.top_sns_wrp li.facebook a {
	background-image: url(/special/common/images/asset/sp_btn_twitter.png);
	background-color: #33ccff;
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	padding: 0;
	white-space: nowrap;
	text-indent: 200%;
	overflow: hidden;
	display: block;
	width: 40px;
	height: 40px;
  border-radius: 50%;
}
.top_sns_wrp li.twitter a {
	background-image: url(/special/common/images/asset/sp_btn_twitter.png);
	background-color: #33ccff;
}
.top_sns_wrp li.facebook a {
	background-image: url(/special/common/images/asset/sp_btn_facebook.png);
	background-color: #3b5998;
}

/* タブレット以下 */
@media screen and (max-width: 1400px) { 
.top_sns_wrp {
  right: 20px;
}  
	
} /* for tablet max-width: 1400px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	menu_wrp
-------------------------------------------------------------*/
.menu_wrp {
  display: none;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.menu_wrp {
	/*display: block;*/
  display: none;
}  
.menu_wrp .menu {
	width: 75px;
	height: 40px;
	background: none;
	color: #fff;
	text-align: center;
}
.menu_wrp .menu a {
	display: block;
	position: relative;
	color: #fff;
	line-height: 40px;
	text-decoration: none;
	text-align: right;
	padding-right: 35px;
}
.active .menu a {
}
.active .menu {
}
.menu_wrp .nav {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	height: 0;
	background-color: rgba(0,0,0,0.8);
	z-index: 1000;
	-webkit-overflow-scrolling: touch;
}
.menu_wrp .nav .nav_container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 140px;
	box-sizing: border-box;
}
.menu_wrp .nav .nav_container::-webkit-scrollbar {
	display: none;
}
  
.menu_wrp .navigation .localnav li {
	width: 100%;
	text-align: left;
	background: #fff;
  padding: 0;
}
.menu_wrp .navigation .localnav li a {
	position: relative;
	display: block;
	line-height: 50px;
	color: #333;
  font-size: 16px;
  font-weight: 400;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	padding: 0 10px;
	box-sizing: border-box;
}
.menu_wrp .navigation .localnav li a:hover {
	text-decoration: none;
}  
.menu_wrp .navigation .localnav li a:after {
	position: absolute;
	content: " ";
	width: 12px;
	height: 12px;
	top: 0;
	bottom: 0;
	left: auto;
	right: 18px;
	margin: auto;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
  
} /* for tablet max-width: 1030px */  


/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/* SP向けレイアウトの指定：～400px */
@media only screen and (max-width: 400px) {
.menu_wrp .menu {
	width: 40px;
}
.menu_wrp .menu a {
	padding-right: 0;
}  
.menu_wrp  .menu a {
	overflow: hidden;
	text-indent: 1000%;
	white-space: nowrap;
}

} /* for SP max-width: 400px */

/*-------------------------------------------------------------
	menu-trigger
-------------------------------------------------------------*/
@media screen and (max-width: 1030px) {
.menu-trigger, .menu-trigger span {
	display: inline-block;
	-webkit-transition: all .3s;
	transition: all .3s;
	box-sizing: border-box;
}
.menu-trigger a {
	position: relative;
}
.menu-trigger span {
	position: absolute;
	right: 7px;
	width: 25px;
	height: 1px;
	background-color: #fff;
	border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
	top: 10px;
}
.menu-trigger span:nth-of-type(2) {
	top: 0;
	bottom: 0;
	margin: auto;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 10px;
}
/* animation */
.active .menu-trigger span:nth-of-type(1) {
	top: 9px;
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.active .menu-trigger span:nth-of-type(2) {
	opacity: 0;
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
.active .menu-trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}  
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*===============================================================
	
	fixed
	
===============================================================*/
.fixed {
	position: fixed;
	top: 0;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {
.fixed {
	position: fixed;
	top: 0;
}
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*===============================================================
	
	timeline
	
===============================================================*/
.timeline {
	max-width: 100% !important;
	width: 100% !important;
	box-sizing: border-box;
}
.SandboxRoot body {
	background-color: transparent;
}
.timeline-widget {
	width: 100% !important;
	min-width: 100% !important;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.TwitterWidget #twitter-widget-0 {
	width: 100% !important;
}
.timeline {
	max-width: 100% !important;
	width: 100% !important;
	box-sizing: border-box;
	word-break: break-all;
}
} /* for SP max-width: 736px */

/*===============================================================
	
	txtlink 2016/11/16
	
===============================================================*/
.txtlink {
  margin-top: 20px;
}
.txtlink_r {
  text-align: right;
}
.txtlink a {
	position: relative;
	display: inline-block;
	color: #0093FF;
	font-size: 18px;
	line-height: 1.4;
	text-decoration: none;
	padding-left: 15px;
}
.txtlink a:hover {
  text-decoration: underline;
}
.txtlink a:after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	top: 0;
	bottom: 0;
	left: 0;
	right: auto;
	margin: auto;
	border-top: solid 1px #0093FF;
	border-left: solid 1px #0093FF;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.txtlink.arw_prev a {}
.txtlink.arw_prev a:after {
	left: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.txtlink.arw_after a {
	padding-left: 0;
	padding-right: 10px;
}
.txtlink.arw_after a:after {
	left: auto;
	right: 0;
}
.txtlink.arw_down a:after {
	top: 5px;
	bottom: auto;
	left: 2px;
	right: auto;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.txtlink.arw_after_down a {
	padding-left: 0;
	padding-right: 10px;
}
.txtlink.arw_after_down a:after {
	top: 5px;
	bottom: auto;
	left: auto;
	right: 0;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
/*	arw_box */
.txtlink.arw_box a {
	padding-left: 25px;
}
.txtlink.arw_box a:before {
	content: '';
	width: 20px;
	height: 20px;
	background: #000;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: auto;
	margin: auto;
}
.txtlink.arw_box a:after {
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	top: 0;
	bottom: 0;
	left: 5px;
	right: auto;
	margin: auto;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	.txtlink a {
		font-size: 4vw;
		padding-left: 3.5vw;
	}
	.txtlink a:after {
		width: 1.5vw;
		height: 1.5vw;
	}
	.txtlink.arw_prev a {}
	.txtlink.arw_prev a:after {
		left: 1vw;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.txtlink.arw_after a {
		padding-right: 2vw;
	}
	.txtlink.arw_after a:after {}
	.txtlink.arw_down a:after {
		top: 1.5vw;
		left: 0.5vw;
	}
	.txtlink.arw_after_down a {
		padding-right: 2vw;
	}
	.txtlink.arw_after_down a:after {
		top: 1.5vw;
	}
	/*	arw_box */
	.txtlink.arw_box a {
		padding-left: 6vw;
	}
	.txtlink.arw_box a:before {
		width: 5vw;
		height: 5vw;
	}
	.txtlink.arw_box a:after {
		left: 1vw;
	}
} /* for SP max-width: 736px */

/*===============================================================
	
	PAGETOP
	
===============================================================*/
#btn_pagetop {
	width: 100%;
	overflow: hidden;
}
#btn_pagetop a {
	display: block;
	position: fixed;
	right: -300px;
	top: 0;
	width: 50px;
	height: 50px;
	color: #fff;
	background-color: #092047;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	z-index: 101;
	border-radius: 30px;
}
#btn_pagetop a:hover {
	background-color: #153E84;
}
#btn_pagetop a:after {
	position: absolute;
	content: " ";
	width: 14px;
	height: 14px;
	top: 20px;
	left: 0;
	right: 0;
	bottom: auto;
	margin: auto;
	border-top: solid 2px #fff;
	border-left: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 2px;
}

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
#btn_pagetop a {
	width: 40px;
	height: 40px;
}
#btn_pagetop a:after {
	width: 12px;
	height: 12px;
	top: 17px;
	left: 0;
	right: 0;
	bottom: auto;
}
} /* for SP max-width: 736px */

/*===============================================================
	
	以下案件毎のコンテンツ

===============================================================*/
/*===============================================================
	
	bg 背景
	
===============================================================*/
/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*===============================================================
	
	mainvisual
	
===============================================================*/
.mainvisual {
	
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*===============================================================
	
	section
	複数のcontent、headlineなど格納するブロック
	
===============================================================*/
.section_wrp {
	position: relative;
  padding-top: 130px;
}
.section {
	width: 100%;
}
.section_inner {
	margin: 0 auto;
	padding: 60px 0 100px 0;
}
.section:nth-child(1) .section_inner {
	padding-top: 70px;
}
.section_pt0 .section_inner {
	padding-top: 0;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {
.section_wrp {
  padding-top: 110px;
}  
.section_inner {
  margin: 0 auto;
  padding: 60px 20px 100px 20px;
}

} /* for tablet max-width: 1400px */

/* 1400px以下 */
@media screen and (max-width: 1200px) {
.section_wrp {
  padding-top: 105px;
} 

} /* for tablet max-width: 1200px */  

/* 1400px以下 */
@media screen and (max-width: 1030px) {
.section_wrp {
  padding-top: 98px;
} 

} /* for tablet max-width: 1030px */  
  
/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_wrp {
  padding-top: 25.5vw;
}
.column_detail_page .section_wrp {
  /*padding-top: 25vw;*/
}
.section_inner {
  margin: 0 auto;
  padding: 8vw 3vw;
/*  padding: 8vw 5vw;*/
}
.section_suchedule .section_inner {
/*  padding: 8vw 3vw;*/
}
.section:nth-child(1) .section_inner {
	/*padding-top: 14vw;*/
	padding-top: 8vw;
}  
.section_pt0 .section_inner {
  margin-top: 0;
}  
.section:last-child .section_inner {
	padding-bottom: 10vw;
} 
  
} /* for SP max-width: 736px */

/*===============================================================
	
	レイアウト
	
===============================================================*/
.wide_width {
	width: auto;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.content_width {
	width: auto;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.narrow_width {
	width: auto;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {
.wide_width {
	width: 100%;
}
} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {
.content_width {
	width: 100%;
}
} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {

} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.narrow_width {
	width: 100%;
}
} /* for SP max-width: 800px */

/*===============================================================
	
	content 
	
===============================================================*/
.content {
	margin: 0 auto;
}
.content + .content {
	margin-top: 70px;
}
.headline + .content {
	margin-top: 40px;
}
.content p {
	font-size: 16px;
	line-height: 1.8;
}
.content * + p {
	margin-top: 20px;
}
.content .block {
	margin-top: 60px;
}
.content_bg_white {
  padding: 60px 40px;
  background: #fff;
}
.headline + .content_bg_white {
  margin-top: 20px;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.content {
  margin: 0 auto;
}
.content_bg_white {
  padding: 40px 30px;
}  
  
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.content {
	width: 100%;
	margin: 0 auto;
}
.content + .content {
	margin-top: 8vw;
}
.headline + .content {
	margin-top: 6vw;
}
.content p {
	font-size: 4vw;
	line-height: 1.8;
}
.content * + p {
	margin-top: 3vw;
}
.content .block {
	margin-top: 6vw;
}
.content_bg_white {
  padding: 4vw;
}
.headline + .content_bg_white {
  margin-top: 4vw;
}  
  
} /* for SP max-width: 736px */

/*===============================================================
	
	headline：見出し
	subhead：小見出し
	
===============================================================*/
.headline {
}
.headline_center {
	text-align: center;
}
.headline p {
	font-size: 16px;
}
.headline .title {
  color: #00348E;
	font-size: 30px;
	line-height: 1.6;
}
.headline .read {
	font-size: 20px;
	line-height: 1.6;
	margin-top: 20px;
}
.headline .label {
	font-size: 14px;
	line-height: 1.6;
	margin-top: 0;
	color: #00348E;
	font-weight: bold;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.headline {
  text-align: center;
}
.headline p {
	font-size: 4vw;
}  
.headline .title {
	font-size: 5.5vw;
	padding-bottom: 0px;
} 
.headline .read {
	font-size: 4vw;
	margin-top: 2vw;
}
.headline .label {
	font-size: 3.8vw;
/*	font-size: 3vw;*/
}  

} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	headline_link	
-------------------------------------------------------------*/
.headline_link {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
  align-items: center;
}
.headline_link.between {
	justify-content: space-between;
}
.headline_link p {
  color: #00348E;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
.headline_link .link {
  width: 130px;
  margin-left: 20px;
}
.headline_link .link a {
  position: relative;
  display: block;
  color: #00348E;
  font-size: 16px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #00348E;
  box-sizing: border-box;
}
/*
.headline_link .link a:after {
	position: absolute;
	content: '';
	width: 4px;
	height: 4px;
	top: 0;
	left: auto;
	bottom: 0;
	right: 10px;
	margin: auto;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
*/
.headline_link .link a:hover {
  color: #fff;
  background: #00348E;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.headline_link {
  display: block;
}
.headline_link p {
  color: #00348E;
  font-size: 4vw;
}  
.headline_link .link {
  width: 40%;
  margin: 0 auto;
  margin-top: 4vw;
}
.headline_link .link a {
  font-size: 4vw;
  line-height: 1;
  padding: 3vw 0;
} 

} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	subhead_line	
-------------------------------------------------------------*/
.subhead_line {
  position: relative;
}
.subhead_line:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0; bottom: 0; left: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  background: #00348E;
}
.subhead_line span {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: #00348E;
  font-size: 26px;
  line-height: 1.6;
  font-weight: 700;
  padding-right: 20px;
  background: #fff;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.subhead_line {
}
.subhead_line:after {
  display: none;
}
.subhead_line span {
  font-size: 5.5vw;
  padding-right: 0;
  background: none;
}

} /* for SP max-width: 736px */

/*===============================================================
	
	content_title 
	
===============================================================*/
.content_title {
	text-align: center;
}
.content_title .title {
	font-size: 30px;
	line-height: 1.2;
}
.content_title .read {
	font-size: 20px;
	line-height: 1.4;
	margin-top: 20px;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.content_title .title {
	font-size: 18px;
}
} /* for SP max-width: 736px */

/*===============================================================
	
	btn_detail
	
===============================================================*/
.btn_detail {
	width: 400px;
	margin: 0 auto;
}
* + .btn_detail {
	margin-top: 40px;
}
.btn_detail a {
	position: relative;
	display: block;
	background-color: #092047;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 1;
  font-weight: 700;
	padding: 20px 0;
}
.btn_detail a:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	top: 0;
	left: auto;
	bottom: 0;
	right: 15px;
	margin: auto;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.btn_detail a:hover {
	text-decoration: none;
	background-color: #153E84;
}

.btn_navy a {
  text-decoration: none;
  background: #092047;
}
.btn_navy a:hover {
  background: #153E84;
}
.btn_blue a {
  text-decoration: none;
  background: #00348E;
}
.btn_blue a:hover {
  background: #003FAD;
}
.btn_lightblue a {
  text-decoration: none;
  background: #2057B4;
}
.btn_lightblue a:hover {
  background: #2866D0;
}
.btn_white a {
  color: #00348E;
  text-decoration: none;
  background: #fff;
}
.btn_white a:hover {
  background: #e7f0ff;
}
.btn_orange a {
  text-decoration: none;
  background: #E83A18;
}
.btn_orange a:hover {
  background: #ff4a26;
}
.btn_green a {
  text-decoration: none;
  background: #339900;
}
.btn_green a:hover {
  background: #3FBC00;
}
.btn_arw a {
	position: relative;
}
.btn_arw a:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	top: 0;
	left: auto;
	bottom: 0;
	right: 15px;
	margin: auto;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.btn_white.btn_arw a:after {
	border-top: solid 1px #00348E;
	border-left: solid 1px #00348E;
}
.btn_arw_b a {
	position: relative;
}
.btn_arw_b a:after {
	content: '';
	position: absolute;
	width: 6px; height: 6px;
	top: 0; left: auto; bottom: 0; right: 20px;
	margin: auto;
	border-top: solid 2px #fff;
	border-left: solid 2px #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.btn_white.btn_arw_b a:after {
	border-top: solid 2px #00348E;
	border-left: solid 2px #00348E;
}

.btn_line a {
  background: none;
  border: 1px solid #fff;
}
.btn_line a:hover {
  background: rgba(255,255,255,0.2);
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.btn_detail {
	width: 90%;
	margin: 0 auto;
}
* + .btn_detail {
	margin-top: 6vw;
}  
.btn_detail a {
	font-size: 4vw;
	padding: 4vw 0;
}
.btn_detail a:after {
  width: 6px;
	height: 6px;
	right: 10px;
}
.btn_arw a:after {
  width: 6px;
	height: 6px;
	right: 10px;
}
.btn_arw_b a:after {
	top: 0; left: auto; bottom: 0; right: 10px;
} 
  
} /* for SP max-width: 736px */

/*===============================================================
	
	modal 2016/10/11
		
===============================================================*/
.modal_bg {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	display: none;
	z-index: 9998;
}
.modal {
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	display: none;
	z-index: 9999;
	-webkit-transition: top 0.2s linear, left 0.1s linear;
	transition: top 0.2s linear, left 0.1s linear;
	color: #fff;
}
.modal .close {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0;
	right: 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	z-index: 9999;
}
.modal .close:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 2px;
	background: #fff;
	top: 10px;
	right: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.modal .close:after {
	content: "";
	position: absolute;
	width: 30px;
	height: 2px;
	background: #fff;
	top: 10px;
	right: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.modal .close:hover {
	opacity: 0.7;
}
.modal .modal_container {
	padding: 0;
	position: relative;
}
.modal .modal_contents_wrp {
	position: relative;
	padding: 40px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.modal .modal_inner {
	padding: 30px;
	background: #333;
}
.modal .modal_contents_wrp::-webkit-scrollbar {
	display: none;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.modal {
	width: 100%;
}
.modal .close {
	top: 5px;
	right: 0px;
}
.modal .modal_contents_wrp {
	padding: 30px;
}
.modal .modal_inner {
	padding: 5vw;
}
.modal .close {
	top: 30px;
	right: 0px;
}
} /* for SP max-width: 800px */

/*-------------------------------------------------------------
	.modal .modal_pager
-------------------------------------------------------------*/
.modal .modal_pager li a {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: 30px;
	height: 30px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
.modal .modal_pager li a:after {
	position: absolute;
	content: '';
	width: 15px;
	height: 15px;
	top: 6px;
	left: 0;
	border-top: solid 2px #fff;
	border-left: solid 2px #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.modal .modal_pager li.prev a {
	left: 0;
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.modal .modal_pager li.next a {
	right: 0;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	.modal_container
-------------------------------------------------------------*/
.modal .modal_container .modal_header {}
.modal .modal_container .modal_header h3 {
	font-size: 25px;
	line-height: 1.6;
	text-align: center;
	font-weight: bold;
	text-shadow: none;
}
.modal .modal_container .modal_header p {
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
	font-weight: bold;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.modal .modal_container .modal_header h3 {
	font-size: 6vw;
	line-height: 1.4;
	padding-top: 0;
}
.modal .modal_container .modal_header p {
	font-size: 4vw;
	line-height: 1.6;
}
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	.modal_container
-------------------------------------------------------------*/
.modal .modal_container .modal_body {
}
.modal .modal_container .modal_body h3 {
	font-size: 25px;
	line-height: 1.6;
	font-weight: bold;
	text-shadow: none;
}
.modal .modal_container .modal_body p {
	font-size: 16px;
	line-height: 1.8;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.modal .modal_container .modal_body h3 {
	font-size: 5vw;
	line-height: 1.4;
	padding-top: 0;
}
.modal .modal_container .modal_body p {
	font-size: 4vw;
	line-height: 1.6;
}
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	.modal_container .btn
-------------------------------------------------------------*/
.modal_container .btn {
	width: 400px;
	margin: 0 auto;
	margin-top: 40px;
}
.modal_container .btn a {
	position: relative;
	display: block;
	background-color: #e61e19;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	padding: 15px 0;
}
.modal_container .btn a:hover {
	text-decoration: none;
	background-color: #f00;
}
.modal_container .btn a:after {
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	top: 0;
	left: auto;
	bottom: 0;
	right: 10px;
	margin: auto;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.modal_container .btn {
	width: 100%;
	margin: 0 auto;
	margin-top: 4vw;
}
.modal_container .btn a {
	font-size: 4vw;
	padding: 4vw 0;
}
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	nodata	
-------------------------------------------------------------*/
.modal .nodata {
	padding: 30px 0;
	text-align: center;
}
.modal .nodata h3 {
	font-size: 16px;
}
.modal .closebtn a {
	display: block;
	width: 120px;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	border: solid 1px #fff;
	margin: 0 auto;
	margin-top: 20px;
	box-sizing: border-box;
}
.modal_gamedetail .closebtn a:hover {
	color: #000;
	background: #fff;
	text-decoration: none;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.modal .nodata {
  padding: 4vw 0;
}
.modal .nodata h3 {
  font-size: 4vw;
}
.modal .closebtn a {
  width: 50%;
  font-size: 4vw;
  line-height: 2;
  margin-top: 4vw;
}

} /* for SP max-width: 736px */

/*===============================================================
	
	section_recommendlist
	
===============================================================*/
/*暫定スライダー用*/
.section_inner_mainvisual {
  padding: 0 0 60px !important;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_inner_mainvisual {
  padding: 0 0 8vw !important;
}  
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	top_recommend	
-------------------------------------------------------------*/
.top_recommend {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top_recommend .main {
  position: relative;
  width: 74%;
  background: #fff;
}
.top_recommend .main:after {
  position: absolute;
  bottom: 20px; right: 40px;
  content:'';
  width: 1px;
  height: 30px;
  background: #ddd;
  display: none;
}
/*
.top_recommend .bnr {
  width: 250px;
}
.top_recommend .bnr a {
  display: block;
}
*/
.top_recommend .medal_wrp {
  width: 22%;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.top_recommend {
  box-shadow: none;
}  
.top_recommend .main {
  width: 100%;
}
/*
.top_recommend .bnr {
  display: none;
}
*/
.top_recommend .medal_wrp {
  width: 100%;
  margin-top: 40px;
}  
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.top_recommend .main {
}  
.top_recommend .main:after {
  display: none;
}
.top_recommend .medal_wrp {
  width: 100%;
  margin-top: 8vw;
}  
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	top_recommend	
-------------------------------------------------------------*/
.top_recommend .main .item {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
  /*height: 317px;*/
}
.top_recommend .main .img {
  position: relative;
  overflow: hidden;
  width: 50%;
  height: 100%;
}
.top_recommend .main .img img {
	transition: 0.1s linear transform;
}
.top_recommend .main .linkarea:hover .img img {
	transform: scale(1.05);
}
.top_recommend .main .img .copy {
  position: absolute;
  bottom: 9px; left: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-shadow: 0px 0px 3px rgba(0,0,0,0.8);
}
.top_recommend .main .txt {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 30px 40px;
}
.top_recommend .main .txt .box {
  padding-bottom: 20px;
}
.top_recommend .main .txt .title {
  color: #00348E;
  font-size: 30px;
  line-height: 1.6;
}
.top_recommend .main .txt ul {
}
.top_recommend .main .txt li {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 10px;
}
.top_recommend .main .txt li .tag {
  display: inline-block;
  vertical-align: middle;
  color: #00348E;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  padding: 5px;
  border: 1px solid #00348E;
  margin-right: 10px;
}
.top_recommend .main .txt .btn_detail {
  width: 180px;
  margin-left: 0;
  margin-top: auto;
}
.top_recommend .main .txt .btn_detail a {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 0;
}
.top_recommend .main .linkarea:hover .txt .btn_detail a {
  background: #3FBC00;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {
.top_recommend .main .txt {
  padding: 2vw 3vw;
}
.top_recommend .main .txt .title {
  font-size: 2.5vw;
}
.top_recommend .main .txt ul {
}
.top_recommend .main .txt li {
  font-size: 1.5vw;
  margin-top: 1vw;
}
.top_recommend .main .txt li .tag {
  font-size: 1.3vw;
  padding: 0.5vw;
  margin-right: 1vw;
} 

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.top_recommend .main .txt {
  padding: 30px;
}
.top_recommend .main .txt .title {
  font-size: 30px;
}
.top_recommend .main .txt ul {
}
.top_recommend .main .txt li {
  font-size: 16px;
  margin-top: 10px;
}
.top_recommend .main .txt li .tag {
  font-size: 14px;
  padding: 5px;
  margin-right: 10px;
}  
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.top_recommend .main .item {
  height: auto;
}  
.top_recommend .main .img {
  width: 100%;
  height: auto;
  background: none;
} 
.top_recommend .main .img .copy {
  bottom: 2vw; left: 2vw;
  font-size: 2.5vw;
  text-shadow: 0px 0px 1vw rgba(0,0,0,0.8);
}  
.top_recommend .main .txt {
  width: 100%;
  padding: 4vw;
}
.top_recommend .main .txt .box {
  padding-bottom: 6vw;
}  
.top_recommend .main .txt .title {
  font-size: 5vw;
}
.top_recommend .main .txt li {
  font-size: 3.5vw;
  margin-top: 2vw;
}
.top_recommend .main .txt li .tag {
  font-size: 3vw;
  padding: 1vw;
  margin-right: 2vw;
} 
.top_recommend .main .txt .btn_detail {
  width: 90%;
  margin-left: auto;
}
.top_recommend .main .txt .btn_detail a {
  font-size: 4vw;
  line-height: 1;
	padding: 4vw 0;
} 

} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	slick-arrow
-------------------------------------------------------------*/
.top_recommend .slick-prev {
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: auto; right: 45px; bottom: 15px; top: auto;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	/*background: #000;*/
}
.top_recommend .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
  z-index: 1000;
	left: auto; right: 15px; bottom: 15px; top: auto;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	/*background: #000;*/
}
.top_recommend .slick-prev:hover,
.top_recommend .slick-prev:focus,
.top_recommend .slick-next:hover,
.top_recommend .slick-next:focus {
	color: #000;
	outline: none;
	/*background: #000;*/
}
.top_recommend .slick-prev:hover:before,
.top_recommend .slick-prev:focus:before,
.top_recommend .slick-next:hover:before,
.top_recommend .slick-next:focus:before {
	opacity: 1;
}
.top_recommend .slick-prev.slick-disabled:before,
.top_recommend .slick-next.slick-disabled:before {
	opacity: 1;
}
.top_recommend .slick-prev:before {
	font-family: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content:'';
	position:absolute;
	top:0; bottom:0; left:0; right:0; margin:auto;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	width:12px;
	height:12px;
	transform: rotate(135deg);
	transition: all .1s ease;
	opacity: 1;
}
.top_recommend .slick-prev:hover:before {
	transform: rotate(135deg);
}
.top_recommend .slick-next:before {
	font-family: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content:'';
	position:absolute;
	top:0; bottom:0; left:0; right:0; margin:auto;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	width:12px;
	height:12px;
	transform: rotate(-45deg);
	transition: all .1s ease;
	opacity: 1;
}
.top_recommend .slick-next:hover:before {
	transform: rotate(-45deg);
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.top_recommend .slick-prev {
	left: 5px; right: auto; bottom: 0; top: 23vw;
}
.top_recommend .slick-next {
	left: auto; right: 5px; bottom: 0; top: 23vw;
}
.top_recommend .slick-prev:before {
	border-color: #fff;
}
.top_recommend .slick-next:before {
	border-color: #fff;
}  

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	slick_slider	
-------------------------------------------------------------*/
.slick_slider {
	opacity: 0;
	height: 0;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.slick-initialized {
	opacity: 1;
	height: auto;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}/* for SP max-width: 736px */

/*-------------------------------------------------------------
	medal_wrp	
-------------------------------------------------------------*/
.top_recommend .medal_wrp {
  display: flex;
  flex-direction: column;
  padding: 30px 0;
  background: linear-gradient(230deg, #00348E 0%, #386DCB 100%);
  /*background: #00348E;*/
}
.top_recommend .medal_wrp .box {
  padding-bottom: 20px;
}
.top_recommend .medal_wrp .title {
  color: #fff;
  font-size: 22px;
  line-height: 1.6;
  text-align: center;
  background: url("../images/icon_japanflag.svg") no-repeat top center / 50px auto;
  padding-top: 35px;
}
.top_recommend .medal_wrp .items {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
  align-items: center;
  margin-top: 30px;
}
.top_recommend .medal_wrp .items .item {
  position: relative;
  width: 62px;
  height: 62px;
  margin: 0 5px;
  color: #fff;
  font-size: 34px;
  line-height: 62px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
  letter-spacing: 0;
  box-shadow: 0px 2px 0px rgba(0,0,0,0.3);
}
.top_recommend .medal_wrp .items .item:after {
  content: '';
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  margin: auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.3);
}
.top_recommend .medal_wrp .items .gold {
  background: linear-gradient(0deg, #726200 0%, #ffec00 100%);
}
.top_recommend .medal_wrp .items .silver {
  background: linear-gradient(0deg, #6a6a6a 0%, #eeecec 100%);
}
.top_recommend .medal_wrp .items .bronze {
  background: linear-gradient(0deg, #8f4400 0%, #ffc400 100%);
}
.top_recommend .medal_wrp .btn_detail {
  width: 180px;
  margin-top: auto;
}
.top_recommend .medal_wrp .btn_detail a {
  pointer-events: none;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 0;
}
.top_recommend .medal_wrp.linkarea:hover .btn_detail a {
  background: #3FBC00;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {
.top_recommend .medal_wrp {
  padding: 3vw 0 2vw;
}  
.top_recommend .medal_wrp .title {
  font-size: 1.8vw;
}   

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.top_recommend .medal_wrp {
  text-align: center;
  padding: 30px;
}
.top_recommend .medal_wrp .box {
  padding-bottom: 30px;
}  
.top_recommend .medal_wrp .title {
  display: inline-block;
  font-size: 22px;
  line-height: 1;
  padding-top: 0;
  padding-left: 50px;
  background: url("../images/icon_japanflag.svg") no-repeat left center / 40px auto;
}
.top_recommend .medal_wrp .items {
  margin-top: 20px;
} 
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.top_recommend .medal_wrp {
  width: 100%;
  padding: 5vw 4vw 4vw;
}
.top_recommend .medal_wrp .box {
  padding-bottom: 6vw;
}    
.top_recommend .medal_wrp .title {
  font-size: 5vw;
  padding-left: 12vw;
  background: url("../images/icon_japanflag.svg") no-repeat left center / 9vw auto;
}
.top_recommend .medal_wrp .items {
  margin-top: 4vw;
} 
.top_recommend .medal_wrp .items .item {
  width: 14vw;
  height: 14vw;
  font-size: 7vw;
  line-height: 14vw;
}
.top_recommend .medal_wrp .items .item:after {
  width: 12vw;
  height: 12vw;
}  
.top_recommend .medal_wrp .btn_detail {
  width: 90%;
  margin-left: auto;
}
.top_recommend .medal_wrp .btn_detail a {
  font-size: 4vw;
  line-height: 1;
	padding: 4vw 0;
}   
	
} /* for SP max-width: 736px */

/*===============================================================
	
	locallink
	
===============================================================*/
.locallink { 
}
.locallink ul {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.locallink li {
  font-size: 18px;
  line-height: 1.4;
  border-right: 1px solid #81A4EA;
  border-right: 1px solid rgba(6,52,142,0.2);
}
.locallink li:last-child {
  border-right: none;
}
.locallink li a {
  color: #06348E;
  font-weight: 700;
  text-decoration: none;
  padding: 0 30px;
}
.locallink li a:hover {
  color: #0093FF;
}

.locallink_white li {
  border-right: 1px solid rgba(255,255,255,0.2);
}
.locallink_white li a {
  color: #fff;
}
.locallink_white li a:hover {
  color: #FFF365;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.locallink li a {
  padding: 0 20px;
}  
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.locallink ul {
	justify-content: space-between;
}
.locallink li {
  width: calc(50% - 1px);
  font-size: 3.5vw;
  text-align: center;
  margin-top: 2px;
  border: none;
}
.locallink li.sp_full {
  width: 100%;
}  
.locallink li a {
  position: relative;
  display: block;
  font-weight: normal;
  padding: 2vw;
  background: #fff;
}
.locallink li a:after {
	content: '';
	position: absolute;
	width: 5px; height: 5px;
	top: 0; left: auto; bottom: 0; right: 10px;
	margin: auto;
	border-bottom: solid 1px #06348E;
	border-right: solid 1px #06348E;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
  
.locallink_white li {
  border: none;
}
.locallink_white li a {
  color: #fff;
  background: rgba(255,255,255,0.1);
}
.locallink_white li a:hover {
  color: #FFF365;
}
.locallink_white li a:after {
	border-color: #fff;
}  
	
} /* for SP max-width: 736px */

/*===============================================================
	
	section_sportstop
	
===============================================================*/
.section_sportstop {
  
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	sports_main	
-------------------------------------------------------------*/
.sports_main {
}
.sports_main .head {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
  align-items: center;
}
.sports_main .head .icon {
  width: 80px;
  height: 80px;
  padding: 0;
  margin-right: 10px;
}
.sports_main .head .txt {
  flex: 1;
  color: #00348E;
}
.sports_main .head .txt .label {
  font-size: 14px;
	line-height: 1;
  font-weight: 700;
	margin-top: 0;
}
.sports_main .head .txt .title {
  font-size: 40px;
	line-height: 1.4;
  font-weight: 700;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) { 
.sports_main .head {
}
.sports_main .head .icon {
  width: 14%;
  height: 14%;
  margin-right: 2vw;
}
.sports_main .head .txt .label {
  font-size: 3.5vw;
/*  font-size: 3vw;*/
}
.sports_main .head .txt .title {
  font-size: 5.5vw;
}  
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	sports_main	detail
-------------------------------------------------------------*/
.sports_main .detail {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
  margin-top: 30px;
  background: #fff;
}
.sports_main .detail .img {
  position: relative;
  width: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.sports_main .detail .img:after {
  content: '写真:時事通信';
  position: absolute;
  bottom: 9px; left: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-shadow: 0px 0px 3px rgba(0,0,0,0.8);
}
.sports_main .detail_archery .img {
  background-image: url("../images/sports/archery.jpg");
}
.sports_main .detail_artistic-swimming .img {
  background-image: url("../images/sports/artistic-swimming.jpg");
}
.sports_main .detail_weightlifting .img {
  background-image: url("../images/sports/weightlifting.jpg");
}
.sports_main .detail_canoe .img {
  background-image: url("../images/sports/canoe.jpg");
}
.sports_main .detail_karate .img {
  background-image: url("../images/sports/karate.jpg");
}
.sports_main .detail_swimming .img {
  background-image: url("../images/sports/swimming.jpg");
}
.sports_main .detail_modern-pentathlon .img {
  background-image: url("../images/sports/modern-pentathlon.jpg");
}
.sports_main .detail_golf .img {
  background-image: url("../images/sports/golf.jpg");
}
.sports_main .detail_surfing .img {
  background-image: url("../images/sports/surfing.jpg");
}
.sports_main .detail_football .img {
  background-image: url("../images/sports/football.jpg");
}
.sports_main .detail_cycling .img {
  background-image: url("../images/sports/cycling.jpg");
}
.sports_main .detail_shooting .img {
  background-image: url("../images/sports/shooting.jpg");
}
.sports_main .detail_judo .img {
  background-image: url("../images/sports/judo.jpg");
}
.sports_main .detail_rhythmic-gymnastics .img {
  background-image: url("../images/sports/rhythmic-gymnastics.jpg");
}
.sports_main .detail_water-polo .img {
  background-image: url("../images/sports/water-polo.jpg");
}
.sports_main .detail_skateboarding .img {
  background-image: url("../images/sports/skateboarding.jpg");
}
.sports_main .detail_sport-climbing .img {
  background-image: url("../images/sports/sport-climbing.jpg");
}
.sports_main .detail_3x3-basketball .img {
  background-image: url("../images/sports/3x3-basketball.jpg");
}
.sports_main .detail_sailing .img {
  background-image: url("../images/sports/sailing.jpg");
}
.sports_main .detail_softball .img {
  background-image: url("../images/sports/softball.jpg");
}
.sports_main .detail_artistic-gymnastics .img {
  background-image: url("../images/sports/artistic-gymnastics.jpg");
}
.sports_main .detail_table-tennis .img {
  background-image: url("../images/sports/table-tennis.jpg");
}
.sports_main .detail_taekwondo .img {
  background-image: url("../images/sports/taekwondo.jpg");
}
.sports_main .detail_tennis .img {
  background-image: url("../images/sports/tennis.jpg");
}
.sports_main .detail_diving .img {
  background-image: url("../images/sports/diving.jpg");
}
.sports_main .detail_triathlon .img {
  background-image: url("../images/sports/triathlon.jpg");
}
.sports_main .detail_trampoline-gymnastics .img {
  background-image: url("../images/sports/trampoline-gymnastics.jpg");
}
.sports_main .detail_equestrian .img {
  background-image: url("../images/sports/equestrian.jpg");
}
.sports_main .detail_basketball .img {
  background-image: url("../images/sports/basketball.jpg");
}
.sports_main .detail_badminton .img {
  background-image: url("../images/sports/badminton.jpg");
}
.sports_main .detail_volleyball .img {
  background-image: url("../images/sports/volleyball.jpg");
}
.sports_main .detail_handball .img {
  background-image: url("../images/sports/handball.jpg");
}
.sports_main .detail_beach-volleyball .img {
  background-image: url("../images/sports/beach-volleyball.jpg");
}
.sports_main .detail_fencing .img {
  background-image: url("../images/sports/fencing.jpg");
}
.sports_main .detail_rowing .img {
  background-image: url("../images/sports/rowing.jpg");
}
.sports_main .detail_boxing .img {
  background-image: url("../images/sports/boxing.jpg");
}
.sports_main .detail_hockey .img {
  background-image: url("../images/sports/hockey.jpg");
}
.sports_main .detail_marathon-swimming .img {
  background-image: url("../images/sports/marathon-swimming.jpg");
}
.sports_main .detail_baseball .img {
  background-image: url("../images/sports/baseball.jpg");
	background-position: center right;
}
.sports_main .detail_rugby-sevens .img {
  background-image: url("../images/sports/rugby-sevens.jpg");
}
.sports_main .detail_athletics .img {
  background-image: url("../images/sports/athletics.jpg");
}
.sports_main .detail_wrestling .img {
  background-image: url("../images/sports/wrestling.jpg");
	background-position: center right;
}
.sports_main .detail .txt {
  width: 50%;
  padding: 40px;
}
.sports_main .detail .txt dl {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
  align-items: flex-start;
}
.sports_main .detail .txt dt {
  width: 100px;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  background: #12449A;
  padding: 7px 10px;
  margin-top: 20px;
  box-sizing: border-box;
}
.sports_main .detail .txt dd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(100% - 120px);
  font-size: 18px;
  line-height: 1.4;
  margin-top: 20px;
}
.sports_main .detail .txt dd a + a {
  margin-top: 5px;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.sports_main .detail .txt {
  padding: 3vw;
}  
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.sports_main .detail {
  margin-top: 4vw;
}
.sports_main .detail .img {
  width: 100%;
  background: none;
}
.sports_main .detail .img:after {
  bottom: 2vw; left: 2vw;
  font-size: 2.5vw;
  text-shadow: 0px 0px 1vw rgba(0,0,0,0.8);
}
.sports_main .detail .txt {
  width: 100%;
  padding: 4vw;
} 
.sports_main .detail .txt dl {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
  align-items: flex-start;
  margin-top: 2vw;
}
.sports_main .detail .txt dt {
  width: 25%;
  font-size: 3.5vw;
  padding: 2vw;
  margin-top: 2vw;
}
.sports_main .detail .txt dd {
  width: calc(100% - 30%);
  font-size: 4vw;
  line-height: 1.6;
  margin-top: 2vw;
}
.sports_main .detail .txt dd a + a {
  margin-top: 0;
}  
	
} /* for SP max-width: 736px */

/*===============================================================
	
	section_sportsjtele
	
===============================================================*/
.section_sportsjtele {
  
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	sports_jtele	
-------------------------------------------------------------*/
.sports_jtele {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	background: #fff;
}
.sports_jtele .img {
  width: 42%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.sports_jtele_archery .img {
  background-image: url("../images/sports/jtele/archery.jpg");
}
.sports_jtele_artistic-swimming .img {
  background-image: url("../images/sports/jtele/artistic-swimming.jpg");
}
.sports_jtele_weightlifting .img {
  background-image: url("../images/sports/jtele/weightlifting.jpg");
}
.sports_jtele_canoe .img {
  background-image: url("../images/sports/jtele/canoe.jpg");
}
.sports_jtele_karate .img {
  background-image: url("../images/sports/jtele/karate.jpg");
}
.sports_jtele_swimming .img {
  background-image: url("../images/sports/jtele/swimming.jpg");
}
.sports_jtele_modern-pentathlon .img {
  background-image: url("../images/sports/jtele/modern-pentathlon.jpg");
}
.sports_jtele_golf .img {
  background-image: url("../images/sports/jtele/golf.jpg");
}
.sports_jtele_surfing .img {
  background-image: url("../images/sports/jtele/surfing.jpg");
}
.sports_jtele_football .img {
  background-image: url("../images/sports/jtele/football.jpg");
}
.sports_jtele_cycling .img {
  background-image: url("../images/sports/jtele/cycling.jpg");
}
.sports_jtele_shooting .img {
  background-image: url("../images/sports/jtele/shooting.jpg");
}
.sports_jtele_judo .img {
  background-image: url("../images/sports/jtele/judo.jpg");
}
.sports_jtele_rhythmic-gymnastics .img {
  background-image: url("../images/sports/jtele/rhythmic-gymnastics.jpg");
}
.sports_jtele_water-polo .img {
  background-image: url("../images/sports/jtele/water-polo.jpg");
}
.sports_jtele_skateboarding .img {
  background-image: url("../images/sports/jtele/skateboarding.jpg");
}
.sports_jtele_sport-climbing .img {
  background-image: url("../images/sports/jtele/sport-climbing.jpg");
}
.sports_jtele_3x3-basketball .img {
  background-image: url("../images/sports/jtele/3x3-basketball.jpg");
}
.sports_jtele_sailing .img {
  background-image: url("../images/sports/jtele/sailing.jpg");
}
.sports_jtele_softball .img {
  background-image: url("../images/sports/jtele/softball.jpg");
}
.sports_jtele_artistic-gymnastics .img {
  background-image: url("../images/sports/jtele/artistic-gymnastics.jpg");
}
.sports_jtele_table-tennis .img {
  background-image: url("../images/sports/jtele/table-tennis.jpg");
}
.sports_jtele_taekwondo .img {
  background-image: url("../images/sports/jtele/taekwondo.jpg");
}
.sports_jtele_tennis .img {
  background-image: url("../images/sports/jtele/tennis.jpg");
}
.sports_jtele_diving .img {
  background-image: url("../images/sports/jtele/diving.jpg");
}
.sports_jtele_triathlon .img {
  background-image: url("../images/sports/jtele/triathlon.jpg");
}
.sports_jtele_trampoline-gymnastics .img {
  background-image: url("../images/sports/jtele/trampoline-gymnastics.jpg");
}
.sports_jtele_equestrian .img {
  background-image: url("../images/sports/jtele/equestrian>.jpg");
}
.sports_jtele_basketball .img {
  background-image: url("../images/sports/jtele/basketball.jpg");
}
.sports_jtele_badminton .img {
  background-image: url("../images/sports/jtele/badminton.jpg");
}
.sports_jtele_volleyball .img {
  background-image: url("../images/sports/jtele/volleyball.jpg");
}
.sports_jtele_handball .img {
  background-image: url("../images/sports/jtele/handball.jpg");
}
.sports_jtele_beach-volleyball .img {
  background-image: url("../images/sports/jtele/beach-volleyball.jpg");
}
.sports_jtele_fencing .img {
  background-image: url("../images/sports/jtele/fencing.jpg");
}
.sports_jtele_rowing .img {
  background-image: url("../images/sports/jtele/rowing.jpg");
}
.sports_jtele_boxing .img {
  background-image: url("../images/sports/jtele/boxing.jpg");
}
.sports_jtele_hockey .img {
  background-image: url("../images/sports/jtele/hockey.jpg");
}
.sports_jtele_marathon-swimming .img {
  background-image: url("../images/sports/jtele/marathon-swimming.jpg");
}
.sports_jtele_baseball .img {
  background-image: url("../images/sports/jtele/baseball.jpg");
}
.sports_jtele_rugby-sevens .img {
  background-image: url("../images/sports/jtele/rugby-sevens.jpg");
}
.sports_jtele_athletics .img {
  background-image: url("../images/sports/jtele/athletics.jpg");
}
.sports_jtele_wrestling .img {
  background-image: url("../images/sports/jtele/wrestling.jpg");
}
.sports_jtele .txt {
  width: 58%;
  padding: 40px;
}
.sports_jtele .txt .title {
  color: #00348E;
  font-size: 25px;
  line-height: 1.4;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.sports_jtele .img {
  width: 100%;
}  
.sports_jtele .txt {
  width: 100%;
  padding: 4vw;
}
.sports_jtele .txt .title {
  font-size: 5vw;
}  
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	sports_jtele_link	
-------------------------------------------------------------*/
.sports_jtele_link {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	background: #fff;
}
.sports_jtele_link .img {
	position: relative;
	overflow: hidden;
  width: 42%;
}
.sports_jtele_link .img:after {
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background: url("../images/sports/img_jtele_bnr.jpg") no-repeat center / cover;
	transition: 0.1s linear transform;
}
.sports_jtele_link.linkarea:hover .img:after {
	transform: scale(1.05);
}
.sports_jtele_link .txt {
  width: 58%;
  padding: 40px;
}
.sports_jtele_link .txt .title {
  color: #00348E;
  font-size: 25px;
  line-height: 1.4;
}
.sports_jtele_link .txt p {
  margin-top: 10px;
}
.sports_jtele_link .txt .btn_detail {
  width: 180px;
  margin-right: 0;
  margin-top: 30px;
}
.sports_jtele_link .txt .btn_detail a {
	pointer-events: none;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 0;
}
.sports_jtele_link.linkarea:hover .txt .btn_detail a {
	background: #3FBC00;
}
.sports_jtele_link + .bnr {
  margin-top: 40px;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {
.sports_jtele_link .txt .btn_detail {
  width: 180px;
  margin-top: 20px;
}
.sports_jtele_link .txt .btn_detail a {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 0;
} 	

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.sports_jtele_link .img {
  width: 100%;
}
.sports_jtele_link .img:after {
	display: none;
}
.sports_jtele_link .txt {
  width: 100%;
  padding: 4vw;
}
.sports_jtele_link .txt .title {
  font-size: 4.5vw;
}
.sports_jtele_link .txt .btn_detail {
  width: 90%;
  margin-right: auto;
  margin-top: 6vw;
}
.sports_jtele_link .txt .btn_detail a {
  font-size: 4vw;
  line-height: 1;
	padding: 4vw 0;
}
.sports_jtele_link + .bnr {
  margin-top: 4vw;
}	
	
} /* for SP max-width: 736px */

/*===============================================================
	
	linkarea
	
===============================================================*/
.linkarea {
	/*-webkit-transition:all 0.1s linear;
	transition:all 0.1s linear;*/
}
.linkarea:hover {
	/*opacity: 0.7;*/
}
.haslink {
	cursor:pointer;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
.linkarea:hover {
	opacity:1;
}

}	/* for SP max-width: 736px */


/*===============================================================
	
	section_sportsinfo
	
===============================================================*/

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	sports_info	
-------------------------------------------------------------*/
.sports_info {
}
.sports_info.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
* + .sports_info {
	margin-top: 40px;
}
.sports_info.flex .btn_detail {
	margin: 0;
}
.sports_info.flex .btn_detail:nth-of-type(n+3) {
	margin-top: 30px;
}
.sports_info .btn_detail a {
  border: 1px solid #00348E;
  padding: 29px 0;
}
.sports_info .btn_detail a:hover {
  color: #fff;
  background: #00348E;
}
.sports_info .btn_detail a:hover:after {
  border-color: #fff;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {
.sports_info.flex .btn_detail {
	width: 48%;
	margin-top: 20px;
}
} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.sports_info .btn_detail a {
  padding: 20px 0;
}  
  
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.sports_info .btn_detail a {
  padding: 4vw 0;
} 
.sports_info.flex .btn_detail {
	width: 90%;
	margin: 2vw auto;
}
* + .sports_info {
	margin-top: 6vw;
}
.sports_info.flex .btn_detail:nth-of-type(n+3) {
	margin-top: 2vw;
}
} /* for SP max-width: 736px */

/*===============================================================
	
	section_sportsrecommend
	
===============================================================*/

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*===============================================================
	
	section_sportsrule
	
===============================================================*/

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	sports_txt	
-------------------------------------------------------------*/
.sports_txt {
}
.sports_txt .head {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 700;
}
.sports_txt .head + p {
  margin-top: 0;
}
.sports_txt p + .head {
  margin-top: 30px;
}
.sports_txt .head p + p {
  margin-top: 30px;
}
.sports_txt .numlist {
	display: flex;
	flex-wrap: wrap;
	font-size: 16px;
	line-height: 1.8;
	margin-top: 20px;
}
.sports_txt .numlist .listtitle {
	width: 100%;
	font-weight: normal;
}
.sports_txt .numlist dt {
	width: 20px;
/*	text-align: center;*/
}
.sports_txt .numlist dd {
	width: calc(100% - 35px);
	margin-left: 5px;
}
/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.sports_txt .head {
  font-size: 4.5vw;
}
.sports_txt p + .head {
  margin-top: 3vw;
} 
.sports_txt .head p + p {
  margin-top: 3vw;
}  
.sports_txt .numlist {
  font-size: 4vw;
	margin-top: 3vw;
}
.sports_txt .numlist dt {
	width: 5vw;
}
.sports_txt .numlist dd {
	width: calc(100% - 7vw);
	margin-left: 2vw;
}
} /* for SP max-width: 736px */



/*===============================================================
	
	section_columnlist_2020
	
===============================================================*/
.section_columnlist_2020 {
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_columnlist_2020 .headline .title {
  font-size: 7vw;
}  
	
} /* for SP max-width: 736px */

/*===============================================================
	
	section_columnlist
	
===============================================================*/
.section_columnlist {
  background: #FAFAFA;
}
.section_columnlist .btn_detail a {
  font-weight: 400;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	columnhead	
-------------------------------------------------------------*/
.columnhead {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
  color: #00348E;
}
.columnhead .img {
  width: 184px;
  height: 184px;
  border-radius: 50%;
  overflow: hidden;
}
.columnhead .txt {
  width: calc(100% - 224px);
}
.columnhead .txt .title {
  font-size: 25px;
  line-height: 1.5;
  font-weight: 700;
  border-bottom: 1px solid #00348E;
  padding-bottom: 20px;
}
.columnhead .txt .title .s {
  display: block;
  font-size: 16px;
}
.columnhead .txt p  {
  margin-top: 20px;
}
.columnhead .txt a {
  color: #147DA9;
  text-decoration: underline;
}
.columnhead .txt a:hover {
  text-decoration: none;
}
.center_txt {
	text-align: center;
}
/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) { 

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.columnhead {
  display: block;
  position: relative;
}
.columnhead .img {
  position: absolute;
  top: 0; right: 0;
  width: 20vw;
  height: 20vw;
}
.columnhead .txt {
  width: 100%;
  margin-top: 0;
} 
.columnhead .txt .title {
  padding-right: 23vw;
  font-size: 4.5vw;
}
.columnhead .txt .title .s {
  font-size: 4vw;
  font-weight: 400;
}  
.columnhead .txt p  {
  margin-top: 4vw;
}
.columnhead .txt p + p {
  margin-top: 2vw;
}
  
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	object_fit_img	
-------------------------------------------------------------*/
.object_fit_img {
}
.object_fit_img .img_contain {
	width: 100%;
	/*height: 167px;*/
	object-fit:contain;
	font-family:'object-fit:contain;'
}
.object_fit_img .img_cover {
	width: 100%;
	/*height: 167px;*/
	object-fit:cover;
	font-family:'object-fit:cover; object-position:top center;'
}
.top_recommend .object_fit_img .img_cover {
	height: 317px;
}
.columnlist .object_fit_img .img_cover {
	height: 167px;
}
.rel_columnlist .object_fit_img .img_cover {
	height: 138px;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) { 
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.top_recommend .object_fit_img .img_cover {
	height: auto;
}  
.columnlist .object_fit_img .img_cover {
	height: 24.5vw;
} 
.rel_columnlist .object_fit_img .img_cover {
	height: 46.2vw;
}

} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	columnlist	
-------------------------------------------------------------*/
.columnlist {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
  margin-top: -30px;
}
.columnlist .item {
  width: 24.7%;
  margin-right: 0.4%;
  box-sizing: border-box;
  margin-top: 30px;
}
.columnlist .item:nth-child(4n) {
  margin-right: 0;
}
.columnlist .item a {
  display: block;
  height: 100%;
  text-decoration: none;
  background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.05);
  transition: transform .1s linear,box-shadow .1s linear;
}
.columnlist .item a:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.columnlist .item_new a {
  position: relative;
}
.columnlist .item_new a:after {
  content: 'NEW';
	position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  padding: 5px 8px;
  background: #CC0000;
}
.columnlist .item .img {
}
.columnlist .item .txt {
  padding: 15px 20px 20px;
}
.columnlist .item .txt .head {
  color: #333;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
}
.columnlist .item .txt .date {
  color: #333;
  font-size: 12px;
  line-height: 1.6;
  margin-top: 15px;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) { 

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.columnlist .item {
  width: 33%;
  margin-right: 0.5%;
}
.columnlist .item:nth-child(4n) {
  margin-right: 0.5%;
}   
.columnlist .item:nth-child(3n) {
  margin-right: 0;
} 
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.columnlist {
  margin-top: -6vw;
}
.section_columnlist_2020 .columnlist {
  margin-top: -4vw;
}
.columnlist .item {
  width: 47%;
  margin-right: 6%;
  margin-top: 6vw;
}
.columnlist .item:nth-child(4n) {
  margin-right: 0;
}  
.columnlist .item:nth-child(3n) {
  margin-right: 6%;
}
.columnlist .item:nth-child(2n) {
  margin-right: 0;
}
.columnlist .item a {
}
.columnlist .item a:hover {
}
.columnlist .item_new a:after {
  content: 'NEW';
  font-size: 3.5vw;
  padding: 1vw 1.5vw;
}  
.columnlist .item .txt {
  padding: 3vw 3vw 4vw;
}
.columnlist .item .txt .head {
  font-size: 3.5vw;
}
.columnlist .item .txt .date {
  font-size: 3vw;
  margin-top: 2vw;
}  
	
} /* for SP max-width: 736px */

/*===============================================================
	
	section_column_detail
	
===============================================================*/
.section_column_detail {
}
.section_column_detail .section_inner {
  padding-top: 60px !important;
}
.section_column_detail .btn_detail.btn_white a {
  font-weight: normal;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_column_detail .section_inner {
  padding-top: 0 !important;
  padding-left: 0;
  padding-right: 0;
}
.section_column_detail .btn_detail {
  width: 81%;
}   
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	column_detail
-------------------------------------------------------------*/
.column_detail {
  color: #333;
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.column_detail .tag {
  width: 100%;
}
.column_detail .main {
  width: calc(100% - 300px);
}
.column_detail .sub {
  width: 300px;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.column_detail .main {
  width: calc(100% - 220px);
}  
.column_detail .sub {
  width: 220px;
}  
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.column_detail .main {
  width: 100%;
}
.column_detail .sub {
  width: 100%;
} 
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	column_detail tag
-------------------------------------------------------------*/
.column_detail .tag {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
  align-items: center;
  padding-bottom: 40px;
}
.column_detail .tag .img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
}
.column_detail .tag .title {
  flex: 1;
  color: #00348E;
  font-size: 25px;
  line-height: 1.5;
  font-weight: 700;
}
.column_detail .tag .title .s {
  display: block;
  font-size: 16px;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {

  
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.column_detail .tag {
  padding: 5vw;
}
.column_detail .tag .img {
  width: 14vw;
  height: 14vw;
  margin-right: 3vw;
}
.column_detail .tag .title {
  font-size: 3.8vw;
}
.column_detail .tag .title .s {
  font-size: 3vw;
  font-weight: 400;
}
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	column_detail main
-------------------------------------------------------------*/
.column_detail .main {
  background: #fff;
}
.column_detail .head_wrp {
  padding: 40px;
}
.column_detail .head_wrp .date {
  color: #91918F;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 0;
}
.column_detail .head_wrp .title {
  color: #092047;
  font-size: 30px;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 10px;
}
.column_detail .main_photo {
}
.column_detail .main_photo_caption {
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  padding: 0 50px;
  margin-top: 10px;
}
.column_detail .box {
  padding: 50px;
}
.column_detail .box .sns_share {
	height: 20px;
  overflow: hidden;
}
.column_detail .box .sns_share ul {
	float: right;
}
.column_detail .box .sns_share ul li {
	float: left;
	margin-left: 10px;
}
.column_detail .box .column {
  margin-top: 40px;
}
.column_detail .box .column .head {
  font-size: 24px;
  line-height: 1.6;
}
.column_detail .box .column * + .head {
  margin-top: 30px;
}
.column_detail .box .column p {
  font-size: 16px;
  line-height: 1.8;
  margin-top: 0;
}
.column_detail .box .column * + p {
  margin-top: 20px;
}
.column_detail .box .sign {
  width: 140px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: 0;
  text-align: center;
}
.column_detail .box .sign p {
  font-size: 14px;
  margin-top: 0;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.column_detail .head_wrp {
  padding: 30px;
}
.column_detail .head_wrp .title {
  font-size: 28px;
  margin-top: 5px;
} 
.column_detail .main_photo_caption {
  padding: 0 30px;
}  
.column_detail .box {
  padding: 30px;
}  
  
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.column_detail .head_wrp {
  padding: 5vw;
}
.column_detail .head_wrp .date {
  font-size: 3.5vw;
}
.column_detail .head_wrp .title {
  font-size: 5vw;
  margin-top: 1vw;
}
.column_detail .main_photo_caption {
  font-size: 3vw;
  text-align: left;
  padding: 0 5vw;
  margin-top: 2vw;
}  
.column_detail .box {
  padding: 5vw 5vw 10vw;
}
.column_detail .box .column {
	margin-top: 8vw;
}  
.column_detail .box .column .head {
  font-size: 5vw;
}
.column_detail .box .column * + .head {
  margin-top: 4vw;
}
.column_detail .box .column p {
  font-size: 4vw;
}
.column_detail .box .column * + p {
  margin-top: 2vw;
}
.column_detail .box .sign {
  width: 30vw;
  margin-top: 8vw;
}
.column_detail .box .sign p {
  font-size: 4vw;
}  
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
  rel_columnlist	
-------------------------------------------------------------*/
.column_detail .rel_columnlist {
  margin-top: 50px;
}
.column_detail .rel_columnlist .title {
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
}
.column_detail .rel_columnlist .items {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.column_detail .rel_columnlist .item {
  width: 30%;
  margin-right: 5%;
  margin-top: 20px;
}
.column_detail .rel_columnlist .item a {
  display: block;
  text-decoration: none;
}
.column_detail .rel_columnlist .item:nth-child(3n) {
  margin-right: 0;
}
.column_detail .rel_columnlist .item .img {
  overflow: hidden;
}
.column_detail .rel_columnlist .item a .img img {
  transition: transform .1s linear;
}
.column_detail .rel_columnlist .item a:hover .img img {
  transform: scale(1.1);
}
.column_detail .rel_columnlist .item .txt {
  margin-top: 10px;
}
.column_detail .rel_columnlist .item .txt .head {
  color: #333;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
}
.column_detail .rel_columnlist .item a:hover .txt .head {
  text-decoration: underline;
}
.column_detail .rel_columnlist .item .txt .date {
  color: #333;
  font-size: 12px;
  line-height: 1.6;
  margin-top: 10px;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) { 

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.column_detail .rel_columnlist {
  margin-top: 10vw;
}
.column_detail .rel_columnlist .title {
  font-size: 5vw;
}
.column_detail .rel_columnlist .items {
}  
.column_detail .rel_columnlist .item {
  width: 100%;
  margin-right: 0;
  margin-top: 6vw;
}
.column_detail .rel_columnlist .item:nth-child(3n) {
  margin-right: 0;
} 
.column_detail .rel_columnlist .item .txt {
  margin-top: 3vw;
}
.column_detail .rel_columnlist .item .txt .head {
  font-size: 4vw;
}
.column_detail .rel_columnlist .item .txt .date {
  font-size: 3vw;
  margin-top: 1vw;
}  
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
  link
-------------------------------------------------------------*/
.column_detail .linktxt {
  font-size: 16px;
  line-height: 1.5;
	text-align: center;
	padding: 25px;
	margin-top: 50px;
	background: #F4F4F4;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) { 

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) { 
.column_detail .linktxt {
	font-size: 4vw;
  padding: 4vw;
  margin-top: 6vw;
}

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
  btn_l
-------------------------------------------------------------*/
.column_detail .btn_l {
  margin-top: 50px;
}
.column_detail .btn_l a {
  display: block;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  padding: 30px 0;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) { 

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) { 
.column_detail .btn_l {
  margin-top: 6vw;
}
.column_detail .btn_l a {
  font-size: 4vw;
  padding: 4vw 0;
}

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	column_detail sub	
-------------------------------------------------------------*/
.column_detail .sub {
  background: #fff;
}
.column_detail .btn_blue {
}
.column_detail .btn_blue a {
  display: block;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  padding: 40px 0;
}
.column_detail .btn_lightblue a {
  display: block;
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  text-align: center;
  padding: 40px 0;
}
.column_detail .btn_lightblue a:after {
  top: auto; bottom: 20px; left: 0; right: 0;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.column_detail .sub {
  background: #fff;
}  
.column_detail .btn_blue a {
  padding: 32px 0;
}
.column_detail .btn_blue a:after {
  right: 15px;
}  
.column_detail .btn_lightblue a {
  padding: 32px 0;
}
.column_detail .btn_lightblue a:after {
  bottom: 15px;
}   
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.column_detail .btn_blue a {
  font-size: 4vw;
  padding: 4vw 0;
}
.column_detail .btn_blue a:after {
}
.column_detail .btn_lightblue a {
  pointer-events: none;
  cursor: inherit;
  font-size: 4.5vw;
  padding: 4vw 0;
}
.column_detail .btn_lightblue a:after {
  display: none;
}
  
.column_detail .tag .btn {
  width: 100%;
  margin-top: 4vw;
} 
.column_detail .tag .btn a {
  display: block;
  color: #00348E;
  font-size: 3.5vw;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  padding: 4vw 0;
  background: none;
  border: 1px solid #00348E;
}
.column_detail .tag .btn a:after {
  border-color: #00348E;
  border-width: 1px;
} 
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	column_detail sub backnumber	
-------------------------------------------------------------*/
.column_detail .backnumber {
}
.column_detail .backnumber.active {
}
.column_detail .backnumber .item {
  border-bottom: 1px solid #ddd;
}
.column_detail .backnumber .item a {
  display: block;
  color: #333;
  text-decoration: none;
  padding: 20px;
  background: #fff;
}
.column_detail .backnumber .item a:hover {
  background: #e7f0ff;
}
.column_detail .backnumber .item .img {
  width: 29%;
}
.column_detail .backnumber .item .box {
  width: 67%;
}
.column_detail .backnumber .item .date {
  color: #91918F;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
}
.column_detail .backnumber .item_new .date:after {
  content: 'NEW';
  color: #CC0000;
  font-weight: 700;
  margin-left: 10px;
}
.column_detail .backnumber .item p {
  /*display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;*/
  color: #333;
  font-size: 13px;
  line-height: 1.6;
  font-weight: 700;
  margin-top: 3px;
}
/*トリミングIE対応*/
@media all and (-ms-high-contrast: none) {
  .column_detail .backnumber .item p { 
    /*display: block;
    overflow: hidden;
    height: 41.6px;*/ /* 13px 1.6 * 2lines */
  }
}

.column_detail .backnumber + .more {
}
.column_detail .backnumber + .more a {
  display: block;
  color: #00348E;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
	padding: 20px 0;
}
.column_detail .backnumber + .more a:hover {
  opacity: 0.7;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {

	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.column_detail .backnumber {
	/*height: 108vw;*/
}
.column_detail .backnumber .item a {
  padding: 5vw;
}  
.column_detail .backnumber .item .date {
  font-size: 3vw;
  line-height: 1.2;
  font-weight: 400;
}
.column_detail .backnumber .item_new .date:after {
  margin-left: 2vw;
}
.column_detail .backnumber .item p {
  font-size: 3.5vw;
  margin-top: 2vw;
}
/*トリミングIE対応*/
@media all and (-ms-high-contrast: none) {
  .column_detail .backnumber .item p { 
    /*display: block;
    overflow: hidden;
    height: 12.8vw;*/ /* 4vw 1.6 * 2lines */
  }
}
.column_detail .backnumber + .more a {
	font-size: 4vw;
	padding: 4vw 0;
} 

} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	nodata_box
-------------------------------------------------------------*/
.thiscontents .nodata_box {
  display: none;
	text-align: center;
	padding: 20px;
	background: rgba(0,0,0,0.05);
	border: solid 0px #ddd;
  box-sizing: border-box;
}
.section_columnlist_top .nodata_box {
  margin-top: 60px;
}
.rel_columnlist .nodata_box {
  margin-top: 30px;
}
.nodata_box .caption {
	font-size: 14px;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}
.thiscontents .nodata_box .btn {
	margin-top: 10px;
}
.thiscontents .nodata_box .btn a {
	display: inline-block;
	padding: 10px 20px;
	text-align: center;
	color: #fff;
	background: #555;
	font-size: 16px;
	line-height: 1;
}
.thiscontents .nodata_box .btn a:hover {
	text-decoration: none;
	background: #333;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.thiscontents .nodata_box {
  padding: 4vw;
}
.section_columnlist_top .nodata_box {
  margin-top: 12vw;
}
.rel_columnlist .nodata_box {
  margin-top: 6vw;
}  
.nodata_box .caption {
	font-size: 4vw;
}  
.thiscontents .nodata_box .btn {
	display: none;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	section_sportslist
	
===============================================================*/
.section_sportslist {
  color: #fff;
  background: #092047;
}
.section_sportslist .section_inner {
}
.section_sportslist .headline .title {
  color: #fff;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	sportslist	
-------------------------------------------------------------*/
.sportslist {
}
.sportslist ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
  margin-top: -25px;
}
.sportslist li {
	width: 18.5%;
  margin-right: 1.875%;
  margin-top: 25px;
}
.sportslist li:nth-child(5n) {
  margin-right: 0;
}
.sportslist li a {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
  align-items: center;
  text-decoration: none;
}
.sportslist li a:hover {
}
.sportslist li a .pict {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.sportslist li a .txt {
  flex: 1;
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  text-decoration: none;
  transition: color .1s linear;
}
.sportslist li a:hover .txt {
  color: #0093FF;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {
.sportslist li {
	width: 23.5%;
  margin-right: 2%;
}
.sportslist li:nth-child(5n) {
  margin-right: 2%;
}
.sportslist li:nth-child(4n) {
  margin-right: 0;
}   

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.sportslist li {
	width: 32%;
  margin-right: 2%;
}
.sportslist li:nth-child(4n) {
  margin-right: 2%;
}  
.sportslist li:nth-child(3n) {
  margin-right: 0;
}   
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.sportslist li {
	width: 48%;
  margin-right: 4%;
}
.sportslist li:nth-child(5n) {
  margin-right: 4%;
}  
.sportslist li:nth-child(4n) {
  margin-right: 0;
}  
.sportslist li:nth-child(3n) {
  margin-right: 4%;
}
.sportslist li:nth-child(2n) {
  margin-right: 0;
}  
.sportslist li a .pict {
  width: 10vw;
  height: 10vw;
  margin-right: 2vw;
}
.sportslist li a .txt {
  font-size: 3.5vw;
} 
  
} /* for SP max-width: 736px */

/*===============================================================
	
	section_venuelist
	
===============================================================*/
.section_pickup_sportslist {
}
.section_pickup_sportslist .imglist {
  position: relative;
}
.section_pickup_sportslist .imglist:after {
  content: '写真:時事通信';
  position: absolute;
  top: 10px; right: 0;
  margin: auto;
  color: #000;
  font-size: 12px;
  line-height: 1;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.section_pickup_sportslist .imglist:after {
  top: 15px;
}
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_pickup_sportslist .imglist {
  padding-top: 4vw;
}  
.section_pickup_sportslist .imglist:after {
  top: 3vw;
  font-size: 2.5vw;
} 
  
} /* for SP max-width: 736px */

/*===============================================================
	
	section_venuelist
	
===============================================================*/
.section_venuelist {
}
/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	imglist	
-------------------------------------------------------------*/
.imglist {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
  margin-top: -40px;
}
.imglist .item {
  position: relative;
  width: 31%;
  margin-right: 3.5%;
  margin-top: 40px;
}
.imglist .item:nth-child(3n) {
  margin-right: 0;
}
.imglist .item a {
  display: block;
  overflow: hidden;
}
.imglist .item a img {
  transition: transform .1s linear,box-shadow .1s linear;
}
.imglist .item a:hover img {
  transform: scale(1.05);
}
.imglist .item p {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%;
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  padding: 10px;
  background: rgba(0,0,0,0.5);
}
.imglist + .btn_detail {
  margin-top: 60px;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.imglist {
  margin-top: -4vw;
}  
.imglist .item {
  width: 48%;
  margin-right: 4%;
  margin-top: 4vw;
}
.imglist .item:nth-child(3n) {
  margin-right: 4%;
}
.imglist .item:nth-child(2n) {
  margin-right: 0;
}
.imglist .item p {
  font-size: 3vw;
  padding: 1vw;
} 
.imglist + .btn_detail {
  margin-top: 6vw;
}  
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	チェックボックス
-------------------------------------------------------------*/
.checkbox li {
	padding: 0;
}
.checkbox li:nth-child(4),
.checkbox li:nth-child(5),
.checkbox li:nth-child(6) {
	margin-top: 10px;
}
.agreebox {
	font-size: 14px; 
	line-height: 20px;
	text-align: center;
	padding-top: 20px;
}
.checkbox li input,
.agreebox input {
	width: auto;
	display: none;
  border: 0;
  margin: 0;
}
/*　チェックボックスの装飾　*/
.checkbox li label,
.agreebox label {
	display: inline-block;
	vertical-align: middle; 
	position: relative;
	font-size: 14px; 
	line-height: 20px;
	padding-left: 24px;
	cursor: pointer;
}
.checkbox li label:before,
.agreebox label:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 10%;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.checkbox li label:after,
.agreebox label:after {
  content: "";
	position: absolute;
	top: -4px;
  left: 7px;
	margin: auto;
  width: 6px;
  height: 16px;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transform: rotate(40deg);
	transition: border-bottom-color, border-right-color .2s linear;
}
.checkbox li input:checked + label:after,
.agreebox input:checked + label:after {
	border-color: #2057b4;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.checkbox li {
	width: 100%;
}	
.checkbox li + li {
	margin-top: 3vw;
}
.checkbox li label,
.agreebox label {
	font-size: 4vw; 
}	
.agreebox {
	font-size: 4vw; 
	text-align: left;
	padding-top: 3vw;
}

.checkbox li label,
.agreebox label {
	font-size: 4vw; 
	line-height: 5vw;
	padding-left: 7vw;
	cursor: pointer;
}
.checkbox li label:before,
.agreebox label:before {
	width: 5vw;
	height: 5vw;
}
.checkbox li label:after,
.agreebox label:after {
	top: -2vw;
  left: 2vw;
  width: 2vw;
  height: 4vw;
}

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.セレクト 
-------------------------------------------------------------*/
.select {
	background: #fff;
}
.select option {
	color: #333;
	background: #fff;
}
.select optgroup.area {
	color: #333;
	background: #eee;
}
/*	 セレクタの装飾 */
.select_wrap {
	position: relative;
	overflow: hidden;
	display: inline-block;

	color: #333;
	background-color: #fff;
	background-image: -webkit-linear-gradient(top, #fff 0%, #fafafa 100%);
	background-image: linear-gradient(top, #fff 0%, #fafafa 100%);
	border: 1px solid #ddd;
	border-radius: 3px;
	box-sizing: border-box;
	transition: all 0.1s linear;
}
.select_wrap:hover {
	border: 1px solid #999;
}
.select_wrap2 {
	min-width: 20em;
}
.select_wrap3 {
	min-width: 10em;
	margin-right: 5px;
}
.select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	z-index: 2;
	display: block;
	width: 200%;
	/* fallback non calc support */
	width: calc(100% + 5em);
	width: 100%;
	margin: 0;
	padding: 10px;
	font-size: 14px;
	line-height: 1.6;
	background: transparent;
	border: 0;
	outline: none;
	cursor: pointer; 
}
.select_wrap:after {
	content: '';
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 5px;
	height: 5px;
	border-top: 4px solid rgba(0,0,0,0.5);
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid transparent;
	box-sizing: border-box;
}
.select_wrap:before {
	content: '';
	position: absolute;
	top: 10px;
	right: 10px;
	width: 5px;
	height: 5px;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid rgba(0,0,0,0.5);
	border-left: 4px solid transparent;
	box-sizing: border-box;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
/*	 セレクタの装飾 */
.select_wrap {
	min-width: auto;
	width: 100%;
	padding: 0;
	margin: 0;
}
.select_wrap + .select_wrap {
	margin-top: 10px;
}	
.select {
	font-size: 3vw;
/*	font-size: 4.5vw;*/
	padding: 10px;
}
.select_wrap:after {
	content: '';
	position: absolute;
	bottom: 8px;
	right: 10px;
	width: 5px;
	height: 5px;
	border-top: 4px solid rgba(0,0,0,0.5);
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid transparent;
	box-sizing: border-box;
}
.select_wrap:before {
	content: '';
	position: absolute;
	top: 8px;
	right: 10px;
	width: 5px;
	height: 5px;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid rgba(0,0,0,0.5);
	border-left: 4px solid transparent;
	box-sizing: border-box;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	icon
	
===============================================================*/
.icon {
	font-size: 12px;
	line-height: 1;
	padding: 3px 5px;
	color: #fff;
	margin-right: 10px;
  min-width: 4em;
  display: inline-block;
  text-align: center;
}
.icon_live {
	background: #6fac41;
}
.icon_rec {
	background: #E83A18;
}
.icon_onair {
	background: #FFB100;
}
.icon_japanflag img {
	height: 20px;
	width: auto;
	margin-right: 5px;
	vertical-align: middle;
}
.icon_medal img {
	width: 20px;
	height: 25px;
	vertical-align: middle;
}
.icon_none {
	width: 20px;
	height: 25px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.icon_none::after {
	content:'';
	position:absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
	width:15px;
	height:15px;
	background: #DFDFDF;
	border-radius: 15px;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.icon {
	font-size: 3vw;
	line-height: 1.8;
	padding: 0.2vw 2vw;
}

	
}/* for SP max-width: 736px */


/*===============================================================
	
	search_panel
	
===============================================================*/
.search_panel {
	background: rgba(0,0,0,0.05);
	padding: 10px 20px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items: center;
	margin-top: 30px;
	border-radius: 5px;
}
.search_panel .panels {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items: center;
	width: calc(100% - 5em);
}
.search_panel .item {
	margin-right: 15px;
	padding: 0;
	vertical-align: middle;
	max-height: 44px;
}
.search_panel .title {
}
.search_panel .select_wrap {
	width: 200px;
}
.search_panel .checkbox {
	width: auto;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-left: auto;
	margin-right: 0;
}
.search_panel .checkbox li {
	margin-left: 20px;
}
.search_panel .icon_japanflag img {
	height: 20px;
	width: auto;
	margin-right: 5px;
	vertical-align: middle;
}
.search_panel .medal .icon_medal img {
	height: 25px;
	width: auto;
}
.search_panel .accordion_btn {
	display: none;
}
.search_panel + .note {
	color: #666;
	font-size: 12px;
	margin-top: 5px;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1050px) {
.search_panel {
	padding: 10px;
}
.search_panel .item {
	margin-right: 10px;
}
.search_panel .checkbox li {
	margin-left: 10px;
}
.search_panel .select_wrap {
	width: 170px;
}
.search_panel .checkbox li label {
	font-size: 12px;
}

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.search_panel {
	padding: 3vw;
	flex-direction:column;
	margin-top: 4vw;
	position: relative;
}
.search_panel.active {
/*	padding-bottom: 5vw;*/
}
.search_panel .item {
	margin-left: 0;
  margin-right: 0;
	margin-top: 2vw;
	max-height: inherit;
/*	width: 100%;*/
	padding-top: 2vw;
}
.search_panel .item:nth-child(1) {
	width: 40%;
}
.search_panel .item:nth-child(2) {
	width: 59%;
	margin-left: 1%;
}

.search_panel .panels {
	border-top: solid 1px #ccc;
	margin-top: 3vw;
/*	margin-top: 3vw;*/
	width: 100%;
}

.search_panel .title {
	font-size: 3.5vw;
	width: 100%;
}
.search_panel .select_wrap {
	width: 100%;
	display: block;
}
.search_panel .checkbox {
	width: 100%;
/*	margin-top: 0vw;*/
	margin-top: 2vw;
	display: flex;
	justify-content: flex-start;
}
.search_panel .checkbox li {
	margin-left: 0;
	width: auto;
/*	width: 50%;*/
}
.search_panel .checkbox li label {
	font-size: 3vw;
}
.search_panel .checkbox li + li {
	margin-top: 0;
	margin-left: 4vw;
}
.search_panel .icon img {
	height: 5vw;
	width: auto;
	margin-right: 5px;
	vertical-align: middle;
}
.search_panel .medal .icon img {
	height: 6vw;
	width: auto;
}
.search_panel .accordion_btn {
	display: block;
	position: absolute;
	top: 3vw;
	right: 5vw;
}
.search_panel .accordion_btn a {
	display: block;
	width: 5vw;
	height: 5vw;
	position: relative;
	overflow: hidden;
	text-indent: -200%;
	white-space: normal;
}
.search_panel .accordion_btn a::after,
.search_panel .accordion_btn a::before {
	content:'';
	position:absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
	width:5vw;
	height:1px;
	background: #777;
	transition: all 0.3s;
}
.search_panel .accordion_btn a::before {
	transform: rotate(90deg);
}
.search_panel.active .accordion_btn a::before {
	transform: rotate(0deg);
}
	
	
} /* for SP max-width: 736px */


/*===============================================================
	
	schedule_list
	
===============================================================*/
.schedule_list {
	margin-top: 20px;
	background: #fff;
  box-shadow: 0 0 30px rgba(0,0,0,0.05);
}
.headline + .schedule_list {
	margin-top: 40px;
}
.schedule_list .one_day .date {
	background: #000;
	color: #fff;
	font-size: 25px;
	line-height: 1;
	padding: 10px 30px;
	font-weight: bold;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.schedule_list {
	margin-top: 8vw;
  box-shadow: 0 0 5vw rgba(0,0,0,0.05);
}
.headline + .schedule_list {
	margin-top: 4vw;
}
.schedule_list .one_day .date {
	font-size: 5vw;
	padding: 3vw;
}
}/* for SP max-width: 736px */

/*===============================================================
	
	schedule_list program
	
===============================================================*/
.schedule_list .program {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	position: relative;
  transition: all 0.2s;
  align-items: center;
}

.schedule_list .program + .program {
	border-top: solid 1px #acacac;
}
.schedule_list .program_status {
	width: 28%;
	padding: 30px;
	padding-right: 0;
}
.schedule_list .competition_wrp {
	width: 71%;
}
.schedule_list .program_status.now_onair::after {
	content:'ONAIR';
	position:absolute;
	top: 0;left: 0;
	margin: auto;
	width:120px;
	height:22px;
	background:#FFB100;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	transition: all 1s;
	animation-name: onair;
	animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
}
.schedule_list .program_status.now_onair::before {
	content:'';
	position:absolute;
	top: 22px; left: 20px;
	margin: auto;
	width:10px;
	height:10px;
	border-top: 5px solid #FFB100;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
	border-right: 5px solid #FFB100;
	border-width: 5px;
	transform: translate(0,0);
	box-sizing:border-box;
	transition:all .3s;
	z-index: 5;
	animation-name: onair_arw;
	animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
}

@keyframes onair {
	0% {
		background:#FFC200;
	}
	50% {
		background:#FF6F00;
	}
	100% {
		background:#FFC200;
	}
}
@keyframes onair_arw {
	0% {
		border-top-color:#FFC200;
		border-right-color:#FFC200;
	}
	50% {
		border-top-color:#FF6F00;
		border-right-color:#FF6F00;
	}
	100% {
		border-top-color:#FFC200;
		border-right-color:#FFC200;
	}
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.schedule_list .program {
	flex-direction:column;
}
.schedule_list .program + .program {
	border-top: solid 1px #000;
}
.schedule_list .program_status {
	width: 100%;
	padding: 5vw;
	padding-top: 6vw;
}
.schedule_list .competition_wrp {
	width: 100%;
}
.schedule_list .program_status.now_onair::after {
	content:'ONAIR';
	position:absolute;
	top: 0vw;

	margin: auto;
	width:auto;
	height:auto;
	padding: 0 3vw;
	font-size: 3.5vw;
	line-height: 6vw;
}
.schedule_list .program_status.now_onair::before {
	top: 4vw; left: 0vw;
	border-width: 2vw;
}
	
}/* for SP max-width: 736px */


/*-------------------------------------------------------------
	competition	
-------------------------------------------------------------*/
.schedule_list .competition {
	position: relative;
	padding: 30px;
	padding-right: 50px;
	background: #fff;
  transition: all 0.2s;
}
.schedule_list .program.program_hover,
.schedule_list .competition.hover {
	background: #F2F7F8;
}
.schedule_list .competition + .competition {
	padding-top: 30px;
	border-top: solid 1px #acacac
}
.schedule_list .competition::before,
.schedule_list .competition::after{
	content:'';
	position:absolute;
	top: 0; bottom: 0; right: 15px;
	margin: auto;
	border:solid 1px #acacac;
	width:20px;
	height:20px;
	transition: all 0.3s;
	border-radius: 50%;
}
.schedule_list .competition::after{
	width:7px;
	height:7px;
	border-top:none;
	border-left:none;
	transform: rotate(-45deg) translate(-6px,-6px);
	border-radius: 0;
}
.schedule_list .competition:hover::before{
	border:solid 1px #000;
	background: #000;
}
.schedule_list .competition:hover::after{
	border-color: #fff;
}
.schedule_list .competition a {
	color: #000;
	display: block;
}
.schedule_list .competition .title a:hover {
	text-decoration: none;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.schedule_list .competition {
	padding: 5vw;
  padding-top: 4vw;
	border-top: dashed 1px #acacac
}
.schedule_list .competition + .competition {
	padding-top: 5vw;
	border-top: dashed 1px #acacac
}
.schedule_list .competition::before,
.schedule_list .competition::after{
	right: 3vw;
	width:5vw;
	height:5vw;
	top: 5vw;
	bottom: auto;
}
.schedule_list .competition::after{
	width:2vw;
	height:2vw;
	transform: rotate(-45deg) translate(-1.4vw,-1.4vw);
	top: 6.8vw;
}
.schedule_list .competition:hover::before{
	border:solid 1px #000;
	background: #000;
}

}/* for SP max-width: 736px */


/*-------------------------------------------------------------
	detail	
-------------------------------------------------------------*/
.schedule_list .detail {
/*	margin-top: 10px;*/
}
.schedule_list .detail li {
	padding: 10px;
	padding-left: 5px;
	background: rgba(0,0,0,0.0);
}
.schedule_list .detail li:nth-child(odd) {
	background: rgba(0,0,0,0.03);
} 
.schedule_list .detail li {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
  align-items: center;
}
.schedule_list .detail .competition_title {
	width: 50%;
	padding-left: 35px;
	background: url("/special/olympics/tokyo/common/images/icon_no_medal.svg") no-repeat left center;
	background-size: 34px 20px;
}
.schedule_list .detail .competition_title.medal {
	background: url("/special/olympics/tokyo/common/images/icon_medal.svg") no-repeat left center;
	background-size: 34px 20px;
}
.schedule_list .detail .japanese_player {
	width: 50%;
  min-height: 19px;
}
.schedule_list .detail .competition_title .icon {
	padding: 0;
	padding-right: 10px;
	margin: 0;
}

.schedule_list .japanese_player {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	padding-left: 40px;
	background: url("/special/olympics/tokyo/common/images/icon_japanflag.svg") no-repeat left center;
	background-size: auto 18px;
}

.schedule_list .detail .japanese_player li:nth-child(odd),
.schedule_list .detail .japanese_player li {
	background: none;
	padding: 0;
	margin-right: 10px;
}
.schedule_list .detail .japanese_player li a {
	display: inline;
}


/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.schedule_list .detail {
	margin-top: 0;
	flex-direction:column;
}
.schedule_list .detail li {
	padding: 2.5vw 4vw;
}
.schedule_list .detail .competition_title {
	width: 100%;
	padding-left: 8vw;
	background-size: auto 6vw;
	background-position: left 0.5vw;
	padding-top: 0vw;
  padding-bottom: 0vw;
}
.schedule_list .detail .competition_title.medal {
	background-size: auto 6vw;
	background-position: left 0vw;
}
.schedule_list .detail .japanese_player {
	width: 100%;
	background-position: left 1vw;
	margin-top: 2vw;
	min-height: 4vw;
}
.schedule_list .detail .competition_title .icon {
	padding: 0;
	padding-right: 2vw;
	margin: 0;
}

.schedule_list .japanese_player {
	padding-left: 8vw;
	background-size: auto 2.8vw;
}
.schedule_list .detail .japanese_player li {
	margin-right: 3vw;
}
.schedule_list .detail .japanese_player li + li {
	margin-left: 0;
}
}/* for SP max-width: 736px */

/*-------------------------------------------------------------
	moji 
-------------------------------------------------------------*/

.schedule_list .program .date_time {
	font-size: 18px;
	font-weight: bold;
}
.schedule_list .program .channel {
	font-size: 14px;
	color: #555;
	margin-top: 10px;
}
.schedule_list .competition .title {
	font-size: 18px;
  line-height: 1.8;
	font-weight: bold;
}
.schedule_list .competition .competition_title {
	font-size: 13px;
}
.schedule_list .competition .japanese_player li a {
	font-size: 12px;
}


/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.schedule_list .program .date_time {
	font-size: 5vw;
}
.schedule_list .program .channel {
	font-size: 3.8vw;
	margin-top: 2vw;
}
.schedule_list .competition .title {
	font-size: 4.5vw;
	padding-right: 10vw;
}
.schedule_list .competition .competition_title {
	font-size: 3.5vw;
}
.schedule_list .competition .japanese_player li a {
	font-size: 3.2vw;
}
}/* for SP max-width: 736px */


/*-------------------------------------------------------------
	suchedule_footer	
-------------------------------------------------------------*/
.schedule_list .nodata {
	text-align: center;
	padding: 50px;
}
.schedule_list .suchedule_footer {
	text-align: center;
	padding: 50px;;
	border-top: solid 1px #acacac;
}
.schedule_list .suchedule_footer .btn_more {
	width: 250px;
	margin: 0 auto;
}
.schedule_list .suchedule_footer * + .btn_more {
	margin-top: 40px;
}
.schedule_list .suchedule_footer .btn_more a {
	text-align: center;
	padding: 10px 20px;
	border: solid 1px #acacac;
	display: block;
	color: #000;
}
.schedule_list .suchedule_footer .btn_more a:hover {
	border: solid 1px #000;
	display: block;
	color: #fff;
	background: #000;
	text-decoration:none;
}


/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.schedule_list .nodata {
	padding: 5vw;
}
.schedule_list .suchedule_footer {
	padding: 5vw;
}
.schedule_list .suchedule_footer .btn_more {
	width: 80%;
	margin: 0 auto;
}
.schedule_list .suchedule_footer * + .btn_more {
	margin-top: 4vw;
}
.schedule_list .suchedule_footer .btn_more a {
	text-align: center;
	padding: 3vw 10vw;;
	border: solid 1px #acacac;
	display: block;
	color: #000;
}
.schedule_list .suchedule_footer .btn_more a:hover {
	border: solid 1px #000;
	display: block;
	color: #fff;
	background: #000;
	text-decoration:none;
}
}/* for SP max-width: 736px */


/*===============================================================
	
	section_bnr
	
===============================================================*/
.section_bnr {
}
.bnr a {
	display: block;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}/* for SP max-width: 736px */


/*===============================================================
	
	section_widget_outer
	
===============================================================*/
.section_widget_outer {
}
.section_widget_outer .section_inner {
/*	padding: 60px 0 0;*/
}
.content_widget {
	background:#fff;
	padding: 50px;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.section_widget_outer .section_inner {
/*	padding: 60px 20px 0px 20px;*/
}

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_widget_outer .section_inner {
/*	padding: 8vw 5vw 0 5vw;*/
}
.content_widget {
	padding: 5vw 0;
}
}/* for SP max-width: 736px */

/*===============================================================
	
	bg
	
===============================================================*/
.bg_look {
  background: #092F6F url("../images/jtele/bg_look2.svg") no-repeat top left / 100% auto;
}
.bg_look .headline {
  text-align: center;
}
.bg_look .headline .title {
  color: #fff;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {  
	
} /* for SP max-width: 736px */

/*===============================================================
	
	jtele_top
	
===============================================================*/
.jtele_top {
  background: #092F6F url("../images/jtele/bg_look.svg") no-repeat top left / auto 101%;
  padding: 30px 0;
  height: 160px;
}
.jtele_top .inner {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
  width: 900px;
  color: #fff;
  margin: 0 auto;
}
.jtele_top .logo {
  position: relative;
	width: 93px;
}
.jtele_top .logo img {
  position: absolute;
  top: 0; left: 0;
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
}
.jtele_top .txt {
}
.jtele_top .txt .head {
  font-size: 56px;
  line-height: 1.2;
}
.jtele_top p {
  font-size: 19px;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 10px;
}
.jtele_top .jcom_logo {
  width: 180px;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1266px) {
.jtele_top {
  height: auto;
}
  
} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.jtele_top {
  padding: 20px;
}
.jtele_top .inner {
  width: 700px;
}
.jtele_top .logo {
	width: 10%;
}
.jtele_top .txt {
}
.jtele_top .txt .head {
  font-size: 48px;
}
.jtele_top p {
  font-size: 16px;
}
.jtele_top .jcom_logo {
  width: 100px;
  align-self: flex-end;
} 
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.jtele_top {
  background: #092F6F url("../images/jtele/bg_look2.svg") no-repeat top left / auto 101%;
  /*padding: 11vw 5vw 5vw;*/
  padding: 5vw;
}
.jtele_top .inner {
  position: relative;
  width: 100%;
}
.jtele_top .logo {
	width: 18%;
}
.jtele_top .logo img {
  box-shadow: 0 0 2vw rgba(0,0,0,0.1);
}  
.jtele_top .txt {
}
.jtele_top .txt .head {
  font-size: 7vw;
}
.jtele_top p {
  font-size: 3.8vw;
  line-height: 1.6;
  margin-top: 2vw;
}
.jtele_top .jcom_logo {
  position: absolute;
  bottom: -5vw; right: -5vw;
  width: 20%;
}   
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	hogehoge	
-------------------------------------------------------------*/

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*===============================================================
	
	section_jtele_nav
	
===============================================================*/
.section_jtele_nav {
  background: #1a65d0 url("../images/bg_kokuritsu.png") no-repeat bottom center / 100% auto;
  background-attachment: fixed;
}
.section_jtele_nav .section_inner {
  padding-top: 80px;
	padding-bottom: 80px;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_jtele_nav {
  background: #1a65d0;
  background-attachment: local;
}	
.section_jtele_nav .section_inner {
  padding-top: 8vw;
	padding-bottom: 8vw;
}  
	
} /* for SP max-width: 736px */

/*===============================================================
	
	section_jtele_movie
	
===============================================================*/
.section_jtele_movie {
  position: relative;
  background: #1a65d0 url("../images/bg_kokuritsu.png") no-repeat bottom center / 100% auto;
  background-attachment: fixed;
}
.section_jtele_movie .headline {
	text-align: center;
}
.section_jtele_movie .headline .title {
  color: #fff;
}


/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_jtele_movie {
  background: #1a65d0 url("../images/bg_kokuritsu.png") no-repeat bottom center / 125% auto;
  background-attachment: local;
} 
.section_jtele_movie:after {
  content: '写真提供：独立行政法人日本スポーツ振興センター';
  position: absolute;
  bottom: 6vw; left: 0 ; right: 0;
  margin: auto;
  color: #fff;
  font-size: 2.5vw;
  line-height: 1;
  text-align: center;
  text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
}
.section_jtele_movie .section_inner {
  padding-bottom: 15vw;
}	
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	uliza	
-------------------------------------------------------------*/
.uliza {
  width: 100%;
  box-sizing: border-box;
}
.uliza img {
	width:100% !important;
	height: auto;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
}	/* for SP max-width: 736px */

/*===============================================================
	
	section_jtele_overview
	
===============================================================*/
.section_jtele_overview {
	position: relative;
  background: #1a65d0 url("../images/bg_kokuritsu.png") no-repeat bottom center / 100% auto;
  background-attachment: fixed;
}
.section_jtele_overview:after {
  content: '写真提供：独立行政法人日本スポーツ振興センター';
  position: absolute;
  bottom: 20px; left: 20px;
  margin: auto;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_jtele_overview {
  background: #fff;
}
.section_jtele_overview:after {
  display: none;
}	
.section_jtele_overview .section_inner {
  padding-top: 8vw;
}   
.section_jtele_overview .boxshadow {
  box-shadow: none;
}
.section_jtele_overview .content_bg_white {
  padding: 0;
}
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	overview	
-------------------------------------------------------------*/
.overview {
  padding: 10px;
}
.overview .box {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.overview .box .left {
  width: 69%;
}
.overview .box .right {
  width: 27.27%;
}
.overview .box p {
  font-size: 18px;
}
.overview .box .caution {
  font-size: 14px;
  margin-top: 10px;
}
.overview .box .event {
}
.overview .box .event .items {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
  background: #F4F4F4;
  padding: 60px;
}
.overview .box .event .item {
  width: 140px;
  margin-left: 25px;
  margin-right: 25px;
}
.overview .box .event .item a {
  display: block;
  color: #12449A;
}
.overview .box .event .item a:hover {
  text-decoration: underline;
}
.overview .box .event .item:nth-child(n + 4) {
  margin-top: 40px;
}
.overview .box .event .item .img {
  border-radius: 50%;
  overflow: hidden;
}
.overview .box .event .item p {
  color: #12449A;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
}
.overview .box .date {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
  align-items: flex-start;
}
.overview .box .date dt {
  width: 100px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 5px 10px;
  background: #12449A;
}
.overview .box .date dd {
  width: calc(100% - 120px);
  font-size: 22px;
  line-height: 1.6;
  font-weight: 700;
}
.overview .box .date dd + dt {
  margin-top: 20px;
}
.overview .box .date dd + dt + dd {
  margin-top: 20px;
}
.overview .box .cast .item + .item {
  margin-top: 30px;
}
.overview .box .cast .item .img {
  position: relative;
}
.overview .box .cast .item .img .copy {
  position: absolute;
  bottom: 5px;
  left: 5px;
  color: #999;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
}
.overview .box .cast .item_2 {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
  text-align: center;
}
.overview .box .cast .item_2 .item {
  width: 48%;
  margin-top: 0;
}
.overview .box .cast .item p {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
}
.overview .box .cast .item p .s {
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
.overview .caption {
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {
.overview {
  padding: 0;
}
.overview .box .event .items {
  padding: 30px;
}
.overview .box .event .item {
  width: 25%;
  margin-left: 2vw;
  margin-right: 2vw;
}
.overview .box .cast .item .img .copy {
  font-size: 1.0vw;
}
.overview .box .cast .item p {
  font-size: 1.8vw;
}
.overview .box .cast .item p .s {
  font-size: 12px;
}  

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {   
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.overview {
  padding: 0;
}
.overview .box .left {
  width: 100%;
}
.overview .box .right {
  width: 100%;
  margin-top: 8vw;
}
.overview .box p {
  font-size: 4vw;
}
.overview .box .caution {
  font-size: 3vw;
  margin-top: 3vw;
}   
.overview .box .event {
  margin-top: 8vw;
}
.overview .box .event .items {
  padding: 4vw 0;
}
.overview .box .event .item {
  width: 25%;
  margin-left: 2vw;
  margin-right: 2vw;
} 
.overview .box .event .item:nth-child(n + 4) {
  margin-top: 4vw;
}
.overview .box .event .item p {
  font-size: 3vw;
  margin-top: 2vw;
}  
.overview .box .date {
  display: block;
  margin-top: 8vw;
}
.overview .box .date dt {
  width: 25%;
  font-size: 3.5vw;
  line-height: 4vw;
  padding: 1.5vw 3vw;
}
.overview .box .date dd {
  width: 100%;
  font-size: 4.5vw;
  margin-top: 2vw;
}
.overview .box .date dd + dt {
  margin-top: 4vw;
}
.overview .box .date dd + dt + dd {
  margin-top: 2vw;
}  
.overview .box .cast .item + .item {
  margin-top: 4vw;
}
.overview .box .cast .item_2 {
  display: block;
}
.overview .box .cast .item_2 .item {
  width: 100%;
  margin-top: 4vw;
}  
.overview .box .cast .item .img .copy {
  font-size: 2.5vw;
}  
.overview .box .cast .item p {
  font-size: 4vw;
  margin-top: 2vw;
}
.overview .box .cast .item p .s {
  font-size: 3.5vw;
}
.overview .caption {
  text-align: center;
}  
	
} /* for SP max-width: 736px */

/*===============================================================
	
	section_ouendan
	
===============================================================*/
.section_ouendan {
  position: relative;
  background: url("../images/jtele/bg_ouendan.jpg") no-repeat center / cover;
  background-attachment: fixed;
}
.section_ouendan:after {
  content: '';
  position: absolute;
  top: -75px; left: 0; right: 0;
  width: 139px;
  height: 114px;
  margin: auto;
  background: url("../images/jtele/icon_ouendan.svg") no-repeat center / contain;
}
.section_ouendan .head {
  width: 700px;
  margin: 0 auto;
  padding: 20px 0;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_ouendan {
  position: relative;
  background: url("../images/jtele/bg_ouendan.jpg") no-repeat top -15vw center / 120% auto;
  background-attachment: local;
}
.section_ouendan .section_inner {
  padding-top: 10vw;
}
.section_ouendan:after {
  content: '';
  position: absolute;
  top: -8vw; left: 0; right: 0;
  width: 20vw;
  height: 16vw;
  margin: auto;
  background: url("../images/jtele/icon_ouendan.svg") no-repeat center / contain;
}
.section_ouendan .head {
  width: 100%;
  margin: 0 auto;
  padding: 2vw 0;
}
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	ouendan	
-------------------------------------------------------------*/
.ouendan {
  padding: 40px;
  background: rgba(255,255,255,0.8);
}
.ouendan .read {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 700;
  text-align: center;
}
.ouendan .box {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ouendan .left {
  width: 48%;
  margin-top: 40px;
}
.ouendan .right {
  width: 48%;
  margin-top: 40px;
}
.ouendan .step .item {
  position: relative;
  background: #fff;
  padding: 20px;
}
.ouendan .step .item + .item {
  margin-top: 20px;
}
.ouendan .step .item .tag {
  position: absolute;
  top: -10px; left: -10px;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  padding: 5px 10px;
  background: #00348E;
}
.ouendan .step .item p {
  font-weight: 700;
  margin-top: 0;
}
.ouendan .step .item .red {
  color: #E83416;
}
.ouendan .step .item .caption {
  display: inline-block;
  position: absolute;
  top: -15px; left: 360px;
  width: 130px;
  color: #00348E;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
  background: #DDF6FF;
  padding: 10px;
  border-radius: 5px;
}
.ouendan .step .item .caption:after {
  content: '';
	position: absolute;
	bottom: 10px;
	left: -20px;
	margin: auto;
	width: 10px;
	height: 6px;
	border-top: 6px solid transparent;
	border-right: 10px solid #DDF6FF;
	border-bottom: 6px solid transparent;
	border-left: 10px solid transparent;
	box-sizing: border-box;
}
.ouendan .step .item .img {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
  margin-top: 10px;
}
.ouendan .step .item .img img {
  width: 48%;
}
.ouendan .box2 {
  width: 560px;
  margin: 0 auto;
  margin-top: 30px;
}
.ouendan .box2 .caution {
  font-size: 14px;
  line-height: 1.6;
}
.ouendan .box2 .list {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
  margin-top: 10px;
}
.ouendan .box2 .list dt {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 700;
  width: 100px;
  margin-top: 10px;
}
.ouendan .box2 .list dd {
  font-size: 16px;
  line-height: 1.6;
  width: calc(100% - 100px);
  margin-top: 10px;
}


/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.ouendan .left {
  width: 100%;
  margin-top: 30px;
}
.ouendan .right {
  width: 100%;
  margin-top: 30px;
}
.ouendan .box2 {
  width: 100%;
} 
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.ouendan {
  padding: 4vw 4vw 0;
  margin: 0 calc(50% - 50vw) 0;
  background: #eee;
}
.ouendan .read {
  font-size: 4vw;
  text-align: left;
}
.ouendan .left {
  margin-top: 4vw;
}
.ouendan .right {
  margin-top: 4vw;
}
.ouendan .step .item {
  padding: 4vw;
}
.ouendan .step .item + .item {
  margin-top: 4vw;
}
.ouendan .step .item .tag {
  position: absolute;
  top: 0; left: 0;
  font-size: 4vw;
  padding: 1vw 2vw;
} 
.ouendan .step .item p {
  line-height: 1.6;
  text-align: center;
}
.ouendan .step .item .red {
  font-size: 1.2em;
}  
.ouendan .step .item .caption {
  position: static;
  width: 100%;
  font-size: 4vw;
  padding: 2vw;
  margin-top: 2vw;
}
.ouendan .step .item .caption:after {
	display: none;
}
.ouendan .step .item .img {
  margin-top: 4vw;
}
.ouendan .step .item .img img {
  width: 48%;
}
.ouendan .box2 {
  margin-top: 4vw;
}
.ouendan .box2 .caution {
  font-size: 3.5vw;
}
.ouendan .box2 .list {
  margin-top: 2vw;
}
.ouendan .box2 .list dt {
  font-size: 4vw;
  width: 20vw;
  margin-top: 1vw;
}
.ouendan .box2 .list dd {
  font-size: 4vw;
  width: calc(100% - 20vw);
  margin-top: 1vw;
}
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	tagboard	
-------------------------------------------------------------*/
.tabboard_head {
  position: relative;
  margin: 0 calc(50% - 50vw) 0;
  text-align: center;
}
.tabboard_head:after {
  content: '';
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background: #FFF365;
}
.tabboard_head .head {
  position: relative;
  z-index: 1;
  width: 210px;
  color: #06348E;
  font-size: 30px;
  line-height: 1;
  padding: 10px;
  margin: 0 auto;
  background: #FFF365;
}
.tagboard {
  margin: 0 calc(50% - 50vw) 0;
  margin-top: 50px;
	padding: 0 50px;
  height: auto;
  /*min-height: 944px;*/
}

/* タブレット以下 */
@media screen and (max-width: 1240px) {
.tagboard {
	padding: 0 0;
}
}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.tabboard_head:after {
  background: #E83416;
}  
.tabboard_head .head {
  width: 36vw;
  color: #fff;
  font-size: 5vw;
  padding: 2vw;
  background: #E83416;
}
.tagboard {
	padding: 0 0;
  margin-top: 4vw;
  width: calc(100% + 10vw);
  margin-left: -5vw;
}
  
}/* for SP max-width: 736px */

/*===============================================================
	
	section_jtele_sports
	
===============================================================*/
.section_jtele_sports { 
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	sports_card	
-------------------------------------------------------------*/
.sports_card {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
  margin-top: -40px;
  margin-left: -1%;
  margin-right: -1%;
}
.sports_card .item {
  display: flex;
  flex-direction: column;
  width: 23%;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  background: #fff;
  padding-bottom: 30px;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 40px;
}
.sports_card .item .head {
  color: #12449A;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  padding: 10px 0;
}
.sports_card .item .img {
  min-height: 0%;
}
.sports_card .item p {
  padding: 20px;
  margin: 0;
}
.sports_card .item .btn_detail {
  width: 240px;
  margin-top: auto;
}
.sports_card .item .btn_detail a {
  font-size: 18px;
  padding: 15px 0;
}
.sports_card .item .btn_detail a .adjust {
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {
.sports_card {
}
.sports_card .item {
  width: 30.3333%;
  margin-left: 1.5%;
  margin-right: 1.5%;
}  
.sports_card .item .btn_detail {
  width: calc(100% - 40px);
}  

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.sports_card .item {
  width: 47%;
}    
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.sports_card {
  margin-top: -6vw;
  margin-left: -1%;
  margin-right: -1%;
  
  margin-left: 0;
  margin-right: 0;
}
.sports_card .item {
  width: 100%;
  box-shadow: 0 0 5vw rgba(0,0,0,0.1);
  padding-bottom: 4vw;
  margin-top: 6vw;
  
  margin-left: 0;
  margin-right: 0;
}
.sports_card .item .head {
  font-size: 4.5vw;
  padding: 1.5vw 0;
}
.sports_card .item p {
  font-size: 4vw;
  padding: 3vw 4vw 4vw;
  margin: 0;
}
.sports_card .item .btn_detail {
  width: calc(90% - 8vw);
}
.sports_card .item .btn_detail a {
  font-size: 4vw;
  padding: 4vw 0;
} 
.sports_card .item .btn_detail a .adjust {
  display: none;
}  
	
} /* for SP max-width: 736px */

/*===============================================================
	
	section_jtele_about
	
===============================================================*/
.section_jtele_about {
  position: relative;
  background: #1a65d0 url("../images/bg_kokuritsu.png") no-repeat bottom center / 100% auto;
  background-attachment: fixed;
}
.section_jtele_about:after {
  content: '写真提供：独立行政法人日本スポーツ振興センター';
  position: absolute;
  bottom: 20px; left: 20px;
  margin: auto;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_jtele_about {
  background: #fff;
} 
.section_jtele_about:after {
  display: none;
} 
.section_jtele_about .boxshadow {
  box-shadow: none;
}
.section_jtele_about .content_bg_white {
  padding: 0;
}  
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	jtele	
-------------------------------------------------------------*/
.jtele {
  padding: 10px;
  background: #fff;
}
.jtele .logo {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
  align-items: center;
}
.jtele .logo .img {
  width: 25%;
}
.jtele .logo p {
  flex: 1;
  color: #E83A18;
  font-size: 40px;
  line-height: 1.5;
  font-weight: 700;
  margin-top: 0;
  margin-left: 3%;
}
.jtele .point {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
  background: #FAFAFA;
}
.jtele .point .list {
  align-self: center;
  width: 50%;
  padding: 0 35px;
}
.jtele .point .list .item {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
  align-items: flex-start;
}
.jtele .point .list .item + .item {
  margin-top: 20px;
}
.jtele .point .list .item .num {
  width: 45px;
  height: 45px;
  color: #fff;
  font-size: 7px;
  line-height: 1;
  text-align: center;
  background: #2664C7;
  padding: 9px;
  border-radius: 50%;
}
.jtele .point .list .item .num .l {
  display: block;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
}
.jtele .point .list .item .head {
  width: calc(100% - 55px);
  font-size: 25px;
  line-height: 1.6;
  font-weight: 700;
}
.jtele .point .list .item .head br {
  display: block;
}
.jtele .point .link {
  margin-top: 30px;
}
.jtele .point .link a {
  position: relative;
  color: #0093FF;
  font-size: 18px;
  line-height: 1.6;
  text-decoration: none;
  padding-left: 20px;
}
.jtele .point .link a:hover {
  text-decoration: underline;
}
.jtele .point .link a:before {
	content: '';
	position: absolute;
	width: 8px; height: 8px;
	top: 0; bottom: 0; left: 0;
	margin: auto;
	border-top: solid 1px #0093FF;
	border-right: solid 1px #0093FF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.jtele .point .imgs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
  width: 50%;
}
.jtele .point .imgs .img {
  width: 50%;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {
.jtele {
  padding: 0;
}
.jtele .logo p {
  font-size: 3.5vw;
} 
.jtele .point .list {
  width: 100%;
  padding: 40px 40px;
}
.jtele .point .list .item .head br {
  display: none;
}  
.jtele .point .imgs {
  width: 100%;
}
.jtele .point .imgs .img {
  width: 25%;
}

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {  
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.jtele {
  padding: 0;
}
.jtele .logo {
}
.jtele .logo .img {
  width: 23%;
  padding: 3vw 0;
  background: #E83A18;
}
.jtele .logo p {
  font-size: 4.5vw;
  margin-left: 4%;
}
.jtele .point {
  padding: 8vw 5vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.jtele .point .list {
  padding: 0;
}
.jtele .point .list .item {
  /*align-items: center;*/
}
.jtele .point .list .item + .item {
  margin-top: 4vw;
}
.jtele .point .list .item .num {
  width: 10vw;
  height: 10vw;
  font-size: 1.5vw;
  padding: 2vw;
}
.jtele .point .list .item .num .l {
  font-size: 4.5vw;
}
.jtele .point .list .item .head {
  width: calc(100% - 12vw);
  font-size: 4.5vw;
}
.jtele .point .list .item .head br {
  display: block;
}  
.jtele .point .link {
  margin-top: 4vw;
}
.jtele .point .link a {
  font-size: 4vw;
  padding-left: 4vw;
}
.jtele .point .link a:before {
	width: 1.5vw; height: 1.5vw;
}
.jtele .point .imgs {
  margin-top: 5vw;
}  
.jtele .point .imgs .img {
  width: 33.3333%;
}
.jtele .point .imgs .img:last-child {
  display: none;
}  

} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	jtele_ch	
-------------------------------------------------------------*/
.jtele_ch {
  padding: 50px 30px 60px;
  border: 1px solid #ddd;
}
.jtele_ch .head {
  font-size: 30px;
  line-height: 1.6;
  font-weight: 700;
  text-align: center;
}
.jtele_ch .read {
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  margin-top: 10px;
}
.jtele_ch .read .red {
  color: #E83A18;
}
.jtele_ch .caption {
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.jtele_ch .box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 40px;
}
.jtele_ch .box .item {
  text-align: center;
	width: 25%;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
	background: #F5F5F5;
}
.jtele_ch .box .item:nth-child(4) {
	border-right: none;
}
.jtele_ch .box .item .area {
	font-size: 14px;
	line-height: 1;
	font-weight: normal;
	padding: 20px 0;
}
.jtele_ch .box .item .ch {
	font-size: 16px;
	line-height: 1;
	padding: 20px 0;
	border-top: 1px solid #ddd;
	margin-top: 0;
}
.jtele_ch .box .item .ch .l {
	font-size: 30px;
	line-height: 1;
	font-weight: 700;
}
.jtele_ch .btn_detail {
}
.jtele_ch .btn_detail a {
  font-weight: 700;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.jtele_ch {
}
.jtele_ch .read {
  font-size: 20px;
} 
.jtele_ch .box .item .ch .l {
	display: block;
	margin-top: 5px;
}	

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.jtele_ch {
  padding: 0;
  border: none;
}
.jtele_ch .head {
	font-size: 5vw;
}
.jtele_ch .read {
  font-size: 4vw;
  margin-top: 4vw;
}
.jtele_ch .caption {
	font-size: 3vw;
	margin-top: 2vw;
}  
.jtele_ch .box {
	margin-top: 8vw;
  border: 1px solid #ddd;
}	
.jtele_ch .box .item {
	width: 50%;
}
.jtele_ch .box .item:nth-child(2n) {
	border-right: none;
}
.jtele_ch .box .item:nth-child(3),
.jtele_ch .box .item:nth-child(4) {
	border-top: 1px solid #ddd;
}  
.jtele_ch .box .item .area {
	font-size: 2.5vw;
	padding: 3vw 0;
}
.jtele_ch .box .item .ch {
	font-size: 3vw;
  font-weight: 700;
  padding: 3vw 0;
  border-top: 1px solid #eee;
}
.jtele_ch .box .item .ch .l {
	font-size: 7vw;
}

}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	deactive	
-------------------------------------------------------------*/
.deactivelink a {
	pointer-events: none;
	cursor: default;
}
.schedule_list .deactivelink .linkarea {
	cursor: default;
}
.schedule_list .deactivelink .linkarea:active {
	pointer-events: none;
}
.schedule_list .deactivelink .competition::after ,
.schedule_list .deactivelink .competition::before {
	content:none;
}

/*-------------------------------------------------------------
	widget	
-------------------------------------------------------------*/
.page_schedule.page_top .joyfru-tableWrap01.joyfru-schArea table th {
/*	width: calc(100% / 19);*/
}
.page_schedule .joyfru-tableWrap01.joyfru-schArea table th {
/*	max-width: 47.92px;*/
}
.page_venue #joyfru-oc-content .joyfru-venBox01 .joyfru-img01 { 
	font-size: 12px;
}


/*-------------------------------------------------------------imf
	loader	
-------------------------------------------------------------*/
.loader {
  position: relative;
/*  display: inline-block;*/
	margin: 0 auto;
  width: 40px;
  height: 40px;
  border: 2px solid #94b5da;
  border-radius: 50%;
  
  animation: spin 0.75s infinite linear;
}
.loader::before,
.loader::after {
  left: -2px;
  top: -2px;
  display: none;
  position: absolute;
  content: '';
  width: inherit;
  height: inherit;
  border: inherit;
  border-radius: inherit;
	box-sizing: border-box;
}
/*
.loader4 {
  border-top-color: transparent;
}
.loader4::after {
  display: block;
  border-color: transparent;
  border-top-color: #94b5da;
  animation: spin 1.25s infinite linear reverse;
}
*/

.loader4,
.loader4::before {
  display: block;
  border-color: transparent;
  border-top-color: #94b5da;
}
.loader4::before {
  animation: spin 1.5s infinite ease;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
}
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {  
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.loader {
  width: 8vw;
  height: 8vw;
}
}


/*===============================================================
	
	.mainvisual_slider .slider
	
===============================================================*/
.mainvisual_slider {
	width:100%;
	max-height: 368px;
	overflow: hidden;
	position: relative;
	text-align: center;
	background: #000;
}
.mainvisual_slider::before,
.mainvisual_slider::after {
	content: "";
	position: absolute;
	top: 0;
	background: rgba(0,0,0,0.6);
	width: calc((100% - 736px)/2);
	height: 368px;
	z-index: 2;
}
.mainvisual_slider::before {
	left: 0;
}
.mainvisual_slider::after {
	right: 0;
}
.mainvisual_slider .slider {
	position:relative;
	background: #000;
	transition: all 0.2s;
	opacity:0;
}
.mainvisual_slider .slider .slide {
	width:100%;
	width: 736px;
	position:relative;
}
.mainvisual_slider .slider .slide:hover {
	opacity: 0.7;
}
.mainvisual_slider .slider .slide img {
	width:100%;
}
/* タブレット以下 */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.mainvisual_slider {
}
.mainvisual_slider .slider .slide {
	width:100%;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	slick-active	
-------------------------------------------------------------*/
.mainvisual_slider .slick-active {
	/*opacity: 0.4;*/
	transition: all 1s;
	z-index: -1;
}
.mainvisual_slider .slick-current {
	opacity: 1;
	z-index: 1;
	/*box-shadow: 0 0 100px 0 rgba(0,0,0,0.5);*/
}
.slick-current + .slick-active {
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.mainvisual_slider .slick-active {
	transition: all 0s;
}
}/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.mainvisual_slider .slider .pager
-------------------------------------------------------------*/
.mainvisual_slider .slider .pager {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:30px;
	height:60px;
	z-index:5;
}
.mainvisual_slider .slider .prev {
	left: calc((100% - 736px)/2 - 15px);
}
.mainvisual_slider .slider .next {
	right: calc((100% - 736px)/2 - 15px);
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.mainvisual_slider .slider .prev {
	left: calc((100% - 736px)/2 - 5px);
}
.mainvisual_slider .slider .next {
	right: calc((100% - 736px)/2 - 5px);
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.mainvisual_slider .slider .prev {
	left: 0;
}
.mainvisual_slider .slider .next {
	right: 0;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.mainvisual_slider .slider .pager a
-------------------------------------------------------------*/
.mainvisual_slider .slider .pager a {
	display:block;
	width:30px;
	height:60px;
	background: #2664C7;
	overflow:hidden;
	text-indent:-300%;
	position:relative;
}
.mainvisual_slider .slider .pager a:hover {
	/*opacity: 0.7;*/
  background: #0093FF;
}
.mainvisual_slider .slider .pager a:after {
	content:'';
	position:absolute;
	top:0; bottom:0; left:0; right:0; margin:auto;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	width:10px;
	height:10px;
	transform: rotate(-45deg) translate(-2px,-2px);
	transition: all .3s;
}
.mainvisual_slider .slider .prev a:after {
	transform: rotate(135deg) translate(-2px,-2px);
}
.mainvisual_slider .slider .pager a:hover:after {
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.mainvisual_slider .slider .slide .photo
-------------------------------------------------------------*/
.mainvisual_slider .slider .slide .photo img {
	width: inherit;
	max-width: 100%;
	min-width: 100%;
	height: auto;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.mainvisual_slider .slider .slide .txt
-------------------------------------------------------------*/
.mainvisual_slider .slider .slide .txt {
	position:absolute;
	top:0; bottom:0; left:0; right:0; margin:auto;
	text-align:center;
	background:rgba(0,0,0,0.1);
	padding:20px;
	box-sizing:border-box;
	color: #fff;
	height: 200px;
}
.mainvisual_slider .slider .slide .txt h3 {
	font-size:20px;
	line-height:30px;
}
.mainvisual_slider .slider .slide .txt .btn {
	width:200px;
	margin:0 auto;
	margin-top:20px;
}
.mainvisual_slider .slider .slide .txt .btn a {
	display:block;
	font-size:16px;
	line-height:20px;
	padding:10px 0;
	text-align:center;
	color:#fff;
	text-decoration:none;
	border:solid 3px #fff;
	box-sizing:border-box;
}
.mainvisual_slider .slider .slide .txt .btn a:hover {
	background:#fff;
	color:#000;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.mainvisual_slider .slider .slide .txt {
	height: auto;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	section_recommend_detail
	
===============================================================*/
.section_recommend_detail { 
}
.section_recommend_detail .headline {
  text-align: center;
}
.section_recommend_detail .content + .content { 
  margin-top: 0;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	slider_link	
-------------------------------------------------------------*/
.slider_link {
  width: 800px;
  margin: 0 auto;
  padding-bottom: 60px;
	
	display: none;
}
.slider_link li {
  font-size: 16px;
  line-height: 1;
  text-align: center;
  margin: 0 1px;
}
.slider_link li a {
  display: block;
  color: #000;
  font-weight: 700;
  text-decoration: none;
  padding: 15px 0;
  background: #fff;
}
.slider_link li a:hover {
  color: #fff;
  background: #0093FF;
}
.slider_link li.current a,
.slider_link li.current a:hover {
  color: #fff;
  background: #00348E;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.slider_link {
  width: calc(100% - 64px);
}  
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.slider_link {
  width: calc(100% - 42px);
  padding-bottom: 6vw;
}
.slider_link li {
  font-size: 3.5vw;
}
.slider_link li a {
  font-weight: 400;
  padding: 3vw 0;
} 
	
} /* for SP max-width: 736px */

/*-------------------------------------------------------------
	slick-arrow
-------------------------------------------------------------*/
/* Arrows */
.slider_link .slick-prev,
.slider_link .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 30px;
	height: 100%;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
  /*background: #fff;*/
  transition: .1s linear;
}
.slider_link .slick-prev:hover,
.slider_link .slick-prev:focus,
.slider_link .slick-next:hover,
.slider_link .slick-next:focus {
	color: #000;
	outline: none;
	/*background: #0093FF;*/
}
.slider_link .slick-prev:hover:before,
.slider_link .slick-prev:focus:before,
.slider_link .slick-next:hover:before,
.slider_link .slick-next:focus:before {
	opacity: 1;
}
.slider_link .slick-prev.slick-disabled:before,
.slider_link .slick-next.slick-disabled:before {
	opacity: 1;
}
.slider_link .slick-prev:before {
	font-family: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content:'';
	position:absolute;
	top:0; bottom:0; right:3px; margin:auto;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	width:15px;
	height:15px;
	transform: rotate(135deg);
	transition: all .1s ease;
	opacity: 1;
}
.slider_link .slick-prev:hover:before {
	transform: rotate(135deg);
}
.slider_link .slick-next:before {
	font-family: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content:'';
	position:absolute;
	top:0; bottom:0; left:3px; margin:auto;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	width:15px;
	height:15px;
	transform: rotate(-45deg);
	transition: all .1s ease;
	opacity: 1;
}
.slider_link .slick-next:hover:before {
	transform: rotate(-45deg);
}
.slider_link .slick-prev {
	z-index:1001;
	left: -32px;
}
.slider_link .slick-next {
	z-index:1001;
	right: -32px;
}
.slider_link .slick-disabled {
  /*display: none !important;*/
  pointer-events: none;
  /*background: #ddd;*/
}
.slider_link .slick-disabled:before,
.slider_link .slick-disabled:after {
  border-color: #ddd;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.slider_link .slick-prev,
.slider_link .slick-next {
	width: 20px;
}
.slider_link .slick-prev:hover:before,
.slider_link .slick-prev:focus:before,
.slider_link .slick-next:hover:before,
.slider_link .slick-next:focus:before {
	opacity: 1;
}
.slider_link .slick-prev.slick-disabled:before,
.slider_link .slick-next.slick-disabled:before {
	opacity: 1;
}
.slider_link .slick-prev:before {
	right:2px;
  width:10px;
	height:10px;
}
.slider_link .slick-next:before {
	left:2px;
  width:10px;
	height:10px;
}
.slider_link .slick-next:hover:before {
	transform: rotate(-45deg);
}
.slider_link .slick-prev {
	left: -21px;
}
.slider_link .slick-next {
	right: -21px;
}

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	recommend_detail	
-------------------------------------------------------------*/
.recommend_detail {
}
.recommend_detail .tv {
  width: 700px;
  height: 600px;
  margin: 0 auto;
  background: url("../images/recommend/bg_tv.png") no-repeat top center / 100% auto;
}
.recommend_detail .tv .img {
  position: relative;
  width: 98%;
  margin: 0 auto;
  padding-top: 1%;
}
.recommend_detail .tv .img .copy {
  position: absolute;
  bottom: 9px; left: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-shadow: 0px 0px 3px rgba(0,0,0,0.8);
}
.recommend_detail .list {
}
.recommend_detail .list + * {
  margin-top: 30px;
}
.recommend_detail .list li {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 700;
}
.recommend_detail .list li .tag {
  display: inline-block;
  color: #00348E;
  font-size: 16px;
  line-height: 1;
  padding: 7px;
  border: 1px solid #00348E;
  margin-right: 10px;
}
.recommend_detail .list li + li {
  margin-top: 10px;
}

/* 1400px以下 */
@media screen and (max-width: 1400px) {

} /* for tablet max-width: 1400px */

/* 1200px以下 */
@media screen and (max-width: 1200px) {

} /* for tablet max-width: 1200px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.recommend_detail .tv {
  width: 80%;
  height: 65vw;
}
	
} /* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.recommend_detail .tv {
  width: 100%;
  height: 77vw;
}   
.recommend_detail .tv .img .copy {
  bottom: 2vw; left: 2vw;
  font-size: 2.5vw;
  text-shadow: 0px 0px 1vw rgba(0,0,0,0.8);
}  
.recommend_detail .list {
}
.recommend_detail .list + * {
  margin-top: 4vw;
}  
.recommend_detail .list li {
  font-size: 4vw;
  line-height: 1.8;
}
.recommend_detail .list li .tag {
  font-size: 3vw;
  padding: 1vw;
  margin-right: 2vw;
}  
.recommend_detail .list li + li {
  margin-top: 1vw;
}
	
} /* for SP max-width: 736px */