@charset "shift_jis";
/* CSS Document */

/* ============================================================
システム共通
============================================================ */
/* カテゴリー吐き出し
---------------------------------------------------------- */
/* 見出し */
div.gallery4 p.cate_choice, div#gallery3 p.cate_choice {
	display: block;
	background: #489bcb;
	color: #FFFFFF;
	padding: 5px 10px;
	margin: 5px 0 0 0;
}
div.gallery4 p.cate_choice:before, div#gallery3 p.cate_choice:before {
	content: " \f0c9";
	font-family: FontAwesome;
	margin-right: 5px;
}
/* リスト */
div.gallery4 ul.category, div#gallery3 ul.category {
	margin-bottom: 40px;
	border-top: 2px solid #06112c;
	border-bottom: 1px solid #d4d2cf;
	padding: 10px 0 0 10px;
}
div.gallery4 ul.category:after, div#gallery3 ul.category:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
div.gallery4 ul.category li, div#gallery3 ul.category li {
	display: inline-block;
	clear: both;
	margin: 0 10px 10px 0;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
div.gallery4 ul.category li a:before, div#gallery3 ul.category li a:before {
	display: inline-block;
	content: " \f105";
	font-family: FontAwesome;
	margin-right: 5px;
	width: 10px;
	float: left;
}
div.gallery4 ul.category li a, div#gallery3 ul.category li a {
	display: block;
	/* white-space: nowrap; */
	padding: 5px 10px;
	margin: -5px -10px;
}
div.gallery4 ul.category li a:hover, div#gallery3 ul.category li a:hover {
	background: #0b4572;
	color: #fff;
}
/* カテゴリー画像バナーパターン
---------------------------------------------------------- */
div.gallery4 div.category div.categoryContent, div#gallery3 div.category div.categoryContent{
	overflow: hidden;
	margin-bottom: 20px;
}
div.gallery4 div.category div.categoryContent div.image, div#gallery3 div.category div.categoryContent div.image{
	width: 100%;
}
div.gallery4 div.category div.categoryContent div.image img, div#gallery3 div.category div.categoryContent div.comment img{
	max-width: 100%;
}
div.gallery4 div.category div.categoryContent div.comment p, div#gallery3 div.category div.categoryContent div.comment p{
	margin-bottom: 10px;
}
/* カテゴリータイトル
---------------------------------------------------------- */
div.gallery4 div.title h2, div#gallery3 h2.title {
	display: block;
	text-align: left;
	padding: 5px 15px;
	margin: 5px 0 1em 0;
	font-size: 2.3em;
	color: #115186;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight:bold;
	line-height: 1.5;
}
/* タイトルモジュールが重複するため非表示に */
div#gallery3 div.category div.title h2 {
	display: none;
}
/* ページャー
---------------------------------------------------------- */
p.pager-upper,p.pager-lower{
	clear: both;
	margin: 5px 0;
	padding: 2px;
	color: #333333;
	font-size: 1.2rem;
}
p.pager-upper span.totalNum,p.pager-lower span.totalNum{
	font-weight: bold;
}
p.pager-upper span.prevPage,p.pager-lower span.prevPage{
	margin: 0 10px;
}
p.pager-upper span.currentPage,p.pager-lower span.currentPage{
	background: #999999;
	color: #FFFFFF;
	padding: 2px 5px;
	margin-left: 5px;
}
p.pager-upper span.nextPage,p.pager-lower span.nextPage {
	margin-left: 10px;
}
/* TOPページでは非表示 */
#indexBody p.pager-upper,#indexBody p.pager-lower{
	display: none;
}
/* 本体
---------------------------------------------------------- */
/* 記事内見出し */
div#gallery3_1 div.article div.articleBody div.articleContent u,
div#gallery3_t1 div.article div.articleBody div.articleContent u,
.gallery4 div.galleryDetail div.DetailList div.detail div.detailInner div.comment p u,
.gallery4 div.galleryDetail div.main div.comment p u {
	padding: 0.5em 10px;
	position: relative;
	margin-bottom: 1em;
	/* border-bottom: 1px solid #e4bda3; */
}
/* div#gallery3_1 div.article div.articleBody div.articleContent u:before, div#gallery3_t1 div.article div.articleBody div.articleContent u:before, .gallery4 div.galleryDetail div.DetailList div.detail div.detailInner div.comment p u:before, .gallery4 div.galleryDetail div.main div.comment p u:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 6px;
	bottom: 0.2em;
	left: 0;
	background: #f8b500;
	z-index: -1;
} */
/* ============================================================
★ギャラリー4ページ名★3
============================================================ */
div#gallery3{
	width: 100%;
	margin: 0;
}
/* 本体
---------------------------------------------------------- */
div#gallery3 div.article{
	clear: both;
	overflow: hidden;
}
/*見出し*/
div#gallery3 div.article h3 {
	position: relative;
	clear: both;
	margin: 10px 0 1em;
	font-size: 1.6em;
	line-height: 1.3;
	display: block;
	padding: 5px 10px 5px 25px ;
	border-bottom: 1px solid #0b4572;
}
div#gallery3 div.article h3:before {
	content:"";
	position: absolute;
	display: block;
	height: calc(100% - 10px);
	width: 5px;
	left: 5px;
	top: 0 ;
	bottom: 0;
	margin: auto;
	background: #7db9e8;
	border-radius: 100px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
div#gallery3 div.article a {
	text-decoration: none;
}
/* 記事 */
div#gallery3 div.article div.articleContent {
	margin-bottom: 3em;
}
div#gallery3 div.article img {
	clear: both;
	margin: 8px 0;
	max-width: 100%;
}
/*記事無しテキスト*/
div#gallery3 div.articleNotFound {
}
/* ============================================================
flow-gallery:一覧
============================================================ */
.gallery4 div.galleryList {
	width: 100%;
}
/* 記事一覧
---------------------------------------------------------- */
/* 一覧 table */
.gallery4 div.galleryList table {
	width: 100%;
	margin: 0 auto;
	border-collapse: separate;
	table-layout: fixed;
	border-spacing: 10px;
}
.gallery4 div.galleryList table td {
	vertical-align: top;
	position: relative;
	box-sizing: border-box;
	display: block;
	width: calc(100% / 3 - 2% - 1px);
	float: left;
	margin: 1%;
}
.gallery4 .g4cell4 div.galleryList table td {
	width: calc(100% / 4 - 2% - 1px);
}
div#wrapper div#main .gallery4 div.galleryList div.gallery div.image img {
	max-width: 100%;
	margin: 0;
}
/* 一覧 div */
div.galleryList {
	display: flex;
	flex-wrap: wrap;
}
@media screen and (max-width:599px) {
	div.galleryList div.gallery{
		width: calc(100% / 2);
		padding: 1%;
		box-sizing: border-box;
		position: relative;
	}
}

@media print, screen and (min-width:600px) {
	div.galleryList div.gallery{
		width: calc(100% / 4 - 1px);
		padding: 1%;
		box-sizing: border-box;
		position: relative;
	}
	#indexBody div.galleryList div.gallery{
		width: calc(100% / 3 - 1px);
		padding: 1%;
		box-sizing: border-box;
		position: relative;
	}
}

/* 新着マーク */
.gallery4 div.galleryList div.gallery div.galleryInner span.new {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
	width: 65px;
	height: 64px;
	background: url(../../images/ico_new_01.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
/* 記事一覧見出し */
.gallery4 div.galleryList div.gallery div.galleryInner div.title h3 {
	margin: 0 0 5px;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.3;
}
.gallery4 div.galleryList div.gallery div.galleryInner div.title h3 a {
	display: block;
	text-decoration: none;
	padding: 5px 8px;
	color: #666666;
}
/* 記事一覧本文 */
.gallery4 div.galleryList div.gallery div.galleryInner div.galleryContent div.comment {
	display: none;
}
/* 記事一覧詳細ボタン*/
.gallery4 div.galleryList div.gallery div.galleryInner div.galleryContent div.detailLink {
	text-align: center;
}
.gallery4 div.galleryList div.gallery div.galleryInner div.galleryContent div.detailLink a{
	display: inline-block;
	background: #489bcb;
	padding: 0.2em 3em;
	font-size: small;
	color: #fff;
}
/* ============================================================
flow-gallery:詳細
============================================================ */
.gallery4 div.galleryDetail div.main {
	width: 100%;
}
/* 記事本文
---------------------------------------------------------- */
/* 記事の画像 左寄せ */
div#wrapper div#main .gallery4 div.galleryDetail div.main div.image {
	float: left;
	margin: 0 10px 0 0;
	width: 30%;
	position: relative;
	z-index:2;
}
div#wrapper div#main .gallery4 div.galleryDetail div.main div.image img {
	max-width: 100%;
}
/* 記事詳細
---------------------------------------------------------- */
.gallery4 div.galleryDetail div.DetailList {
	clear: both;
	width: 100%;
	padding-top: 20px;
}
.gallery4 div.galleryDetail div.DetailList table {
	border-collapse: separate;
	table-layout: fixed;
	width: 100%;
	border-spacing: 10px;
}
.gallery4 div.galleryDetail div.DetailList table td {
	vertical-align: top;
}
/* 詳細画像 */
div#wrapper div#main div.DetailList div.detail div.image img {
	max-width: 100%;
}

@media screen and (max-width:599px) {
div.gallery4 div.title h2, div#gallery3 h2.title,
div.gallery4 div.galleryDetail div.title h2,
div.gallery4 div.category div.title h2,
div#gallery3_t1 h2.title {
	display: block;
	text-align: left;
	padding: 5px 15px;
	margin: 5px 0 10px 0;
	font-size: 1.8em;
}
.gallery4 div.galleryList table {
	border-collapse: collapse;
	border-spacing: none;
}
.gallery4 div.galleryList table td {
	width: calc((100% - 8% ) / 2);
	float: left;
	display: block;
	margin: 2%;
}
.gallery4 div.galleryList table td:nth-child(2n+1) {
	clear: both;
}
}

@media print, screen and (min-width:600px) {
}