/* 共通 */
html{
    font-size: 62.5% !important;
		height: 100%;
}
body{
    font-size:1.4rem !important;
    line-height: 1.6;
	min-height: 100%;
	overflow-y: scroll;
}
h1 {
    font-size: 36px;/* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));/* 24px~36pxで可変*/
    line-height: 1.3;
}
h2 {
    font-size: 24px;/* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
    line-height: 1.3;
}
h3 {
    font-size: 18px;
    line-height: 1.2;
}
h3 {
    font-size: 16px;
    line-height: 1.2;
}
@media (min-width: 1200px) {/* 1200px以上*/
    h1 {
        font-size: 3.6rem;/* 36px*/
    }
    h2 {
        font-size: 2.4rem;/* 24px*/
    }
    h3 {
        font-size: 2rem;/* 20px*/
    }
    h4 {
        font-size: 1.8rem;/* 18px*/
    }
}
@media screen and (max-width: 640px) {/* 640px以下*/
    body{
    line-height: 1.6;
    }
    h1{
        font-size: 2.4rem;/* 24px*/
    }
    h2 {
        font-size: 2rem;/* 20px*/
    }
    h3 {
        font-size: 1.8rem;/* 18px*/
    }
    h4 {
        font-size: 1.6rem;/* 16px*/
    }
}

/*inputのiOS対策*/
input{-webkit-appearance: none;}


a{color: inherit !important;}
a:hover{opacity: .7;}

.bg_black{ background-color: #000000 !important; }
.bg_white{ background-color: #FFFFFF !important; }
.bg_green{ background-color: #34675C !important; }
.bg_blue{ background-color: #324851 !important; }
.bg_mist{ background-color: #F0F0F0 !important; }/*bg_gray_taiに書き換え20191128*/
.bg_red{ background-color: #C7243C !important; }

.txt_lightgreen{ color: #86AC41 !important; }
.txt_red{ color: #C7243C !important; }
.txt_white{ color: white !important; }

.border_b_lightgreen{ border-bottom: solid 2px #86AC41;}
.border_blue{ border: solid 1px #324851; border-radius: 10px;}
.border_mist{ border: solid 1px #F0F0F0; background-color: #FFFFFF;}

ul{ list-style: none; margin: 0; padding: 0 !important;}

.my_button{ font-size: 1.2rem !important;}

/*html_header*/
header{background-color: white;}
nav.navbar_main{ max-width: 960px; margin: 0 auto; }
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{ min-height: 60px !important; }
.menu_offcanvas.uk-offcanvas-bar { background-color: #FFFFFF; }
.menu_offcanvas.uk-offcanvas-bar ul li { padding: .8em 0; border-bottom: dotted 1px #7DA3A1;}
.menu_offcanvas.uk-offcanvas-bar ul li a { color: #666666 !important; display: block;}
.uk-offcanvas-bar.uk-offcanvas-bar .uk-close { color: #666666 !important;}


#ttl_bar{
	background-color: #016B8B;
}

#ttl_bar h2{ margin: 0; padding: .5em 0; color: #FFFFFF; }


/*=========== 20191112追記 ===========*/
.login_btn{background-color: #747474; padding: 0 5px 0 7px; border-radius: 2px;}
.bg_navy{background-color: #0C1D67 !important;}
.bg_blue_tai{background-color: #2B64C4 !important;}
.bg_gray_tai{background-color: #F0F0F0 !important;}
.bg_green_tai{background-color: #29917E !important;}

.menu_tai_ttl{position: relative;}
.menu_tai_ttl h3{padding: 8px 0; font-size: 1em;}
.menu_tai_ttl::after{
/*
		content: "\f0dd";
    font-family: FontAwesome;
*/
		content: "＋";
    position: absolute;
    top: 5px;
    right: 13px;
		color: #FFFFFF;
		font-size: 1.2em;
        font-weight: bold;
}
.menu_tai_ttl.active::after{content: "-"; top: 0; right: 15px; font-size: 20px;}
.menu_tai_box{display: none; padding-bottom: 5px;}

.menu_tai_reverse .menu_tai_ttl::after{content: "-";}
.menu_tai_reverse .menu_tai_ttl.active::after{content: "+";}
.menu_tai_reverse .menu_tai_box{display: block;}

.menu_tai_ttl_stack h3{padding: 8px 0; font-size: 1em;} 

/*=========== 20200909追記 ===========*/
/*リッチエディタ*/
.ck-editor__top .ck-sticky-panel .ck-toolbar {
    background: #eee!important;
}
.ck-editor__editable {
    background-color: #fff;
}
.ck-editor__editable_inline {
    padding: .8em 1.3em!important;
}
.ck-editor__editable p,.ck-editor__editable h2,.ck-editor__editable h3,.ck-editor__editable h4 {
    margin: 0 0 10px 0;
}

/*=========== 20200912追記 ===========*/
/*トーナメント*/
.open {
	display: block;
}

/*==========ナビボタンエリア==========*/

	#inc_navi_btn_area .btn_scrollx .uk-button{
		border-top: solid thin #000000;
		border-bottom: solid thin #000000;
		border-left: solid thin #000000;
		padding: 0 1em;
		box-sizing: border-box;
	}
		
	#inc_navi_btn_area .btn_scrollx .uk-button:last-child{
		border-right: solid thin #000000;
	}

#inc_navi_btn_area .bg_white form input[type="submit"] {
	-webkit-appearance: none !important;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	color: #000000;
	font-size: 1.5em;
	cursor: pointer;
}

#inc_navi_btn_area .bg_white:hover {
	background-color: #666666!important;
	transition: all 0.2s ease-in-out;
}
#inc_navi_btn_area .bg_white:hover form input[type="submit"] {
	color: #ffffff!important;
	transition: all 0.2s ease-in-out;
}

#inc_navi_btn_area .bg_navy form input[type="submit"] {
	-webkit-appearance: none !important;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	color: #FFFFFF;
	font-size: 1.5em;
	cursor: pointer;
}


@media only screen 
and (max-width : 640px) {
	/*ナビボタンエリア*/
	#inc_navi_btn_area .btn_scrollx{
		width: 100%;
		height: 4rem;
		overflow-x: scroll;
	}
	
	#inc_navi_btn_area .btn_scrollx .uk-button{
		border-top: solid thin #000000;
		border-bottom: solid thin #000000;
		border-left: solid thin #000000;
		box-sizing: border-box;
	}
		
	#inc_navi_btn_area .btn_scrollx .uk-button:last-child{
		border-right: solid thin #000000;
	}
}



/*2019/12/23_add_css*/

.uk-text-small {
    font-size: 12px !important;
}