@charset "utf-8";
/* 1カラム サイド無 幅900px */

/* 共通CSS 開始 */

	* html .clearfix {
	  height:1%;
	}

	body {
	  background:#DFDFDF fixed;
	  padding:0;
	  margin:0;
	  text-align:center;
	  font-family:Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	  font-size:16px;
	  color:#333333;
	}

	a {
	  color:#0000ff;
	}

	a:hover {
	  color:#ff0000;
	}

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

	.free {
	  clear:both;
	  margin:0;
	  padding:10px 0;
	  text-align:center;
	}

	#banner a{
	  text-decoration: none;
	  color:#4D4D4D;
	  display:block;
	}

/* 共通CSS 終了 */


/* スマホ用CSS 開始 */
@media screen and (max-width:899px){

	#page {
	  margin:0 auto 10px;
	  width:96%;
	  margin:0 2% 10px;
	  border:1px solid #999999;
	  background:#fff;
	  font-size:1em;
	  color:#333333;
	}
	#navi {
	  width:100%;
	  margin:0 auto;
	}

	#banner {
	  background:url(../img/) no-repeat left top #A3FFE7;
	  width:100%;
	  min-height:80px;
	  background-size:cover;
	  border-bottom:1px solid #999999;
	}

	#banner h1 {
	  font-size:26px;
	  color:#4D4D4D;
	  margin:0;
	  padding:25px 25px 10px;
	  text-align:left;
	}

	#banner p {
	  display:none;
	}

	#menu {
	background-color:#ECECEC;
	float:left;
	width:100%;
	padding:0;
	margin:0 0 10px;
	font-size:14px;
	text-align:left;
	}

	#menu ul {
	margin:0;
	padding:0;
	height:40px;
	text-decoration:none;
	}

	#menu ul li{
	margin:0;
	padding:0;
	width:100%;
	height:40px;
	border-bottom:1px solid #C3C3C3;
	list-style-type:none;
	float:left;
	text-align:center;
	line-height:1em;
	color:#666666;
	clear:both;
	}

	#menu ul li a {
	max-height:40px;
	text-decoration:none;
	display:block;
	padding:13px 5px;
	font-weight:bold;
	color:#333333;
	}

	#menu ul li a:hover {
	background-color:#ECECEC;
	}

	#navititle {
	margin:0 0 10px;
	padding:0 10px;
	height:30px;
	text-align:right;
	overflow:hidden;
	clear:both;
	display:block;
	position:relative;
	}

	#navititle:before {
	display: block;
	content: "";
	position: absolute;
	top:50%;
	right:0px;
	width:100%;
	height:45px;
	margin-top: -15px;
	background: #666666;
	}

	#navititle:after {
	display: block;
	content: "MENU ▼";
	position: absolute;
	top:5px;
	right:10px;
	color:#FFFFFF;
	font-size:15px;
	}

	label {
	display: block;
	cursor: pointer;
	}

	input[type="checkbox"].on-off{
	display: none;
	}

	input[type="checkbox"].on-off + div{
	display: none;
	}

	input[type="checkbox"].on-off:checked + div{
	display: block;
	}

	#pan {
	  display:none;
	}

	#main {
	  width:96%;
	  margin:0 2%;
	  padding:0;
	  text-align:left;
	}

	#first {
	  width:96%;
	  margin:0 2%;
	  float:right;
	  padding:10px 0 20px;
	  text-align:left;
	  font-size:1.18em;
	}

	h2 {
	  border-left:4px solid #A3FFE7;
	  border-bottom:5px dotted #A3FFE7;
	  background:#ECECEC;
	  font-size:1em;
	  margin:10px 0 5px;
	  padding:10px 10px 5px;
	  color:#333333;
	  clear:both;
	}

	#first p {
	  margin:10px 10px;
	  padding:0;
	  font-size:1em;
	  line-height:160%;
	}

	#first ul {
	  border:1px dashed #666666;
	  padding:10px 10px 10px 30px;
	  margin:10px 5px 20px;
	}

	#first ul li a{
	  text-decoration: none;
	  text-indent:5px;
	  padding:3px 0;
	  display:block;
	}

	#first ul li a:hover {
	  background-color:#ECECEC;
	}

	#second {
	  width:96%;
	  margin:0 2%;
	  float:left;
	  padding:10px 0 20px;
	  text-align:left;
	}

	#second ul {
	  padding:0;
	  margin:0 0 30px;
	  font-size:1em;
	}

	#second ul li{
	  line-height:1.2em;
	  border:1px solid #666666;
	  margin-bottom:3px;
	  list-style-type:none;
	}

	#second ul li a{
	  text-decoration: none;
	  text-align:center;
	  padding:20px 0;
	  display:block;
	}

	#second ul li a:hover {
	  background-color:#ECECEC;
	}

	#archives {
	  width:96%;
	  margin:0 2%;
	  float:left;
	  padding:10px 0 20px;
	  text-align:left;
	}

	#archives ul {
	  padding:0;
	  margin:0 0 30px;
	  font-size:1em;
	}

	#archives ul li{
	  line-height:1.2em;
	  border:1px solid #666666;
	  margin-bottom:3px;
	  list-style-type:none;
	}

	#archives ul li a{
	  text-decoration: none;
	  text-align:center;
	  padding:20px 0;
	  display:block;
	}

	#archives ul li a:hover {
	  background-color:#ECECEC;
	}

	h3 {
	  border-left:4px solid #A3FFE7;
	  border-bottom:5px dotted #A3FFE7;
	  background:#ECECEC;
	  font-size:1em;
	  margin:10px 0 5px;
	  padding:10px 10px 5px;
	  color:#333333;
	  clear:both;
	}

	#second p {
	  margin:10px 10px;
	  padding:0;
	  font-size:1em;
	  line-height:160%;
	}

	.adbox {
	  clear:both;
	  margin:0;
	  padding:0;
	  text-align:center;
	}

	#copy {
	  clear:both;
	  background:#A3FFE7;
	  height:65px;
	  border-top:1px solid #999999;
	  color:#4D4D4D;
	  padding:12px 0 0 0;
	  text-align:center;
	  font-size:0.8em;
	}

	#copy a {
	  color:#4D4D4D;
	  display:block;
	}

	#fixed_footer{
	  z-index: 1;
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  right:0;
	  max-width:100%;
	  padding:5px 0;
	  background-color:#DFDFDF;
	}

	#fixed_footer_space{
	  height:100px;
	}

	.dis_pc {
	  display:none;
	}

	.tomoki {
	  display:none;
	}

}
/* スマホ用CSS 終了 */


/* PC・タブレット用CSS 開始 */
@media screen and (min-width:900px) {

	#page {
	  width:880px;
	  margin:0 auto 10px;
	  border:1px solid #999999;
	  background:#fff;
	  font-size:1em;
	  color:#333333;
	}

	#navi {
	  width:880px;
	  margin:0 auto;
	}

	#banner {
	  background:url(../img/) no-repeat left top #A3FFE7;
	  height:150px;
	  background-size:cover;
	  border-bottom:1px solid #999999;
	}

	#banner h1 {
	  font-size:26px;
	  color:#4D4D4D;
	  margin:0;
	  padding:25px 25px 10px;
	  text-align:left;
	}

	#banner p {
	  font-size:14px;
	  color:#4D4D4D;
	  margin:0;
	  padding:0 250px 0 25px;
	  text-align:left;
	}

	#menu {
	background-color:#ECECEC;
	float:left;
	width:880px;
	border-bottom:1px solid #999999;
	padding:0;
	margin:0 0 10px;
	font-size:14px;
	text-align:left;
	}

	#menu ul {
	margin:0;
	padding:0;
	height:40px;
	text-decoration:none;
	}

	#menu ul li{
	margin:0;
	padding:0;
	width:175px;
	height:40px;
	border-right:1px solid #C3C3C3;
	list-style-type:none;
	float:left;
	text-align:center;
	line-height:1em;
	color:#666666;
	}

	#menu ul li a {
	max-height:40px;
	text-decoration:none;
	display:block;
	padding:13px 5px;
	font-weight:bold;
	color:#333333;
	}

	#menu ul li a:hover {
	background-color:#ECECEC;
	}

	#pan {
	  text-align:left;
	  font-size:0.8em;
	  width:840px;
	  padding:10px 20px;
	}

	#main {
	  width:840px;
	  padding:0 20px;
	  text-align:left;
	}

	#first {
	  width:840px;
	  float:right;
	  padding:10px 0 20px;
	  text-align:left;
	}

	h2 {
	  border-left:4px solid #A3FFE7;
	  border-bottom:5px dotted #A3FFE7;
	  background:#ECECEC;
	  font-size:1em;
	  margin:10px 0;
	  padding:10px 10px 5px;
	  color:#333333;
	  clear:both;
	}

	#first p {
	  margin:10px 10px;
	  padding:0;
	  font-size:1em;
	  line-height:160%;
	}

	#first ul {
	  border:1px dashed #666666;
	  padding:10px 10px 10px 30px;
	  margin:10px 5px 20px;
	}

	#first ul li a{
	  text-decoration: none;
	  text-indent:5px;
	  padding:3px 0;
	  display:block;
	}

	#first ul li a:hover {
	  background-color:#ECECEC;
	}

	#second {
	  width:840px;
	  float:left;
	  padding:10px 0 20px;
	  text-align:left;
	}

	#second ul {
	  padding:0 20px;
	  margin:0;
	  font-size:0.9em;
	}

	#second ul li{
	  line-height:1.2em;
	  list-style-type:square;
	  float:left;
	}

	#second ul li a{
	  padding:10px 5px;
	  margin:0 20px 0 0;
	  display:block;
	}

	#second ul li a:hover {
	  background-color:#ECECEC;
	}

	#archives {
	  width:840px;
	  float:left;
	  padding:10px 0 20px;
	  text-align:left;
	}

	#archives ul {
	  padding:0 20px;
	  margin:0;
	  font-size:1em;
	}

	#archives ul li{
	  line-height:1.2em;
	  border:1px solid #666666;
	  margin-bottom:3px;
	  list-style-type:none;
	}

	#archives ul li a{
	  text-decoration: none;
	  padding:20px 10px;
	  display:block;
	}

	#archives ul li a:hover {
	  background-color:#ECECEC;
	}

	#tags ul {
	  padding:0;
	  margin:0;
	  font-size:0.9em;
	}

	#tags ul li{
	  line-height:1.2em;
	  border:0px none;
	  list-style-type:none;
	  float:left;
	}

	#tags ul li a{
	  padding:5px 5px;
	  margin:0 5px 0 0;
	  display:block;
	}

	#tags ul li a:hover {
	  background-color:#ECECEC;
	}

	h3 {
	  border-left:4px solid #A3FFE7;
	  border-bottom:5px dotted #A3FFE7;
	  background:#ECECEC;
	  font-size:1em;
	  margin:10px 0 5px;
	  padding:10px 10px 5px;
	  color:#333333;
	  clear:both;
	}

	#second p {
	  margin:10px 10px;
	  padding:0;
	  font-size:1em;
	  line-height:160%;
	}

	.adbox {
	  float:right;
	  margin:5px;
	}

	#about {
	  width:860px;
	  text-align:right;
	  padding:0 0 5px;
	  font-size:0.8em;
	  clear:both;
	}

	#copy {
	  clear:both;
	  background:#A3FFE7;
	  height:40px;
	  border-top:1px solid #999999;
	  color:#4D4D4D;
	  padding:12px 0 0 0;
	  text-align:center;
	  font-size:0.8em;
	}

	#copy a {
	  color:#4D4D4D;
	}

	#fixed_footer{
	  padding:30px 0 0 0;
	}

	.dis_sp{
	  display:none;
	}

	.tomoki {
	  padding:0 30px;
	  height:65px;
	  overflow:hidden;
	  font-size:11px;
	  line-height:14px;
	}

}
/* PC・タブレット用CSS 終了 */