@CHARSET "UTF-8";

@import url(//https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

.section{
	margin-top: 25px;
}

html {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 62.5%;
	line-height: 1;
}

body {
	font-size: 1.2rem;
	line-height: 1.5;
}

body.rwd {
	max-width: 1366px;
}

.material-icons {
	color: white;
}

/* global nav area */
#tmns_navbar {
	background: #003399;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #003399, #00B3FE);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #003399, #00B3FE);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#tmns_navbar  ul a {
	min-width: 220px;
	font-size: 1.4rem;
}

#tmns_navbar  ul a.longtext {
	min-width: 260px;
}

#tmns_navbar .dropdown-content li>a {
	color: #333;
	font-size: 1.4rem;
}

#tmns_navbar .dropdown-button a {
	color: white;
}

/* 会社ロゴ */
#tbgcHeaderLogo a img{
	height: 40px;
}

/* footer */
#tbgcFooterUtility>ul>li a {
	font-size: 1.1rem;
}

/* パンくず */
.breads {
	margin-left: 20px;
}

.breads ul li {
	color: #333;
	display: inline-block;
}

.breads ul li:after {
	content: '\00bb';
	margin: 20px;
}

.breads ul li.current:after {
	content: "";
}

.nav-wrapper .breadcrumb {
	font-size: 1.4rem;
	color: #333;
}

/* ローカルナビ */

/* 背景 */
.local-bg {
	top: 0px;
	left: 0px;
	height: 700px;
	width: 100%;
	background: linear-gradient(to bottom, #E6E6E6, #FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#FFF));
    background: -moz-linear-gradient(top, #E6E6E6, #FFF);
    background: -ms-linear-gradient(top, #E6E6E6, #FFF);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#FFF', GradientType=0)";
}

/* 大分類 */
.collection .collection-item.local-head {
	font-size: 1.6rem;
	color: #FFF;
	background: #0088DC;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 20px;
}

/* 選択項目 */
.collection .collection-item.local.active {
	vertical-align: bottom;
	background-color: #00B2FC;
	color: #FFF;
}

.collection .collection-item.local.active i {
	vertical-align: bottom;
}

/* 未選択項目 */
.collection a.collection-item.local {
	color: #1F4E79;
}

/* ページタイトル */
.page-title {
	text-shadow: 2px 2px 5px #333;
}

.page-title-font {
	font-family: "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
	font-size: 4rem;
	line-height: 55px;
}

.page-subtitle-font {
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック",
		sans-serif;
	font-size: 1.8rem;
	display:block;
	padding-left: 8px;
	margin-bottom:5px;
}

/* タイトル 背景 グラデーション */
.card .card-image .card-title.back-gradation {
	display:block;
	padding:0 20px;
	margin-bottom:20px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.4)), color-stop(0.8, rgba(0,0,0,0)), to(rgba(0,0,0,0)));
    background: -moz-linear-gradient(left, rgba(0,0,0,0.4), rgba(0,0,0,0) 80%, rgba(0,0,0,0));
    background: -ms-linear-gradient(left, rgba(0,0,0,0.4), rgba(0,0,0,0) 80%, rgba(0,0,0,0));
    background: linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0) 80%, rgba(0,0,0,0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0.4)', endColorstr='rgba(0,0,0,0)', GradientType=1)";
	width:100%;
}

.card .card-image .card-title.white-bg.back-gradation {
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,100,255,0.2)), color-stop(0.7, rgba(0,0,0,0)), to(rgba(0,0,0,0)));
    background: -moz-linear-gradient(left, rgba(0,100,255,0.2), rgba(0,0,0,0) 70%, rgba(0,0,0,0));
    background: -ms-linear-gradient(left, rgba(0,100,255,0.2), rgba(0,0,0,0) 70%, rgba(0,0,0,0));
	background:linear-gradient(to right, rgba(0,100,255,0.2), rgba(0,0,0,0) 70%, rgba(0,0,0,0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,100,255,0.2)', endColorstr='rgba(0,0,0,0)', GradientType=1)";
}

/* 大見出し */
.head-l {
	background: #FFF;
	color: #5F646A;
	font-size: 2.2rem;
	font-family: "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
	text-shadow: 3px 1px 0px #FFF, 4px 3px 1px #EFEFEF;
}

.card .card-content.head-l {
	padding: 10px;
}

/* 見出し */
.head-m {
	padding: 7px;
	margin-top: 90px;
	margin-bottom: 20px;
	background: #0088DC;
	color: #FFF;
	background: linear-gradient(to right, #009EED, #0060BC);
	background: -webkit-gradient(linear, left top, right top, from(#009EED), to(#0060BC));
    background: -moz-linear-gradient(left, #009EED, #0060BC);
    background: -ms-linear-gradient(left, #009EED, #0060BC);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#009EED', endColorstr='#0060BC', GradientType=1)";
}

/* 最上部見出し */
.head-m-first {
	padding: 7px;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #0088DC;
	color: #FFF;
	background: linear-gradient(to right, #009EED, #0060BC);
	background: -webkit-gradient(linear, left top, right top, from(#009EED), to(#0060BC));
    background: -moz-linear-gradient(left, #009EED, #0060BC);
    background: -ms-linear-gradient(left, #009EED, #0060BC);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#009EED', endColorstr='#0060BC', GradientType=1)";
}

/*ローカルナビ*/
/* S・M表示用ローカルナビ */
.localNaviFAB {
	padding-top: 0;
}
/* ローカルナビ マウスオーバー */
#localNaviBtnTbl {
	position: absolute;
	border: none;
	margin-bottom: 0;
	left: -140px;
	right: 80px;
	width: 200px;
}
.fixed-action-btn .localNaviBtn {
	margin-bottom: 0;
}
/* ローカルナビ 1行 */
.squareBtnForNavi {
	border-radius: 0 0 0 0;
	width: 200px;
}
.collection-item.squareBtnForNavi:last-child {
	border-bottom: 1px solid #e0e0e0;
}
.squareBtnForNavi {
	border-bottom: none;
}
.squareBtnForNavi:visited {
	background-color: white;
}
/* ローカルナビ 最上部項目用設定 */
.localNaviCollection .collection-item.local-head-sNaviBtn  {
	font-size: 1.6rem;
	color: #FFF;
	background-color: #0088DC;
	padding-top: 15px;
	padding-bottom: 10px;
	line-height: 130%;
	height: 70px;
}

/* ローカルナビ FAB */
.openLocalNavi{
	background-color: #0973d5;
}
.btn-floating:hover {
	background-color: #00B2FC;
}

/* FABアイコン */
.openLocalNavi .localFABIcon {
	font-size: 3rem;
}

.localNaviFAB .localNaviCollection {
	bottom: 55px;
}

/* 本文 インデント */
.text_position{
	padding-left: 10px;
	padding-right: 10px;
}

/* マージン 調整 */
.container .row {
    margin-left: 0px;
    margin-right: 0px;
}

/* 以下メディアクエリ */
/* 992px以下の場合 */
@media screen and (max-width:992px) {
	/* コンテンツ 幅 */
	.container {
		width: auto;
	}

	.container .row {
		margin-left: 0;
		margin-right: 0;
	}

	.row .col {
		padding: 0;
	}

	.section {
		padding: 10px;
	}

	/* ページタイトル */
	.page-title-font {
		font-size: 4rem;
	}

	.page-subtitle-font {
		font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック",
			sans-serif;
		font-size: 1.8rem;
	}

	/* ローカルナビ */
	.collection .collection-item.local-head {
		font-size: 1.6rem;
	}
	.local-bg {
		height: 100%;
	}
}

/* 600px以下の場合 */
@media screen and (max-width:600px) {
	/* ページタイトル */
	.page-title-font {
		font-size: 3rem;
	}

	/* ページタイトル周辺スペース */
	.card .card-image .card-title {
		padding: 20px;
	}

	/* 大見出し */
	.head-l {
		font-size: 2.2rem;
	}

	/* 本文 インデント */
	.text_position {
		padding-left: 5px;
		padding-right: 5px;
	}
}

/* 360px以下の場合 */
@media screen and (max-width:360px) {
	/* 本文 フォント */
	.container {
		font-size: 1.2rem;
	}

	/* ページタイトル */
	.page-title-font {
		font-size: 2.4rem;
	}

	/* ページタイトル周辺スペース */
	.card .card-image .card-title {
		padding: 10px;
	}
	.page-subtitle-font {
		font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック",
			sans-serif;
		font-size: 1.2rem;
	}

	/* 大見出し */
	.head-l {
		font-size: 1.4rem;
	}

	/* 見出し */
	.head-m {
		font-size: 1.3rem;
	}

	/* 最上部見出し */
	.head-m-first {
		font-size: 1.3rem;
	}

	/* ローカルナビ */
	.collection .collection-item.local-head {
		font-size: 1.6rem;
	}
}