@charset "utf-8"; 


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img {
	margin: 0; /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
	padding: 0; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	border: 0; /*境界線指定*/
}

body {
	background-color: #bcb499; /*背景色設定*/
	line-height: 2;	/*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; 
	color: #000000; /*文字色指定*/
}


a { 
	color: #a50000; 
	text-decoration: underline; 
}

a:hover { 
	text-decoration: none; 
}

.color1 {
	color: #990000; 
}


/*メイン画像
-------------------------------------*/
.mainimg img {
	width: 100%;
}


/* ----- レイアウト ----- */

#container { 
        max-width: 800px;
	width: 100%; 
	margin: 0 auto; 
        padding-left:20px;
        padding-right:10px;
}


#home {
	padding-top: 20px; /*ボックス内側上の余白*/
        padding: 20px 30px 40px 30px; 
}

#gallery {
	padding-top: 20px; /*ボックス内側上の余白*/
        padding: 20px 30px 40px 30px; 
}

#access {
	padding-top: 20px; /*ボックス内側上の余白*/
        padding-bottom:40px;
        padding: 20px 30px 40px 30px;
}


        .gallery__list {
            list-style-type: none;
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
        }
 
        .gallery__item {
            width: calc(95% / 2);
        }
 
        .gallery__item:not(:nth-child(-n+2)) {
            margin-top: 20px;
        }
 
        .gallery__item img {
            width: 100%;
            height: auto;
        }
 
        .gallery__item a {
            transition: .5s;
        }
 
        .gallery__item a:hover {
            filter: opacity(0.7);
        }
 
        .gallery__item a:hover img {
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
        }


/* 画像CSS */
.resizeimage img {
  width: 100%; /*bodyの幅に対する割合 */
  max-width: 720px;
  height: auto;
  line-height:0;
}

.balloon-002 {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 100%;
    margin-top: 15px;
    padding: .8em 1.2em;
    border-radius: 5px;
    background-color: #f4e6e6;
    color: #333333;
}

.balloon-002::before {
    position: absolute;
    top: -15px;
    width: 30px;
    height: 15px;
    background-color: #f4e6e6;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    content: '';
}

.box-019 {
    position: relative;
    margin-top: 1em;
    padding: 1.8em 1.5em 1em 1.5em;
    border: 2px solid #de7412;
    background-color: #f9f7ed;
}

.box-019 > div {
    position: absolute;
    top: -1.15em;
    left: -.5em;
    padding: .4em 1.4em;
    border-radius: 25px;
    background-color: #de7412;
    color: #fff;
    font-size: .9em;
}

.box-019 > div::before {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 8px;
    background-color: #de7412;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.box-019 p {
    margin: 0;
}




.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}



/* ----- フッター(ページの一番下の部分) ----- */

#footer {
	background-color: #2e2930; /*背景色設定*/
	height: 50px; /*領域の高さ指定*/
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	padding-top:10px;
	padding-bottom:10px;
}

#footer p {
	margin-top: 10px; /*ボックス外側上の余白*/
	text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/
	font-size: 0.8em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	color: #fff; /*文字色指定*/
}

/* ----- コンテンツ ----- */

#container h1 {
  font-size: 1.3em;
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f8f7f2;/*背景色*/
  border-left: solid 5px #4a4131;/*左線*/
  border-bottom: solid 3px #dddbd4;/*下線*/
}

 h5 {
        font-weight: normal;
	font-size: 0.75em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}

#container h2 {
	font-size: 1.2em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	line-height: 30px; /*行の高さ指定*/
	margin: 10px 5px; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
}
#container h3 {
        font-weight: normal;
	font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	line-height: 28px; /*行の高さ指定*/
	margin: 10px 5px; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
}

#container h4 {
        font-weight: normal;
	font-size: 0.9em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	line-height: 19px; /*行の高さ指定*/
	margin: 10px 5px; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
}

#container h5 {
        font-weight: normal;
	font-size: 0.8em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	line-height: 15px; /*行の高さ指定*/
	margin: 10px 5px; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
}