@charset 'UTF-8';

/** |READ ME| **************************************************************************************

theme_pc.css
Ver.201809

----------------------------------------------------------------------------------------------------

01. HTML初期化
02. ページ設定
　02-01. ヘッダー
　02-02. コンテンツ
　02-03. フッター

************************************************************************************** |READ ME| **/





/** |01. HTML初期化| >> *************************************************************** >> START **/


* {font-size: inherit;}

hr {display: none;}

body, header, main, footer, section, article, aside, menu, nav,
address, div, h1, h2, h3, h4, h5, h6, p, hr,
ul, ol, li, dl, dt, dd, table, th, td, figure, figcaption {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1;
	margin: 0;
	padding: 0;
}

header, main, footer, section, article, aside, nav, figure {display: block;}

body {
	background-color: #fff;
	color: #7f8283;
	font-family: 'UD新ゴ L', sans-serif;
	-moz-font-feature-settings: 'pkna' 1;
	-webkit-font-feature-settings: 'pkna' 1;
	font-feature-settings: 'pkna' 1;
	font-size: 16px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6, th, strong {font-family: 'UD新ゴ R', sans-serif;}

table {border-collapse: collapse;}

table, th, td, img, iframe {border: none;}

address {font-style: normal;}

li {list-style: none;}

img {vertical-align: top;}

a {color: #4aa6c3;}
a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

a:hover img, a:active img {opacity: 0.6;}

.clearfix {zoom: 1;}

.clearfix::after {
	clear: both;
	content: '';
	display: block;
}


/** |01. HTML初期化| << ***************************************************************** << END **/





/** |02. ページ設定| >> *************************************************************** >> START **/


	/** |02-01. ヘッダー| **************************************************************** START **/



.site {
	position: sticky;
 	top: 0;
	z-index: 999;
 	width: 100%;
}
		
	

		.site .prop {
			background-color: #fff;
			border-bottom: 1px solid #d4d5d6;
			height: 144px;
			min-width: 1080px;
			position: relative;
			width: 100%;
		}


		/** [サイトロゴ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.site .trademark {
			top: 26px;
			right: 50%;
			margin-right: 404px;
			position: absolute;
			width: 136px;
			z-index: 13;
		}

			.site .trademark a {
				background: url(/common/img/st_img_trademark.jpg) no-repeat 0 0;
				background-size: 100% auto;
				display: block;
				height: 88px;
				overflow: hidden;
				text-indent: 100%;
				white-space: nowrap;
				width: 136px;
			}

			.site .trademark a:hover {opacity: 0.5;}


		/** [メニューアイコン] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.site .icons {display: none;}


		/** [メニュー] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.site .menu {
			font-size: 0;
			height: 143px;
			margin: 0 auto;
			position: relative;
			text-align: right;
			width: 1080px;
			z-index: 11;
		}


			/** [カテゴリリスト] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.site .menu .index {
				bottom: 0;
				font-size: 0;
				padding-bottom: 30px;
				position: absolute;
				right: 0;
				text-align: right;
				width: 856px;
				z-index: 12;
			}

				.site .menu .index li {
					color: #7f8283;
					display: inline-block;
					font-family: 'UD新ゴ R', sans-serif;
					font-size: 16px;
					margin-left: 38px;
					position: relative;
				}

				.site .menu .index li:first-of-type {margin-left: 0;}

					.site .menu .index li a,
					.site .menu .index li span {
						border-bottom: 2px solid transparent;
						color: inherit;
						font-family: inherit;
						text-decoration: none;
						padding: 0 1px 10px;
					}

					.site .menu .index li span {cursor: pointer;}

					.site .menu .index li:hover a,
					.site .menu .index li:hover span {border-bottom-color: #4aa6c3;}

						.site .menu .index li .blank::after {
							background: url(/common/img/st_ico_blank.gif) no-repeat 0 0;
							content: '';
							display: inline-block;
							height: 12px;
							margin-left: 4px;
							width: 14px;
						}

						.site .menu .index li .list {
							display: none;
							left: 50%;
							margin-left: -136px;
							padding-top: 32px;
							position: absolute;
							top: 100%;
							width: 272px;
							z-index: 9000;
						}

						.site .menu .index li:hover .list {display: block;}

							.site .menu .index li .list ul {
								background-color: #fff;
								border: 1px solid #d4d5d6;
								padding: 16px 0;
							}

								.site .menu .index li .list li {
									display: block;
									margin-left: 0;
									padding: 14px 40px;
									text-align: left;
								}

									.site .menu .index li .list a {
										border-bottom: none;
										padding: 0;
									}

									.site .menu .index li .list a:hover {color: #4aa6c3;}


			/** [ストーリー] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.site .menu .story {
				color: #7f8283;
				display: inline-block;
				font-family: 'UD新ゴ R', sans-serif;
				font-size: 16px;
				padding-top: 28px;
				z-index: 13;
			}

				.site .menu .story a {
					color: inherit;
					font-family: inherit;
					text-decoration: none;
				}

				.site .menu .story a:hover {opacity: 0.5;}

					.site .menu .story a::after {
						background: url(/common/img/st_ico_blank.gif) no-repeat 0 0;
						content: '';
						display: inline-block;
						height: 12px;
						margin-left: 4px;
						width: 14px;
					}


			/** [表示言語] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.site .menu .language {
				display: inline-block;
				margin-left: 36px;
				padding-top: 28px;
				z-index: 13;
			}

				.site .menu .language dt,
				.site .menu .language dd {
					color: #7f8283;
					font-family: 'UD新ゴ R', sans-serif;
					font-size: 16px;
				}

				.site .menu .language dt {cursor: pointer;}

					.site .menu .language dt::after {
						background: url(/common/img/st_ico_close.gif) no-repeat 0 0;
						content: '';
						display: inline-block;
						height: 8px;
						margin-left: 4px;
						width: 12px;
					}

					.site .menu .language:hover dt::after {background-image: url(/common/img/st_ico_open.gif);}

				.site .menu .language .list {
					position: relative;
					z-index: 14;
				}

					.site .menu .language .list ul {
						display: none;
						padding-top: 8px;
						position: absolute;
						right: 0;
						top: 100%;
					}

					.site .menu .language:hover .list ul {display: block;}

						.site .menu .language .list li {
							border: 1px solid #d4d5d6;
							border-top: none;
							display: block;
							font-size: 14px;
							margin-left: 0;
							z-index: 9000;
						}

						.site .menu .language .list li:first-of-type {border-top: 1px solid #d4d5d6;}

							.site .menu .language .list a {
								background-color: #fff;
								color: inherit;
								display: block;
								font-family: inherit;
								padding: 10px 0;
								text-align: center;
								text-decoration: none;
								width: 96px;
							}

							.site .menu .language .list a:hover {
								background-color: #7f8283;
								color: #fff;
								opacity: 1;
							}


			/** [閉じる] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.site .menu .close {display: none;}


	/** |02-01. ヘッダー| ****************************************************************** END **/



	/** |02-02. コンテンツ| ************************************************************** START **/


		/** [テーマ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.theme {
			min-width: 1080px;
			padding-bottom: 60px;
			width: 100%;
		}


			/** [パンくず] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.theme .crumbs {
				letter-spacing: -1.2em;
				margin: 0 auto;
				padding: 32px 0;
				width: 1080px;
			}

				.theme .crumbs li {
					display: inline;
					font-size: 14px;
					letter-spacing: normal;
					padding-left: 8px;
					position: relative;
				}

				.theme .crumbs .home {padding-left: 0;}

					.theme .crumbs li::before {
						background: url(/common/img/cnt_ico_contents.gif) no-repeat 0 0;
						content: '';
						display: inline-block;
						height: 16px;
						margin-right: 8px;
						vertical-align: -0.15em;
						width: 16px;
					}

					.theme .crumbs .home::before {background-image: url(/common/img/cnt_ico_home.gif);}

					.theme .crumbs li a {color: #7f8283;}


			/** [フロントロウ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.theme .frontrow {
				background-color: #eee;
				padding-top: 31.71%;/* 444px */
				position: relative;
				width: 100%;/* 1400px */
			}

				.theme .frontrow img {
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
					visibility: hidden;
					width: 100%;
				}


		/** [コンテンツ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.contents {
			margin: 0 auto;
			width: 1080px;
			padding: 0px 0px 60px 0px;
			zoom: 1;
		}

			.contents::after {
				clear: both;
				content: '';
				display: block;
			}


			/** [パンくず] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.contents .crumbs {
				letter-spacing: -1.2em;
				margin: 32px 0 38px;
				overflow: hidden;
				padding-right: 1em;
				text-overflow: ellipsis;
				white-space: nowrap;
				width: 1080px;
			}

				.contents .crumbs li {
					display: inline;
					font-size: 14px;
					letter-spacing: normal;
					padding-left: 8px;
					position: relative;
				}

				.contents .crumbs .home {padding-left: 0;}

					.contents .crumbs li::before {
						background: url(/common/img/cnt_ico_contents.gif) no-repeat 0 0;
						content: '';
						display: inline-block;
						height: 16px;
						margin-right: 8px;
						vertical-align: -0.15em;
						width: 16px;
					}

					.contents .crumbs .home::before {background-image: url(/common/img/cnt_ico_home.gif);}

					.contents .crumbs li a {color: #7f8283;}

					.contents .crumbs li br {display: none;}


			/** [カテゴリ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.contents .category {
				border-left: 3px solid #4aa6c3;
				font-family: 'UD新ゴ R', sans-serif;
				font-size: 30px;
				margin: 38px 0;
				padding-left: 16px;
			}


			/** [コンテンツ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.contents .body {
				float: left;
				width: 1080px;
			}


				/** [汎用パーツ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.static .body section {
					padding-top: 64px;
					width: 1080px;
				}

				.static .body section:first-child {padding-top: 0;}


					/* ヘッダ（ボタン無） */
					.static .body section > .title {
						background-color: #f4f4f5;
						font-size: 20px;
						padding: 14px 20px;
					}


					/* ヘッダ（ボタン有） */
					.static .body section .header {
						background-color: #f4f4f5;
						padding: 14px 94px 14px 20px;
						position: relative;
					}

						.static .body section .header .title {font-size: 20px;}

						.static .body section .header .more {
							position: absolute;
							top: 50%;
							margin-top: -1em;
							right: 10px;
						}

							.static .body section .header .more a {
								background-color: #fff;
								color: #7f8283;
								display: inline-block;
								font-size: 14px;
								height: 2.2em;
								line-height: 2.2em;
								text-align: center;
								text-decoration: none;
								width: 74px;
							}

							.static .body section .header .more a:hover {
								background-color: #d4d5d6;
								color: #fff;
							}

				.static .body section > p {
					line-height: 1.88;
					padding-top: 30px;
				}


			/** [ナビゲーション] >> +++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.contents .navigation {
				float: right;
				width: 270px;
			}


				/** [ページ検索] >> +++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .search {border-top: 1px solid #d4d5d6;}

					.contents .navigation .search .condition {}


						/* 検索条件 */
						.contents .navigation .search .condition .label {
							background: url(/common/img/nvg_ico_close.png) no-repeat 230px 50%;
							background-image: url(/common/img/nvg_ico_open.png);
							background-size: 16px 10px;
							border-bottom: 1px solid #d4d5d6;
							cursor: pointer;
							font-family: 'UD新ゴ R', sans-serif;
							padding: 20px 64px 20px 0;
						}

						.contents .navigation .search .condition .open {background-image: url(/common/img/nvg_ico_close.png);}


						/* リスト */
						.contents .navigation .search .condition .list {
							border-bottom: 1px solid #d4d5d6;
							padding: 6px 0 16px 20px;
						}

							.contents .navigation .search .condition ul {}

								.contents .navigation .search .condition li {padding: 18px 0;}

							.contents .navigation .search .condition dl {}

							.contents .navigation .search .condition ul + dl {border-top: 1px solid #d4d5d6;}

								.contents .navigation .search .condition dt {padding: 20px 0 10px;}

								.contents .navigation .search .condition dd {
									font-size: 14px;
									padding: 18px 0;
								}

									.contents .navigation .search .condition a {}

										.contents .navigation .search .condition .blank::after {
											background: url(/common/img/nvg_ico_blank01.gif) no-repeat 0 0;
											content: '';
											display: inline-block;
											height: 12px;
											margin-left: 1.2em;
											vertical-align: 0.06em;
											width: 14px;
										}


						/* 閉じる */
						.contents .navigation .search .condition .close {display: none;}


				/** [施設ガイド] >> +++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .guide {border-top: 1px solid #d4d5d6;}

					.contents .navigation .guide dt,
					.contents .navigation .guide dd,
					.contents .navigation .guide > li {border-bottom: 1px solid #d4d5d6;}

						.contents .navigation .guide a {
							color: #7f8283;
							display: block;
							font-family: 'UD新ゴ R', sans-serif;
							padding: 20px 0;
							position: relative;
						}

						.contents .navigation .guide .label {
							background: url(/common/img/nvg_ico_close.png) no-repeat 230px 50%;
							background-image: url(/common/img/nvg_ico_open.png);
							background-size: 16px 10px;
							cursor: pointer;
							font-family: 'UD新ゴ R', sans-serif;
							padding: 20px 64px 20px 0;
						}

						.contents .navigation .guide .open {background-image: url(/common/img/nvg_ico_close.png);}


						/* リスト */
						.contents .navigation .guide .list {
							border-top: 1px solid #d4d5d6;
							padding: 6px 0 6px 20px;
						}

							.contents .navigation .guide .list ul {}

								.contents .navigation .guide .list li {padding: 18px 0;}

									.contents .navigation .guide .list a {
										color: #4aa6c3;
										padding: 0;
									}

									.contents .navigation .guide dd .blank::after {
									background: url(/common/img/nvg_ico_blank02.gif) no-repeat 0 0;
									content: '';
									display: inline-block;
									height: 12px;
									margin-left: 10px;
									vertical-align: middle;
									width: 14px;
								}


				/** [問い合わせ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .contact {}

				.contents .navigation > .publish {padding-top: 38px;}

					.contents .navigation .contact .head {display: none;}

					.contents .navigation .publish .head {
						border-left: 1px solid #4aa6c3;
						display: block;
						font-family: 'UD新ゴ R', sans-serif;
						padding-left: 12px;
					}

					.contents .navigation .contact .address {padding-top: 38px;}

					.contents .navigation .contact p.address {
						font-size: 14px;
						line-height: 2.14;
						padding-top: 10px;
					}

						.contents .navigation .contact .address dt {
							border-left: 1px solid #4aa6c3;
							font-family: 'UD新ゴ R', sans-serif;
							padding-left: 12px;
						}

						.contents .navigation .contact .address dd {
							font-size: 14px;
							line-height: 2.14;
							padding-top: 10px;
						}

					.contents .navigation .contact .tel {
						border-bottom: 1px solid #d4d5d6;
						font-size: 14px;
						line-height: 2.14;
						padding-bottom: 26px;
					}

					.contents .navigation .publish .tel {
						border-bottom: none;
						padding-bottom: 0;
					}

						.contents .navigation .contact .tel::before {
							content: 'TEL：';
							font-size: 14px;
							line-height: 2.14;
						}

						.contents .navigation .contact .tel a[href^="tel:"] {
							color: #7f8283;
							display: inline-block;
							pointer-events: none;
						}

					.contents .navigation .contact .etc {
						border-bottom: 1px solid #d4d5d6;
						font-size: 14px;
						line-height: 2.14;
						padding-bottom: 26px;
					}

						.contents .navigation .contact .etc a {color: #7f8283;}


				/** [お知らせ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .info {padding-top: 36px;}

					.contents .navigation .info img {
						height: auto;
						width: 100%;
					}


				/** [LIXIL出版インデックス] >> ++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .index {border-top: 1px solid #d4d5d6;}

					.contents .navigation .index dt,
					.contents .navigation .index dd {border-bottom: 1px solid #d4d5d6;}

						.contents .navigation .index a {
							color: #7f8283;
							display: block;
							padding: 16px 0 16px 20px;
							position: relative;
						}

						.contents .navigation .index a:hover {
							opacity: 0.5;
							text-decoration: none;
						}

						.contents .navigation .index .home a {padding-left: 52px;}

							.contents .navigation .index .home a::before {
								background: url(/common/img/nvg_ico_publish.gif) no-repeat 0 0;
								background-size: 100% auto;
								content: '';
								display: block;
								height: 18px;
								left: 20px;
								margin-top: -9px;
								position: absolute;
								top: 50%;
								width: 20px;
							}

							.contents .navigation .index .active a::after {
								background-color: #4aa6c3;
								bottom: 12px;
								content: '';
								display: block;
								left: 0;
								position: absolute;
								top: 12px;
								width: 2px;
							}


				/** [カテゴリ一覧] >> +++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .facilities {padding-top: 50px;}

				.contents .navigation .facilities:first-child {padding-top: 0;}

					.contents .navigation .facilities dl {padding-top: 50px;}

					.contents .navigation .facilities dl:first-of-type {padding-top: 0;}


						/* カテゴリ */
						.contents .navigation .facilities dt {
							border-bottom: 1px solid #d4d5d6;
							font-family: 'UD新ゴ R', sans-serif;
							margin-bottom: 6px;
							padding-bottom: 22px;
						}


						/* リスト */
						.contents .navigation .facilities dd {
							background: no-repeat 0 0;
							padding-top: 20px;
							width: 270px;
						}

							.contents .navigation .facilities dd a {
								background: no-repeat 0 0;
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
								box-sizing: border-box;
								color: #7f8283;
								display: block;
								font-family: 'UD新ゴ R', sans-serif;
								font-size: 14px;
								height: 60px;
								line-height: 60px;
								padding-left: 78px;
								text-decoration: none;
								width: 270px;
							}

							.contents .navigation .facilities dd a:hover {opacity: 0.5;}

							.contents .navigation .facilities dd .ilm {background-image: url(/common/img/nvg_img_ilm.jpg);}
							.contents .navigation .facilities dd .bunkakan {background-image: url(/common/img/nvg_img_bunkakan.jpg);}
							.contents .navigation .facilities dd .gallery {background-image: url(/common/img/nvg_img_gallery.jpg);}
							.contents .navigation .facilities dd .publish {background-image: url(/common/img/nvg_img_publish.jpg);}

								.contents .navigation .facilities dd .blank::after {
									background: url(/common/img/nvg_ico_blank02.gif) no-repeat 0 0;
									content: '';
									display: inline-block;
									height: 12px;
									margin-left: 10px;
									vertical-align: middle;
									width: 14px;
								}


				/** [メールマガジン] >> +++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .magazine {padding-top: 50px;}

					.contents .navigation .magazine dt {}

						.contents .navigation .magazine dt img {
							height: auto;
							width: 100%;
						}

					.contents .navigation .magazine dd {
						font-size: 14px;
						line-height: 1.71;
						padding-top: 10px;
					}


				/** [関連情報] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				.contents .navigation .relation {padding-top: 50px;}

					.contents .navigation .relation dt {}

						.contents .navigation .relation dt img {
							height: auto;
							width: 100%;
						}

					.contents .navigation .relation dd {
						font-size: 14px;
						line-height: 1.71;
						padding-top: 10px;
					}


			/** [フリップフロップ] >> +++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

			.contents .flipflop {
				clear: both;
				font-size: 0;
				margin: 0 auto;
				padding-top: 90px;
				text-align: right;
				width: 1080px;
			}

				.contents .flipflop a {
					background: url(/common/img/cnt_btn_top.gif) no-repeat 0 0;
					background-size: 100% auto;
					display: inline-block;
					height: 62px;
					overflow: hidden;
					text-indent: 100%;
					white-space: nowrap;
					width: 62px;
				}

				.contents .flipflop a:hover {opacity: 0.6;}


	/** |02-02. コンテンツ| **************************************************************** END **/


/** |02-07. フリップフロップ| >> ************************************************** >> START **/

.gotop{
	display: block;
    width: 62px;
    height: 62px;
    box-sizing: border-box;
    background: #545859;
    border: 1px solid #545859;
    padding-top: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 85%;
    text-decoration: none;
    color: #FFF;
    opacity: 0.5;
    position: fixed;
    bottom: 0px;
    right: 142px;
   
}


.gotop::before{
    content: "";
    display: block;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    width: 10%;
    height: 10%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
}


.gotop:hover{
    opacity: 0.6;
}


	/** |02-07. フリップフロップ| ********************************************************** END **/


footer {
	width: 1512px;
 margin-inline: auto;
	
}

.foot-wrap {
	border-image: linear-gradient(#F2F2F2,#F2F2F2) fill 0/0/0 100vw 0 100vw;
	width: 100%; /* 640px */
	height: 330px;
	padding: 42px 173px 24px 140px;
	
}

.foot_logo img{
position: absolute;	
width: 136px;
height: 88px;


}

.nav-upper1{
width: 100%;
position: absolute;

margin:0px 0px 0px 236px;
}

.nav-upper2{
width: 100%;
position: absolute;
margin:0px 0px 0px 439px;
}

.nav-lower1{
width: 100%;
position: absolute;
margin:113px 0px 0px 236px;
}

.nav-lower2{
width: 100%;
position: absolute;

margin:113px 0px 0px 439px;

}

.nav-6{
width: 204px;
	display: flex;
	justify-content: space-between;
position: absolute;

margin:72px 0px 0px 961px;
	

}






.nav-7{
	width: 312px;
display: flex;
	justify-content: space-between;
	position: absolute;

margin:104px 0px 0px 948px;
}

.nav-8{
	width: 282px;
display: flex;
	justify-content: space-between;
	position: absolute;
	
margin:146px 0px 0px 948px;
}


.nav-7 ul {
color: #666666;
	
}


.nav-7 li {
  display: inline;
  height: 12px;
	
}

.nav-8 ul {

color: #666666;
	
}


.nav-8 li {
  display: inline;
  
	height: 12px;
	
}

li:last-child {
  border-right: none;
}


.logo {
width: 90px;
position: absolute;
margin:200px 0px 0px 1086px;
}



.foot-wrap h3 {
   font-weight: 700;
font-size: 12px;
line-height: 20px;
	color: #666666;
}



.foot-wrap li {
padding-left:1em;
    text-indent:-1em;
	padding: 8px 0px;
   font-weight: 400;
font-size: 12px;
line-height: 20px;
	color: #666666;

}

.foot-wrap a {
	font-weight: 400;
font-size: 12px;
line-height: 20px;
    text-decoration: none;
    color: #666666;
	padding: 0 10px;
}

.foot-wrap a:hover {
    color: #4aa6c3;
}

.cmark {
padding: 260px 0px 0px 0px;
	text-align: center;
    font-family: 'UD新ゴ R', sans-serif;
	font-size: 11px;
	color: #545859;

}



/**  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ここまで追加**/

		/** [メディア] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.publication .media {
			font-size: 0;
			padding-top: 32px;
		}

			.publication .media li {
				display: inline-block;
				padding-right: 18px;
			}

			.publication .media li:last-of-type {padding-right: 0;}

				.publication .media li a {
					background: no-repeat 0 0;
					background-size: 38px auto;
					display: block;
					height: 38px;
					overflow: hidden;
					text-indent: 100%;
					white-space: nowrap;
					width: 38px;
				}

				.publication .media li a:hover {opacity: 0.5;}

				.publication .media li .fb {background-image: url(/common/img/pbl_btn_facebook.gif);}
				.publication .media li .yt {background-image: url(/common/img/pbl_btn_youtube.gif);}


		/** [運営] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.publication .administration {
			bottom: 0;
			padding-bottom: 58px;
			position: absolute;
			right: 0;
			width: 114px;
		}

			.publication .administration a {
				background: url(/common/img/pbl_img_administration.jpg) no-repeat 50% 50%;
				background-size: 114px auto;
				display: block;
				height: 62px;
				overflow: hidden;
				text-indent: 100%;
				white-space: nowrap;
				width: 114px;
			}

			.publication .administration a:hover {opacity: 0.5;}


		/** [コピーライト] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	

	/** |02-03. フッター| ****************************************************************** END **/


/** |02. ページ設定| << ***************************************************************** << END **/

span.emergency_info {
    display: block;
    font-size: 20px;
    color: red;
    text-align: center;
    border: 2px solid red;
    margin-top: 20px;
    padding: 5px 10px;
}

span.emergency_info_trade {
    display: block;
    font-size: 20px;
    color: red;
    text-align: center;
    border: 2px solid red;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 5px 10px;
}

span.emergency_info_shop {
    display: block;
    font-size: 20px;
    color: red;
    text-align: center;
    border: 2px solid red;
    margin-top: 20px;
    margin-bottom: 100px;
    padding: 5px 10px;
}



.nav-6 a[target="_blank"] {
   
    padding-right: 16px;
    background: url(/common/img/gadget14.png) no-repeat right center ;
}


.c-btn__item {
   text-align: center;
   padding: 1.6em;
}
.c-btn__item a{
   color:#333;
   text-decoration: none;
   padding:20px;
   border-radius:3px;
   border: 1px solid #333;
   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.c-btn__item a:hover{
   color:#fff;
   background-color:#545859;
   text-decoration: none;
   padding:20px;
   border: 1px solid #fff;
}
.c-btn__item a::after {
   font-family: "Font Awesome 5 Free";
  content: '\f35d';
  font-size: 105%;
  font-weight: 900;
  margin: 0 3px;
}






.static .body section .header .more {
							position: absolute;
							top: 50%;
							margin-top: -1em;
							right: 10px;
						}

							.static .body section .header .more a {
								background-color: #fff;
								color: #7f8283;
								display: inline-block;
								font-size: 14px;
								height: 2.2em;
								line-height: 2.2em;
								text-align: center;
								text-decoration: none;
								width: 74px;
							}

							.static .body section .header .more a:hover {
								background-color: #d4d5d6;
								color: #fff;
							}