@charset"utf-8";



/* ------------------------------------------------------------------------ */
/* 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%; }
/* ------------------------------------------------------------------------ */
/* PROPER WIDTH PC MOV / TABLE WIDTH PC MOV */
/* ------------------------------------------------------------------------ */
@media (min-width: 768px) {
	.proper_width_pcmv	{ padding: 0 8vw; };
	.table_width_pcmv	{ padding: 0 8vw; };
}
@media (max-width: 767px) {
	.proper_width_pcmv	{ padding: 0 2.5vw; };
	.table_width_pcmv	{ padding: 0 0; };
}
/* ------------------------------------------------------------------------ */
/* スマホの時には lightBox による拡大を阻止 */
/* ------------------------------------------------------------------------ */
@media screen and (max-width: 767px){
	a[class="p"] { pointer-events: none; }
}
/* ------------------------------------------------------------------------ */











/* ---------------- フォーム入力 ---------------- */
/* board5, board6
/* ---------------------------------------------- */
/*** board5 (フォームの 項目側)の特則 ***/
.form_item { padding-top: 10px; padding-bottom: 10px; }
.form_item input, .form_item textarea { padding: 5px; background: #FFF; 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-style: solid; border-width: 1px; border-color: #EEE; 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; color: #345; font-size: 1.2em; border: solid 1px #EEE; background: #F1F8FF; border-radius: 5px;
}
@media (max-width: 767px) {
	.form_item .col-sm-4.board5 {
		margin-bottom: 0; background: #F1F8FF; border-style: solid; border-color: #DDD; 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 {
		padding: 5px; border-color: #DDD; border-width: 1px; border-radius: 0 0 5px 5px;
		background: #FFF;
	}
}




















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

.logo_pc														{ width: 576px; height: 72px; background:url('../img/logo_pc.png?20251005') no-repeat; background-size: contain; }
.logo_mv														{ width: 220px; height: 44px; background:url('../img/logo_mv.png?20251005') no-repeat; background-size: contain; }


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


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

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

.sidebar-nav													{ padding-bottom: 0; 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; }


/* ------- 折りたたみメニューのサブ menu ---------- */
div.timelineEvent div.itm										{ margin: 0; padding-left: 40px; line-height: 40px; 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: 120px; ime-mode:active; border:solid 1px #999; border-radius: 5px; }		/* search box for info */
	.page_img > img												{ width: 420px; }
}

@media (max-width: 767px) {
	input.search_words											{ width: 40%; ime-mode:active; border:solid 1px #999; border-radius: 5px; }		/* 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: 33px; background: #456; }		/* ★画面上部の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;												/* ★トップナビのホバー時の文字色 */
	}
}

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


.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: 6px;
	margin-bottom: 1px;
	height: 32px;
	color: #FFF;
	background: #456;
	border-width: 0 1px 0 0;
	border-color: #89A;
}

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

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

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

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

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

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

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

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

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

.each6.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: #F40; 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: 10px 0; width: 100%; }
}
@media(max-width:767px){
	.board4 .str { float: right; padding: 0 10px; width: 60%; }					/* テキストのみ(テキスト部分60％) */
	.board4 .pht { float:  left; width: 38%; padding: 10px 0; }
	.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; padding: 8px 20px; width: 75%; }					/* テキストのみ(テキスト部分60％) */
	.board7 .pht { float:  left; margin: 0; padding: 0.5%;  width: 25%; }
	.board7.board100 .str { float: right; padding: 8px 10px; width: 100%; }			/* テキストのみ(テキスト部分100％) */
}
@media(max-width:767px){
	.board7 .str { padding: 8px 12px; width: 100%; }								/* フロートなし(画像・テキストとも100%) */
	.board7 .pht { margin: 0; padding: 0.5%; width: 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: 0; border-color: #DDD; border-radius: 0;		/* ★ col-sm-6 画像パネル box */
}
.col-sm-6 .box .ttl{
	margin: 0 0 5px 0; padding: 5px 5px; text-align: center; font-size: 1.0em; color; #666; background: #FFF;;			/* ★col-sm-6 画像パネル ttl */
}
.col-sm-6 .box .ttl > a {
	font-weight: bold; color: #345;
}
.col-sm-6 .box .ttl > a:hover {
	color: #F66;
}
.col-sm-6 .box .str {
	margin-top: 5px; padding: 10px; color: #999; background: #DEF;;
}






/* ----------------------------------------------------------------------------------- */
/* 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; padding: 0; width: 50%;			/* ★ col-sm-6 画像パネル box3 */
}

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

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

.col-sm-6 .box3 .column_title {
	margin: 2%; 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 {
	padding: 10px 0 20px 10px; color: #333;
}
.col-sm-6 .box3 img {
	margin: 0; padding: 0; width: 96%;
}
.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				{ position: absolute; top: 5px; right: 10px; z-index: 999; }				/* 最上部のスペース */
	.header-space .menu_item	{ padding-right: 30px; font-size: 1.0em; font-weight: bold; }

	.header-space > h1 {											/* ★トップバー上部のタグライン */ 
		margin: 0; padding: 4px 10px 0 0; text-align: right; font-size: 12px; font-weight: normal; color: #567;
	}

	.header-h1 > h1 {		/* トップページに追記 2023-03-26 */ 
		margin: 0; padding: 0; text-align: center; font-size: 1.2em; font-weight: normal; color: #345;
	}

	.navbar-collapse {												/* ★トップバーのナビ */ 
		padding-top: 0;
	}
	.main-menu > .each4 > p > span.each > a, .main-menu > .each6 > 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;
	}
	 .main-menu > .each4 > p > span.each > a.frst {
		border-width: 0 1px 0 1px;
	}
}


@media(max-width:767px){
	.navbar-brand {
		padding-top: 5px;
	}
	.header-space {													/* ★トップバー上部のタグライン */ 
		display: none;
	}

	.header-h1 > h1 {		/* トップページに追記 2023-03-26 */ 
		margin: 0; padding: 0; text-align: center; font-size: 1.1em; line-height: 200%; font-weight: normal; color: #345;
	}

	.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, .main-menu .each6 {
		margin: 0 1px 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, .main-menu > .each6 > 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, .main-menu > .each6 > p > span.each > a.left {
		border-width: 0 1px 0 0;
	}
	.main-menu > .each4 > p > span.each > a.right, .main-menu > .each6 > p > span.each > a.right {
		border-width: 0 0 0 0;
	}
}


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

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

@media screen and (min-width:1280px){
	/* $ary_config['max_width'] で設定し _common_head.inc で読み込み */
}



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