/* ------------------------------------------------------------------------ */
/* PC / Smart Phone */
/* ------------------------------------------------------------------------ */
@media (min-width: 768px) {	.mv, .mv_only, .only_mv, .mov	{ display: none; }}
@media (max-width: 767px) {	.pc, .pc_only, .only_pc			{ display: none; }}
/* ------------------------------------------------------------------------ */
/* To align the heights */
/* ------------------------------------------------------------------------ */
.align_height { margin: 0; paddng: 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; width: 100%; }



























@media (min-width: 768px) {
	nav															{ margin-top: -152px; }
	.logo_main													{ width: 208px; height: 52px; background:url('../img/logo_main.png') no-repeat; background-size: contain; }
	nav.navbar-custom											{ background: transparent url('../img/bg_navbar.png') repeat-x; }
}
@media (max-width: 767px) {
	nav															{ margin-top: -65px; }
	.logo_main													{ width: 120px; height: 32px; background:url('../img/logo_main_m.png') no-repeat; background-size: contain; }
	nav.navbar-custom											{ background: transparent url('../img/bg_navbar_m.png') repeat-x; }
}

.header-space													{ width: 100%; height: 22px; background: #2E4C70; }				/* タグライン用最上部のスペース */

clearfix:after													{ display: block; clear: both; height: 0px; visibility: hidden; content: "."; }


#cont															{ margin-top: 0; margin-left: 10px; margin-right: 10px; }		/* ★スマホの幅のイメージは #cont で決まる */

/* ------------------------------ */

.sidebar-nav													{ padding-bottom: 10px; font-weight: bold; border-width: 0; }

li > a:link, li > a:active, li > a:visited						{ text-decoration: none; font-weight: bold; }
a.btn:link, a.btn:active, a.btn:visited, a.btn:hover			{ text-decoration: none; font-weight: bold; }

ul.navbar-nav > li > a.nav-link									{ font-size: 1.0em; font-weight: bold; color: #16A; }

.sub_menu			ul											{ margin: 0 0 0 0; padding: 0px; width: 100%; }
.sub_menu			ul		li									{ margin: 0 0 3px 0; list-style: none; display: block; text-decoration: none; border-style: solid; border-width: 1px; border-color: #DDD #DDD #CCC #DDD; border-radius: 5px; }
.sub_menu			ul		li.item								{ padding: 0 0 0 12px; line-height: 40px; height: 40px; background: url("../img/bg_menu2_ma.png") right 50% no-repeat; background-size: cover; }
.sub_menu			ul		li.jis								{ background: url("../img/bg_menu2_mb.png") right 50% no-repeat; background-size: cover; border-width: 0; }
.sub_menu			ul		a									{ text-decoration: none; }
.sub_menu			ul		li:hover							{ background: url("../img/bg_menu2_mb.png") right 50% no-repeat; background-size: cover; border-color: #EEE; }


/* ------- 折りたたみメニューのサブ menu ---------- */
div.timelineEvent div.itm										{ margin: 0; padding-left: 50px; line-height: 30px; color: #16A; background: #E9F6FF; border-top: solid 1px #CDF; }
div.timelineEvent div.itm:hover									{ cursor: pointer; color: #F40; background: #EEE; }


/* ------------ bnr ------------- */

@media (min-width: 768px) {
	input.search_words											{ width: 300px; ime-mode:active; }		/* search box for info */
}

@media (max-width: 767px) {
	input.search_words											{ width: 100%; ime-mode:active; }		/* search box for info */
	.page_img > img												{ padding: 0 0 0 20px; width: 70%; }		/* for ILNEIGE top page */
}

/* ------------------------------ */

.sidebar-toggle {												/* ★折りたたみメニューを消すための「×」ボタン */
	margin: 0;
}

.sidebar-toggle:focus {
	outline: 0;
}

/* ------------------------------ */

@media (min-width: 768px) {	
	.container-main-menu-2										{ margin-top: 1px; margin-bottom: 1px; width: 100%; height: 37px; background: #FFF; }		/* ★画面上部の6個のメニュー */

	ul.navbar-nav > li.mov {									/* ★PCサイズでは非表示 */
		display: none;
	}

	ul.navbar-nav > li > a.nav-link:hover {
		cursor: pointer;
		color:#F40;												/* ★トップナビのホバー時の文字色 */
	}
}


/* ------------------------------ */

@media(max-width:767px){										/* ★スマホサイズ */
	.container-main-menu-2										{ margin-bottom: 0; }		/* ★画面上部の6個のメニューの外側 */

	.sub_menu			ul										{ margin-top: 5px; }

	ul.navbar-nav > li.pc {										/* ★スマホサイズでは非表示 */
		display: none;
	}

	#btn_pagetop, #btn_menu {
		margin: 2px 3px;
	}
	ul.navbar-nav > li {
		padding-right: 0;
		border-style: solid; border-width: 0 0 1px 0; border-color: #CDF;	/* ★仕切り色 */
	}
	ul.navbar-nav > li > a.nav-link {
		background-color: #FFF;									/* ★トップナビの背景色 */
		color:#16A;												/* ★トップナビの文字色 */
	}
	ul.navbar-nav > li > a.nav-link:hover {
		cursor: pointer;
		background-color: #EEE;									/* ★トップナビのホバー時の背景色 */
		color:#F40;												/* ★トップナビのホバー時の文字色 */
	}
}


/* --------- hero-unit ----------- */

.hero-unit {														/* ★グリッド */
	margin-bottom: 20px;
	padding: 6% 7%;
	background: #FFF; border-style: solid; border-width: 1px; border-color: #DDD #DDD #CCC #DDD;
}

.hero-unit.no-border	{ margin: 0; padding: 0; border-width: 0; background: transparent; }

.hero-unit h1, .hero-unit h2, .hero-unit h3, .hero-unit h4, .hero-unit p {
	margin: 0px; padding: 0;
	font-weight: normal;
	font-size: 1.0em;
	line-height: 180%;
}

.hero-unit li{
	line-height:30px;
}


/* ---------- ボタン幅 ---------- */

.btn.width-100			{ width: 100%; }
.btn.width-90			{ width:  90%; }
.btn.width-80			{ width:  80%; }
.btn.width-70			{ width:  70%; }
.btn.width-60			{ width:  60%; }
.btn.width-50			{ width:  50%; }
.btn.width-49			{ width:  49%; }
.btn.width-48			{ width:  48%; }
.btn.width-40			{ width:  40%; }
.btn.width-30			{ width:  30%; }
.btn.width-20			{ width:  20%; }
.btn.width-10			{ width:  10%; }

/* ---------- top page ---------- */






/* ---------- main menu --------- */

.main-menu {
	width: 100%;
	margin: 0 0 0 0;
}

/* ---------- 帯メニュー each2 (不使用)--------- */

.main-menu > .each2 {
	margin: 0 0 0 0;
	width: 16.6666%;
	min-height: 16px;
	padding: 3px 6px;
}

.main-menu > .each2 > p {
	margin: 0 0 0 0;
}

.main-menu > .each2 > p > a {
	background: #D44;
	border-radius: 0;
}

.main-menu > .each2 > p > a:hover {
	background: #A22;
}

.each2.no-border	{ padding: 0; border-width: 0; background: transparent; }

/* ---------- 帯メニュー each4 --------- */

.main-menu > .each4 {
	margin: 0 0 0 0;
	width: 33.3333%;
	min-height: 16px;
	padding: 0;
}

.main-menu > .each4 > p {
	margin: 0 0 0 0;
}

.main-menu > .each4 > p > span.each > a {						/* 帯メニュー */
	margin-bottom: 1px;
	padding-top: 8px;
	font-size: 1.0em !important;
	height: 37px;
	color: #345;
	background: #FFF;
	border-width: 0 0 0 1px;
	border-color: #DDD;
}

@media(max-width:767px){										/* スマホサイズのみ角を落とす */
	.main-menu > .each4 > p > span.each > a {					/* 帯メニュー */
		border-radius: 5px !important; 
	}
}

.main-menu > .each4 > p > span.each >  a.last {					/* 帯メニュー */
	border-width: 0 1px 0 1px;
}

.main-menu > .each4 > p > span.each > a:hover {
	background: #DEF;
}

.each4.no-border	{ padding: 0; border-width: 0; background: transparent; }

/* ------------- well ------------ */

.well {
	min-height: 20px;
	padding: 6px 9px;
	margin-bottom: 10px;
	background-color: #f5f5f5;									/* ★wellの背景色 */
	border: 1px solid #e3e3e3;									/* ★well のボーダー */
	border-radius: 4px;
}

.well ul li{
	padding:  0 0 1px 0;
}

.well ul li.nav-header {
	 padding:  0 10px 10px 10px;
}

.well.no-border	{ padding: 0; border-width: 0; background: transparent; }
.pnl.no-border	{ padding: 0; border-width: 0; background: transparent; }



/* ------- col-sm-12、col-sm-6、col-sm-4 の特則(col-sm-12は1個、col-sm-6は2個、col-sm-4は3個、col-sm-3は4個、横に並ぶ)-------- */

.col-sm-12.well, .col-sm-6.well, .col-sm-4.well, .col-sm-3.well {
	padding: 4px;
}

.col-sm-12.well.trans, .col-sm-6.well.trans, .col-sm-4.well.trans, .col-sm-3.well.trans {
	background: transparent !important; border-bottom: 0 !important;
}

.col-sm-12 > .ttl, .col-sm-6 > .ttl, .col-sm-4 > .ttl, .col-sm-3 > .ttl {
	margin-bottom: 0; padding:  5px 10px ; font-size: 1.2em; font-weight: bold; color :#FFF; background: #3D4D64;
}

.col-sm-12.board2 > .ttl, .col-sm-6.board2 > .ttl, .col-sm-4.board2 > .ttl, .col-sm-3.board2 > .ttl {
	margin-bottom: 0; padding:  5px 10px ; font-size: 1.2em; font-weight: bold; color :#FFF; background: #911;
}

.col-sm-12.board3  .ttl, .col-sm-6.board3  .ttl, .col-sm-4.board3  .ttl, .col-sm-3.board3  .ttl {
	margin-bottom: 0; padding:  15px 10px 0 15px; font-size: 1.8em; line-height: 150%; font-weight: bold; color :#345; background: transparent;
}

.col-sm-12.board4  .ttl, .col-sm-6.board4  .ttl, .col-sm-4.board4  .ttl, .col-sm-3.board4  .ttl {
	margin-bottom: 0; padding:  5px 10px ; font-size: 1.2em; font-weight: bold; color :#FFF; background: #345;
}



/* ------- col-sm-12、col-sm-6、col-sm-4、col-sm-3 の【掲示ボード】の特則-------- */

/* ボード	board タイトルと写真のパディングが 4px */
.col-sm-12.well.board, .col-sm-6.well.board, .col-sm-4.well.board, .col-sm-3.well.board {
	margin-bottom: 10px; background: #FFF; border-style: solid; border-width: 1px; border-color: #DDD #DDD #CCC #DDD; border-radius: 0px;
}
.col-sm-12.well.board .pht, .col-sm-6.well.board .pht, .col-sm-4.well.board .pht, .col-sm-3.well.board .pht {
	margin-top: 4px;
}

.col-sm-12.well.board .pht > p, .col-sm-6.well.board .pht > p, .col-sm-4.well.board .pht > p, .col-sm-3.well.board .pht > p {
	margin: 0; padding: 0;
}

.col-sm-12.well.board .pht > p.next, .col-sm-6.well.board .pht > p.next, .col-sm-4.well.board .pht > p.next, .col-sm-3.well.board .pht > p.next {
	margin: 0; padding: 4px 0 0 0;
}

.board.board100 .str { padding: 8px 8px; width: 100%; }							/* テキストのみ(テキスト部分100％) */

.board.board90 .str { float: right; padding: 8px 6px; width: 90%; }				/* テキストのみ(テキスト部分80％) */
.board.board90 .pht { float: left; width: 5%; }

.board.board85 .str { float: right; padding: 8px 6px; width: 85%; }				/* テキストのみ(テキスト部分80％) */
.board.board85 .pht { float: left; width: 10%; }

.board.board80 .str { float: right; padding: 8px 6px; width: 80%; }				/* テキストのみ(テキスト部分80％) */
.board.board80 .pht { float: left; width: 15%; }

.board.board75 .str { float: right; padding: 8px 6px; width: 75%; }				/* テキストのみ(テキスト部分75％) */
.board.board75 .pht { float: left; width: 20%; }

.board.board70 .str { float: right; padding: 8px 6px; width: 70%; }				/* テキストのみ(テキスト部分70％) */
.board.board70 .pht { float: left; width: 25%; }

.board.board65 .str { float: right; padding: 8px 6px; width: 65%; }				/* テキストのみ(テキスト部分65％) */
.board.board65 .pht { float: left; width: 30%; }

.board.board60 .str { float: right; padding: 8px 6px; width: 60%; }				/* テキストのみ(テキスト部分60％) */
.board.board60 .pht { float: left; width: 35%; }

.board.board55 .str { float: right; padding: 8px 6px; width: 55%; }				/* テキストのみ(テキスト部分55％) */
.board.board55 .pht { float: left; width: 40%; }

.board.board50 .str { float: right; padding: 8px 6px; width: 50%; }				/* テキストのみ(テキスト部分50％) */
.board.board50 .pht { float: left; width: 45%; }

.board.board50 .str { float: right; padding: 8px 6px; width: 45%; }				/* テキストのみ(テキスト部分45％) */
.board.board50 .pht { float: left; width: 50%; }

.board.board0 .str { padding: 8px 8px; width: 100%; }							/* フロートなし(画像・テキストとも100%) */
.board.board0 .pht { margin: 0; padding: 0; width: 100%; }



/* ボード2	board2 タイトルと写真のパディングが 0 */
.col-sm-12.well.board2, .col-sm-6.well.board2, .col-sm-4.well.board2, .col-sm-3.well.board2 {
	margin-bottom: 10px; padding: 0; background: #FFF; border-style: solid; border-width: 0 0 1px 0; border-color: #DDD #DDD #CCC #DDD; border-radius: 0px;
}
.col-sm-12.well.board2 .pht, .col-sm-6.well.board2 .pht, .col-sm-4.well.board2 .pht, .col-sm-3.well.board2 .pht {
	margin-top: 4px;
}

.col-sm-12.well.board2 .pht > p, .col-sm-6.well.board2 .pht > p, .col-sm-4.well.board2 .pht > p, .col-sm-3.well.board2 .pht > p {
	margin: 0; padding: 0;
}

.col-sm-12.well.board2 .pht > p.next, .col-sm-6.well.board2 .pht > p.next, .col-sm-4.well.board2 .pht > p.next, .col-sm-3.well.board2 .pht > p.next {
	margin: 0; padding: 1px 0 0 0;
}

.board2.board100 .str { padding: 8px 8px; width: 100%; }						/* テキストのみ(テキスト部分100％) */

.board2.board90 .str { float: right; padding: 8px 10px; width: 90%; }			/* テキストのみ(テキスト部分80％) */
.board2.board90 .pht { float: left; width: 5%; }

.board2.board85 .str { float: right; padding: 8px 10px; width: 85%; }			/* テキストのみ(テキスト部分80％) */
.board2.board85 .pht { float: left; width: 10%; }

.board2.board80 .str { float: right; padding: 8px 10px; width: 80%; }			/* テキストのみ(テキスト部分80％) */
.board2.board80 .pht { float: left; width: 15%; }

.board2.board75 .str { float: right; padding: 8px 10px; width: 75%; }			/* テキストのみ(テキスト部分75％) */
.board2.board75 .pht { float: left; width: 20%; }

.board2.board70 .str { float: right; padding: 8px 10px; width: 70%; }			/* テキストのみ(テキスト部分70％) */
.board2.board70 .pht { float: left; width: 25%; }

.board2.board65 .str { float: right; padding: 8px 10px; width: 65%; }			/* テキストのみ(テキスト部分65％) */
.board2.board65 .pht { float: left; width: 30%; }

.board2.board60 .str { float: right; padding: 8px 10px; width: 60%; }			/* テキストのみ(テキスト部分60％) */
.board2.board60 .pht { float: left; width: 35%; }

.board2.board55 .str { float: right; padding: 8px 10px; width: 55%; }			/* テキストのみ(テキスト部分55％) */
.board2.board55 .pht { float: left; width: 40%; }

.board2.board50 .str { float: right; padding: 8px 10px; width: 50%; }			/* テキストのみ(テキスト部分50％) */
.board2.board50 .pht { float: left; width: 45%; }

.board2.board50 .str { float: right; padding: 8px 10px; width: 45%; }			/* テキストのみ(テキスト部分45％) */
.board2.board50 .pht { float: left; width: 50%; }

.board2.board0 .str { padding: 8px 12px; width: 100%; }							/* フロートなし(画像・テキストとも100%) */
.board2.board0 .pht { margin: 0; padding: 0; width: 100%; }



/* ボード3	board3 写真は右 */
.col-sm-12.well.board3, .col-sm-6.well.board3, .col-sm-4.well.board3, .col-sm-3.well.board3 {
	margin-bottom: 10px; background: #FFF; border-style: solid; border-width: 0px; border-radius: 8px; box-shadow:1px 1px 4px #CCC;
}
.col-sm-12.well.board3 .pht, .col-sm-6.well.board3 .pht, .col-sm-4.well.board3 .pht, .col-sm-3.well.board3 .pht {
	float: right; margin-top: 10px;
}

.col-sm-12.well.board3 .pht > p, .col-sm-6.well.board3 .pht > p, .col-sm-4.well.board3 .pht > p, .col-sm-3.well.board3 .pht > p {
	margin: 0; padding: 0;
}

.col-sm-12.well.board3 .pht > p.next, .col-sm-6.well.board3 .pht > p.next, .col-sm-4.well.board3 .pht > p.next, .col-sm-3.well.board3 .pht > p.next {
	margin: 0; padding: 4px 0 0 0;
}

.board3 .str { font-size: 1.2em; line-height: 180%; }

.board3.board100 .str { padding: 15px; width: 100%;}							/* テキストのみ(テキスト部分100％) */

.board3.board90 .str { float: left; padding: 15px; width: 90%;}				/* テキストのみ(テキスト部分80％) */
.board3.board90 .pht { float: right; width: 5%; }

.board3.board85 .str { float: left; padding: 15px; width: 85%;}				/* テキストのみ(テキスト部分80％) */
.board3.board85 .pht { float: right; width: 10%; }

.board3.board80 .str { float: left; padding: 15px; width: 80%;}				/* テキストのみ(テキスト部分80％) */
.board3.board80 .pht { float: right; width: 15%; }

.board3.board75 .str { float: left; padding: 15px; width: 75%;}				/* テキストのみ(テキスト部分75％) */
.board3.board75 .pht { float: right; width: 20%; }

.board3.board70 .str { float: left; padding: 15px; width: 70%;}				/* テキストのみ(テキスト部分70％) */
.board3.board70 .pht { float: right; width: 25%; }

.board3.board65 .str { float: left; padding: 15px; width: 65%;}				/* テキストのみ(テキスト部分65％) */
.board3.board65 .pht { float: right; width: 30%; }

.board3.board60 .str { float: left; padding: 15px; width: 60%;}				/* テキストのみ(テキスト部分60％) */
.board3.board60 .pht { float: right; width: 35%; }

.board3.board55 .str { float: left; padding: 15px; width: 55%;}				/* テキストのみ(テキスト部分55％) */
.board3.board55 .pht { float: right; width: 40%; }

.board3.board50 .str { float: left; padding: 15px; width: 50%;}				/* テキストのみ(テキスト部分50％) */
.board3.board50 .pht { float: right; width: 45%; }

.board3.board50 .str { float: left; padding: 15px; width: 45%;}				/* テキストのみ(テキスト部分45％) */
.board3.board50 .pht { float: right; width: 50%; }

.board3.board0 .str { padding: 15px; width: 100%;}								/* フロートなし(画像・テキストとも100%) */
.board3.board0 .pht { margin: 0; padding: 0; width: 100%; }



/* ボード4	board4 写真と文章のレイアウトがレスポンシブに変化 */
.col-sm-12.well.board4, .col-sm-6.well.board4, .col-sm-4.well.board4, .col-sm-3.well.board4 {
	margin-bottom: 10px; padding: 0; background: #FFF; border-style: solid; border-width: 0 0 1px 0; border-color: #DDD #DDD #CCC #DDD; border-radius: 0px;
}
.col-sm-12.board4 .pht, .col-sm-6.board4 .pht, .col-sm-4.board4 .pht, .col-sm-3.board4 .pht {
	margin-top: 1px; margin-bottom: 10px;
}

@media(min-width: 768px) {
	.board4 .str { padding: 8px 12px; width: 100%; }								/* フロートなし(画像・テキストとも100%) */
	.board4 .pht { margin: 0; padding: 0; width: 100%; }
}
@media(max-width:767px){
	.board4 .str { float: right; padding: 8px 10px; width: 49%; }					/* テキストのみ(テキスト部分60％) */
	.board4 .pht { float:  left;width: 49%; }
	.board4.board100 .str { float: right; padding: 8px 10px; width: 100%; }			/* テキストのみ(テキスト部分100％) */
}



/* -----------------------------------------------------------------------------------
 col-sm-6【パネル１】(box(col-sm-3相当を横に2個)×横に2個)の特則
----------------------------------------------------------------------------------- */
.col-sm-6 .well .pnl {															/* ★画像パネルを作るときの特則 */
	margin: 0; padding: 0; width: 100%;
}
.col-sm-6 .box {
	position: relative; float: left; margin: 10px 1% 10px 1%; padding: 1%; width: 48%; background: #FFF; border-style: solid; border-width: 1px; border-color: #DDD #DDD #CCC #DDD; border-radius: 10px;		/* ★ col-sm-6 画像パネル box */
}
.col-sm-6 .box .ttl{
	margin: 0 0 5px 0; padding: 5px 5px; text-align: center; font-size: 1.0em; font-weight: bold; background: #940E0D; border-radius: 6px 6px 0 0;			/* ★col-sm-6 画像パネル ttl */
}
.col-sm-6 .box .ttl > a {
	color: #FFF;
}
.col-sm-6 .box .ttl > a:hover {
	color: #F66;
}
.col-sm-6 .box .str {
	margin-top: 5px; padding: 10px; color: #FFF; background: #368; border-radius: 0 0 6px 6px;
}
.col-sm-6 .box img{
	margin-bottom: 2px; padding: 0; border-radius: 0;
}
.col-sm-6 .box img.r6{
	border-radius: 6px;												/* ★img の四隅を丸める */
}
.col-sm-6 .box:after {
	position: absolute; bottom: -8%; left: 0; display: block; width: 100%; height: 8%; content: "　"; background: url('../img/column_shadow.png') no-repeat; background-size: contain;				/* ★ col-sm-6 画像パネルの影 */
}






/* -----------------------------------------------------------------------------------
 col-sm-6【パネル２】(box2(col-sm-3相当を横に2個)×横に2個)(四角の枠)の特則
----------------------------------------------------------------------------------- */
.col-sm-6 .well .pnl {															/* ★画像パネルを作るときの特則 */
	margin: 0; padding: 0; width: 100%;
}
.col-sm-6 .box2 {
	float: left; margin: 0; padding: 4% 0 6% 0; width: 50%; text-align:center; background: #FFF; border-style: solid; border-color: #CCC;		/* ★ col-sm-6 画像パネル box2 */
}
.col-sm-6 .box2_1{
	border-width: 1px;
}
.col-sm-6 .box2_2, .col-sm-6 .box2_3, .col-sm-6 .box2_4 {
	border-width: 1px 1px 1px 0;
}
.col-sm-6 .box2_4n1 {
	border-width: 0 1px 1px 1px;
}
.col-sm-6 .box2_4n2, .col-sm-6 .box2_4n3, .col-sm-6 .box2_4n4 {
	border-width: 0 1px 1px 0;
}

@media(max-width:767px){
	.col-sm-6 .box2 {
		margin-top: -18px;
	}
	.col-sm-6 .box2_3 {
		border-width: 0 1px 1px 1px;
	}
	.col-sm-6 .box2_4 {
		border-width: 0 1px 1px 0;
	}
	.col-sm-6 .box2_4n3 {
		border-width: 0 1px 1px 1px;
	}
}

.col-sm-6 .box2 .column_title {
	margin: 0 0 4% 0; font-weight: bold; color: #345;
}
.col-sm-6 .box2 .column_title > a {
	color: #345;
}
.col-sm-6 .box2 .column_title > a:hover {
	color: #F66;
}
.col-sm-6 .box2 .str {
	margin-top: 5px; padding: 10px; color: #FFF; background: #368; border-radius: 0 0 6px 6px;
}
.col-sm-6 .box2 img {
	margin-bottom: 0; padding: 0; border-radius: 0;
}



/* -----------------------------------------------------------------------------------
 col-sm-6【パネル３】(box3(col-sm-3相当を横に2個)×横に2個)の特則
----------------------------------------------------------------------------------- */
.col-sm-6 .well .pnl {															/* ★画像パネルを作るときの特則 */
	margin: 0; padding: 0; width: 100%;
}
.col-sm-6 .box3 {
	float: left; margin: 7px 1% 0 1%; padding: 2% 0 2% 0; width: 48%; text-align: center; background: #FFF; border-style: solid; border-width: 1px; border-color: #FFF; border-radius: 0px;		/* ★ col-sm-6 画像パネル box3 */
}

@media(max-width:767px){
	.col-sm-6 .box3 {
		margin-top: -5px; margin-bottom: -5px;
	}
}

.col-sm-6 .box3 .column_title {
	margin: 0 0 4% 0; font-weight: bold; color: #345;
}
.col-sm-6 .box3 .column_title > a {
	color: #345;
}
.col-sm-6 .box3 .column_title > a:hover {
	color: #F66;
}
.col-sm-6 .box3 .str {
	margin-top: 5px; padding: 10px; color: #FFF; background: #368; border-radius: 0 0 6px 6px;
}
.col-sm-6 .box3 img {
	margin-bottom: 5%; padding: 0; border-radius: 0;
}
.col-sm-6 .box3 img.r6 {
	border-radius: 6px;												/* ★img の四隅を丸める */
}



/* -----------------------------------------------------------------------------------
 col-sm-6【パネル４】(box4(col-sm-3相当を横に2個)×横に2個)の特則
----------------------------------------------------------------------------------- */
.col-sm-6 .well .pnl {															/* ★画像パネルを作るときの特則 */
	margin: 0; padding: 0; width: 100%;
}
.col-sm-6 .box4 {
	float: left; margin: 7px 1% 0 1%; padding: 1% 0 2% 0; width: 48%; text-align: center; background: #FFF; border-style: solid; border-width: 1px; border-color: #DDD; border-radius: 6px;		/* ★ col-sm-6 画像パネル box4 */
}

@media(max-width:767px){
	.col-sm-6 .box4 {
		margin-top: -5px; margin-bottom: -5px;
	}
}

.col-sm-6 .box4 .column_title {
	margin: 0 0 0 0; font-weight: bold; color: #345;
}
.col-sm-6 .box4 .column_title > a {
	color: #345;
}
.col-sm-6 .box4 .column_title > a:hover {
	color: #F66;
}
.col-sm-6 .box4 .str {
	margin-top: 5px; padding: 10px; color: #FFF; background: #368; border-radius: 0 0 6px 6px;
}
.col-sm-6 .box4 img {
	margin-bottom: 0; padding: 0; border-radius: 0;
}
.col-sm-6 .box4 img.r6 {
	border-radius: 6px;												/* ★img の四隅を丸める */
}



/* ------------------------------ */



@media(min-width: 768px) {
	.header-space > h1 {											/* ★トップバー上部のタグライン */ 
		margin: 0; padding: 4px 0 4px 0; text-align: center; font-size: 1.0em; font-weight: normal; color: #FFF;
	}
	.navbar-collapse {												/* ★トップバーのナビ */ 
		padding-top: 0;
	}
	.main-menu > .each4 > p > span.each > a {
		margin: 0 0 0 0;
		width: 50%;
		border-radius: 0;
	}
	.well {
		margin: 10px -1px 5px 0;
		padding: 8px 6px;
	}
	.col-sm-6.well.pnl {												/* ★パネルを作るときの特則 */
		margin: 0; padding: 0; width: 50%;
	}
}


@media(max-width:767px){
	.navbar-brand {
		padding-top: 15px;
	}
	.header-space {													/* ★トップバー上部のタグライン */ 
		display: none;
	}
	.navbar-collapse {												/* ★トップバーのナビ */ 
		padding-top: 0;
	}
	.main-menu {
		margin: 4px 1% 0 1%;
		width: 98%;
	}
	.main-menu .each2 {
		margin: 0 0 4px 0;
		width: 100%;
	}
	.main-menu > .each2 > p > a {
		border-radius: 5px;
	}
	.main-menu .each4 {
		margin: 0 0 2px 0;
		width: 100%;
	}
	.col-sm-6 .box {
		margin-top: -10px; margin-bottom: 0;											/* ★ col-sm-6パネル box */
	}
	.main-menu > .each4 > p > span.each > a {
		width: 49.2%;
		margin-top: 0;
		margin-left: 0.4%;
		margin-right: 0.4%;
		border-radius: 5px;
	}
	.container-fluid{
		width: 100%;
	}
}

@media(min-width:768px) and (max-width:1199px){
	.container-fluid{
		margin: 0 auto;
		width: 100%;
	}
}

@media(min-width:1200px){
	.container-fluid{
		margin: 0 auto;
		width: 1200px;
	}
}



/* ------------------------------ */