@charset "UTF-8";


/* 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	}
body {
    line-height:1;
	-webkit-text-size-adjust: 100%;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
ul,li {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

a[href^="tel:"] {
    pointer-events: none;
	color:#333333;
}
/*
project
--------------------------------------------------------------------------------\*/

body {
	background-color:#ffffff;
	color:#333333;
	font-size:12px;
	line-height:1.6;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	min-width:1200px;

}
body a {
	text-decoration:none;
	color:#00589e;
}
body a:hover {
	text-decoration:underline;
}
body #footer_logo_all a {
	color:#ffffff;
}
a.opa:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
section{
}

/* clearfix */
.clearfix{
	zoom:1;/*for IE 5.5-7*/
}

.clearfix:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
	font-size:0;
}


.clear{
	clear:both;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 1px;
}
/*
HEADER AREA
--------------------------------------------------------------------------------\*/
header {
	margin:0;
	padding:0;
	width:100%;
	height:192px;
	background: url(../../common/images/header_bg.gif) repeat-x ;
	text-align:center;

	
}
#header_section {
	width:1000px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#emblem {
	position:absolute;
	left:0;
	top:0;
	z-index:9990;
}
#head_spo {
	position:relative;
	height:45px;
	width:879px;
	padding:4px 0 0 0px;
	margin-left:121px;
	z-index:9999;
}
#head_spo ul {
}
#head_spo li {
	list-style:none;
	float:left;
}
#head_menuarea {
	margin:9px 0 0 153px;
	height:134px;
}

#head_sns {
	width:100%;
	text-align:right;
	height:19px;
}

#head_sns div{
	display:inline-block;
	margin-right:0px;
	margin-left:auto;
}

#head_sns li {
	list-style:none;
	float:left;
	padding-right:10px;
}
#head_sns li.facebook {
	padding-right:5px;
}
#head_sns li.facebook_txt {
	margin-top:12px;
}
#head_sns li span {
	font-weight:bold;
	color:#666;
}
#head_sns li.border {
	padding-right:15px;
}
#head_sns li.border:after {
   content:url(../../common/images/icon_headsns_gambaplusborder.gif);
    float: right;
	text-align:left;
    position: relative;
}

#head_titlearea {
	height:75px;
}
#head_titlearea h1 {
	width:245px;
	height:56px;
	float:left;
}
#head_titlearea h1 span {
	display:none;
	font-size:0;
	line-height:0;
	}
#head_titlearea #head_submenu {
	float:left;
	padding:16px 0 0 100px;
}
#head_titlearea #head_submenu #subnavi li {
	list-style:none;
	float:left;
}
#head_titlearea #head_search {
	padding:15px 10px 0 0;
	float:right;
	width:230px;
}
#head_titlearea #head_search input.gsc-input {
	width:125px;
	height:20px;
	font-size:12px;
	margin-right:5px;
	background-color: #f5f5f5;
	border: 1px solid #d4d4d4;
	padding-left:3px;
}

#head_titlearea #head_search .gsc-branding img {
	width:50px;
	height:auto;
}

#head_titlearea #head_search img {
	vertical-align:middle;
}

nav {
	margin-top:1px;
}
nav li {
	list-style:none;
	float:left;
}

/*
PAGETITLE SUBMENU AREA
--------------------------------------------------------------------------------\*/

#pagetitle {
	margin:0 auto;
	width:100%;
	height:53px;
	background: #f2f2f2;
	text-align:center;
	line-height:0;
	
}
#pagetitle .pagetitlearea {
	margin:0px auto;
	padding:0;
	width:1000px;
	height:52px;
	list-style:none;
	text-align:left;
	clear:both;
}
#pagetitle .pagetitlearea h2 {
	display:inline-block;
}

#pagetitle .pagetitlearea h2.h2_txt {
	display:inline-block;
	padding:12px 0 0 10px;
	font-size:28px;
	font-weight:normal;
	color:#00589e;
	line-height:1;
}

#pagetitle .bt_submenu,
.game_schedule_subarea .bt_submenu{
	float:right;
	
}


#pagetitle .bt_submenu li,
.game_schedule_subarea .bt_submenu li{
	margin:0px;
	list-style:none;
	
}


#pagetitle h3 a,
.game_schedule_subarea h3 a{
	height:52px;
}


#pagetitle .accessible-megamenu .accessible-megamenu-panel ol,
.game_schedule_subarea .accessible-megamenu .accessible-megamenu-panel ol{
	margin-top:5px;
}


/*
BLACKTITLE AREA
--------------------------------------------------------------------------------\*/

#blacktitle {
	margin:0 auto;
	width:100%;
	height:40px;
	background: #232323;
	text-align:center;
}
#blacktitle .blacktitle_area {
	margin:0px auto;
	padding:0 10px;
	width:1000px;
	height:40px;
	list-style:none;
	text-align:left;
	overflow:hidden;
}



/*
#contents 
--------------------------------------------------------------------------------\*/

section #contents {
	margin:0 auto;
	width:980px;
	overflow:hidden;
}

/*
LIST 
--------------------------------------------------------------------------------\*/


ul.normalList,
ul.newsList{
	border-left:#dcdcdc solid 1px;
	border-right:#dcdcdc solid 1px;
	list-style:none;
}

ul.normalList li,
ul.newsList li{
	line-height:160%;
	background-color:#FFF;
	display:table;
	width:100%;
}


ul.normalList li.gray,
ul.newsList li.gray{
	background-color:#f4f4f4;
}

ul.normalList li:nth-child(2n),
ul.newsList li:nth-child(2n){
}


ul.newsList li p.newsdate{
	padding:15px 10px 5px 25px;
	line-height:160%;
	vertical-align:middle;
	font-size:16px;
	border-top:#00589e solid 1px;
}

ul.newsList li p.newsdate_s{
	padding:10px 10px 0px 25px;
	line-height:160%;
	vertical-align:middle;
	color:#00589e;

}

ul.newsList li p.newsconttext{
	padding:10px 10px 10px 25px;
	line-height:160%;
	vertical-align:middle;
	background-image: url(../../common/images/arrow_blue.png);
	background-repeat: no-repeat;
	background-position: 12px 13px;
}

ul.newsList li p.newsconttext_s{
	padding:1px 10px 10px 25px;
	line-height:160%;
	vertical-align:middle;
	background-image: url(../../common/images/arrow_blue.png);
	background-repeat: no-repeat;
	background-position: 12px 5px;
}

ul.newsList li .newscont_gambaplus {
    line-height: 1;
    padding: 0 5px 5px 0;
    text-align: right;
}
ul.newsList li .newscont_gambaplus img {
    height: auto;
    width: 130px;
}

ul.normalList li p.date{
	float:left;
	padding:10px 0;
	margin-left:10px;
	line-height:160%;
	vertical-align:middle;
}


ul.normalList a,
ul.newsList a{
	color:#333333;
}

ul.normalList a:hover,
ul.newsList a:hover{
	text-decoration:underline;
}

/*
FOOTER AREA
--------------------------------------------------------------------------------\*/
footer {
	margin:0;
	padding:0;
	width:100%;
	margin-top:50px;

	
}
footer #footer_up {
	width:100%;
	text-align:center;
	background:#ffffff url(../../common/images/footer_up_bg.gif) repeat-x bottom ;
	
}
footer #footer_up_btn {
	margin:0 auto;
	padding-bottom:5px;
	width:980px;
	text-align:right;
	font-size:0;
}

footer #footer_spo {
	margin:0 auto;
	padding:40px 0 20px;
	width:100%;
	background:#232323 url(../../common/images/footer_spo_bg.gif) repeat-x ;
	text-align:center;
}
footer .footer_spoarea {
	margin:0 auto 20px;
	padding:0;
	width:1000px;
	overflow:hidden;
	text-align:center;
}
footer .footer_spoarea:last-child  {
	margin:0 auto 0px;
}

footer #footer_spo .logo_spo {
	margin:0;
	padding:0;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	}

footer #footer_link {
	margin:0;
	padding:40px 0 10px;
	width:100%;
	background:#1b1b1b url(../../common/images/footer_link_bg.gif) repeat-x ;
}

footer #footer_link .footer_linkarea {
	margin:0 auto;
	padding:0 0 0 20px;
	width:1000px;
	overflow:hidden;
	text-align:center;
}

footer #footer_link .footer_linkarea .footerlink_column {
	margin:0;
	padding:0 10px 0 0;
	width:180px;
	text-align:left;
	float:left;
	color:#999999;
}

footer #footer_link .footer_linkarea .long {
	width:200px;
}

footer #footer_link .footer_linkarea .footerlink_column h3 {
	line-height:160%;
	margin-bottom:5px;
}

footer #footer_link .footer_linkarea .footerlink_column ul {
	margin-bottom:30px;
}

footer #footer_link .footer_linkarea .footerlink_column li {
	line-height:160%;
	list-style:none;
	margin-bottom:2px;
}

footer #footer_link .footer_linkarea .footerlink_column li a {
	color:#999999;
}


footer #footer_link .footer_linkarea .footerlink_column li a:hover {
	color:#ffffff;
}

footer #footer_logo {
	margin:0;
	padding:0;
	width:100%;
	background:#1b1b1b url(../../common/images/footer_logo_bg.gif) repeat-x ;
}
footer #footer_logo_all {
	margin:0 auto;
	padding:0;
	width:1000px;
	height:170px;
}
footer #footer_logo_all div.logo_gamba {
	float:left;
	margin:0px 10px 0px 0;
	padding:20px 0 0;
	width:175px;
}
footer #footer_logo_all div.logo_gamba_slogan {
	float:left;
	margin:0px 10px 0px 0;
	padding:20px 0 0;
	width:137px;
}
footer #footer_logo_all div.text {
	float:left;
	margin:0 auto;
	padding-top:110px;
	padding-left:20px;
	text-align:center;
	color:#FFF;
	line-height:160%;

}
footer #footer_logo_all div.text p{
	line-height:160%;

}
footer #footer_logo_all div.logo_jleague {
	float:right;
	margin:0px 0px 0px 10px;
	padding:20px 0 0;
	width:202px;
}

/*
sp版に戻るボタン
--------------------------------------------------------------------------------\*/

#disp_terminal {
	background:#00589e;
	margin-top:-2px;
}


#disp_terminal a {
	display:block;
	width:100%;
	color:#ffffff;
	text-align:center;
	padding:40px 0px;
	text-decoration:none;
	font-size:50px;
	
}

#disp_terminal a .fa-mobile{
	font-size:70px;
	
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../../assets/font-awesome/fonts/fontawesome-webfont.eot?v=4.6.1');
  src: url('../../assets/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../../assets/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../../assets/font-awesome/fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../../assets/font-awesome/fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../../assets/font-awesome/fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa.fa-mobile:before {
    content: "\f10b";
}


/*
google検索用
--------------------------------------------------------------------------------\*/

.gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right:5px !important;
	}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{
	margin-top:1px !important;
	padding:6px 18px !important;
	}
/*
メガメニュー用
--------------------------------------------------------------------------------\*/


.megamenu li ul {
	text-align:left;
	list-style:none;
	top:5px;
	left:-10px;
	background:#FFF;
    border-radius: 0 0 5px 5px;
    border-top: 3px solid #00589e;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.6);
    padding: 15px;
	width:100%;
	overflow:hidden;

   }


nav.megamenu {
	display:none;

   }
/*
上に戻るボタン
--------------------------------------------------------------------------------\*/

#up_btn_s {
	margin:15px auto;
	width:980px;
	text-align:right;
	font-size:0;
}

/*
汎用見出しスタイル
--------------------------------------------------------------------------------\*/

h3.imgbg_l {
	width:100%;
	background:#f2f2f2;
	margin-bottom:15px;
	border-top:3px solid #0259a0;
}
h3.imgbg_l p {
	font-size:18px;
	font-weight:bold;
	padding:10px 0 10px 10px;
	text-align:left;
}
h4.bg_l {
	width:100%;
	background:#232323;
}
h4.bg_l p {
	font-size:16px;
	padding:3px 0 3px 10px;
	color:#FFF;
	text-align:left;
}
h4.bg_l_advance {
	width:100%;
	background:#232323;
}
h4.bg_l_advance p {
	font-size:16px;
	padding:3px 0 3px 10px;
	color:#FFF;
	text-align:left;
}

/*
汎用セクション
--------------------------------------------------------------------------------\*/
.sec_inner{
	margin:0 15px 30px;
}
.sec_read {
	font-size:22px;
	font-weight:bold;
	color:#00589e;
	padding:0 0 15px 0;
}
.sec_sub_read {
	font-size:18px;
	font-weight:bold;
	color:#00589e;
	padding:0 0 15px 0;
}


/*
汎用リードスタイル
--------------------------------------------------------------------------------\*/
.section_read {
	font-size:22px;
	font-weight:bold;
	color:#00589e;
	padding:0 0 15px 0;
}
.section_txt {
	padding:0 0 15px 0;
}
.section_read_sub {
	font-size:16px;
	padding:0 0 15px 0;
}

/*
汎用横長リスト
--------------------------------------------------------------------------------\*/

.list_horizontal {
	margin:30px 15px;
}

.list_horizontal dt.dt_listing {
	font-size:140%;
	font-weight:bold;
	color:#00589e;
	padding-bottom:5px;
	border-bottom:2px solid #00589e;
}

.list_horizontal dd {
	padding:15px 15px 30px;
}

.list_horizontal dd:last-child {
	padding-bottom:0;
}

.list_horizontal dd ul {
}

.list_horizontal dd ul li {
	margin:5px 5px;
	list-style:none;
}

.list_horizontal dd ul li::before{
    content: "・";
    display: block;
    float: left;
    margin-left: -1rem;
    width: 1rem;
    text-align: center;
}

.list_horizontal dd ol {
	padding-left:30px;
}

.list_horizontal dd ol li {
	margin:5px 5px;
	list-style: inherit;
}

/* 画像付き */

.list_horizontal dd.dd_photolisting {
}

.list_horizontal dd.dd_photolisting .photolisting_photo{
	display:inline-block;
	width:400px;
}

.list_horizontal dd.dd_photolisting .photolisting_photo img{
	width:100%;
	height:auto;
}

.list_horizontal dd.dd_photolisting .photolisting_detail{
	display:inline-block;
	width:50%;
	vertical-align:top;
	padding:0 15px;
}

.list_horizontal dd.dd_photolisting .photolisting_detail table{
	width:100%;
}

/* 画像のみ */

.list_horizontal dd.dd_photolist {
	letter-spacing: -.40em;
}

.list_horizontal dd.dd_photolist .photolist_unit {
	width: 21%;
	margin: 0 2% 0;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}


.list_horizontal dd.dd_photolist .photolist_photo{
	width:100%;
}

.list_horizontal dd.dd_photolist .photolist_photo img{
	max-width: 100%;
	height: auto;
	width /***/: auto;
	width: auto;
	border: none;
}

.list_horizontal dd.dd_photolist .photolist_detail{
	text-align: center;
	width: 100%;
}

/*
汎用テーブルスタイル
--------------------------------------------------------------------------------\*/



/* thが青、tdがグレー、両サイドの罫線なしのテーブル */

table.table_blue{
	border-collapse: separate;

	}

table.table_blue thead th{
	background-color:#00589e;
	padding:8px 15px;
	color:#FFF;
	font-size:120%;
	font-weight:bold;
	border-right:1px solid #003e6f;
	border-left:1px solid #2782cb;

	}


table.table_blue thead th:first-child{
	border-left:none;

	}

table.table_blue thead th:last-child{
	border-right:none;

	}

table.table_blue tbody th,
table.table_blue tbody td{
	background-color:#f8f8f8;
	padding:15px 15px;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	vertical-align:middle;

	}

table.table_blue tbody td:last-child{
	border-right:none;

	}

/* ライトブルーのハイライト */

table.table_blue tbody tr.today th,
table.table_blue tbody tr.today td{
	background-color:#dcecf9;

	}

/* tbodyの背景を白に */
table.t_bg_w tbody td{
	background-color:#ffffff;

	}


/* thがグレー、tdが白のテーブル */

table.table_gray{
	border:1px solid #ddd;
	border-collapse:collapse;
	font-size:14px;
	}
table.table_gray th{
	border:1px solid #ddd;
	border-collapse:collapse;
	padding:5px 7px;
	text-align:left;
	background-color:#f6f6f6;
	}
table.table_gray td{
	border:1px solid #ddd;
	border-collapse:collapse;
	padding:5px 7px;
	text-align:left;
	}

/*
SNSボタン
--------------------------------------------------------------------------------\*/


ul.sns_area {
	margin:15px 0 ;
}

ul.sns_area li {
	display:inline-block;
	width:100px;
	padding-right:10px;
    *display: inline;
    *zoom: 1;
}

ul.sns_area li.twitter {
	width:88px;
}


ul.sns_area li .fb_iframe_widget {
	top:-5px;
}


/*
gambaplusへ戻るボタン
--------------------------------------------------------------------------------\*/

#return_gambaplus{
	width:100%;
	position:fixed;
	bottom:0px;
}
 
#return_gambaplus p{
	margin:0;
	padding:30px;
	text-align:center;
	background:rgba(0,0,0,0.8);
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	text-align:center;
}
 
#return_gambaplus p:hover{
	background:rgba(50,50,50,0.8);
}
#return_gambaplus p img{
	width:400px;
}
 
#move_return_gambaplus{
	text-decoration:none;
	display:block;
	cursor:pointer;
}

/*
ボタン
--------------------------------------------------------------------------------\*/
.btn {
	box-sizing:border-box;
	margin:30px auto 30px;
	display: block;
	text-align: center;
	padding:0;
	width:65%;
	font-weight: bold;
	border: 1px solid #002f54;
	border-radius: 3px;/* 角丸 */ 
	-webkit-border-radius: 3px;/* 角丸Firefox用 */
	-moz-border-radius: 3px;/* 角丸Safari,Google Chrome用 */
	text-shadow: 1px 1px 1px #00355f, -1px -1px 1px #002f54;/* テキストシャドウ */
	background: -moz-linear-gradient(top, #0063b1, #005496);/* グラデーションFirefox用 */  
	background: -webkit-gradient(linear, left top, left bottom, from(#0063b1), to(#005496));/* グラデーションSafari,Google Chrome用 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#0063b1, endcolorstr=#005496));	/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#0063b1, endcolorstr=#005496))";/* IE8 IE9 */
	zoom: 1;
	background: linear-gradient(to bottom, #0063b1, #005496);/* IE10+, W3C */	/* box-shadow */
	transition-property: all;
	-moz-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	transition: 0.3s linear;
}

.btn a {
	box-sizing:border-box;
	display: block;
	text-align: center;
	text-decoration:none;
	padding:15px 10px;
	color:#ffffff;
	font-weight:bold;
    transition: 0.3s linear;
	font-size:110%;
}

.btn a:hover {
	color:#ffffff;
	text-decoration:none;
	background: -moz-linear-gradient(top, #0087f1, #0063b1);/* グラデーションFirefox用 */  
	background: -webkit-gradient(linear, left top, left bottom, from(#0087f1), to(#0063b1));/* グラデーションSafari,Google Chrome用 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#0087f1, endcolorstr=#0063b1));	/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#0087f1, endcolorstr=#0063b1))";/* IE8 IE9 */
	zoom: 1;
	background: linear-gradient(to bottom, #0087f1, #0063b1);/* IE10+, W3C */	/* box-shadow */

}


/*
白ボタン
--------------------------------------------------------------------------------\*/
.btn_w {
	box-sizing:border-box;
	margin:30px auto 30px;
	display: block;
	text-align: center;
	padding:0;
	width:65%;
	font-weight: bold;
	border: 1px solid #dddddd;
	border-radius: 3px;/* 角丸 */ 
	-webkit-border-radius: 3px;/* 角丸Firefox用 */
	-moz-border-radius: 3px;/* 角丸Safari,Google Chrome用 */
	background: -moz-linear-gradient(top, #ffffff, #e8e8e8);/* グラデーションFirefox用 */  
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));/* グラデーションSafari,Google Chrome用 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#e8e8e8));	/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#e8e8e8))";/* IE8 IE9 */
	zoom: 1;
	background: linear-gradient(to bottom, #ffffff, #e8e8e8);/* IE10+, W3C */	/* box-shadow */
	transition-property: all;
	-moz-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	transition: 0.3s linear;
}

/*
杉本追加
--------------------------------------------------------------------------------\*/

.btn_w_campaign {
	margin-top:30px;
	display: block;
	text-align: center;
	padding:0;
	width:65%;
	font-weight: bold;
	border: 1px solid #dddddd;
	border-radius: 3px;/* 角丸 */ 
	-webkit-border-radius: 3px;/* 角丸Firefox用 */
	-moz-border-radius: 3px;/* 角丸Safari,Google Chrome用 */
	background: -moz-linear-gradient(top, #ffffff, #e8e8e8);/* グラデーションFirefox用 */  
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));/* グラデーションSafari,Google Chrome用 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#e8e8e8));	/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#e8e8e8))";/* IE8 IE9 */
	zoom: 1;
	background: linear-gradient(to bottom, #ffffff, #e8e8e8);/* IE10+, W3C */	/* box-shadow */
	transition-property: all;
	-moz-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	transition: 0.3s linear;

}

.btn_w a {
	box-sizing:border-box;
	display: block;
	text-align: center;
	text-decoration:none;
	padding:15px 10px;
	color:#005496;
	font-weight:bold;
    transition: 0.3s linear;
	font-size:110%;
}


.btn_w_campaign a {
	box-sizing:border-box;
	display: block;
	text-align: center;
	text-decoration:none;
	padding:15px 10px;
	color:#005496;
	font-weight:bold;
    transition: 0.3s linear;
	font-size:110%;
}

.btn_w a:hover {
	color:#ffffff;
	text-decoration:none;
	background: -moz-linear-gradient(top, #0087f1, #0063b1);/* グラデーションFirefox用 */  
	background: -webkit-gradient(linear, left top, left bottom, from(#0087f1), to(#0063b1));/* グラデーションSafari,Google Chrome用 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#0087f1, endcolorstr=#0063b1));	/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#0087f1, endcolorstr=#0063b1))";/* IE8 IE9 */
	zoom: 1;
	background: linear-gradient(to bottom, #0087f1, #0063b1);/* IE10+, W3C */	/* box-shadow */

}

.btn_w_campaign a:hover {
	color:#ffffff;
	text-decoration:none;
	background: -moz-linear-gradient(top, #0087f1, #0063b1);/* グラデーションFirefox用 */  
	background: -webkit-gradient(linear, left top, left bottom, from(#0087f1), to(#0063b1));/* グラデーションSafari,Google Chrome用 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#0087f1, endcolorstr=#0063b1));	/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#0087f1, endcolorstr=#0063b1))";/* IE8 IE9 */
	zoom: 1;
	background: linear-gradient(to bottom, #0087f1, #0063b1);/* IE10+, W3C */	/* box-shadow */

}

/*
杉本追加
--------------------------------------------------------------------------------\*/



/*
非アクティブボタン
--------------------------------------------------------------------------------\*/
.btn_nonactive {
	box-sizing:border-box;
	margin:30px auto 30px;
	display: block;
	text-align: center;
	padding:0;
	width:65%;
	font-weight: bold;
	border: 1px solid #aaaaaa;
	border-radius: 3px;/* 角丸 */ 
	-webkit-border-radius: 3px;/* 角丸Firefox用 */
	-moz-border-radius: 3px;/* 角丸Safari,Google Chrome用 */
	background: #cccccc;
}

.btn_nonactive p {
	box-sizing:border-box;
	display: block;
	text-align: center;
	text-decoration:none;
	padding:15px 10px;
	color:#666666;
	font-weight:bold;
    transition: 0.3s linear;
	font-size:110%;
}

/*
汎用blueボタン
--------------------------------------------------------------------------------\*/

.blue_btn_block {
	box-sizing:border-box;
	width:100%;
	text-align:center;
	margin:10px 0;
	padding:0 10px;
}


.blue_btn_block a {
	box-sizing:border-box;
	width:100%;
	background-color: #00589e;
	color:#FFFFFF;
	padding:5px 15px;
	border-radius: 3px;/* 角丸 */ 
	-webkit-border-radius: 3px;/* 角丸Firefox用 */
	-moz-border-radius: 3px;/* 角丸Safari,Google Chrome用 */
	text-decoration:none;
	font-weight:bold;
    transition: 0.3s linear;
	font-size:110%;
	display:block;
}


.blue_btn_block a:hover {
	background-color: #2180cc;
	text-decoration:none;
}


.blue_btn_inline {
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
	margin:10px 0;
	padding:0;
}


.blue_btn_inline a {
	box-sizing:border-box;
	background-color: #00589e;
	color:#FFFFFF;
	padding:5px 15px;
	border-radius: 3px;/* 角丸 */ 
	-webkit-border-radius: 3px;/* 角丸Firefox用 */
	-moz-border-radius: 3px;/* 角丸Safari,Google Chrome用 */
	text-decoration:none;
	font-weight:bold;
    transition: 0.3s linear;
	font-size:110%;
	display: inline-block;
}


.blue_btn_inline a:hover {
	background-color: #2180cc;
	text-decoration:none;
}


.gray_btn_inline {
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
	margin:10px 0;
	padding:0;
}


.gray_btn_inline span {
	box-sizing:border-box;
	background-color: #e9e9e9;
	color:#717171;
	padding:5px 15px;
	border-radius: 3px;/* 角丸 */ 
	-webkit-border-radius: 3px;/* 角丸Firefox用 */
	-moz-border-radius: 3px;/* 角丸Safari,Google Chrome用 */
	text-decoration:none;
	font-weight:bold;
    transition: 0.3s linear;
	font-size:110%;
	display: inline-block;
}



/*
汎用小アイコン 
--------------------------------------------------------------------------------\*/

.icon_team{
	box-sizing:border-box;
	background-color:#00589e;
	color:#ffffff;
	padding:2px 7px;
	border-radius: 3px;/* 角丸 */ 
	-webkit-border-radius: 3px;/* 角丸Firefox用 */
	-moz-border-radius: 3px;/* 角丸Safari,Google Chrome用 */
	font-weight:normal;
	font-size:80%;
	display: inline-block;
	margin-right:5px;
	text-align:center;
	width:40px;
}

.u23{
	background-color:#2da2ff;
}

/*
.comingsoon 
--------------------------------------------------------------------------------\*/

#contents .comingsoon{
	padding:120px 0;
	background:#f8f8f8 url(../images/bg_entry_recruiting.gif) no-repeat center center;
	text-align:center;
	color:#00589e;
	font-weight:bold;
	font-size:18px;
}
/*
行揃え
--------------------------------------------------------------------------------\*/


.field_left {
	text-align:left;
}

.field_center {
	text-align:center;
}


.field_right {
	text-align: right;
}




/*
汎用マージン
--------------------------------------------------------------------------------\*/

.mb5 {
	margin-bottom:5px;
}

.margintop15 {
	margin-top:15px;
}
.marginbottom15 {
	margin-bottom:15px;
}

.mb15 {
	margin-bottom:15px;
}

.mb30 {
	margin-bottom:30px;
}
.mball30 {
	margin:30px;
}
.mb45 {
	margin-bottom:45px;
}

.mt15 {
	margin-top:15px;
}
.mtall15,
.mall15 {
	margin:15px;
}
.mt30 {
	margin-top:30px;
}

.mt45 {
	margin-top:45px;
}


.ml10 {
	margin-left:10px;
}

.ml15 {
	margin-left:15px;
}


.mr10 {
	margin-right:10px;
}

.mr15 {
	margin-right:15px;
}

/*
汎用テキストスタイル
--------------------------------------------------------------------------------\*/


.bold {
	font-weight:bold;
}


.lightblue {
	color:#2da2ff;
}

.red {
	color:#e40000;
}

.darkblue {
	color:#00589e;
}

.orange {
	color:#ff7315;
}

.txt_10{ font-size:10px;}
.txt_14{ font-size:14px;}
.txt_16{ font-size:16px;}
.txt_18{ font-size:18px;}
.txt_20{ font-size:20px;}
.txt_22{ font-size:22px;}


.display_none_pc{
	display:none;
}

.display_block_pc{
	display: block;
}

/*
汎用box
--------------------------------------------------------------------------------\*/
.notice_box{
	background-color: #f2f2f2;
	padding:15px;
	margin: 15px;
	width: auto;
}

/*
強調表示
--------------------------------------------------------------------------------\*/

strong.highlight {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #cee9ff 40%) repeat scroll 0 0;
    font-weight: bold;
	font-size:110%;
	color:#00589e;
}
strong.highlight::before {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
}
strong.highlight::after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
}


strong.highlight_txt {
    font-weight: bold;
	font-size:110%;
}

/*
スケジュールアンカーリンク調整
--------------------------------------------------------------------------------\*/

tr#today{
	position: relative;

}

#today th{
	position: relative;

}

#today_id{
	position: absolute;
	top: 0;
	left: 0;
}

/*
汎用アコーディオン
--------------------------------------------------------------------------------\*/

.c_accordion_container {
	position: relative;
	max-width: 100%;
	box-sizing: border-box;
}

.c_accordion_title {
	cursor:pointer;
	position: relative;
	padding-right: 40px;
	box-sizing: border-box;
}

.c_accordion_title:after {
    content: "";
  position: absolute;
  right: 15px;
  top: 35%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.c_accordion_title .c_accordion_white {
    color: #fff;
}

.c_accordion_title .c_accordion_darkblue {
    color: #00589e;
}

.c_accordion_darkblue:after {
  border-top: solid 2px #00589e;
  border-right: solid 2px #00589e;
}

.c_accordion_title.active:after {
	 -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
	
}


.c_accordion_toggle {
	display: none;
	box-sizing: border-box;
}