/* ======================================================
2.ナビゲーションのCSS uikit.css上書き:
======================================================== */
.uk-navbar {
background-color: rgba(255, 255, 255, 0.9) !important;
/*border: 2px double #fff;*/
box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2);
}

.uk-text-lead {
	font-size:	1.2rem;
}

.uk-section-primary {
	/*background: #00a10a;*/
	color: #fff !important;
	text-align:center;
font-size: 1.5rem;
}

.uk-navbar-nav > li > a {/*1865行*/
color: #444;
font-size: 16px;
min-height:40px;
}

.uk-navbar-nav > li a:hover{background-color: #fafafa;}

.uk-panel-box {/*1194行*/
padding: 8px;
background: #fff none repeat scroll 0% 0%;
color: #444;
border: 1px solid #e0e0e0;
border-radius: 4px;
}

.tm-sidebar-left {
    position: fixed;
    top: 80px;
    bottom: 0;
    box-sizing: border-box;
    width: 260px !important;
    padding: 40px 40px 60px 40px;
    border-right: 1px #e5e5e5 solid;
    overflow: auto;
}

.uk-nav > li > a {
	padding:	0	0;
	font-size:	0.8rem;
}

.tm-sidebar-right{
	position:absolute;
	top:0;
	left:calc(100% + 0px);
	width:200px
}

@media (min-width:960px){
	.tm-sidebar-left+.tm-main{
		padding-left:240px
	}
}

@media (min-width:1200px){
	.tm-sidebar-left+.tm-main{
		padding-left:240px
	}
}

@media (min-width:1400px){
	.tm-sidebar-left+.tm-main{
		padding-left:240px
	}
}

/*
@media (min-width:1200px){
	.tm-sidebar-right{
		left:calc(100% + 0px)
	}
	.tm-sidebar-left+.tm-main{
		padding-left:40px
	}
}

@media (min-width:1400px){
	.tm-sidebar-left{
		width:300px !important;
		padding:45px 45px 60px 45px
	}
	.tm-sidebar-right{
		left:calc(100% + 60px)
	}
	.tm-sidebar-left+.tm-main{
		padding-left:40px
	}
}
*/

.uk-section-default {
    background: #fff;
}
@media (min-width: 960px).uk-section {
    padding-top: 70px;
    padding-bottom: 70px;
}
.uk-section {
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 40px;
}

h1,.uk-h1,h2,.uk-h2,h3,.uk-h3,h4,.uk-h4,h5,.uk-h5,h6,.uk-h6{
	margin:0 0 10px 0;
	/*font-weight:300;*/
	color:#222;
	text-transform:none
}

:root {
    --uk-leader-fill-content: .;
}
:root {
    --uk-breakpoint-s: 640px;
    --uk-breakpoint-m: 960px;
    --uk-breakpoint-l: 1200px;
    --uk-breakpoint-xl: 1600px;
}

/*
.uk-container-small {
	max-width:	650px;
}
*/

body{/*フォントを変更して文字を少し大きめに調整*/
font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size: 1.0rem;
line-height: 1.5rem;
}
/* =======================================================
1. header
==========================================================*/
header h1 {/*ヘッダーの見出しh1文字サイズを小さくする。*/
font-size: 0.8rem;
line-height: 1.5rem;
background-color: #00a10a;
padding: 0px 5%;
color: #fff;
text-align:center;
}

.tcw-placeholder-table {
	padding:	15px	15px	15px	15px;
}

.tcw-text-alert {
	color:	#f0506e;
}

.tcw-table-xsmall td {
	padding:	4px 4px;
}

.tcw-button-movie {
	margin-left:	16px;
	margin-bottom:	6px;
}

.tcw-search-form form {
	display:	inline-block;
}

.tcw-search-input {
	width:	70% !important;
}

.uk-navbar-toggle {
	width:	80px;
	height:	70px;
	font-size:	13px;
}

.tcw-icon-button {
	background:#1e87f0;
	color:white;
	width:	24px;
	height:	24px;
	margin-bottom:4px;
}