@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font: 15px/1.8 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color : #000;
}
* {
	margin : 0;
	padding : 0;
}
/* =======================================================================

	共通

======================================================================== */
p {
	margin: 0 0 20px 0;
	font-weight: normal;
	font-style: normal;
}
strong {
	font-weight : bold;
}
p.midashi{
	font-size : 120%;
}
p.midashi img{
	vertical-align:bottom;
	margin-right : 10px;
}
p#date{
	border-top : solid 1px #ccc;
	text-align:right;
	color : #666;
	font-size : 90%;
}
/* 改行
	--------------------------------------------------*/
br.kaigyou{
	display : none;
}

/* 色
	--------------------------------------------------*/
.red{
	color : #e60012;
}


/*明朝体にしたい時
--------------------------------------------------------------*/
.font-mintyo {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
/*アンカー
--------------------------------------------------------------*/
a {
	color : #0068b7;
	text-decoration: underline;
}
a:hover {
	color : #00b7ee;
}
a:active, a:focus {
	outline: 0;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
/*画像
--------------------------------------------------------------*/
img {
	border: 0;
	max-width: 100%;
	height : auto;
}
/*かどまる
--------------------------------------------------------------*/
.kadomaru {
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}
/* 段組み
------------------------------------------------------------*/
img.aligncenter {
	display: block;
	margin: 0 auto;
}
img.alignright {
	margin: 0px 0px 15px 15px;
	display: inline;
}
img.alignleft {
	margin: 0px 15px 15px 0px;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.va_top {
	vertical-align: top;
}
.va_middle {
	vertical-align: middle;
}
.va_bottom {
	vertical-align: bottom;
}
/*クリアフィックス
--------------------------------------------------------------*/
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}

/* =======================================================================

	リスト 2分割

======================================================================== */
ul.block2 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size : 0;
}

ul.block2 li {
	display: inline-block; /* 横並び */
	width: 50%;
	vertical-align: top;   /* li要素を上端揃えに */
	font-size : 18px;
}

/* =======================================================================

	リスト 3分割

======================================================================== */
ul.block3 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size : 0;
}

ul.block3 li {
	display: inline-block; /* 横並び */
	width: 33.333%;
	vertical-align: top;   /* li要素を上端揃えに */
	font-size : 18px;
}

/* =======================================================================

	リスト 4分割

======================================================================== */
ul.block4 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size : 0;
}

ul.block4 li {
	display: inline-block; /* 横並び */
	width: 25%;
	vertical-align: top;   /* li要素を上端揃えに */
	font-size : 18px;
}

/* =======================================================================

	リスト 5分割

======================================================================== */
ul.block5 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size : 0;
}

ul.block5 li {
	display: inline-block; /* 横並び */
	width: 20%;
	vertical-align: top;   /* li要素を上端揃えに */
	font-size : 18px;
}

/* =======================================================================

	リスト 2分割、3分割、4分割、5分割

======================================================================== */
ul.block2 li div.inbox,
ul.block3 li div.inbox,
ul.block4 li div.inbox,
ul.block5 li div.inbox {
	width : 95%;
	margin : 0 auto 1em auto;
	position: relative;
}

/* =======================================================================

	見出し

======================================================================== */
h1 {
	display: none;
}
h2 {
}
h3 {
}
h4 {
}
/* =======================================================================

	レイアウト

======================================================================== */
div#container {
	width : 100%;
	margin : 0;
	padding : 0;
	text-align: center;
}
div.wrapper {
	margin: 0 auto;
	width: 1200px;
	padding : 0;
}
div#header {
	width : 100%;
	text-align: left;
}
div#content {
	width : 100%;
	padding : 0;
	margin : 0;
	text-align: left;
}
div#footer {
	width : 100%;
	padding : 0;
	margin : 0;
	text-align: left;
}
/* =======================================================================

	ヘッダー
	
======================================================================== */
div#header {
}


/* =======================================================================

	コンテンツ
	
======================================================================== */
/* =============================================================

	パンくず
	
============================================================== */
div#pankuzu{
	padding : 0.5em 0 1em 0;;
	font-size : 80%;
	line-height : 1.4;
}
div#pankuzu a{
	color : #313131;
}
div#pankuzu a:hover{
	color : #0068b7;
}
/* =======================================================================

	Facebook

======================================================================== */
.facebook-page-plugin {
	text-align: center;
	margin: 0px;
}

/* =======================================================================

	グーグルマップ

======================================================================== */
.google-maps {
	position: relative;
	padding-bottom: 55%; /* これが縦横比 */
	height: 0;
	overflow: hidden;
	margin : 0 0 1.5em 0;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* =======================================================================

	youtube

======================================================================== */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
　 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★


	レスポンシブ
	
	
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* =====================================================================
=====================================================================

	モニター幅1200px以上

=====================================================================
===================================================================== */
@media only screen and (min-width:1200px) {
}

/* =====================================================================
=====================================================================

	モニター幅1200px以下

=====================================================================
===================================================================== */
@media only screen and (max-width:1200px) {
	/* =======================================================================

						レイアウト

		======================================================================== */
	div.wrapper {
		margin: 0 auto;
		width: 98%;
		padding : 0;
	}	
	
}

/* =====================================================================
=====================================================================

	iPad 縦

=====================================================================
===================================================================== */
@media only screen and (max-width:768px) {

	/* =======================================================================
		
			リスト 4分割 ->  3分割に
		
		======================================================================== */
	ul.block4 li {
		width: 33.333%;
	}

	/* =======================================================================
		
			グーグルマップ
		
		======================================================================== */
	.google-maps {
		position: relative;
		padding-bottom: 50%; /* これが縦横比 */
		height: 0;
		overflow: hidden;
		margin-top : 15px;
	}

	/* =======================================================================

		リスト

	======================================================================== */

	dl.dl_01{
		border-left : 1px solid #ccc;
		border-right : 1px solid #ccc;
	}

	dl.dl_01 dt {
		clear: both;
		float: none;
		width: 100%;
	}

	dl.dl_01 dd {
		margin-left: 0;
		border : none;
	}

	dl.dl_01 p {
		margin : 0;
		padding : 0;
	}

	dl.dl_01 dt div.inbox,
	dl.dl_01 dd div.inbox{
		padding : 5px;
	}


}

/* =====================================================================
=====================================================================

	スマートフォン 横(ランドスケープ)

=====================================================================
===================================================================== */
@media only screen and (max-width:640px) {

	/* =======================================================================
		
			段組み
		
		======================================================================== */
	img.alignright,
	 img.alignleft {
		display: block;
		margin: 0 auto 30px auto;
	}

	.alignright,
	 .alignleft {
		float: none;
	}

	br.kaigyou {
		display : inline;
	}

	/* =======================================================================
		
			リスト 3分割 ->  2分割に
		
		======================================================================== */
	ul.block3 li {
		width: 50%;
	}

	/* =======================================================================
		
			リスト 4分割 ->  2分割に
		
		======================================================================== */
	ul.block4 li {
		width: 50%;
	}

/* =======================================================================
			
			リスト 5分割 ->  3分割に
		
		======================================================================== */
	ul.block5 li {
		width: 33.333%;
	}



	/* =======================================================================

		表示

	======================================================================== */
	.pc{display : none !important;}
	.sp{display :inline !important;}

	
	/* =======================================================================

		ページの先頭へ戻る

	======================================================================== */
	p#page-top {
		position: fixed;
		bottom: 0px;
		right: 0px;
	}
	p#page-top img{
		width: 40px;
		height : 40px;
	}
}

/* =====================================================================
=====================================================================

	スマートフォン縦

=====================================================================
===================================================================== */
@media only screen and (max-width:480px) {

	/* =======================================================================
		
			リスト 2分割 ->  1分割に
		
		======================================================================== */
	ul.block2 li {
		width: 100%;
	}

	/* =======================================================================
		
			リスト 3分割 ->  1分割に
		
		======================================================================== */
	ul.block3 li {
		width: 100%;
	}


}

/* =====================================================================
=====================================================================

	印刷用

=====================================================================
===================================================================== */
@media print {

}