@charset "utf-8";
/* CSS Document */

body {
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.8;
	color: #333;
	word-wrap : break-word;
	overflow-wrap : break-word;
	-webkit-text-size-adjust: 100%; /* フォントサイズ自動調整 */
}

a {
	color: #5893A0;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h1 {
	font-size: 60px;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 40px;
	clear: both;
}

h2 {
	font-size: 40px;
	line-height: 1.2;
	margin: 70px 0 40px;
	clear: both;
}

h3 {
	border-bottom: 1px solid #0A3658;
	font-size: 28px;
	color: #0A3658;
	line-height: 1.4;
	padding-bottom: 10px;
	margin: 40px 0 30px;
	clear: both;
}

h4 {
	font-size: 28px;
	color: #7A5449;
	line-height: 1.4;
	margin: 30px 0 25px;
	clear: both;
}

h5 {
	font-size: 18px;
	margin: 25px 0 20px;
	clear: both;
}

p {
	margin-bottom: 20px;
}

table {
	width: 100%;
	margin-bottom: 25px;
}

table th {
	background: #F4F4F4;
	border: 1px solid #C6C6C6;
	padding: 20px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

table td {
	border: 1px solid #C6C6C6;
	padding: 20px;
	vertical-align: top;
}

table td *:last-child {
	margin-bottom: 0;
}

ul {
	margin-bottom: 20px;
}

ul li {
	background: url("../images/common/iconList.png") no-repeat 8px 9px;
	background-size: 10px 10px;
	padding-left: 28px;
}

ol {
	margin: 0 0 20px 28px;
}

ul li + li, 
ol li + li {
	margin-top: 10px;
}

li ul li {
	background: url("../images/common/iconListChild.png") no-repeat 8px 9px;
	background-size: 10px 10px;
	padding-left: 28px;
}

li ul {
	margin: 10px 0 0;
}

li ol {
	margin: 10px 0 0 28px;
}

iframe {
	border: none;
	vertical-align: bottom;
}

hr {
	height: 1px;
	border: none;
	border-top: 1px solid #ccc;
	margin: 50px 0;
	clear: both;
}

a img {
	backface-visibility: hidden;
}

a:hover img {
	filter: Alpha("opacity=80");
	opacity: 0.8;
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


/*__________ SP __________*/
@media screen and (max-width: 767px) {

	body {
		font-size: 16px;
	}

	h1 {
		font-size: 40px;
		margin-bottom: 25px;
		padding: 0 20px;
	}

	h2 {
		font-size: 26px;
		line-height: 1.6;
		margin: 45px 0 30px;
	}

	h3 {
		font-size: 20px;
		line-height: 1.6;
		padding-bottom: 8px;
		margin: 30px 0 25px;
		clear: both;
	}

	h4 {
		font-size: 18px;
		line-height: 1.6;
		margin: 25px 0 20px;
	}

	h5 {
		font-size: 16px;
		margin: 20px 0 15px;
	}

	p {
		margin-bottom: 15px;
	}

	table {
		margin-bottom: 20px;
	}

	table th, 
	table td {
		padding: 10px 15px;
	}

	ul {
		margin-bottom: 15px;
	}

	ul li {
		background: url("../images/common/iconList.png") no-repeat 5px 8px;
		background-size: 8px 8px;
		padding-left: 18px;
	}

	ol {
		margin: 0 0 15px 18px;
	}

	hr {
		margin: 35px 0;
	}

}



/* --------------------------------------------------------------
WRAP
-------------------------------------------------------------- */
#wrap {
	position: relative;
}

#aaaa {
	position: relative\9; /* IE9 */

	border-radius: 5px;

	box-shadow: 1px 1px 3px #000;

	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);

	background: url("") no-repeat top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;

	box-sizing: border-box;
}



/* --------------------------------------------------------------
HEADER,FOOTER
-------------------------------------------------------------- */
header ul, 
footer ul {
	margin: 0;
}

header ul li, 
footer ul li {
	background: none;
	padding-left: 0;
}

header ul li + li, 
footer ul li + li {
	margin-top: 0;
}

header p, 
footer p {
	margin-bottom: 0;
}

header.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}

#header {
	background: #0A3658;
}

#headerArea {
	max-width: 1600px;
	margin: 0 auto;
}

#headerArea p.logo {
	float: left;
	width: 176px;
}

#headerArea p.logo a {
	background: url("../images/common/logoHead.png") no-repeat left top;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 176px;
	height: 80px;
	display: block;
}

#headerArea #glNavPc {
	float: right;
	padding: 4px 0 4px 10px;
}

#headerArea #glNavPc > ul > li {
	float: left;
	margin-right: 40px;
	display: table;
}

#headerArea #glNavPc > ul > li > a {
	border-bottom: 4px solid transparent;
	color: #fff;
	text-decoration: none;
	display: table-cell;
	height: 72px;
	vertical-align: middle;
}

#headerArea #glNavPc > ul > li > a:hover, 
#headerArea #glNavPc > ul > li.current-menu-item > a, 
#headerArea #glNavPc > ul > li.current-page-ancestor > a {
	border-bottom: 4px solid #5893A0;
}

#headerArea p#btnMenu, 
#headerArea #glNavSp, 
#headerArea #glNavPc > ul > li ul.sub-menu {
	display: none;
}

#footer {
	position: relative;
	background: #0C2946;
	padding-top: 40px;
}

#footer::before {
	width: 75%;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	left:25%;
	background: url("../images/common/bgFoot.jpg") repeat left top;
}

#footerArea {
	background: #0A3658;
	position: relative;
	z-index: 10;
	color: #fff;
}

#footerArea #footNav {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#footerArea #footNav #footNavArea {
	max-width: 1490px;
	margin: 0 auto;
	padding: 30px;
	position: relative;
	overflow: hidden;
}

#footerArea #footNav #footNavArea ul {
	position: relative;
	left: 50%;
	float: left;
	margin-top: -5px;
}

#footerArea #footNav #footNavArea ul li {
	position: relative;
	left: -50%;
	float: left;
	margin: 5px 45px 0 0;
	padding-right: 45px;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

#footerArea #footNav #footNavArea ul li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}

#footerArea #footNav #footNavArea ul li a {
	color: #fff;
	text-decoration: none;
}

#footerArea #footNav #footNavArea ul li a:hover {
	text-decoration: underline;
}

#footerArea #footCont {
	max-width: 1490px;
	margin: 0 auto;
	padding: 60px 30px;
}

#footContRight {
	float: right;
	width: 454px;
}

#footContLeft {
	float: left;
	width: 670px;
}

#footContLeft #footBanner p.tit {
	font-size: 20px;
	margin-bottom: 20px;
	position: relative;
}

#footContLeft #footBanner p.tit::after {
	content: "";
	position: absolute;
	top: 17px;
	left: 56px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	width: 614px;
	height: 1px;
}

#footContLeft #footBanner ul {
	margin: -20px 0 0 -20px;
}

#footContLeft #footBanner ul li {
	float: left;
	width: 210px;
	margin: 20px 0 0 20px;
	font-size: 12px;
	line-height: 1.4;
}

#footContLeft #footBanner ul li a {
	color: #fff;
	text-decoration: none;
}

#footContLeft #footBanner ul li a:hover {
	text-decoration: underline;
}

#footContLeft #footBanner ul li a p.ph {
	margin-bottom: 5px;
}

#footContLeft #footAdd {
	margin-top: 50px;
	font-size: 16px;
}

#footContLeft #footAdd .line {
	border-bottom: 3px solid #7A5449;
}

#footContLeft #footAdd p + p {
	margin-top: 5px;
}

#footContLeft #footAdd #footLogo {
	margin-bottom: 40px;
}

#footContLeft #footAdd #footLogo p {
	float: left;
	line-height: 1.4;
}

#footContLeft #footAdd #footLogo p.logo {
	background: url("../images/common/logoFoot.png") no-repeat left top;
	background-size: 112px 41px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 112px;
	height: 41px;
	margin-right: 20px;
}

#footContLeft #footAdd #footLogo p + p {
	margin-top: 0;
}

#footContLeft #footAdd p.att {
	margin-top: 20px;
}

#copy {
	background: #0C2946;
}

#copyArea {
	max-width: 1490px;
	margin: 0 auto;
	padding: 20px 30px;
}

#copyArea ul {
	float: left;
	width: 460px;
	margin-left: -20px;
}

#copyArea ul li {
	float: left;
	width: 210px;
	margin-left: 20px;
}

#copyArea p#copyTxt {
	float: right;
	font-size: 12px;
	color: #fff;
	margin: 22px 50px 0 0;
}


@media screen and (max-width: 1199px) {

	#footContRight {
		float: left;
		margin-bottom: 50px;
	}

}

/*__________ SP __________*/
@media screen and (max-width: 767px) {

	header.fixed {
		/*min-width: initial;
		min-width: auto;*/
	}

	#headerArea p.logo {
		width: 88px;
	}

	#headerArea p.logo a {
		background-size: 88px 40px;
		width: 88px;
		height: 40px;
	}

	#headerArea p#btnMenu {
		display: inherit;
		padding-left: 20px;
		font-size: 14px;
		color: #fff;
		line-height: 1;
		cursor: pointer;
		float: right;
		margin: 13px 10px 0 0;
	}

	#headerArea p#btnMenu.off {
		background: url("../images/common/iconMenu.png") no-repeat 0 0;
		background-size: 13px 13px;
	}

	#headerArea p#btnMenu.on {
		background: url("../images/common/iconClose.png") no-repeat 0 0;
		background-size: 13px 13px;
	}

	#headerArea #glNavPc {
		display: none;
	}

	#headerArea #glNavSp {
		display: inherit;
		clear: both;
		position: relative;
		z-index: 98;
	}

	#headerArea #glNavSp > ul {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	#headerArea #glNavSp > ul > li {
		background: #fff;
		border-bottom: 1px solid #ccc;
		font-weight: bold;
	}

	#headerArea #glNavSp > ul > li > a {
		color: #333;
		text-decoration: none;
		display: block;
		padding: 15px;
	}

	#headerArea #glNavSp > ul > li.parent {
		cursor: pointer;
	}

	#headerArea #glNavSp > ul > li.parent > a {
		padding: 15px 45px 15px 15px;
		cursor: pointer;
	}

	#headerArea #glNavSp > ul > li.parent > a.off {
		background: url("../images/common/iconPlus.png") no-repeat right 15px center;
		background-size: 20px 20px;
	}

	#headerArea #glNavSp > ul > li.parent > a.on {
		background: url("../images/common/iconMinus.png") no-repeat right 15px center;
		background-size: 20px 20px;
	}

	#headerArea #glNavSp > ul > li > a:hover, 
	#headerArea #glNavSp > ul > li.current-menu-item > a, 
	#headerArea #glNavSp > ul > li.current-page-ancestor > a, 
	#headerArea #glNavSp > ul > li.parent > a.off:hover, 
	#headerArea #glNavSp > ul > li.parent > a.on:hover, 
	#headerArea #glNavSp > ul > li.parent.current-menu-item > a.off, 
	#headerArea #glNavSp > ul > li.parent.current-menu-item > a.on, 
	#headerArea #glNavSp > ul > li.parent.current-menu-parent > a.off, 
	#headerArea #glNavSp > ul > li.parent.current-menu-parent > a.on {
		background-color: #EEF4F5;
	}

	#headerArea #glNavSp > ul > li ul.sub-menu {
		display: none;
	}

	#headerArea #glNavSp > ul > li ul.sub-menu li {
		font-weight: normal;
		border-top: 1px solid #ccc;
	}

	#headerArea #glNavSp > ul > li ul.sub-menu li a {
		background: url("../images/common/arrowSideNav.png") no-repeat 15px center;
		background-size: 7px 10px;
		padding: 15px 15px 15px 29px;
		font-size: 14px;
		color: #333;
		text-decoration: none;
		display: block;
	}

	#headerArea #glNavSp > ul > li ul.sub-menu li a:hover, 
	#headerArea #glNavSp > ul > li ul.sub-menu li.current-menu-item a {
		background-color: #EEF4F5;
	}

	#footer {
		background: url("../images/common/bgFoot.jpg") repeat left top;
	}

	#footer::before {
		width: 50%;
		left:50%;
		background: #0C2946;
	}

	#footerArea #footNav {
		display: none;
	}

	#footerArea #footCont {
		padding: 40px 20px;
	}

	#footContRight {
		float: none;
		width: auto;
	}

	#footContRight #fbArea {
		width: 280px;
		margin: 0 auto;
	}

	#footContLeft {
		float: none;
		width: auto;
	}

	#footContLeft #footBanner p.tit {
		overflow: hidden;
	}

	#footContLeft #footBanner p.tit::after {
		width: 100%;
	}

	#footContLeft #footBanner ul {
		margin: -3.448% 0 0 -3.448%;
	}

	#footContLeft #footBanner ul li {
		width: 46.552%;
		margin: 3.448% 0 0 3.448%;
	}

	#footContLeft #footAdd {
		margin-top: 30px;
		font-size: 14px;
		background: #0C2946;
		padding: 20px;
	}

	#footContLeft #footAdd #footLogo {
		margin-bottom: 30px;
	}

	#footContLeft #footAdd #footLogo p {
		float: none;
	}

	#footContLeft #footAdd #footLogo p.logo {
		margin: 0 0 10px;
	}

	#footContLeft #footAdd p.att {
		margin-top: 10px;
		padding: 10px;
		text-align: left;
	}

	#copyArea {
		padding: 10px 20px 20px;
	}

	#copyArea ul {
		float: none;
		width: auto;
		margin-left: -3.448%;
	}

	#copyArea ul li {
		width: 46.552%;
		margin-left: 3.448%;
	}

	#copyArea p#copyTxt {
		float: none;
		margin: 20px 0 0;
		text-align: center;
	}

	#footContLeft #footBanner ul li img, 
	#copyArea ul li img {
		width: 100%;
		height: auto;
	}

}



/* --------------------------------------------------------------
CONTENT
-------------------------------------------------------------- */
#contentsArea {
	max-width: 1490px;
	margin: 0 auto;
	padding: 60px 30px 85px;
}

#innerMain p#innerVisual {
	margin-bottom: 0;
}

#innerMain p#innerVisual img {
	width: 100%;
	height: auto;
}

#innerContents {
	margin-top: 60px;
	border-right: 1px solid #ccc;
}

#innerContents #contentsLeft {
	float: left;
	width: 100%;
	/*margin-right: -226px;*/
	margin-right: -15.804%;
}

#innerContents #contentsLeft .contentsDetail {
	border-right: 1px solid #ccc;
	/*padding-right: 33px;
	margin-right: 258px;*/
	padding-right: 2.308%;
	margin-right: 18.042%;
}

#innerContents #contentsRight {
	float: right;
	/*width: 226px;
	padding-right: 20px;*/
	width: 15.804%;
	padding-right: 1.399%;
	font-size: 14px;
	line-height: 1.6;
}

#innerContents #contentsRight #sidePageNav ul {
	margin-bottom: 0;
}

#innerContents #contentsRight #sidePageNav ul li a {
	color: #333;
	text-decoration: none;
}

#innerContents #contentsRight #sidePageNav > ul > li {
	background: url("../images/common/arrowSideNav.png") no-repeat 7px 8px;
	background-size: 7px 10px;
	padding-left: 24px;
}

#innerContents #contentsRight #sidePageNav ul.sub-menu li {
	background: url("../images/common/iconListChild.png") no-repeat 6px 9px;
	background-size: 6px 6px;
	padding-left: 22px;
}

#innerContents #contentsRight #sidePageNav ul li a:hover {
	text-decoration: underline;
}

#innerContents #contentsRight #sidePageNav > ul > li.current-menu-item > a, 
#innerContents #contentsRight #sidePageNav ul.sub-menu li.current-menu-item a {
	font-weight: bold;
}

#pageTop p {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 97;
	margin-bottom: 0;
}

#pageTop p img {
	width: 80px;
	height: auto;
}

.frameBox {
	margin-bottom: 25px;
}

.frameBox img {
	max-width: 100%;
	height: auto;
}

.frameBox .facebook{
	overflow-x: auto;
}

.frameBox iframe.wp-embedded-content {
	max-width: 100%;
}

.frameBox .youtube {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.frameBox .ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.frameBox .instagram {
	position: relative;
	padding-bottom: 120%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.frameBox .youtube iframe, 
.frameBox .ggmap iframe, 
.frameBox .instagram iframe {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	height: 100%;
}

.anc {
	padding-top: 80px;
	margin-top: -80px;
}

.btnTxt a {
	background: #5893A0;
	border-bottom: 4px solid #47808d;
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	display: block;
}

.btnTxt a:hover {
	filter: Alpha("opacity=80");
	opacity: 0.8;
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


/*__________ SP __________*/
@media screen and (max-width: 767px) {

	#contentsArea {
		padding: 40px 0 50px;
	}

	#innerContents {
		margin-top: 30px;
		padding: 0 20px;
		border-right: none;
	}

	#innerContents #contentsLeft {
		float: none;
		width: auto;
		margin-right: 0;
	}

	#innerContents #contentsLeft .contentsDetail {
		border-right: none;
		margin-right: 0;
		padding-right: 0;
	}

	#innerContents #contentsRight {
		float: none;
		width: auto;
		padding-right: 0;
		font-size: 14px;
		border-top: 1px solid #0A3658;
		margin-top: 30px;
		padding-top: 30px;
	}

	#pageTop p img {
		width: 35px;
	}

	.anc {
		padding-top: 40px;
		margin-top: -40px;
	}

}



/* --------------------------------------------------------------
CATEGORY,SINGLE,PAGE共通
-------------------------------------------------------------- */
.aligncenter {
	display: block;
	margin: 0 auto 25px;
}

.alignright {
	display: block;
	margin: 0 0 25px 30px;
	float: right;
}

.alignleft {
	display: block;
	margin: 0 30px 25px 0;
	float: left;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 10px;
	margin-bottom: 25px;
	max-width: 100%;
	height: auto;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption-text a, 
.wp-caption-text {
	font-size: 14px;
	line-height: 1.6;
	color: #666;
	margin: 5px 0 0;
}

.waku1 {
	border: 2px solid #F4F4F4;
	padding: 20px;
	margin-bottom: 25px;
	clear: both;
}

.waku2 {
	background: #F4F4F4;
	padding: 20px;
	margin-bottom: 25px;
	clear: both;
}

.waku1 > *:first-child, 
.waku2 > *:first-child {
	margin-top: 0;
}

.waku1 > *:last-child, 
.waku2 > *:last-child {
	margin-bottom: 0;
}

.waku1::before, 
.waku1::after, 
.waku2::before, 
.waku2::after {
	content: "";
	display: table;
}

.waku1::after, 
.waku2::after {
	clear:both;
}


/* --------------------------------------------------------------
CATEGORY
-------------------------------------------------------------- */
#categoryList ul {
	margin: 0 0 -3.068% -3.068%;
}

#categoryList ul li {
	background: #fff;
	padding-left: 0;
	float: left;
	width: 30.264%;
	margin: 0 0 3.068% 3.068%;
}

#categoryList ul li p {
	margin-bottom: 0;
}

#categoryList ul li a {
	text-decoration: none;
}

#categoryList ul li p.ph img {
	width: 100%;
	height: auto;
}

#categoryList ul li .sent {
	border: 1px solid #ccc;
	border-top: none;
	border-bottom: 4px solid #ccc;
	padding: 20px 20px 20px 35px;
}

#categoryList ul li .sent p.tit {
	color: #333;
	margin-bottom: 10px;
	position: relative;
}

#categoryList ul li .sent p.tit::after {
	content: "";
	position: absolute;
	top: 13px;
	left: -35px;
	border-top: 5px solid #5893A0;
	width: 20px;
	height: 5px;
}

#categoryList ul li .sent p.time {
	font-size: 12px;
	color: #666;
}

.pageNavi {
	margin-top: 50px;
}

.pageNavi .current {
	background: #5893A0;
	border: 1px solid #5893A0;
	color: #fff;
	padding: 5px 10px;
	margin: 0 2px;
	text-decoration: none;
	display: inline-block;
	min-height: 20px;
}

.pageNavi a.page-numbers {
	background: #fff;
	color: #666;
	border: solid 1px #5893A0;
	padding: 5px 10px;
	margin: 0 2px;
	text-decoration: none;
	display: inline-block;
	min-height: 20px;
}


/* --------------------------------------------------------------
SINGLE
-------------------------------------------------------------- */
#singleDetail > h2 {
	margin: 0 0 10px;
}

#singleDetail p.time {
	font-size: 16px;
	margin-bottom: 40px;
}

#singleDetail .txt > *:last-child {
	margin-bottom: 0;
}

#singleDetail .txt > h2:first-child {
	margin-top: 0;
}

#singleDetail .txt img {
	max-width: 100%;
	height: auto;
}

#pagination {
	margin-top: 50px;
}

#pagination p#prev {
	float: left;
	margin-bottom: 15px;
}

#pagination p#next {
	float: right;
	margin-bottom: 15px;
}

#pagination p#return {
	text-align: center;
	margin-bottom: 0;
}


/* --------------------------------------------------------------
PAGE
-------------------------------------------------------------- */
#pageDetail .txt > *:last-child {
	margin-bottom: 0;
}

#pageDetail .txt > h2:first-child {
	margin-top: 0;
}

#pageDetail .txt img {
	max-width: 100%;
	height: auto;
}


/*__________ SP __________*/
@media screen and (max-width: 767px) {

	.alignright, 
	.alignleft {
		float: none;
		margin: 0 auto 20px;
	}

	.waku1, 
	.waku2 {
		padding: 10px;
		margin-bottom: 20px;
	}

	table.respTable tr th {
		display: block;
		width: auto;
		float: left\9;
		clear: both\9;
		width: 100%\9;
		border-top: none;
	}

	table.respTable tr:first-child th {
		border-top: 1px solid #ccc;
	}

	table.respTable tr td {
		display: block;
		width: auto;
		float: left\9;
		clear: both\9;
		width: 100%\9;
		border-top: none;
	}

	#categoryList ul {
		margin: -20px 0 0;
	}

	#categoryList ul li {
		float: none;
		width: auto;
		margin: 20px 0 0;
	}

	#categoryList ul li .sent {
		padding: 10px 10px 10px 35px;
	}

	#categoryList ul li .sent p.tit::after {
		top: 10px;
	}

	.pageNavi {
		margin-top: 40px;
	}

	#singleDetail p.time {
		margin-bottom: 30px;
	}

	#pagination {
		margin-top: 30px;
	}

}



/* --------------------------------------------------------------
TOPPAGE
-------------------------------------------------------------- */
#topWrap {
	position: relative;
}

#topWrap p, 
#topWrap ul {
	margin-bottom: 0;
}

#topWrap ul li {
	background: none;
	padding-left: 0;
}

#topWrap ul li + li {
	margin-top: 0;
}

#topWrap .bgMain {
	background-position: center top!important;
}

#topHead {
	min-height: 100vh;
	background-size: cover;
	position: relative;
}

#topHead header {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

#topHead header.fixed {
	position: fixed;
	display: table;
}

#topHead #topLogo {
	background: url("../images/top/logoTop.png") no-repeat center top;
	background-size: 411px 193px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 411px;
	height: 193px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#topHead #btnScroll {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
	position: absolute;
	bottom: 80px;
	width: 100%;
}

#topHead #btnScroll p {
	font-size: 20px;
	text-align:center;
}

#topHead #btnScroll p a {
	background: url("../images/top/btnScroll.png") no-repeat center bottom;
	background-size: 21px 32px;
	padding-bottom: 34px;
	color: #fff;
	text-decoration: none;
	margin-bottom: 10px;
	display: inline-block;
}

#topHead #btnScroll p a:hover {
	font-size: 22px;
}

#topContentsArea .contBox {
	max-width: 1490px;
	margin: 0 auto;
	padding: 90px 30px;
}

#topContentsArea #topLead {
	position: relative;
	background: #7A5449;
	padding-bottom: 40px;
	color: #fff;
}

#topContentsArea #topLead::after {
	width: 25%;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	left: 75%;
	background: #0C2946;
}

#topContentsArea #topLead #bgTopLead {
	position: relative;
	background: #0A3658;
	z-index: 20;
	padding-top: 380px;
}

#topContentsArea #topLead #bgTopLead::before {
	width: 100%;
	height: 380px;
	content: "";
	position: absolute;
	top: 0;
	background: url("../images/top/bgLead.jpg") no-repeat center top;
	background-size: cover;
}

#topContentsArea #topLead h2 {
	background: #D2D2D2;
	width: 27.973%;
	float: left;
	margin: -165px 0 0;
	position: relative;
}

#topContentsArea #topLead h2 img {
	width: 100%;
	height: auto;
}

#topContentsArea #topLead .sent {
	margin-left: 34.265%;
	font-size: 20px;
}

#topContentsArea #topMenu ul {
	margin: -2.054% 0 0 -2.054%;
}

#topContentsArea #topMenu ul li {
	background: #fff;
	float: left;
	/* width: 22.946%; */
	width: 17.946%;
	margin: 2.054% 0 0 2.054%;
}

#topContentsArea #topMenu ul li p {
	margin-bottom: 0;
}

#topContentsArea #topMenu ul li a {
	text-decoration: none;
}

#topContentsArea #topMenu ul li p.ph img {
	width: 100%;
	height: auto;
}

#topContentsArea #topMenu ul li .sent {
	border: 1px solid #ccc;
	border-top: none;
	border-bottom: 4px solid #ccc;
	padding: 20px 20px 20px 35px;

}

#topContentsArea #topMenu ul li .sent p.tit {
	font-weight: bold;
	color: #333;
	position: relative;
}

#topContentsArea #topMenu ul li .sent p.tit::after {
	content: "";
	position: absolute;
	top: 13px;
	left: -35px;
	border-top: 5px solid #5893A0;
	width: 20px;
	height: 5px;
}

#topContentsArea #topNews {
	background: #F2F2F2;
}

#topContentsArea #topNews h2 {
	font-size: 48px;
	margin: 0 0 40px;
	text-align: center;
}

#topContentsArea #topNews ul {
	margin: -2.322% 0 0 -2.322%;
}

#topContentsArea #topNews ul li {
	background: #fff;
	float: left;
	width: 22.678%;
	margin: 2.322% 0 0 2.322%;
}

#topContentsArea #topNews ul li p {
	margin-bottom: 0;
}

#topContentsArea #topNews ul li a {
	text-decoration: none;
}

#topContentsArea #topNews ul li p.ph img {
	width: 100%;
	height: auto;
}

#topContentsArea #topNews ul li .sent {
	border: 1px solid #ccc;
	border-top: none;
	border-bottom: 4px solid #ccc;
	padding: 20px 20px 20px 35px;
}

#topContentsArea #topNews ul li .sent p.tit {
	color: #333;
	margin-bottom: 10px;
	position: relative;
}

#topContentsArea #topNews ul li .sent p.tit::after {
	content: "";
	position: absolute;
	top: 13px;
	left: -35px;
	border-top: 5px solid #5893A0;
	width: 20px;
	height: 5px;
}

#topContentsArea #topNews ul li .sent p.time {
	font-size: 12px;
	color: #666;
}

#topContentsArea #topNews p.btnTxt {
	max-width: 300px;
	margin: 50px auto 0;
}


/*__________ TAB __________*/
@media screen and (max-width: 959px) and (min-width: 768px) {

	#topContentsArea #topMenu ul {
		margin: -2.836% 0 0 -2.836%;
	}

	#topContentsArea #topMenu ul li {
			width: 30.497%;
			margin: 2.836% 0 0 2.836%;
	}

}


/*__________ SP __________*/
@media screen and (max-width: 767px) {

	#topHead header {
		top: 0;
	}

	#topHead header.fixed {
		position: fixed;
		min-width: auto;
	}

	#topHead #topLogo {
		background-size: 300px 141px;
		width: 300px;
		height: 141px;
	}

	#topHead #btnScroll {
		bottom: 0;
	}

	#topContentsArea .contBox {
		width: auto;
		max-width: 540px;
		padding: 50px 20px;
	}

	#topContentsArea #topLead::after {
		width: 50%;
		left: 50%;
	}

	#topContentsArea #topLead #bgTopLead {
		padding-top: 140px;
	}

	#topContentsArea #topLead #bgTopLead::before {
		height: 140px;
	}

	#topContentsArea #topLead h2 {
		width: 150px;
		float: none;
		margin: -125px auto 0;
	}

	#topContentsArea #topLead .sent {
		font-size: 16px;
		margin: 20px 0 0;
	}

	#topContentsArea #topMenu ul {
		margin: -20px 0 0;
	}

	#topContentsArea #topMenu ul li {
		float: none;
		width: auto;
		margin: 20px 0 0;
	}

	#topContentsArea #topMenu ul li .sent {
		padding: 10px 10px 10px 35px;
	}

	#topContentsArea #topMenu ul li .sent p.tit::after {
		top: 10px;
	}

	#topContentsArea #topNews ul {
		margin: -20px 0 0;
	}

	#topContentsArea #topNews ul li {
		float: none;
		width: auto;
		margin: 20px 0 0;
	}

	#topContentsArea #topNews ul li .sent {
		padding: 10px 10px 10px 35px;
	}

	#topContentsArea #topNews ul li .sent p.tit::after {
		top: 10px;
	}

}



/* --------------------------------------------------------------
member
-------------------------------------------------------------- */
ul.memberList {
	margin: 0 0 -3.068% -3.068%;
}

ul.memberList li {
	background: #fff;
	padding-left: 0;
	float: left;
	width: 30.264%;
	margin: 0 0 3.068% 3.068%;
}

ul.memberList li p {
	margin-bottom: 0;
}

ul.memberList li a {
	text-decoration: none;
}

ul.memberList li p.ph img {
	width: 100%;
	height: auto;
}

ul.memberList li .sent {
	border: 1px solid #ccc;
	border-top: none;
	border-bottom: 4px solid #ccc;
	padding: 20px 20px 20px 35px;
}

ul.memberList li .sent.noPh {
	border-top: 1px solid #ccc;
}

ul.memberList li .sent p {
	font-size: 12px;
}

ul.memberList li .sent p.tit {
	color: #333;
	position: relative;
	font-size: 16px;
}

ul.memberList li .sent p.tit::after {
	content: "";
	position: absolute;
	top: 13px;
	left: -35px;
	border-top: 5px solid #5893A0;
	width: 20px;
	height: 5px;
}

ul.memberList li .sent p.name {
	font-weight: bold;
	font-size: 18px;
	color: #333;
	line-height: 1.6;
	position: relative;
}

ul.memberList li .sent p.name::after {
	content: "";
	position: absolute;
	top: 13px;
	left: -35px;
	border-top: 5px solid #5893A0;
	width: 20px;
	height: 5px;
}

ul.memberList li .sent p.kata {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 5px;
}


/*__________ SP __________*/
@media screen and (max-width: 767px) {

	ul.memberList {
		margin: -20px 0 0;
	}

	ul.memberList li {
		float: none;
		width: auto;
		margin: 20px 0 0;
	}


	ul.memberList li .sent {
		padding: 10px 10px 10px 35px;
	}

	ul.memberList li .sent p.name::after {
		top: 10px;
	}

}



/* --------------------------------------------------------------
seminar
-------------------------------------------------------------- */
#seminar ul#seminarList {
	margin: -15px 0 0;
}

#seminar ul#seminarList li {
	background: none;
	padding-left: 0;
	margin: 15px 0 0;
}

#seminar ul#seminarList li a {
	background: none;
	padding-left: 0;
	margin: 15px 0 0;
	border: 1px solid #C6C6C6;
	padding: 10px;
	text-decoration: none;
	display: block;
}

#seminar ul#seminarList li a:hover {
	background: #EEF4F5;
	text-decoration: underline;
}

table.seminarTable tr th {
	width: 240px;
}

.seminarImg {
	display:inline-block;
	margin: 0 10px 10px 0;
}


/*__________ SP __________*/
@media screen and (max-width: 767px) {

	table.seminarTable tr th {
		width: auto;
	}

	.seminarImg {
		display: block;
	}

}



/* --------------------------------------------------------------
movie
-------------------------------------------------------------- */
#movie ul#movieList {
	margin: -15px 0 0;
}

#movie ul#movieList li {
	background: none;
	padding-left: 0;
	margin: 15px 0 0;
}

#movie ul#movieList li a {
	background: none;
	padding-left: 0;
	margin: 15px 0 0;
	border: 1px solid #C6C6C6;
	padding: 10px;
	text-decoration: none;
	display: block;
}

#movie ul#movieList li a:hover {
	background: #EEF4F5;
	text-decoration: underline;
}

ul.movieDetList {
	margin: -2.315% 0 0 -2.315%;
}

ul.movieDetList li {
	background: none;
	padding-left: 0;
	float: left;
	width: 47.685%;
	margin: 2.315% 0 0 2.315%;
}

ul.movieDetList li:nth-child(odd) {
	clear: both;
}

ul.movieDetList li .frameBox {
	margin-bottom: 5px;
}


/*__________ SP __________*/
@media screen and (max-width: 767px) {

	ul.movieDetList {
		margin: -30px auto 0;
		max-width: 560px;
	}

	ul.movieDetList li {
		float: none;
		width: auto;
		margin: 30px 0 0;
	}

}