@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(44,106,180,1.00)}a:hover { color:rgba(102,102,102,1.00)}
/* css setting */
/*　非表示 - エントリーページのe-marathon部分　エリア2-1＆2-2　*/
.dn {
display:none;
}


@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 820px){
#pt001-4Parent {
background-color:#000;
background-repeat:no-repeat;
background-size:cover;

}
}

/*----------------------- デフォルト -----------------------*/
a   {
text-decoration:none;
}
h1 , h2 , h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
margin-top: 0px;
}
.hover_opacity:hover{
opacity: 0.8;
transition:0.6s;
}
.hover_opacity_img img:hover { 
opacity:0.6; 
transition:0.6s;
}
.cuosor {
pointer-events: none ;
cursor: default ;
}

/*----------------------- ホーム -----------------------*/ 
.access_box {
border-radius:1rem !important;
}

@media screen and (max-width: 480px){
.icon_size {
width:30%;
display: block ;
margin-left: auto;
margin-right: auto;

}
}

.ootan {
width:51%;
margin:0 0 0 1rem;
}


/*----------------------- 要項関係 -----------------------*/ 
.yoko-table-entry-c {
width: 100%;
padding: 0.5rem 0.5rem 1rem 0rem;
border: none;
font-weight: normal;
text-align: left;
}
.yoko-table-l {
width: 17%;
padding: 0rem 0.5rem 1rem 0rem;
border-bottom: 1px solid #cccccc;
font-weight: normal;
text-align: left;
color:#2C6AB4;
}
.yoko-table-l-inner {
width: 18%;
padding: 0rem 0.5rem 1rem 0rem;
font-weight: normal;
text-align: left;
}
@media screen and (max-width: 480px){
.yoko-table-l-inner {
width: 36%;
}
}
.yoko-table-entry-l {
width: 38%;
padding: 0.5rem 0.5rem 1rem 0rem;
border-bottom: 1px solid #cccccc;
font-weight: normal;
text-align: left;
}
.yoko-table-r {
width: 83%;
padding: 1rem 0rem;
border-bottom: 1px solid #cccccc;
text-align: left;
}
.yoko-table-r-inner {
width: 82%;
padding: 0rem 0.5rem 1rem 0rem;
font-weight: normal;
text-align: left;
}
.yoko-table-entry-r {
width: 62%;
padding: 0.5rem 0.5rem 1rem 0rem;
border-bottom: 1px solid #cccccc;
font-weight: normal;
text-align: left;
}
.yoko-table-entry-c {
width: 100%;
padding: 0.5rem 0.5rem 1rem 0rem;
border: none;
font-weight: normal;
text-align: left;
}
.yoko-table-nb{
border: none;
}

.box-table-r {
width: 100%;
padding: 1rem 0rem;
text-align: left;
}
.box_border {
    width: 17%;
    padding: 0rem 0.5rem 1rem 0rem;
    font-weight: normal;
    text-align: left;
    color: #2C6AB4;
}

.box123 {
width: 83%;
padding: 1rem 0rem;
text-align: left;
}

@media screen and (max-width: 480px){
.yoko-table-l {
width:100%;
}
.yoko-table-r {
width: 100%;
}
.yoko-table-l {
    padding: 1rem 0.5rem 0 0 !important;
     border-bottom:none;
}
.harf_ms_table tr {
    display: flex;
}
.outline-CT th, td {
    display: block;
}
.box_border {
    width:100%;
    padding: 1rem 0.5rem 0 0 ;
}
.yoko-table-r-inner {
    width: 100%;
}
}

.harf_ms_table .midashi{
border:none;
background:#fff!important;
}

.harf_ms_table td {
border:1px solid #CCC;
}

.harf_ms_table td:nth-child(1){
width:20%;
padding:0.5rem;
background:#efefef;
}
.harf_ms_table td:nth-child(2), .harf_ms_table td:nth-child(3){
width:40%;
padding:0.5rem;
}
@media screen and (max-width: 480px){
.harf_ms_table td:nth-child(2), .harf_ms_table td:nth-child(3){
width:42%;
}
}


/*----------------------- 申込についてのテーブル -----------------------*/ 
.ms_table tr{
border: 1px solid #CCC;
}
.ms_table th {
width:15%;
font-weight:normal;
border-right: 1px solid #CCC;
padding:0.5rem;
}
.ms_table td {
width:85%;
padding:0.5rem;

}
.ms_table tr:first-child td {
font-weight:bold;
color:#1072A6;
}
@media screen and (max-width: 480px){
.ms_table th {
width:25%;
text-align:center;
}
.ms_table td {
width:75%;
}
}

/*----------------------- ゲストランナー -----------------------*/ 
.margin-gest-waku{
margin: 0rem 3rem 3rem 3rem;

}
.margin-gest{
margin: 0rem 6rem 0.6rem 6rem;
}
.appeal-t-l{
padding: 0rem;
vertical-align: top;
font-weight: normal;
}
.appeal-t-r{
padding: 0rem 0rem 0rem 1rem;
vertical-align: top;
}
@media screen and (max-width: 1024px) { 
.margin-gest{
margin: 0rem 3rem 0.6rem 3rem;
}
}
@media screen and (max-width: 768px) { 
.margin-gest-waku{
margin: 0rem 1rem 3rem 1rem;
}
.margin-gest{
margin: 0rem 3rem 0.6rem 3rem;
}
}
@media screen and (max-width: 480px) { 
.margin-gest-waku{
margin: 0rem 5rem 3rem 5rem;
}
.margin-gest{
margin: 0rem 4rem 0.6rem 4rem;
}
}
/*----------------------- 色関係 -----------------------*/ 
.opacity {
opacity: 0.9;
}
/*----------------------- トップページ色関係 -----------------------*/ 

.main_color_r {
color: #ffffff;
}
.main_color_bg {
background-ccolor: #1070a5;
}
.blue_rgba {
background-color: rgba(16,112,165,0.75);
/*mix-blend-mode: multiply;*/
}
/*----------------------- 下層ページ色関係 -----------------------*/ 
.main-u_color {
color: #1070a5;
}
.main-u-r_color {
color: #ffffff;
}
.main-u_backgroundcolor {
background-color: #2C6AB4;
}
.main-u-ttl_backgroundcolor {
background-color: #2C6AB4;
}
.sub-u_backgroundcolor {
background-color: #ededed;
}
.sub-u_backgroundcolor-a {
background-color: #ecfaff;
}
.main-u_bordercolor {
border: 1px solid #1070a5;
}
.main-u_bordercolor-t {
border-top: 1px solid #1070a5;
}
.main-u_bordercolor-r {
border-right: 1px solid #1070a5;
}
/**.main-u_bordercolor-l {
border-left: 1px solid #1070a5;
}**/
.main-u_bordercolor-b {
border-bottom: 1px solid #1070a5;
}
.main-u_bordercolor-b5 {
border-bottom: 5px solid #1070a5;
}
.main-u_bordercolor-b-or {
border-bottom: 1px solid #ff7300;
}
.white-u_rgba {
background-color: rgba(255,255,255,0.3);
}
.white-u_rgba01 {
background-color: rgba(255,255,255,0.7);
}
.blue-u_rgba {
background-color: rgba(30,100,190,0.5);
}
.white_rgba_ap {
background-color: rgba(255,255,255,0.5);
}
@media screen and (max-width: 480px) { 
.white_rgba_ap {
background-color: rgba(255,255,255,0.7);
}
}
/*----------------------- 吹き出し -----------------------*/
.fukidashi_bottom {
width: 15rem;
background-color: #ffffff;
position: relative;
margin: 0 auto;
padding: 0.5rem 0rem;
}
 .fukidashi_bottom:after {
border: 15px solid transparent;
border-top-color: #ffffff;
border-bottom-width: 0;
width: 0;
bottom: -15px;
content: "";
display: block;
left: 44%;
position: absolute;
}
.fukidashi_a_bottom {
width: 15rem;
background-color: #ffffff;
position: relative;
margin: 0 auto;
padding: 0.5rem 0rem;
}
 .fukidashi_a_bottom:after {
border: 15px solid transparent;
border-top-color: #ffffff;
border-bottom-width: 0;
width: 0;
bottom: -15px;
content: "";
display: block;
left: 44%;
position: absolute;
}
/*-----------------------　FATナビ関係　-----------------------*/
.hamburger{
position: absolute;
top: 1rem;
right: 1rem;
float: right;
padding-bottom: 2.4rem;
border: 1px solid #231815;
}

.menu ul li ul.normal-sub li a {
border: 0;
padding: 1rem 0;
border-bottom: 1px solid #ffffff;
}
.menu ul li ul.normal-sub {
padding: 0.25rem 1rem;
}
.menu ul li a {
text-decoration: none;
padding: 1rem 1rem;
display: block;
}
#menu .menu ul  li ul li a {
border-top: 1px dotted #cccccc;
}
.fsNavMenuList li a{
/*padding:0.75rem 0.5rem!important;*/
}
.fsNavMenuList .active_page > a:hover{
color: #ffffff!important;

}


.fat-nav li {
list-style-type: none;
text-align: left;
padding: 1.5rem 0 1.5rem 2rem;
font-size: 1.2rem;
border-bottom: 1px solid #969696;
}
.fat-nav{
background: rgba(45, 55, 60, 0.96);
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
background-color:#1072A6;
}
/*----------------------- 文字関係 -----------------------*/
.writing-mode {
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
.tx-sdw{
text-shadow: 1px 1px 0px #ffffff;
}
.eiji{
font-family: Century Gothic , Futura-Medium , メイリオ , Meiryo ,sans-serif;
}
.bold {
font-weight: bold;
}

.space{
letter-spacing: 0.1rem;
}
.space-1{
letter-spacing: 0.4rem;
}
.space_2{
letter-spacing: 0.2rem;
}
.sub_s div a div .fs_btn_text_sub{
font-size: 60%!important;
}
.br-sp{
display:none;
}
.br-sp-r{
display: block;
line-height: 0.5rem;
margin: -0.2rem;
}
.bold-bg-g{
background-image: linear-gradient(transparent 80%, #f2fce0 20%);
}
@media screen and (max-width: 480px) { 
.tx-center{
text-align:center!important;
}
.tx-left{
text-align:left!important;
}
.br-sp{
display: block;
line-height: 0rem;
margin: -0.2rem;
}
.br-sp-r{
display: none;
}
.font-sp-s{
font-size:93%;
}
.font-sp{
font-size:2rem;
}
}
/*----------------------- コンポーザー・ページリスト関係  -----------------------*/ 
#fsInfoBlock .entryTitle {
font-weight: bold;
}
.news .entryData:after{
background: #c8c8c8 !important;
font-size: 0.8rem !important;
color: #ffffff !important;
margin-left: 0.2rem !important;
}
#pt101-2-1 .fs_c_title , #pt102-2-1 .fs_c_title {
background-repeat: no-repeat;
margin: 3rem 2rem 2rem 2rem;
padding: 0 0 1rem 0;
border-bottom: 1px dotted #cccccc;
font-size: 1.3rem;
color: #666666 ;
}
#pt101-2-1 .fs_content , #pt102-3-2 .fs_content {
background-repeat: no-repeat;
padding: 0 2rem 4rem 2rem;
font-size: 1rem;
}
#fsInfoBpager .numbers {
font-family: Century Gothic , Futura-Medium , メイリオ , Meiryo ,sans-serif;
background: #c8c8c8 ;
}
#fsInfoBpager .active {
font-family: Century Gothic , Futura-Medium , メイリオ , Meiryo ,sans-serif;
background: #969696 ;
}
#fsInfoBpager .ccm-page-left a,
#fsInfoBpager .ccm-page-right a {
background: #c8c8c8 ;
}
#fsInfoBpager .ccm-page-left span,
#fsInfoBpager .ccm-page-right span{
background: #969696 ;
}
/*----------------------- ギャラリーブロック -----------------------*/
#imageLightbox-container img {
border: 2px solid rgba( 255, 255, 255, .5 );
}
#imageLightbox-container img:hover {
border-color: #1f64bf;
box-shadow: 0 0 0.25rem rgba( 0, 0, 0, .25 );
}
#imageLightbox-container li {
display: inline-block;
margin: 0.15em;
}
#imageLightbox-container img {
height: 9em;
}
.bx-wrapper .bx-viewport{
border: none!important;
}
/*----------------------- エントリーボタン -----------------------*/
#bottomfix {
position: fixed;
z-index: 100;
bottom: 0;
right: 0;
} 

@media screen and (max-width: 480px) { 
#bottomfixd {
position: fixed!important;
z-index: 110;
bottom:0;
right: 0;
}
} 


#topfix_A {
position: fixed;
z-index: 10;
bottom: 0;
right: 0;
}
} 

.text01 ul {
width : 100%;
}

.text01 li {
    padding-right: 1rem;
    padding-top: 1rem;
line-height: 2rem;
}

.text01 dl{ 
display:flex;
flex-direction: row;
}
 
.text01 dt{ 
width : 17%;
font-size:1rem;
font-weight : bold;
letter-spacing: 1px;
}

@media screen and (max-width: 480px) {
.text01 dt {
    width: 40%;
}
}

.text01 dd{ 
width: 83%;
line-height: 1.5rem;
}

.entry_button {
padding:0 1rem 1rem 1rem ;
}
@media screen and (max-width: 480px) {
.entry_button {
padding:0 15% 1rem 15%;
}
}

/* スマホの場合切り抜きキャンセル ここから */
@media screen and (max-width: 480px) {
.change_layout .ccm-layout-row .ccm-layout-cell svg image {
clip-path: none;/* svgの切り抜き止める */
}
}
/* スマホの場合切り抜きキャンセル ここまで */

/* スマホの場合左右入れ替え ここから */
@media screen and (max-width: 480px) {
.change_layout_center .ccm-layout-row {
display:flex;
flex-direction: column;/* 縦並び */
}
.change_layout_center .ccm-layout-row .ccm-layout-cell:nth-child(1) {
order: 2;
}
.change_layout_center .ccm-layout-row .ccm-layout-cell:nth-child(2) {
order: 1;
}
}
/* スマホの場合左右入れ替え ここまで */

@media screen and (max-width: 480px) {
.margin123 {
margin: 0 2rem;
}
}

.position01 {
width:30%;
}

@media screen and (max-width: 480px) {
.catch01 {
display:none;
}
.sports_banner{
max-width:200px;
height:auto;
margin:0 auto;
}
}

.course01{
display:flex;
}