/* ------------------------------------------------------------------------ */
/* PC / Smart Phone */
/* ------------------------------------------------------------------------ */
@media screen and (min-width: 768px) {	.mv, .mv_only, .only_mv, .mov	{ display: none; }}
@media screen and (max-width: 767px) {	.pc, .pc_only, .only_pc			{ display: none; }}
@media screen and (min-width: 768px) { .pc100 { width:100%; } .pc90 { width:90%; } .pc80 { width:80%; } .pc75 { width:75%; } .pc70 { width:70%; } .pc60 { width:60%; } .pc50 { width:50%; } .pc40 { width:40%; } .pc30 { width:30%; } .pc25 { width:25%; } .pc20 { width:20%; } .pc10 { width:10%; } .pc5 { width:5%; } }
@media screen and (max-width: 767px) { .mv100 { width:100%; } .mv90 { width:90%; } .mv80 { width:80%; } .mv75 { width:75%; } .mv70 { width:70%; } .mv60 { width:60%; } .mv50 { width:50%; } .mv40 { width:40%; } .mv30 { width:30%; } .mv25 { width:25%; } .mv20 { width:20%; } .mv10 { width:10%; } .mv5 { width:5%; } }
/* ------------------------------------------------------------------------ */
/* 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%; }











/* ---------------- フォーム入力 ---------------- */
/* board5, board6
/* ---------------------------------------------- */
/*** board5 (フォームの 項目側)の特則 ***/
.form_item { padding-top: 10px; padding-bottom: 10px; }
.form_item input, .form_item textarea { padding: 5px; background: #FFD; border: solid 1px #CDE; border-radius: 3px; }
.form_item .col-sm-4, .form_item .col-sm-8  { margin-bottom: 25px; padding: 0; }

.form_item .col-sm-4.board5 {
	padding: 10px 15px; color: #345; font-size: 1.2em; font-weight: bold;  background: #F1F8FF; border: solid 1px #DEF; border-radius: 5px;
}
.form_item .col-sm-4.board5.req {
	background: #F1F8FF url('../img/bg_form_req.png') no-repeat right top;
}
/*** board6 (フォームの 入力側)の特則 ***/
.form_item .col-sm-8.board6 {
	padding: 10px 15px; color: #345; font-size: 1.2em; border: solid 1px #DEF; background: #F1F8FF; border-radius: 5px;
}
@media (max-width: 767px) {
	.form_item .col-sm-4.board5 {
		margin-bottom: 0; background: #F1F8FF; border-width: 1px 1px 0 1px; border-radius: 5px 5px 0 0;
	}
	.form_item .col-sm-4.board5.req {
		background: #F1F8FF url('../img/bg_form_req.png') no-repeat right top;
	}
	.form_item .col-sm-8.board6 {
		border-width: 1px 1px 1px 1px; border-radius: 0 0 5px 5px;
		background: #F1F8FF;
	}
}




















/* ------------------------------ */
@media(max-width:767px) {
	nav															{ margin-top: -65px; }			/* トップバーが65px分下がってくる現象に対抗する */
}

.header-space													{ position: absolute; top: 5px; right: 10px; z-index: 999; }				/* 最上部のスペース */
.logo_main														{ width: 116px; height: 40px; background:url('../img/logo_main.png') no-repeat; background-size: contain; }

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


.cont															{ margin-left: 5px; margin-right: 5px; }

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

.sidebar-nav													{ padding-bottom: 10px; font-weight: bold; border-width: 0; }
nav.navbar-custom												{ background: transparent url('../img/bg_navbar.png') repeat-x; }

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: #F80; }

.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: solid 1px #DDD; border-radius: 20px; }
.sub_menu			ul		li.item								{ padding: 0 0 0 15px; 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-color: #FFF8EF; }
.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: #FFF8EF; }


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


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

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

@media (max-width: 767px) {
	input.search_words											{ width: 100%; ime-mode:active; }		/* search box for info */
	.page_img > img												{ width: 240px; }
}

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

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

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

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

@media (min-width: 768px) {										/* ★PCサイズでは非表示 */
	.container-main-menu-2										{ border-top: solid 1px #FFF; border-bottom: solid 0 #FFF; width: 100%; height: 50px; background: #1F3D85; }		/* ★画面上部の6個のメニュー */

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


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

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

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

	#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:#F00;												/* ★トップナビのホバー時の文字色 */
	}
}

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

.hero-unit{														/* ★グリッド */
	padding:20px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:normal;
	line-height:180%;
	color:inherit;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border: solid 1px #DDD;
	border-radius:10px;
}

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

.hero-unit h1{
	margin-bottom:0;
	font-size:30px;
	line-height:1;
	letter-spacing:-1px;
	color:inherit;
}
.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: #345;
	border-radius: 0;
}

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

.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: 3px 6px;
}

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

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

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

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

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

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

.well {
	min-height: 20px;
	padding: 6px 9px;
	margin-bottom: 10px;
	background-color: #FFF;									/* ★wellの背景色 */
	border: 1px solid #DDD;									/* ★well のボーダー */
	border-radius: 4px;
}
.well blockquote {
	border-color: #ddd;
	border-color: rgba(0, 0, 0, .15);
}
.well-lg {
	padding: 24px;
	border-radius: 6px;
}
.well-sm {
	padding: 9px;
	border-radius: 3px;
}

.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-12.well, .col-sm-6.well, .col-sm-4.well {
	padding: 4px; border-radius: 6px;
}

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

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

.col-sm-12.board2 > .ttl, .col-sm-6.board2 > .ttl, .col-sm-4.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.4em; line-height: 150%; font-weight: bold; color :#345; background: #FFF;
}

.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.board7  .ttl, .col-sm-6.board7  .ttl, .col-sm-4.board7  .ttl, .col-sm-3.board7  .ttl {
	margin-bottom: 0; padding:  5px 10px ; font-size: 1.2em; font-weight: bold; color :#FFF; background: #4871D8; border-radius: 3px 3px 0 0;
}

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

/* ボード	board タイトルと写真のパディングが 4px */
.col-sm-12.well.board, .col-sm-6.well.board, .col-sm-4.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 {
	margin-top: 4px;
}

.col-sm-12.well.board .pht > p, .col-sm-6.well.board .pht > p, .col-sm-4.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 {
	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 { width: 5%; }

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

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

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

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

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

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

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

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

.board.board50 .str { float: right; padding: 8px 6px; width: 45%; }				/* テキストのみ(テキスト部分45％) */
.board.board50 .pht { 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 {
	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 {
	margin-top: 4px;
}

.col-sm-12.well.board2 .pht > p, .col-sm-6.well.board2 .pht > p, .col-sm-4.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 {
	margin: 0; padding: 4px 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 { width: 5%; }

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

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

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

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

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

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

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

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

.board2.board50 .str { float: right; padding: 8px 10px; width: 45%; }			/* テキストのみ(テキスト部分45％) */
.board2.board50 .pht { 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 {
	position: relative; 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 {
	position: absolute; top: 20px; right: 20px;
}

.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 写真と文章のレイアウトがレスポンシブに変化(board7 と反対) */
/* ----------------------------------------------------------------------------------- */
.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.well.board4 .pht, .col-sm-6.well.board4 .pht, .col-sm-4.well.board4 .pht, .col-sm-3.well.board4 .pht {
	margin-top: 1px;
}

@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: 60%; }					/* テキストのみ(テキスト部分60％) */
	.board4 .pht { float:  left;width: 38%; }
	.board4.board100 .str { float: right; padding: 8px 10px; width: 100%; }			/* テキストのみ(テキスト部分100％) */
}



/* ----------------------------------------------------------------------------------- */
/* ボード7	board7 写真と文章のレイアウトがレスポンシブに変化(board4 と反対) 【写真左】 */
/* ----------------------------------------------------------------------------------- */
.col-sm-12.well.board7, .col-sm-6.well.board7, .col-sm-4.well.board7, .col-sm-3.well.board7 {
	margin-bottom: 10px; background: #FFF; border-style: solid; border-width: 0px; border-radius: 8px; box-shadow:1px 1px 4px #CCC;
}
.col-sm-12.well.board7 .pht, .col-sm-6.well.board7 .pht, .col-sm-4.well.board7 .pht, .col-sm-3.well.board7 .pht {
	margin-top: 1px;
}

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



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

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



/* ----------------------------------------------------------------------------------- */
/*  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: 0 0.5% 0 0.5%; padding: 0.5% 0 0 0; width: 49%; text-align: center; border-style: solid; border-width: 0; border-color: #FFF; border-radius: 0px;		/* ★ col-sm-6 画像パネル box3 */
}

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

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

.col-sm-6 .box3 .column_title {
	margin: 0 0 2% 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: 0; 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: 4% 0 6% 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: -10px;
	}
}

.col-sm-6 .box4 .column_title {
	margin: 0 0 4% 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 10px 0 0; text-align: right; font-size: 12px; font-weight: normal; color: #333;
	}
	.navbar-collapse {												/* ★トップバーのナビ */ 
		padding-top: 0;
	}
	.main-menu > .each4 > p > span.each > a {
		margin: 0 0 0 0;
		width: 50%;
		border-radius: 0;
	}
	.col-sm-3 {
		margin: 0; padding: 0;
	}
	.well {
		margin: 0 0 5px 0;
		padding: 8px 6px;
	}
	.col-sm-6.well.pnl {												/* ★パネルを作るときの特則 */
		margin: 0; padding: 0; width: 50%;
	}
	.col-sm-4 {
		margin-top: 0; margin-bottom: 15px; padding: 3px 4px;
	}
}


@media(max-width:767px){
	.navbar-brand {
		padding-top: 7px;
	}
	.header-space {													/* ★トップバー上部のタグライン */ 
		display: none;
	}
	.navbar-collapse {												/* ★トップバーのナビ */ 
		padding-top: 0;
	}
	.main-menu {
		margin: 4px 0 0 0;
		width: 100%;
	}
	.main-menu .each2 {
		margin: 0 0 4px 0;
		width: 100%;
	}
	.main-menu > .each2 > p > a {
		border-radius: 5px;
	}
	.main-menu .each4 {
		margin: 0 0 0 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: 50%;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		border-radius: 0;
	}
	.main-menu > .each4 > p > span.each > a.left {
		border-width: 0 1px 0 0;
	}
	.main-menu > .each4 > p > span.each > a.right {
		border-width: 0 0 0 0;
	}
	.container-fluid{
		width: 100%;
	}
}

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

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

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



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