@charset "utf-8";
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box
}

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:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  margin:0;
  outline:0;
  padding:0;
  vertical-align:baseline;
  }

:focus {
  outline:0
}

table {
  border-collapse:separate;
  border-spacing:0
}

caption,th,td {
  font-weight:400;
  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;
  list-style-type:circle
}

/* -------------------------------------------------------------- */
html {
  overflow:auto
}

body {
  overflow:hidden;
  color:#000000;
  text-shadow:1px 1px 1px rgba(0,0,0,0.5);
  font:1em Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:1.5em;
  letter-spacing:1.5pt;
  background:#d3d6ce;
  -webkit-text-size-adjust:none
           }

ul,ol {
  line-height:1.5em;   
}

#pageTop {
  background:rgba(166,151,133,0.60);
  border-radius:5px;
  color:#000;
  padding:5px;
  position:fixed;
  bottom:20px;
  right:5px;  
  font-size:14px
}

#pageTop:hover {
  background:#525252;
  color:#fff
}

/* リンク設定
------------------------------------------------------------*/
a {
  color:#000000;
  text-decoration:none
}

a:hover {
  color:#fff
}

a:active,a:focus {
  outline:0
}

/* 全体
------------------------------------------------------------*/
#wrapper {
  margin:0 auto;
  padding:0 20px;
  width:98%;
  position:relative
}

#wrapper ol {
  margin-left:30px;
  list-style-type:decimal;
  font-weight:bold;
}

#wrapper ol li {
  margin-top:1em
}

#wrapper ul {
  list-style-type:disc;
  margin:10px 0 10px 40px
}

.inner {
  margin:0 auto;
  width:100%
}

#siteTitle {
  overflow:hidden;
  height:90px;
  color:#FBFAF5;
  font-size:12px;
  letter-spacing:1pt;
  font-weight:600;
  background:url(images/night.gif);
  text-shadow:1px 1px 3px rgba(0,0,0,0.5);
  border-bottom:1px dashed #000;
  box-shadow:0 -5px 4px -2px rgba(0,0,0,0.2) inset;
  -moz-box-shadow:0 -5px 4px -2px rgba(0,0,0,0.2) inset;
  -webkit-box-shadow:0 -5px 4px -2px rgba(0,0,0,0.2) inset;
  margin-bottom:30px
}

#siteTitle a {
  color:#FBFAF5
}

#siteTitle a:hover {
  color:#fff;
  text-shadow:0 0 1px rgba(231,231,235,1),0 0 5px rgba(231,231,235,0.5)
}

.section {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0
}

#siteTitle .img {
	padding-top: 20px;
	padding-right: 10px;
	float: right;
}

.mark {
	padding-top: 10px;
	padding-right:10px;
	padding-left: 10px;
	float: left;
}

.title {
  padding:15px;
  height:90px;
  float:left
}

.logo {
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  font-size:28px;
  letter-spacing:8pt;
  margin-top:5px
}

.field {
  float:right;
  margin-right:20px;
  padding-top:10px
}

/*************
/* ヘッダー
*************/
#header {
  line-height:0
}

* html #header {
  height:1%
}

/*************
/* ロゴ
*************/
#header .logo {
  float:left;
  padding:5px 0 0;
  text-shadow:-1px -1px 1px rgba(255,255,255,0.4),1px 1px 1px rgba(0,0,0,0.4)
}

.logo a {
  font-size:25px;
  font-weight:700;
  line-height:1;
  font-family:"Times New Roman","游明朝",YuMincho,"Hiragino Mincho ProN",Meiryo,serif
}

.logo span {
  font-size:12px;
  font-weight:400;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,serif
}

/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner {
  margin:30px 30px;
  padding:0px;
  position:relative;
  line-height:0;
  display: table;
  width:93%;
table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
  }
 
 #mainBanner img{
	 max-width: 100%;
  }

.Banner-img{
  padding-right:10px;  
display: table-cell;
  vertical-align: middle;
width: 26%;
}

.info{
	display: table-cell;
  vertical-align: middle;
  padding:25px;
  line-height:1.4;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  border:1px dashed #524D43;
  background:#525252;
  border-radius:25px;
  -moz-border-radius:25px;
  -webkit-border-radius:25px;
  box-shadow:4px 4px 4px -2px rgba(0,0,0,0.4) inset;
  -moz-box-shadow:4px 4px 4px -2px rgba(0,0,0,0.4) inset;
  -webkit-box-shadow:4px 4px 4px -2px rgba(0,0,0,0.4) inset;
	}
  
h3.sub{
  font-size: large;
  line-height:2;
  font-weight:600;
  color:#fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	margin-top: 10px;
  }

.slogan {
  position:absolute;
  max-width:100%;
  height:auto;
  bottom:0;
  left:0;
  padding:5px 10px;
  line-height:1.4;
  z-index:100
}

.slogan h2 {
  padding-bottom:5px;
  color:#333;
  font-size:20px
}

.slogan h3 {
  font-size:14px;
  color:#666
}

/* サブページ スローガン*/
.subImg .slogan {
  left:auto;
  right:0
}

/**************************
/* グリッド
**************************/
.gridWrapper {
  overflow:hidden;
  display:inline-block;
  /*/display:inline;
  /zoom:1*/
}

* html .gridWrapper {
  height:1%
}

.grid {
  float:left
}

.grid h3 {
  padding:10px 5px;
  margin-bottom:10px;
  background:#000;
  font-weight:700;
  text-align:center
}

.grid p {
}

.grid p.img,.grid p.readmore {
  text-align:center
}

.readmore {
  clear:both;
  background:#000
}

.gridWrapper img,img.frame {
  border:3px solid #000;
  margin-bottom:10px
}

#gallery img {
  border:0
}

#gallery .grid {
  background:transparent
}

/* フッター内のグリッド(3カラム) */
#footer .grid {
  border:0;
  background:transparent
}

#footer .grid p {
  padding:0
}

.bottom{
	position: absolute;	 
	bottom: 0px; 
	}

/*************
メイン コンテンツ
*************/
section.content {
  padding:30px 0 0;
  border-radius:6px;
  overflow:hidden;
  font-size:1em;
  width:100%
}

* html section.content {
  height:1%
}

section.content p {
  margin-top:1em
}

section.content article {
  padding:0 20px
}

h1.heading {
  padding:10px 20px 10px 30px;
  margin-bottom:1em;
  font-size:22px;
  font-weight:700;
  color:#585a54;
  text-shadow:1px 1px 1px rgba(0,0,0,0.7),-1px -1px 1px rgba(255,255,255,0.8);
  border:1px dashed #373731;
  background:#84887D;
  letter-spacing:5pt;
  border-radius:25px;
  -moz-border-radius:25px;
  -webkit-border-radius:25px;
  box-shadow:4px 4px 4px -2px rgba(0,0,0,0.4) inset;
  -moz-box-shadow:4px 4px 4px -2px rgba(0,0,0,0.4) inset;
  -webkit-box-shadow:4px 4px 4px -2px rgba(0,0,0,0.4) inset;
}

h1.heading a {
  color:#585a54;
}

h2.sub{
	color:#3b1b0c;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	margin:2em 0px 1em 0px;
	padding-bottom:5px;
	border-bottom: 2px dotted #A38F7B;
	}
	
section.content img {
  max-width:90%;
  height:auto;
  margin:0px;  
  border-radius: 6px;
}

section.content #gallery .grid img {
  max-width:100%
}

.alignleft {
  float:left;
  clear:left;
  margin:3px 10px 10px 0
}

.alignright {
  float:right;
  clear:right;
  margin:3px 0 10px 10px
}

.list{
 font-weight:normal;
 display:block
} 	

.description {
  color:#525252;
  font-size:90%;
  font-weight:normal;
  text-shadow:0 1px 1px rgba(0,0,0,0.9);
  display:block
}

.bold {
  font-weight: 600;
  color:#A38F7B;
  text-shadow:1px 1px 0 #414141,-1px 1px 0 #414141,1px -1px 0 #414141,-1px -1px 0 #414141; 
  margin:10px 0
}

.division1 {
  margin:0px -5px 0px -25px;
  text-align:left;
  float:left;
  font-weight:700;
  text-shadow:1px 1px 1px rgba(0,0,0,0.3)
}

.division1 ul li {
  list-style-type:none
}

.division2 {
  margin-left:280px
}

.division3 {
  margin:5px 0;
  padding:30px 0;
  width:250px;
  height:200px;
  background-color:#A38F7B;
  float:left;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  -moz-box-shadow:0 0 5px rgba(0,0,0,0.4);
  -webkit-box-shadow:0 0 5px rgba(0,0,0,0.4);
  box-shadow:0 0 5px rgba(0,0,0,0.4)
}

/*************
テーブル
*************/
table.table {
  border-collapse:collapse;
  width:100%;
  margin:10px auto
}

table.table th,table.table td {
  padding:5px;
  border:1px solid #2a1d12
}

table.table th {
  text-align:right;
  font-weight:700;
  letter-spacing:1px;
  white-space:nowrap;
  color:#fff;
  background:#000;
  border-left:#2a1d12 5px solid
}

table.table td {
  border-left:#2a1d12 3px double
}

/*************
サブ（フッター前）コンテンツ
*************/
#sub ul {
  padding:10px
}

#sub li {
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px dashed #ebebeb
}

#sub li:last-child {
  border:0;
  margin-bottom:0
}

#sub li a {
  display:block
}

#sub ul.list {
  padding-bottom:7px
}

#sub ul.list li {
  clear:both;
  margin-bottom:4px;
  padding:4px 0;
  overflow:hidden
}

* html #sub ul.list li {
  height:1%
}

#sub ul.list li img {
  float:left;
  margin:0 10px 0 0
}

#sub ul.list li {
  font-size:12px;
  line-height:1.35
}

/*************
/* フッター
*************/
#footer {
  letter-spacing:1pt;
  font-weight: 600;
  margin-top:30px;
  color:#fff;
  clear:both;
  padding:10px 0;
  overflow:hidden;
  background:url(images/night.gif);
  border-top:1px dashed #aaa;
  text-align:center;
  text-shadow:1px 1px 3px rgba(0,0,0,0.9);
  box-shadow:0 5px 4px -2px rgba(0,0,0,0.3) inset;
  -moz-box-shadow:0 5px 4px -2px rgba(0,0,0,0.3) inset;
  -webkit-box-shadow:0 5px 4px -2px rgba(0,0,0,0.3) inset
}

#footer ul {
  font-size:10px;
}

#footer li {
  margin:0 5px;
  display:inline-block;
/* 横並びにさせる */
  /*/display:inline;
  /zoom:1;*/
  white-space:nowrap
}

#footer li+ li {
  border-left:0
}

#footer li.guide:before {
  content:"≫"
}

#footer li.guide {
  padding-top:10px
}

* html #footer {
  height:1%
}

.lead {
  font-size:16px;  
  padding-top:15px
}

#footer a {
  color:#fff
}

#footer a:hover {
  color:#fff;
  text-shadow:0 0 2px rgba(163,143,123,1),0 0 5px rgba(255,255,255,0.5)
}

#footer .copyright {
  margin-top:20px;
  font-size:9px;
}

#footer .design {
  color:#A9A8A8;
  font-size:9px;
}

#footer .design a {
  color:#A9A8A8;
  text-shadow:1px 1px 3px rgba(0,0,0,0.9);
  -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.9)
}

.content .center {
  text-align:center
}

#footer .inner .gridWrapper .grid .logo a {
}

/* リンクカラー */
.link a:hover{
	color:#000;
	text-shadow:0 0 1px rgba( 0, 0,0, 1),0 0 5px rgba(255,255,255,1) }

/* フォーム */

form {
	margin: 0px auto;
	width: 400px;
}
input {
	height: auto;
	width: 90%;
	padding: 10px;
	margin: 5px 0px 20px;
	border-radius: 4px;
	border: 1px solid #000;
	background: #A38F7B;
}
textarea {
	height: 10em;
	width: 90%;
	padding: 10px;
	margin: 5px 0 20px;
	border-radius: 4px;
	border: 1px solid #000;
	background: #A38F7B;
	text-shadow:0 0 3px rgba( 0, 0,0, 1) ;
}
input:focus, select:focus, textarea:focus {
	outline: 0;
	background-color: #525252;
	color: #fff
}
input[type="submit"] {
	width: 50px;
	padding: 5px;
}
input[type="submit"]:hover {
	background: #E7E7EB;
}

article.small img {
  max-width:100px;
  height:auto
}
            
/* PC用 */
@media only screen and (min-width:769px) {
#wrapper,.inner {
  width:100%;
  padding:0
}

#wrapper {
  padding:0 20px;
  max-width:980px
}

nav div.panel {
  display:block!important;
  width:100%;
  text-align:center
}

a#menu {
  display:none
}

nav#mainNav ul {
  display:-moz-inline-box;
  display: inline-block; 
  /*/display:inline;
  /zoom:1;*/
}

nav#mainNav ul:hover{
  
}

* html nav#mainNav ul {
  height:1%
}

nav#mainNav ul li {
  text-shadow:1px 1px 2px rgba(0,0,0,0.5);
  letter-spacing:3pt;
  list-style:none;
  font-size:15px;
  float:left;
  position:relative;
  width:140px;
/*親メニューの幅*/
  height:42px;
/*親メニューの高さ*/
  line-height:40px;
  text-align:center;
  margin:0 5px 1px;
  border:1px dashed #373731;
  background:#a38f7b;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px
}

nav#mainNav ul a {
  color:#000;
  display:block;
  background:#a38f7b;
  text-decoration:none
}

nav#mainNav ul li:first-child a {
}

nav#mainNav ul span {
  font-size:10px
}

nav#mainNav ul li:hover
a:hover {
  color:#fff;
  background:#84887d;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  box-shadow:4px 4px 4px -2px rgba(0,0,0,0.4) inset;
  -moz-box-shadow:4px 4px 4px -2px rgba(0,0,0,0.4) inset;
  -webkit-box-shadow:4px 4px 4px -2px rgba(0,0,0,0.4) inset
}

nav#mainNav ul li .bt {
  color:#fff;
  background:#84887d;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  box-shadow:4px 4px 4px -2px rgba(0,0,0,0.4) inset;
  -moz-box-shadow:4px 4px 4px -2px rgba(0,0,0,0.4) inset;
  -webkit-box-shadow:4px 4px 4px -2px rgba(0,0,0,0.4) inset;
  margin:0
}

nav#mainNav ul li ul {
  position:absolute;
  top:42px;
/*親メニューの高さと同じにする*/
  width:130px;
  z-index:100;
  left:-6px
}

nav#mainNav ul li ul li {
  visibility:hidden;
  overflow:hidden;
  width:140px;
/*サブメニューの幅*/
  height:0px;
/*サブメニューの高さ*/  
  background:#a38f7b; 
/*サブメニューの背景色*/
  font-size:13px;
  letter-spacing:2.5pt;
  border:initial;
  border:1px dashed #373731
}

nav#mainNav ul li:hover ul li,nav#mainNav ul li a:hover ul li {
  visibility:visible;
  overflow:visible;
  height:42px;
/*サブメニューの高さ*/
  z-index:10
}

nav#mainNav ul li ul li:hover,nav#mainNav ul li ul li a:hover {
  background-color:#a38f7b
/*ホバー時のサブメニューの背景色*/
}

nav#mainNav * {
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -ms-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
}

/* グリッド全体 */
.gridWrapper {
  width:100%
}

#footer .gridWrapper li:before {
  display:none
}

#footer .gridWrapper li {
  margin:0 20px;
  display:-moz-inline-box;
  display:inline-block;
  /*/display:inline;
  /zoom:1;*/
}

/* グリッド共通 ベース:トップページ4カラム */
.grid {
  float:left;
  width:220px
}

/* サブコンテンツ + フッター グリッド(3カラム) */
#sub .grid,#footer .grid {
  width:auto
}

#footer .grid {
  border:0;
  width:100%
}

/* ギャラリー */
}

/* モニター幅768px以下 */
@media only screen and (max-width:768px) {
	
.Banner-img{
  display: none;
  }

#mainBanner{
  margin-left: 0;
  width: 100%;
 }

#slogan h1 {
  text-align:center
}

#header {
  padding:0
}

#header .logo,#footer .logo {
  float:none;
  text-align:center;
  padding:10px 5px
}

nav#mainNav{
  clear:both;
  width:100%;
  margin:0 auto;
  padding:0;
  background:#84887d
}

nav#mainNav a.menu {
  display:block;
  width:100%; 
  height:40px;
  line-height:40px;
  font-weight:700;
  text-align:left;
  color:#fff;
  text-shadow:1px 1px 3px rgba(0,0,0,0.6);
}

nav#mainNav a#menu span {
  padding-left:10px
}

nav#mainNav a.menu span:before {
  content:"→ "
}

nav#mainNav a.menuOpen span:before {
  content:"↓ "
}

nav#mainNav a.menuOpen {
  color:#fff;
  border-bottom:1px dashed #373731
}

nav#mainNav a#menu:hover {
  cursor:pointer;
 }

nav .panel {
  display:none;
  width:100%;
  position:relative;
  right:0;
  top:0;
  z-index:1
}

nav#mainNav ul li {
  float:none;
  clear:both;
  width:100%;
  height:auto;
  line-height:2;
  font-size:14px
}

nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a {
  display:block;
  padding:5px 10px;
  text-align:left;
  border-bottom:1px dashed #373731;
  color:#000;
  background:#a38f7b
}

nav#mainNav ul li a span {
  padding-left:10px
}

nav#mainNav ul li.active a {
  background:#84887D
}

nav#mainNav ul li a:hover {
  background:#84887D;
  font-weight:700;
  color:#fff
}

nav div.panel {
  float:none
}

.snav{ display:none;}

.grid {
  float:left;
  width:100%;
  margin-top:10px;
  margin-right:10px;
  margin-left:0;
  margin-bottom:0
}

.grid img {
  float:left;
  margin-right:5px
}

#gallery {
  padding-left:1px
}

#gallery .grid {
  width:23%;
  margin:0 2% 0 0;
  padding:0
}

#gallery .grid img {
  float:none;
  margin:0
}

#sub .grid {
  width:32%;
  margin:10px 1%
}

#sub .grid:first-child {
  margin-left:0
}

#sub .grid:last-child {
  margin-right:0
}

#footer .gridWrapper li:before {
  content:none
}

}

/* iPad 縦 */
@media only screen and (max-width:768px) {
#header {
  padding-bottom:0
}

#header h1 {
  text-align:center
}

#header .logo {
  float:none;
  text-align:center;
  padding:10px 0 20px
}

#sub ul.list {
  padding:10px 10px 11px
}

#sub ul.list li {
  padding-bottom:10px;
  margin-bottom:8px
}

}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px) {
#footer .grid p {
  text-align:center
}

.grid img {
  float:none;
  margin:0 auto
}

.grid p,#sub .grid li {
  text-align:left
}

.alignleft,.alignright {
  float:none;
  display:block;
  margin:0 auto 10px
}

#sub ul.list li img {
  margin:0 5px 0 0
}

article.small img {
  max-width:20%;
  height:auto
}

.division2 {
  clear:both;
  padding:10px 0 0;
  margin-left:0
}
}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) {

html,#wrapper,.content{
  font-size:95%;
}

#wrapper h1{
	font-size:19px;
}

	img.mark{display: none}	
	
.subImg .slogan {
  right:-30px
}

.grid img {
  max-width:90%;
  height:auto
}

#sub .grid {
  float:none;
  width:98%
}

#sub .grid h3 {
  padding:10px 5px
}

#sub ul.list {
  padding:10px
}

#sub ul.list li {
  padding-bottom:3px;
  margin-bottom:3px;
}

form {	
	width: 100%;
}

}