@charset "utf-8";
/* ==========================================================================
【Leaf/AQUAPLUS共通】
 サイト標準セット(common.css)
=============================================================================
(C)AQUAPLUS All Rights Reserved.
	http://aquaplus.jp/
	http://leaf.aquaplus.jp/
*/

/* ==========================================================================
 0.common読込
========================================================================== */
@import url('https://use.fontawesome.com/releases/v5.14.0/css/all.css');	/* FontAwesome */
@import url("../fonts/GenShinGothic-P/font-face.css");	/* 源真ゴシック */
@import url("../common/pc-mobile.css");	/* PC mobile 共通スタイル */

@import url("../common/list1.css");			/* リスト用デザイン */
@import url("../common/table_design.css");		/* テーブル用デザイン */



/* ==========================================================================
 0.初期設定
========================================================================== */
* {
	margin: 0;
	padding: 0;
	border: none;
	font-weight: normal;
	font-size: 9pt;
	font-family: Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif;
	word-wrap: break-word;
}


input:not([type=file]) ,
select ,
textarea {
	border: 1px solid #abc;
	background: #f0f8ff;
}
textarea.init {
	color: #888;
}

img { vertical-align: top; }



/* --------------------------------------------------------------------------
 Gekko 縦スクロールバー強制表示 */
html {
	overflow-y:scroll;
}

/* --------------------------------------------------------------------------
 テーブル初期設定 */

table {
	border-collapse: collapse;
	border: 0px;
}
th ,
td {
	text-align: left;
	vertical-align: top;
}

/* --------------------------------------------------------------------------
 回り込み（両側）の解除 */
br.clear {
	clear: both;
}

/* --------------------------------------------------------------------------
 テキスト消去 */
.rmv{
	display:block;
	position:absolute;
	top:-9999px;
	left:-9999px;
}



/* ==========================================================================
 1.要素への定義
========================================================================== */

/* --------------------------------------------------------------------------
 全般 */
html, body {
	width: 100%;
	height: 100%;
}
html {
	background-color: #fff;
	overflow-y: scroll;
}

body {
	position: relative; 
	color: #555;
	text-align: center;		/* エリア内センタリング・IE対策 */
}
body:before {
	content: " ";
	position: absolute;
	display: block;
	top: 65px;
	width: 100%;
	height: 570px;
	min-width: 986px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #ddd;
}

#wrap {
	height: auto;
	min-height: 100%;
	zoom: 100%;
	position: relative; 
	min-width: 986px;
	width: 100%;
	overflow-x: hidden;
}

body#home #slideShow:after ,
body:not(#home) #wrap:before {
	content: " ";
	position: absolute;
	left: -25px;
	right: -25px;
	height: 300px;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	box-shadow: 0 -15px 25px -15px rgba(0,0,0,1);
	background: #fff url(../common/bg_wrapBefore.jpg) 0 -3px repeat-x;
}
body#home #slideShow:after {
	bottom: -190px;
}
body:not(#home) #wrap:before {
	top: 460px;
}

#wrap:after {
	content: " ";
	clear: both;
	height: 65px;
	display: block;
}


a			{	color : #EC79B3;
				text-decoration : none; }
a:hover		{	color : #b00; }

ol li {
	margin:0 0 2px;
}

strong {
	font-weight: bold;
	color: #935;
}
small	{ font-size: 90%; }



.areaContent {
	position: relative;
	width: 960px;
	min-height: 350px;
	height: auto !important; height: 250px;
	padding: 13px 13px 40px;
	margin: 0 auto 60px;
	border-radius: 5px;
}

.areaContent ,
#areaRight #localNaviRight {
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}


#areaLeft {
	overflow: hidden;
}

#areaRight {
	position: absolute;
	left: calc(50% + 50vw - 269px);
}
#areaRight ,
#areaRight #localNaviRight {
	width: 240px;
}
body.wordpress #areaRight {
	position: relative;
	float: right;
	margin-left: 16px;
	left: auto;
	width: 200px;
}

#areaRight #lnPbox {
	margin-top: -13px;
}
#areaRight #localNaviRight {
	padding: 10px;
	border-radius: 5px 0 0 5px;
	position: relative;
	z-index: 10;
}


@media (max-width: 1440px) {
	body:not(#home) #areaRight {
		left: calc(50% + 50vw - 60px);
		transition: left 0.3s;
	}
	body:not(#home) #areaRight:hover {
		left: calc(50% + 50vw - 269px);
	}
}


/* --------------------------------------------------------------------------
 見出し */
h2 {
	position: relative;
	margin : 40px auto 12px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0,0,0,0.7);
	width : 100%;
	height: 20px;
	line-height : 20px;
	text-align : left;
	text-indent: 2px;
	clear: both;
}
h2 ,
h2 * {
	font-family: "GenShinGothic-P", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif;
	font-weight : normal;
	font-size: 20px;
	line-height: 20px;
	color: #333 !important;
}

h2 small {
	margin-left: 5px;
	vertical-align: middle;
}

h2 small ,
h2 small * {
	font-size: 10pt;
}



/*=======================================================================
 3.ベースデザイン
========================================================================== */

/* --------------------------------------------------------------------------
 背面部 */

.wrap {
	margin: 0 auto;
	width: 960px;
	position: relative;
	text-align: left;
}

.areaContent .wrap {
	background-color: #fff;
}

.areaContent .wrap:after {
	display: block;
	content: " ";
	width: 0;
	height: 0;
	clear: both;
}


/* =======================================================================
 グローバルナビゲーション
======================================================================= */
#globalNavi {
	position: absolute;
	bottom: 0px;
	right: 100px;
}

#globalNavi li {
	zoom:100%;
	position: relative;
	margin:0;
	padding:0;
	background: url(../common/gn_split.png) 0 bottom no-repeat;
	float: left;
}

#globalNavi li a {
	position: relative;
	display: block;
	float: left;
	width: 129px;
	height: 54px;
	margin: 0 0 -3px;
	padding-top: 9px;

	line-height: 42px;
	color: #666;
	background: 0 bottom repeat-x;
	font-family: "GenShinGothic-P", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif;
	font-size: 10.5pt;
	text-align: center;
	overflow-x: hidden;
}

#globalNavi li a:before {
	display: inline-block;
	width: 26px;
	margin-left: -3px;
	margin-right: 6px;
	margin-bottom: 2px;
	vertical-align: middle;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #ccc;
}

#globalNavi li a:after {
	content: " ";
	display: block;
	position: absolute;
	left: 3px;
	right: 0;
	bottom: 3px;
	height: 3px;
	background-color: transparent;
}


#gn-aqp a {
	text-align: left;
	text-indent: -9999px;
}
#globalNavi li#gn-aqp a:before {
	content: " ";
	position: absolute;
	display: block;
	left: calc(50% - 46px);
	top: calc(50% - 14px);
	width: 92px;
	height: 26px;
	margin: 0;
	background-image: url(../common/gn_icon.png);
}
/*
#gn-new a:before { background-position:    0px 0px; }
#gn-prd a:before { background-position:  -26px 0px; }
#gn-ani a:before { background-position:  -52px 0px; }
#gn-gds a:before { background-position:  -78px 0px; }
#gn-aos a:before { background-position: -104px 0px; }
#gn-sup a:before { background-position: -130px 0px; }*/
#gn-aqp a:before { background-position: -156px 0px; }

#gn-new a:before { content: "\f09e"; }
#gn-prd a:before { content: "\f11b"; }
#gn-ani a:before { content: "\f144"; }
#gn-gds a:before { content: "\f06b"; }
#gn-aos a:before { content: "\f07a"; }
#gn-sup a:before { content: "\f1cd"; }

/* グローバルナビ hover */

/*AQUAPLUS*/
#gn-new	a:hover:after, body.gndd-on #header.gn-new #gn-new a:after ,
#gn-ani	a:hover:after, body.gndd-on #header.gn-ani #gn-ani a:after ,

/*Leaf*/
#gn-aqp	a:hover:after, body.gndd-on #header.gn-aqp #gn-aqp a:after ,
#gn-sup	a:hover:after, body.gndd-on #header.gn-sup #gn-sup a:after ,

/*common*/
a#toHome:hover:after , #home #toHome:after			,
#gn-prd	a:hover:after, body.gndd-on #header.gn-prd #gn-prd a:after ,
#gn-gds	a:hover:after, body.gndd-on #header.gn-gds #gn-gds a:after ,

#gn-aos	a:hover:after, body.gndd-on #header.gn-aos #gn-aos a:after
{ background-color: #aaa; }




/* ==========================================================================
 ローカルナビゲーション
========================================================================== */
#localNaviRight.fixed { position: fixed !important; top: 0px; }

#localNaviRight p {
	margin: 10px 0 0;
}
#localNaviRight p img {
	max-width: 100%;
}

#localNaviRight li {
	background-image: none;
	padding: 0;
}

#localNaviRight li img.new {
	position: absolute;
	right: 4px;
	top: 2px;
}


#localNaviRight li a ,
#localNaviRight li span {
	position: relative;
	display: block;
	padding: 9px 20px 9px 8px;
	margin-bottom: 1px;
	transition: 0.3s;
}
#localNaviRight li a	{ background-color: #666; color: #fff; }
#localNaviRight li span	{ background-color: #eee; color: #333; }
#localNaviRight li span:after {
	content: " ";
	display: block;
	position: absolute;
	left: -5px;
	top: 0;
	bottom: 0;
	width: 5px;
	background-color: #d068a7;
}

#localNaviRight li ul {
	padding-bottom: 3px;
	background: #eee;}

#localNaviRight li ul li a {
	padding: 3px 22px 3px 8px;
	background-color: #999;
	margin-left: 8px;
}

#localNaviRight li a:hover {
	opacity: 0.8;
}
#localNaviRight li a:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f138";

	position: absolute;
	line-height: 1;
	top: calc(50% - 0.5em);
	right: 8px;
}
#localNaviRight li a[href^="#"]:after {
	content: "\f13a";
}



/* --------------------------------------------------------------------------
 ページトップ（パンくず＋見出しh1） */
#pageTop {
	position: relative;
	width: 986px;
	margin: 25px auto 5px;
	padding: 0 0 8px;
	z-index: 1;
	overflow: hidden;

	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	border-radius: 5px;

	z-index: 0;
}
#pageTop .wrap {
	width: 100%;
}

/*更新日*/
#pageTop span {
	float: right;
	margin-right: 16px;
}
#pageTop #breadcrumb span {
	float: none;
	margin-right: 0px;
}

#pageTop h1 {
	padding: 3px 12px;
	color: #fff;
	font-family: "GenShinGothic-P", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif;
	font-size: 18pt;
	line-height: 1.6;
	margin-bottom: 8px;
	text-shadow: 0 2px 0px rgba(0,0,0,1);
}



/* パンくずリスト */
#breadcrumb p {
	margin-left: 16px;
	text-align : left;
	font-size:8pt;
}
#breadcrumb p a {
	font-size: 8pt;
}



/* ==========================================================================
 ヘッダー
========================================================================== */
/* エリア */
#header {
	position: relative;
	width: 100%;
	min-width: 986px;
	margin: 0;
}
#header:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 2;
	/* box-shadow by ./style.css */
}


#header .wrap {
	position: relative;
	width: 982px;
	height: 65px;
/*	background: #fff 0 2px repeat-x;
	border-radius: 0 0 5px 5px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;*/
	z-index: 10;
	/* box-shadow by ./style.css */
}


/* 見出し１ */
#header h1 {
	display: none;
}

/* ホームへ（サイトロゴ） */
#toHome {
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	width: 237px;
	height: 65px;
	background: center center no-repeat;

	text-align: left;			/* テキスト非表示 */
	text-indent: -9999px;
	border-radius: 0 0 0 8px;
	overflow: hidden;
}
#toHome:after ,
#toHome:hover:after {
	content: " ";
	position: absolute;
	left: 5px;
	right: 0;
	bottom: 0;
	height: 3px;
	background-color: transparent;
}



/* --------------------------------------------------------------------------
 グローバルナビ・ドロップダウン */
#header #gnDropDown {
	position: absolute;
	width: 645px;
	height: 40px;
	bottom: 5px;

	background: #fafafa;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);

	overflow-y: hidden;
	z-index: 2;
	transition-duration: 0.3s;
	transition-delay: 0.3s;

	left: calc(50% - 252px);
}
body.gndd-on #header #gnDropDown {
	bottom: -40px;
	transition-delay: 0s !important;
}

#header #gnDropDown ul {
	margin: 8px 0 0;
	overflow: hidden;
	display: none;
	line-height: 24px;
}
#header.gn-new ul#gndd-new ,
#header.gn-aqp ul#gndd-aqp ,
#header.gn-prd ul#gndd-prd ,
#header.gn-ani ul#gndd-ani ,
#header.gn-sup ul#gndd-sup ,
#header.gn-gds ul#gndd-gds ,
#header.gn-aos ul#gndd-aos {
	display: inline-block;
}


#header #gnDropDown ul li {
	background: none;
	padding: 0 0.5em;
	display: inline-block;
	text-align: center;
}
#header #gnDropDown ul li:not(:first-child) {
	border-left: 1px solid #ccc;
}

#header #gnDropDown ul li a {
	display: block;
	min-width: 80px;
	padding: 0 0.5em;
	font-weight: bold;
	color: #555;
	border-radius: 3px;
	transition-duration: 0.3s;
}
#header #gnDropDown ul li span {
	font-size: 90%;
	color: #999;
}

#header #gnDropDown ul li a:hover {
	background-color: #999;
	color: #fff;
}

#header #gnDropDown ul li a[target="_blank"]:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f35d";
	font-size: 10px;
	margin-left: 7px;
}



/* --------------------------------------------------------------------------
 サブナビゲーション */
#header #subNavi {
	float: right;
	margin-top: 10px;
/*	margin-right: 3px;*/
	text-align: right;
	overflow: hidden;
}
#header #subNavi #switch {
	display: block;
	position: absolute;
	bottom: 8px;
	right: 0px;
	width: 89px;
	padding: 4px 0;

	color: #fff;
	border-radius: 3px;

	line-height: 1;
	cursor: pointer;
	text-align: center;
	background: #999;
}
#header #subNavi #switch:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f002";
	display: inline-block;
	width: 10px;
	position: absolute;
	left: 8px;
	top: calc(50% - 5px);
	font-size: 10px;
}
#header #subNavi #switch:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0d7";

	position: absolute;
	right: 6px;
	top: calc(50% - 6px);
	font-size: 10px;
}
#header.search #subNavi #switch:after {
	content: "\f0d8";
}

#header.search #subNavi  #switch {
	background-color: #555;
}
#header #subNavi #switch:hover {
	background-color: #555;
}



/* --------------------------------------------------------------------------
 ソーシャルウィジェット */
#cse-search-form ,
#tweet ,
.fb-like {
	float: left;
/*	margin-right: 4px;*/
}
.fb-like, #line { display: none; }
#tweet {
	width: 89px;
	height: 20px;
	background-color: #1b95e0;
	border-radius: 3px;
}
#tweet .twitter-share-button {
	color: #1b95e0;
}

#subNavi iframe { margin: 0 !important; }


#widget #count {
	display: none !important;
}


/* --------------------------------------------------------------------------
 wordpress検索
 Googleカスタム検索 */
#searchform, 
#cse-search-form {
	position: absolute;
	width: 319px;
	height: 50px;
	bottom: 5px;

	background-color: #ccc;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	box-sizing: border-box;

	overflow-y: hidden;
	z-index: 2;
	transition-duration: 0.3s;
	visibility: hidden;
}
#searchform {
	right: calc(50% - 490px);
	padding: 0 5px;
}
#searchform div {
	margin-top: 6px;
}


#cse-search-form {
	right: calc(50% - 491px);
	padding: 2px 10px 0;
}

#header.search #searchform,
#header.search #cse-search-form		{
	visibility: visible;
	bottom: -50px;
}

#header .gsc-branding { display: none !important; }


#cse-search-form form.gsc-search-box {
	margin-top: 6px;
}
#cse-search-form input.gsc-input {
	font-size: 15px;
	border-radius: 5px;
}
#cse-search-form input.gsc-input:placeholder-shown {
	font-size: 15px;
}

#header #searchform #searchsubmit ,
#cse-search-form input.gsc-search-button {
	display: block;
	float: right;

	min-width: 36px;
	padding: 0 5px;
	height: 27px;

	border-radius: 5px;
	background-color: #eee;
	border-color: #bbb;

	color: #777;
	font-size: 11px;
	font-weight: normal;
}



/* ---------------------------------------------------------------------------
 「スマートフォン表示へ切替」ボタン */
.switchBtn {
	position: absolute;
	top: 0;
	width: 100%;
	min-width: 986px;
	height: 99px;
	text-align: center;
	color: #efefef;
	background-color: #333;
	background-image: -webkit-linear-gradient(#000 50%, #333);
	background-image: linear-gradient(#000 50%, #333);
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid #c21212;
	vertical-align: middle;
	margin-top: -100px;
}

.switchBtn a {
	position: relative;
	width: 60%;
	margin-top: 6px;
	padding: 26px 0;
	text-align: center;
	display: inline-block;

	border-radius: 8px;
	background-image: -webkit-linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) );
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) );
	box-shadow: 0px 0px 2px rgba(0,0,0,1) inset,0px 0px 2px rgba(255,255,255,0.5);

	color: #fff;
	font-size: 16pt;
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(0,0,0,1);
}
.switchBtn a:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";

	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 36px;
	height: 36px;
	font-size: 36px;
	line-height: 1;
	margin-top: -18px;
}



/* ==========================================================================
 フッタ部
========================================================================== */
/* フッタ全体（最下段文字列含む） */

/*マージン*/
#footerMargin {
	width: 100%;
	clear: both;
	height: 0px;
}

/*本体*/
#footer {
	position: relative;
	width: 100%;
	min-width: 986px;
	height: 60px;
	margin-top: -60px;

	background-position: 0 26px;
	background-repeat: repeat-x;
	clear: both;
	color:#fff;
}


#footer:before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 26px;
	background-color: #fff;
	box-shadow: 0 4px 4px rgba(0,0,0,0.7);
}


#footer .toPageTop {
	position: absolute;
	left: 0;
	top: -6px;
}


/* Copyright表記 */
#footer #copyright {
	position: absolute;
	right: 0px;
	top: 35px;
}

/*フッター注意書き*/
#footer #attention {
	position: absolute;
	left: 0px;
	top: 35px;
	font-size: 8pt;
	color: #e3e3e3;
}

/*フッターナビ*/
#footer #footerNavi {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #555;
}
#footer #footerNavi li {
	background: none;
	padding: 0;
	float: left;
}
#footer #footerNavi li a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 3px;
	text-align: center;
	width: 1.25em;
	display: inline-block;
}
#footer #footerNavi li:nth-child(1) a:before		{ content: "\f1f9"; }
#footer #footerNavi li:nth-child(2) a:before		{ content: "\f023"; }
#footer #footerNavi li:nth-child(3) a:before		{ content: "\f14a" !important;}
#footer #footerNavi li:nth-last-child(4) a:before	{ content: "\f1ad"; }
#footer #footerNavi li:nth-last-child(3) a:before	{ content: "\f500"; }
#footer #footerNavi li:nth-last-child(2) a:before	{ content: "\f059"; }
#footer #footerNavi li:nth-last-child(1) a:before	{ content: "\f0c1"; }

#footer #footerNavi li:not(:last-child):after {
	content: "\FF5C";
	margin: 0 3px;
}
#footer #footerNavi li#fn-con:after {
	display: none;
}

#footer #footerNavi a { color: #555; }
#footer #footerNavi a:hover { color: #b00; }



/* ==========================================================================
 4.内部デザイン
========================================================================== */

/*ヘッダーイメージ*/
.header_image {
	margin: -13px -13px 40px;
}


/* section - ユニット分割列挙 */
.section {
	margin: 0;
	width: 960px;/*960+20*/
	text-align: left;
	overflow: hidden;
}

#areaLeft .section {
	width: calc(100% + 20px);
}


.section .section {
	width: auto;
}

.section .unit {
	position: relative;
	display: block;
	margin: 0px 20px 25px 0;
	overflow: hidden;
	box-sizing: border-box;
}
.section .unit img {
	max-width: 100%;
}

/* 分割数 */
.section.split2 .unit { float: left; width: calc(50%   - 20px); margin-right: 20px; }
.section.split3 .unit { float: left; width: calc(33.3% - 20px); margin-right: 20px; }
.section.split4 .unit { float: left; width: calc(25%   - 10px); margin-right: 10px; }
.section.split5 .unit { float: left; width: 184px; margin-right: 10px; }/*tene th-gal*/
.section.split6 .unit { float: left; width: 155px; margin-right:  5px; }


.section.split4.overflow .unit { width: calc(25% - 13px); }



/* [EOF] */