@charset "UTF-8";

*, *::before, *::after
{
	box-sizing: border-box;
}
/*-------------------------*/
/* 門前のデザイン ここから */
/*-------------------------*/
/*------------------------*/
/* ページ全体のレイアウト */
/*------------------------*/
#index
{
	color:#cccccc;
	background-color: #0f0f0f;
	font-family: 'MS ゴシック','MS Gothic','MSGothic',sans-serif;
}
#index div
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/*------------------*/
/*    ライン装飾    */
/*------------------*/
/*    強調ライン    */
#index hr.b
{
	background-color: #e9dfe5;
	border: solid 9.5px #e9dfe5;
}
/*    通常ライン    */
#index hr
{
	border-style: none;
	border-top: solid 2px #e9dfe5;
}
/*----------------------*/
/*    画像リンク装飾    */
/*----------------------*/
#index img
{
	border-style: none;
}
/*------------------*/
/*   リンクの装飾   */
/*------------------*/
#index a
{
	text-decoration: none;
	text-align: center;
}
/*---------------------------------------*/
/* インデックス全体のレイアウト ここから */
/*---------------------------------------*/
#index #main
{
	width: 100%;
	min-width: 350px;
	max-width: 800px;

	border: solid 3px #e9dfe5;
	border-top-style: none;
	background-color: #1a1a10;
}
/*--------------------------*/
/*  各ボックスのレイアウト  */
/*--------------------------*/
#index #box-a
{
	width: 95%;
	margin: 25px auto;
}
#index #box-b,#index #box-c
{
	width: 95%;
	margin: 15px auto;
}
/*  注意文  */
#index #box-a
{
	text-align: left;
	font-size: 1em;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
#index #box-b span
{
	font-size: 0.9em;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
}
/*  コピーライト  */
#index #copyright
{
	font-size: 0.9em;
	padding-top: 3px;
}
/*----------------*/
/*  フォント種類  */
/*----------------*/
/*  各タイトル＆リンクボタン  */
#index h2,#index #copyright
{
	font-family: 'HG明朝E','HGMinchoE',serif;
}
#index h2
{
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
}
/*  背景色  */
#index h2,#index #copyright
{
	background-color: #e9dfe5;
}
/*  文字色  */
#index h2,#index #copyright
{
	color: #000000;
}
/*  注釈の文字色  */
#index .red
{
	color: #ff0000;
}
/*  ルビ振り  */
#index ruby[data-ruby]
{
	position: relative;
}
#index ruby[data-ruby]::before
{
	content: attr(data-ruby);
	position: absolute;
	line-height: 100%;
	text-align: center;
	left: -3em;
	right: -3em;
	transform-origin: bottom center;
	/* ルビの文字サイズを親文字に対する比率で指定 */
	transform: scale(0.6);
	/* 100%を越える部分が親文字とルビとのスペースになる。単位は親文字に対する比率 */
	bottom: 110%;
}
/*---------------------------------------*/
/* インデックス全体のレイアウト ここまで */
/*---------------------------------------*/

/*----------------*/
/*  リンクの装飾  */
/*----------------*/
/*------------------*/
/*  画像サイズ指定  */
/*------------------*/
/* サイトタイトル画像 */
#index img.garagura
{
	width: 100%;
	min-width: 240px;
	min-height: 48px;
	max-width: 450px;
	max-height: 90px;
}
/*  外国語注意文  */
#index #box-a img
{
	height: 80px;
	width: 315px;
}
/* サイト入口の画像＆リンク */
#index #box-b img,#index #box-b a
{
	height: 40px;
	width: 200px;
}
#index #box-b a
{
	display: block;
	margin: 5px auto;
}
#index #box-b img:hover
{
	position: relative;
	top: 1px;
	left: 2px;
}
/* 他サイト入口の画像＆リンク */
#index #box-c img
{
	height: 31px;
	width: 88px;
}
#index #box-c img:hover
{
	position: relative;
	top: 1px;
	left: 2px;
}
/*-------------------------*/
/* 門前のデザイン ここまで */
/*-------------------------*/

/*---------------------------------*/
/*    大広間のデザイン ここから    */
/*---------------------------------*/
/*------------------*/
/*    ページ全体    */
/*------------------*/
#top
{
	color: #cccccc;
	background-color: #0f0f0f;
	font-family: 'MS ゴシック','MS Gothic','MSGothic',sans-serif;
}
#top div
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/*------------------*/
/*    ライン装飾    */
/*------------------*/
/*    強調ライン    */
#top hr.b
{
	background-color: #e9dfe5;
	border: solid 9.5px #e9dfe5;
}
/*    通常ライン    */
#top hr
{
	border-style: none;
	border-top: solid 2px #e9dfe5;
}
/*------------------*/
/*   リンクの装飾   */
/*------------------*/
#top a
{
	text-decoration: none;
	text-align: center;
}
/*---------------------------------*/
/* トップ全体のレイアウト ここから */
/*---------------------------------*/
#top #main
{
	width: 100%;
	min-width: 350px;
	max-width: 800px;

	border: 3px solid #e9dfe5;
	border-top-style: none;
	background-color: #1a1a10;
}
/*------------------------*/
/* 各ボックスのレイアウト */
/*------------------------*/
/* サイトメニューリンク */
#top #menu-a,#top #menu-b
{
	margin: 10px;
}
/*  注意文＆拍手ボックス  */
#top #menu,#top #box-c,#top #clap
{
	width: 95%;
	margin: 15px auto;
}
/*  更新情報ボックス  */
#top #box-b
{
	width: 95%;
	height: 160px;
}
/*  注意文＆更新情報  */
#top #box-b,#top #box-c
{
	text-align: left;
}
/*--------------------*/
/*  更新情報ボックス  */
/*--------------------*/
#top #box-b
{
	overflow: auto;
}
/*  更新情報の文字装飾  */
#top #box-b
{
	font-size: 0.9em;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
/*  更新日時の装飾  */
#top #box-b .time
{
	font-weight: bold;
}
/*  更新情報内のライン  */
#top #box-b hr
{
	border-top: dashed 1px #696969;
}
/*------------------------*/
/* サイト説明文のボックス */
/*------------------------*/
#top #box-c
{
	font-size: 1em;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
/*------------------*/
/*   拍手ボックス   */
/*------------------*/
#top #clap
{
	text-align: right;
}
/*----------------------*/
/* コピーライトボックス */
/*----------------------*/
#top #copyright
{
	font-size: 0.9em;
	padding-top: 3px;
}
/*----------------*/
/*  フォント種類  */
/*----------------*/
/*  各タイトル＆リンクボタン  */
#top h2,#top #copyright
{
	font-family: 'HG明朝E','HGMinchoE',serif;
}
#top h2
{
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
}
/*  背景色  */
#top h2,#top #copyright
{
	background-color: #e9dfe5;
}
/*  文字色  */
#top h2,#top #copyright
{
	color: #000000;
}
/*  更新日時の文字色  */
#top .time
{
	color: #d66b6b;
}
/*  注釈の文字色  */
#top .red
{
	color: #ff0000;
}
/*  ルビ振り  */
ruby[data-ruby]
{
	position: relative;
}
ruby[data-ruby]::before
{
	content: attr(data-ruby);
	position: absolute;
	line-height: 100%;
	text-align: center;
	left: -3em;
	right: -3em;
	transform-origin: bottom center;
	/* ルビの文字サイズを親文字に対する比率で指定 */
	transform: scale(0.6);
	/* 100%を越える部分が親文字とルビとのスペースになる。単位は親文字に対する比率 */
	bottom: 110%;
}
/*---------------------------------*/
/* トップ全体のレイアウト ここまで */
/*---------------------------------*/

/*-------------------------------*/
/*  リンクボタンの装飾 ここから  */
/*-------------------------------*/
#top .link,#top #box-b a
{
	font-family: 'HG明朝E','HGMinchoE',serif;
	color: #e9dfe5;
	background-color: #000000;
	border: outset 2px #e9dfe5;
}
#top .link:hover,#top #box-b a:hover
{
	color: #000000;
	background-color: #e9dfe5;
	border: inset 2px #e9dfe5;
}
/*  メニューリンクボタン  */
#top #menu .link
{
	display: inline-block;
	font-size: 1.3em;
	padding: 2px 10px;
}
/*  更新情報内のリンクボタン  */
#top #box-b a
{
	padding: 2px 4px;
}
/*------------------*/
/*  画像サイズ指定  */
/*------------------*/
/*  サイトタイトル画像  */
#top h1
{
	margin-bottom: 15px;
}
#top img.garagura
{
	width: 100%;
	min-width: 240px;
	min-height: 48px;
	max-width: 450px;
	max-height: 90px;
}
/*    トップ画像    */
#top img.top
{
	display: block;
	width: 95%;
	min-width: 226px;
	min-height: 320px;
	max-width: 368px;
	max-height: 520px;
	margin: 15px auto;
}
/*    拍手画像    */
#top #clap img,#top #clap a
{
	display: block;
	width: 32px;
	height: 32px;
	margin-left: auto;
	margin-bottom: 5px;
	margin-right: 35px;
}
/*---------------------------------*/
/*    大広間のデザイン ここまで    */
/*---------------------------------*/

/*---------------------------------*/
/*    御案内のデザイン ここから    */
/*---------------------------------*/
/*  説明文  */
#first #box-c span
{
	font-size: 0.9em;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
}
#first #main-b hr
{
	border-top: dashed 1px #e9dfe5;
}
/*  項目  */
#first h3
{
	color: #d69090;
	font-family: 'HG明朝E','HGMinchoE',serif;
	font-size: 1.1em;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	margin: 5px auto;
}
/*---------------------------------*/
/*    御案内のデザイン ここまで    */
/*---------------------------------*/

/*-------------------------------*/
/*    客間のデザイン ここから    */
/*-------------------------------*/
#link #box-c hr
{
	border-style: hidden;
}
#link #main-b hr
{
	border-top: dashed 1px #e9dfe5;
}
/*  説明文  */
#link #box-c div
{
	width: 260px;
	font-size: 1em;
	line-height: 1.5;
	border: dashed 1px #d69090;
	border-left-style: none;
	border-right-style: none;
	padding: 10px 0;
}
#link #box-d
{
	text-align: left;
}
#link #box-c div,#link #box-c span,#link #box-d span,#box-d p
{
	letter-spacing: 0.1em;
}
#link #box-c div,#link #box-c span
{
	text-indent: 0.1em;
}
#link #box-c span,#link #box-d span
{
	font-size: 0.9em;
	line-height: 1.5;
}
#link #box-d p
{
	color: #d69090;
	font-family: 'HG明朝E','HGMinchoE',serif;
	font-size: 1.1em;
	margin: 5px 0;
}
#link textarea
{
	display: block;
	height: 65px;
	width: 220px;
	font-size: 1em;
	margin: auto;
}
#link #box-c img
{
	display: block;
	margin: auto;
}
#link #box-d img:hover
{
	position: relative;
	top: 1px;
	left: 2px;
}
/*-------------------------------*/
/*    客間のデザイン ここまで    */
/*-------------------------------*/

/*-------------------------------*/
/*    問合のデザイン ここから    */
/*-------------------------------*/
/*------------------*/
/*    ページ全体    */
/*------------------*/
#contact div
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/*-------------------*/
/* 全体のレイアウト  */
/*-------------------*/
#contact #main
{
	width: 100%;
	min-width: 350px;
	max-width: 800px;
}
/*-------------------------------*/
/*    問合のデザイン ここまで    */
/*-------------------------------*/