@charset "Shift_JIS"; /* 文字エンコードの設定（削除不可） */


/* ********** @import設定 ********** */
@import url(http://fonts.googleapis.com/css?family=Alice);
@import url(http://fonts.googleapis.com/css?family=Bigelow+Rules);


/* ********** 共通設定 ********** */
@media screen{
/* 基本設定 */
*	{font-family:'Alice',"メイリオ","Osaka−等幅","Osaka", sans-serif;	}

body	{color: #504946;
	line-height : 2.0;
	font-size : 12px;
	margin: 0;
	background-color:#f0f8ff;
	background-image: linear-gradient(90deg, rgba(255,255,255,.4) 50%, transparent 50%), linear-gradient(rgba(255,255,255,.4) 50%, transparent 50%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.4)), to(rgba(255,255,255,.4))),
			  -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.4)), to(rgba(255,255,255,.4)));
	background-size: 60px 60px;
	background-attachment : fixed;}

/* 見出し */
h1	{color:#800000;	}
h2,h3,h4,h5,h6	{padding-left:10px;
		border-bottom:1px solid #e9bc00;
		border-left:10px solid #e9bc00;
		color:#8f6552;	}
h2	{	}
h3	{margin: 10px 0;
	margin-left:-20px;
	font-size : 14px;	}
h4,h5,h6	{margin: 10px 0;
		margin-left:-10px;
		font-size : 14px;	}
/* class="text"との兼ね合いで、このような余白になっています */

/* 罫線 */
hr	{ display:none;	}	/* 表示しない */

/* アンカー */
a	{color : #d83473;
	text-decoration: none;
	border-bottom: 1px dashed #e6afcf;}
	a:hover	{color : #dd85a5;
	background: #eeeaec;
	border-bottom: 1px solid #eeeaec;	}

/* フォーム */
fieldset	{border:1px dashed #d4d9dc;	}

input, textarea, select, button	{
	line-height : 2;
	font-size : 12px;
	padding: 1px 0.5em;
	margin:2px 0;
	background: #fafdff;
	border: 1px dotted #d4d9dc;	}

/* リスト */
ol	{margin:0;
	padding:0;	}
ol li	{margin-left:2em;	}

ul	{margin:0;
	padding:0;
	list-style-type: none;	}

ul li	{margin-left:1em;	}

dl	{margin:0;
	padding:0;	}
dt	{margin-left:1em;	}
dd	{margin-left:2em;	}

/* テーブル */
table, th, td {
	line-height : 1.8;
	font-size : 12px;
	border: 1px dotted #d4d9dc;	}
th	{padding:5px;	}
td	{padding:5px;	}

/* 画像 */
img	{border:none;	}

/* 整形済みテキスト */
pre	{white-space: pre-wrap;	}

/* その他物理要素 */
b	{font-weight:bold;}
i	{font-style:italic;}
big	{font-size: larger;}
small	{font-size: smaller;}


/* id="HEADER"　サイトタイトル囲み */
div#HEADER	{margin-top:10px;	}

/* id="HEADER"内の<h1>間　サイトタイトル文字 */
#HEADER h1 	{height: 60px;
		width: 100%;
		line-height:60px;
		margin:0;
		padding: 0;
		background:rgba(255,255,255,.5);
		border:1px dotted #d4d9dc;
		border-radius: 20px;
		font-family: 'Bigelow Rules', serif;	/* タイトル部分のフォント。必要なければ削除してください。 */
		text-align: center;
		font-size:34px;
		font-weight:normal;	}

/* id="PAN"　サイトタイトルのすぐ下 */
#PAN	{display: none;	}	/* 表示しない */


/* id="MENU"内の<h2>間　「menu」の文字 */
#MENU h2 {display:none;	}	/* 表示しない */
/* id="MENU"内の<ul>間　メニュー部分 */
#MENU ul{margin:0;
	padding:0;
	background:transport;
	text-align:right;
	width:100%;}
/* id="MENU"内の<li>間　メニュー部分 */
#MENU li	{padding-right:1em;
		border-bottom: 1px dashed #e6afcf;	}
/* id="MENU"内の<li>間　メニュー部分に触れたとき */
#MENU li:hover	{background: #eeeaec;	}
/* id="MENU"内の<li>間の<a>間　メニュー部分のリンク */
#MENU li a	{font-size:16px;
		text-decoration:none;
		border:none;
		display: block;
		width: 100%;
		height: 100%;	}
/* id="MENU"内の<li>間 class="menu-on"　そのページにいる時のメニュー部分 */
li.menu-on	{	}


/* id="KIZI"内のclass="text"間 */
div.text	{margin-left:30px;	}
/* id="KIZI"内のclass="modori"間　ページトップへ戻るリンク */
ul.modori	{text-align:right;
		margin:1em;	}

/* id="FOOTER"　フッター囲み */
div#FOOTER	{border:none;
		width:100%;
		margin:20px 0 50px;
		background:transport;
		clear:both;	}
/* id="FOOTER"内の<h2>間　「フッター」の文字 */
div#FOOTER h2 	{color:#006a6c;
		border-bottom:1px solid #5f77ab;
		border-left:10px solid #5f77ab;	}
}



/* ********** スマホ用設定 ********** */
@media only screen and (max-width:480px){
/* id="PAGETOP"　<body>で囲まれた部分 */
div#PAGETOP	{width:auto;
		margin:0 10px;	}

/* id="MENU"　メニュー囲み */
#MENU	{border:none;
	width:100%;
	margin:10px 0;
	padding:0;
	background:transport;	}

/* id="KIZI"　記事囲み */
div#KIZI	{border:none;
		width:100%;
		margin:30px 0 10px;
		background:transport;}
}



/* ********** パソコン用設定 ********** */
@media only screen and (min-width:481px){
/* id="PAGETOP"　<body>で囲まれた部分 */
div#PAGETOP	{width:800px;
		margin:0 auto;	}

/* id="MENU"　メニュー囲み */
#MENU	{border:none;
	width:24%;
	margin:50px 0;
	padding:0;
	background:transport;
	float:right;	}

/* id="KIZI"　記事囲み */
div#KIZI	{border:none;
		width:72%;
		margin:20px 0 10px;
		background:transport;
		float:left;}

}
