@charset "utf-8";


/* =Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

.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 */  
/* -------------------------------------------------------------- */

body{
	color:#666;
	font:14px verdana,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:1.6;
}

/* リンク設定
------------------------------------------------------------*/
a{color:#000; text-decoration:none;}
a:hover{color:#000;}
a:active, a:focus{outline:0;}


/* 全体
------------------------------------------------------------*/
#wrapper{
	margin:0 auto;
	text-align:center;
	width:100%;
	overflow:hidden;
}
@media screen and (max-width: 768px) {
	#wrapper{
		max-width:90%;
}
}

* html #wrapper{background:#fff;}

#wrapper .inner{
	width:1048px;
	margin:0 auto;
}

@media screen and (max-width: 768px) {
#wrapper .inner{
	width:100%;
	margin:100px auto 0;
	font-size:16px;
}
#wrapper .inner img {
	max-width:90%;
	height:auto;
}
#wrapper .page{
	width:100%;
	margin:100px auto 0;
	font-size:16px;
}
#wrapper .page img {
	max-width:90%;
	height:auto;
}
section {
	padding-bottom:50px;
	text-align:center;
}
}

section {
	border-bottom:1px solid #CCC;
	padding-bottom:180px;
	margin:0 auto 80px;
	text-align:center;
}
/*section p{
	padding:0 0 70px;
}*/

.page{
	color:#000;
}

.page p{
	padding:0 0 30px;
}

@media screen and (max-width: 768px) {
#wrapper .page p{
		font-size:16px;
}
}

/*************
/* ヘッダー
*************/
#header{
	width:100%;
	margin:0 auto;
	text-align:center;
	background:url(../img/bg.jpg) no-repeat top center;
	-moz-background-size:contain;
	background-size:contain;
}
@media screen and (max-width: 768px) {
#header{
	position:fixed;
	height:70px;
	max-width:100%;
  -webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto;
}
}
/*************
/* サイト名
*************/
#header .sitename{
	margin:0 0 22px;
	text-align:center;
	padding-top:138px;
}
#header .sitename a{
	font-size:36px;
	font-family: 'Crimson Text', serif;
	text-decoration:none;
	color:#333;
	display:block;
}

@media screen and (max-width: 768px) {
#header .sitename{
	margin:15px 0 22px;
	text-align:center;
	padding-top:0;
}
#header .sitename a{
	font-size:24px;
	font-family: 'Crimson Text', serif;
	text-decoration:none;
	color:#333;
	display:block;
}
}

/**************************
/* メニュー
**************************/
#menu_button {
	display: none;
}
nav {
	margin:0 auto;
}
#nav {
	font-family: 'Crimson Text', serif;
	font-size:12px;
	padding-bottom:230px;
	margin:0 auto;
	overflow:hidden;
	width:720px;
}
#nav ul li{
	width:80px;
	margin-right:120px;
	text-align:center;
 	float : left;
}
#nav ul li a{
	color:#666;
	text-decoration:none;
	display:block;
}

#nav ul li a:hover{
	font-weight:bold;
}

#nav ul li:last-child{
	margin-right:0;
}

#nav ul li a.current{
	font-weight:bold;
}

#nav ul:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

@media screen and (max-width: 768px) {
#menu_button {
	position:fixed;
	top:10px;
	left:0px;
	cursor: pointer;
	z-index:3;
	display:block;
}
#nav {
	position:fixed;
	top:70px;
	width:150px;
	z-index:2;
}
#nav ul {
	padding: 0px;
	 background-color: rgba( 255,255,255,255 );
	 border:1px solid #999;
}
#nav ul li {
	list-style-type: none;
	font-weight:600;
	font-size:16px;
}
#nav ul li a:link {
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	display:block;
	text-align:left;
	color: #333;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-in-out 0s;
	-moz-transition: color 0.3s ease-in-out 0s;
	-ms-transition: color 0.3s ease-in-out 0s;
	-o-transition: color 0.3s ease-in-out 0s;
	transition: color 0.3s ease-in-out 0s;
}
#nav ul li a:visited {
	color: #333;
	text-decoration: none;
	display: block;
}
#nav ul li a:hover {
	color: #333;
	text-decoration: none;
}
}

/*************
/* 見出し
*************/
#wrapper h2{
	text-align:center;
	font-size:18px;
	margin-bottom:12px;
	color:#000;
}

#wrapper h1{
	font-size:18px;
	margin-bottom:12px;
	color:#000;
}

#wrapper .data{
	font-size:11px;
	margin-bottom:16px;
}

#wrapper .archives{
	text-align:left;
	width:1048px;
	margin:0 auto 100px;
}

#wrapper .archives h3{
	font-size:18px;
	margin-bottom:10px;
	color:#000;
}

#wrapper .archives ul{
	text-align:left;
}

#wrapper .ttl span{
	font-size:22px;
	margin-bottom:50px;
	display:block;
}

@media screen and (max-width: 768px) {
	#wrapper h2{
	text-align:center;
	font-size:20px;
	margin-bottom:12px;
	color:#000;
}

#wrapper h1{
	font-size:20px;
	margin-bottom:12px;
	color:#000;
}

#wrapper .data{
	font-size:14px;
	margin-bottom:16px;
}

#wrapper .archives{
	width:100%;
	margin:0 auto 60px;
}

#wrapper .archives h3{
	font-size:20px;
	margin-bottom:10px;
}

#wrapper .archives ul{
	text-align:left;
}
#wrapper .archives ul li {
	padding-bottom:15px;
	font-size:16px;
}

#wrapper .ttl span{
	font-size:24px;
	margin-bottom:50px;
	display:block;
}
	
}

/*************
/* 画像
*************/
#wrapper section img{
	margin-bottom:80px;
}

#wrapper .photo2{
	margin-bottom:60px;
}

/*************
/* テーブル
*************/
.tab01 {
	margin:100px auto;
	width:700px;
}
@media screen and (max-width: 768px) {
	.tab01 {
	margin:20px auto;
	width:100%;
}
.tab01 th{
	width:20%!important;
}

.tab01 th,.tab01 td{
	padding:10px 0;
	vertical-align:top;
	line-height:1.8;
font-size:16px;
}
.tab02 {
	margin:0 auto 150px;
	width:100%;
}
.tab02 td {
	text-align:center;
	font-size:16px;
}
}

.tab01 th{
	width:10%;
}

.tab01 th,.tab01 td{
	padding:10px 0;
	vertical-align:top;
	line-height:1.8;
}

.tab02 {
	margin:0 auto 150px;
	width:auto;
}




/*************
/* フッター
*************/
#footer .inner{
	clear:both;
	padding:20px 0;
	overflow:hidden;
	background:#1A1A1A;
	width:100%;
}

* html #footer{height:1%;}

#footer{color:#fff;}

#footer .copyright{font-size:11px;}


/* GoTop */
#back-top {
	position: fixed;
	bottom: 35px;
	right:50px;
}

#back-top a {
	width: 50px;
	display: block;
}
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 20px;
	background: url(../img/gotop.gif) no-repeat center center;
}

@media screen and (max-width: 768px) {
#back-top {
	position: fixed;
	bottom: 10px;
	right:10px;
}
#back-top a {
	max-width:30px;
	display: block;
}
#back-top span {
	max-width:30px;
	height:30px;;
	display: block;
	margin-bottom: 20px;
	background: url(../img/gotop.gif) no-repeat center center;
}
}

.wp-pagenavi {
	padding-bottom:80px;
	font-weight:bold;
}