@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
 
/*フォント　うつくし明朝
---------------------------------------------------------------------------*/
@font-face {
  font-family: "utsukushi";
  src:url(../font/Utsukushi.woff) format('woff');
}
.utsukushi-s { font-family: "utsukushi";
font-weight: 500;
font-size:100%;
}
.utsukushi-m { font-family: "utsukushi";
font-weight: 500;
font-size:120%;
}
.t_utsukushi-m { font-family: "utsukushi";
font-weight:bold;
font-size:150%;
}

.t_utsukushi-l { font-family: "utsukushi";
font-weight:bold;
line-height:2em;
font-size:180%;
}

/*フォント　リュウミンR
---------------------------------------------------------------------------*/
@font-face {
  font-family: "RyuminR";
  src:url(../fon/RyuminR.woff) format('woff');
}
.ryumin-s { font-family: "RyuminR";
font-weight: 500;
font-size:100%;
}
.ryumin-m { font-family: "RyuminR";
font-weight: 500;
font-size:120%;
}
.t_ryumin-m { font-family: "RyuminR";
font-weight:bold;
font-size:150%;
}

.t_ryumin-l { font-family: "RyuminR";
font-weight:bold;
line-height:2em;
font-size:180%;
}

/*テキスト
---------------------------------------------------------------------------*/
.text_red{color: #cc0000;}
.text_red_mb{color: #cc0000; font-size:110%; font-weight:bold;}
.text_red_l{color: #cc0000; font-size:130%;}
.text_brown_l{color: #960; font-size:130%; line-height:1.3em;}
.text_green{color: #360;}
.text_green_l{color: #360; font-size:130%;}
.text_orange{color: #ff6600;}
.text_orange_l{color: #ff6600; font-size:130%;}
.text_blue{
	color: #09b5de;
	font-weight: bold;
	font-size: 110%;
}
.text_blue_l{color:#00F; font-size:130%;}
.text_blue2{
	color: #09b5de;
	font-size: 80%;
}
.text_blue3{
	color: #09b5de;
	font-size: 90%;
}
.text_blue4{
	color: #0000FF;
	font-size: 90%;
}
.text_blue5{
	color: #0000FF;
}
.text_small{
    font-size: 85%;
	line-height:normal
}
.text_navy{
	color: #0000BB;
	font-weight: bold;
	font-size: 105%;
}


body {
	font-size:14px;
	font-family: "RyuminR","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:1.6;
}

header {
	width:100%;
	height:auto;
}

#contents {
	width:980px;
	margin:0 auto;
}

a {
	color:#043771;
}
a:hover {
	color:#144d8d;
}

h1 {
	font-size:28px;
}

h2 {
	font-family:"utsukushi";
	margin-top:50px;
	margin-bottom:0.5em;
	font-size:24px;
	color: #C90;
	text-align:center;
}

h3 {
	margin-bottom:0.25em;
	font-size:18px;
	color:#960;
	font-family:"utsukushi";
}

h4 {
	margin-bottom:0.25em;
	font-size:16px;
}

h5 {
	margin-bottom:0.25em;
	padding-left:25px;
	font-size:16px;
	background:url('../images/bg_arrow_black.png') 0 50% no-repeat;
}

h6 {
	margin-bottom:0.25em;
	padding-left:5px;
	font-size:16px;
	font-weight:bold;
}

p {
	margin:0 0 1em 0;
}

img {
	vertical-align:bottom;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
	color: #C60;
}

pre {
	margin:1em 0;
	padding:1em;
}

blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
}

ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:disc;
}
ol li {
	list-style:decimal;
}
li {
	margin-left:2em;
}

dt {
	margin-bottom:0.5em;
	border-bottom:1px dotted #ddd;
	clear:both;
	font-style: italic;
	font-weight: bold;
}
dd {
	margin-bottom:1em;
}

table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
}
th {
	padding:15px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#f1f1f1;
}
td {
	padding:15px;
	text-align:left;
	border:1px solid #ddd;
}

/*================================================
 *  汎用クラス
 ================================================*/
.clear {
	clear: both;
}
.clear50 {
	clear: both;
    margin-bottom: 50px;
}


/* 写真中央寄せ */
.imgC {
	clear:both;
	overflow:hidden;
	margin-bottom:30px;
	text-align:center;
}
.imgC img {
	border-radius:5px;
	margin-bottom:0.5em;
}

/* 写真左寄せ */
.imgL {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
.imgL img {
	float:left;
	margin:0 1em 0.5em 0;
	border-radius:5px;
}

/* 写真右寄せ */
.imgR {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
.imgR img {
	float:right;
	margin:0 0 1em 0.5em;
	border-radius:5px;
}

/* 2カラム（スマートフォンでは1カラム) */
.twoCol {
	overflow:hidden;
	margin-bottom:30px;
}
.twoColInner {
	overflow:hidden;
	margin-right:-2%;
}
.twoColInner div {
	width:48%;
	float:left;
	margin-right:2%;
}
.twoColInner div:nth-child(2n+1) {
	clear:both;
}
.twoColInner img {
	width:100%;
	margin-bottom:0.5em;
	border-radius:5px;
}

/* 3カラム（スマートフォンでは1カラム) */
.threeCol {
	overflow:hidden;
	margin-bottom:0px;
}
.threeColInner {
	overflow:hidden;
	margin-right:-3%;
}
.threeColInner div {
	width:31%;
	float:left;
	margin-right:2%;
	margin-bottom: 40px;
}
.threeColInner div:nth-child(3n+1) {
	clear:both;
}
.threeColInner img {
	width:100%;
	margin-bottom:0.2em;
	border-radius:3px;
}
.threeCol h3 {
	font-size: 120%;
	color: maroon;
	text-align: center;
}
.threeCol h4 {
	text-align: center;
	font-size: 95%;
}

/* 5カラム（スマートフォンでは3カラム) */
.fiveCol {
	overflow:hidden;
	margin-bottom:40px;
}
.fiveColInner {
	width:19%;
	float:left;
	margin-right:1%;
	margin-bottom: 10px;
	font-size: 85%;
}
.fiveColInner div:nth-child(5n+1) {
	clear:both;
}

/* ボタン（タイプ1） */
.btn01 a {
	margin: 30px auto;
	display:block;
	padding:2% 2% 2% 50px;
	color:#fff;
	text-decoration:none;
	font-size: 110%;
	font-weight: bold;
	border-radius:8px;
	background: #9E6A21 url('../images/bg_arrow_white.png') 20px 50% no-repeat;
	transition:all 0.2s ease 0s;
}
.btn01 a:hover {
	background:#2e2e2e url('../images/bg_arrow_white.png') 20px 50% no-repeat;
	transition:all 0.2s ease 0s;
}

/* ボタン（タイプ2） */
.btn02 a {
	display:block;
	padding:2%;
	color:#1b1b1b;
	text-decoration:none;
	border-radius:5px;
	border:1px solid #1b1b1b;
	background:#fff;
	transition:all 0.2s ease 0s;
}
.btn02 a:hover {
	color:#fff;
	background:#1b1b1b;
	transition:all 0.2s ease 0s;
}

/*================================================
 *  ヘッダー
 ================================================*/
header {
	position:relative;
}
header h1 {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	z-index:10;
}

.logo_top{
	width:200px;
	height:200px;
}
.logo_sub{
	width:250px;
	height:50px;
}

/*================================================
 *  グローバルナビ（共通：PCは今まで通り横並び）
 ================================================*/
.g-nav{
  font-family:"utsukushi";
  width:100%;
  position:fixed;
  top:0;
  left:0;
  padding:10px 0;
  opacity:0.7;
  background:#000;
  z-index:10;
}

/* 既存のセンタリング手法を踏襲 */
.g-nav__list{
  position:relative;
  float:left;
  left:50%;
  margin:0;
  padding:0;
}
.g-nav__list li{
  position:relative;
  left:-50%;
  float:left;
  list-style:none;
  margin:0;
  padding:10px 20px;
}
.g-nav__list a{
  color:#fff;
  text-decoration:none;
  display:block;
}
.g-nav__list a:hover{
  color:#CFBB8B;
  background:#333;
  text-decoration:none;
}

/* トグルは非表示 */
.g-nav__toggle{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

/* ハンバーガーボタン（PCは非表示） */
.g-nav__btn{
  display:none;
}

/* 背景（PCは不要） */
.g-nav__backdrop{
  display:none;
}

.g-nav__list li{
  margin-left:0; /* ★全体li指定の打ち消し */
}


/*================================================
 *  スマホ・タブレット：ハンバーガー化
 ================================================*/
@media (max-width: 1024px){

  /* ナビバー上のレイアウトを整える（ボタンを右に） */
  .g-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding:10px 5px;
  }

  /* PC用のセンタリング解除 */
  .g-nav__list{
    float:none;
    left:auto;
  }
  .g-nav__list li{
    float:none;
    left:auto;
    padding:0;
  }

  /* ハンバーガー表示（疑似要素で3本線） */
  .g-nav__btn{
    display:flex;
    width:44px;
    height:44px;
    position:relative; /* ★重要 */
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:12;
  }

  /* 真ん中の線（span） */
  .g-nav__btn span{
    position:absolute;
    left:11px;
    right:11px;
    height:2px;
    background:#fff;
    border-radius:2px;
    top:50%;
    transform:translateY(-50%);
    transition: transform .2s ease, opacity .2s ease;
  }

  /* 上下の線（疑似要素） */
  .g-nav__btn::before,
  .g-nav__btn::after{
    content:"";
    position:absolute;
    left:11px;
    right:11px;
    height:2px;
    background:#fff;
    border-radius:2px;
    transition: transform .2s ease, opacity .2s ease;
  }
  .g-nav__btn::before{ top:14px; }
  .g-nav__btn::after{ bottom:14px; }

  /* 開いたら× */
  .g-nav__toggle:checked + .g-nav__btn::before{
    transform: translateY(8px) rotate(45deg);
  }
  .g-nav__toggle:checked + .g-nav__btn span{
    opacity:0;
  }
  .g-nav__toggle:checked + .g-nav__btn::after{
    transform: translateY(-8px) rotate(-45deg);
  }

  /* メニューを右からスライドのパネルに */
  .g-nav__list{
    position:fixed;
    top:0;
    right:0;
    width:min(86vw, 360px);
    height:100dvh;
    background:rgba(0,0,0,.92);
    padding:70px 16px 16px; /* 上はヘッダー分 */
    transform:translateX(100%);
    transition:transform .25s ease;
    z-index:11;
    overflow:auto;
  }

  .g-nav__list a{
    padding:14px 12px;
    border-radius:10px;
  }
  .g-nav__list a:hover{
    background:#333;
  }

  /* 背景（暗幕） */
  .g-nav__backdrop{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.35);
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease;
    z-index:10;
  }

  /* 開いた状態 */
  .g-nav__toggle:checked ~ .g-nav__list{
    transform:translateX(0);
  }
  .g-nav__toggle:checked ~ .g-nav__backdrop{
    display:block;
    opacity:1;
    pointer-events:auto;
  }

  /* ハンバーガー → × */
  .g-nav__toggle:checked + .g-nav__btn span:nth-child(1){
    transform:translateY(8px) rotate(45deg);
  }
  .g-nav__toggle:checked + .g-nav__btn span:nth-child(2){
    opacity:0;
  }
  .g-nav__toggle:checked + .g-nav__btn span:nth-child(3){
    transform:translateY(-8px) rotate(-45deg);
  }
}

/*================================================
 *  メイン
 ================================================*/
main {
	width:100%;
}

section {
	margin-bottom:10%;
}

/*================================================
 *  フッター
 ================================================*/
footer {
	clear:both;
	padding:2% 0;
	font-size:11px;
	text-align:center;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#000;
}
.totop img:hover {
	background:#333;
}

/*================================================
 *  スライドショー
 ================================================*/
.slide {
	overflow:hidden;
	position:relative;
}
.slideInner {
	list-style:none;
	margin:0;
	padding:0;
}
.slideInner li {
	position:absolute;
	width:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	background-position:50% 0;
	background-repeat:no-repeat;
}

/*================================================
 *  セカンドページ　ヘッダー画像
 ================================================*/
.second_header {
	overflow:hidden;
	position:relative;
	height:200px;
	margin:0;
	padding:0;
	text-align:center;
}

.information{
	height: 460px;
	overflow-x: hidden;
	overflow-y: auto;
}
/* GoogleMap用
---------------------------------------------------------------------------*/
.ggmap {
position: relative;
padding-bottom: 10px;
padding-top: 10px;
height: 400px;
overflow: hidden;
margin-bottom:20px;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
	#contents {
		box-sizing:border-box;
		width:100%;
		padding:0 10px;
	}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	h2 {
		margin-top:30px;
	}

	.imgC {
		margin-bottom:30px;
	}
	.imgC img {
		max-width:100%;
	}

	.imgL {
		margin-bottom:30px;
	}
	.imgL img {
		float:none;
		width:100%;
		margin-right:0;
	}

	.imgR {
		margin-bottom:30px;
	}
	.imgR img {
		float:none;
		width:100%;
		margin-left:0;
	}

	.twoCol {
		margin-right:0;
		margin-bottom:30px;
	}
	.twoColInner {
		margin-right:0;
	}
	.twoColInner div {
		float:none;
		width:100%;
	}

	.threeCol {
		margin-bottom:0px;
	}

	.threeColInner {
		margin-right:0;
	}
	.threeColInner div {
		float:none;
		width:100%;
	}
	
	.fiveCol {
	margin-bottom:30px;
	}
	.fiveColInner {
	width:48%;
	float:left;
	margin-right:2%;
	margin-bottom: 10px;
	font-size: 85%;
	}

.ws,.wl {width: 94%;}

	
}

/*その他
---------------------------------------------------------------------------*/
.mb15,.mb1em {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb50 {margin-bottom: 50px !important;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center !important;}
.r {text-align: right !important;}
.l {text-align: left !important;}