@charset "utf-8";

@media screen and (max-width: 819px){
* {
	font-style:normal;
	font-weight:normal;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
	}

html {
  font-size: 62.5%; /*font-size:10px;*/
  -webkit-text-size-adjust: 100%;
  }

body {
	color: #54433A;
	margin: 0;
	padding: 0;
	font-size:1.2rem; /*font-size:12px;*/
	fontfont-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	}

a { color:#54433A; text-decoration:underline; }

button { border:0; padding:0; background:none; cursor:pointer; }
	
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.tright { text-align:right; }

.fs10 { font-size:1.0rem; }
.fs12 { font-size:1.2rem; }
.fs14 { font-size:1.4rem; }
.fs16 { font-size:1.6rem; }
.fs18 { font-size:1.8rem; }
.fs20 { font-size:2.0rem; }
.fs28 { font-size:2.8rem; }

.f_bold { font-weight:bold; }

.red { color:#cc0000; }
.green { color:#009933; }

pre { white-space: pre-wrap; word-wrap: break-word; overflow: visible;
	}


/* ------------------------------------------------------ */

#wrapper {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	font-family: "ten-mincho";
	}

header {
	margin:0;
	padding:0;
	width:100%;
	border-top:5px solid #56423B;
	position:relative;
	}
	header h1 { position:absolute; top:10px; left:15px; width:45%; filter: drop-shadow(0 1px 0px rgba(255,255,255,0.9)); }
	header div.tel { width:35%; max-width:300px; background-color:#56423B; position:absolute; top:0; right:0; text-align:center; padding:2px 8px 10px 8px; }
	header img { width:100%; }

nav { background-color:#F2F1E7; width:100%; text-align:center; padding:5px; box-shadow:0 2px 3px rgba(89,66,59,0.3); }
nav ul { margin:0 auto; padding:0; text-align:center; }
nav ul li { display:inline-block; width:32%; text-align:center; margin:0 0.5%; font-size:1.3rem; padding:5px 0; }
nav ul li a { display:block; text-decoration:none; padding:5px; }
nav ul li a:hover { color:#F0B355; }
nav ul li.active { padding-bottom:0 !important; }
nav ul li.active a { font-size:1.7rem; border-bottom:4px solid #56423B; color:#56423B; }

footer {
	margin:30px 0 0 0;
	padding:0;
	background-color:#56423B;
	text-align:center;
	}
	footer p { color:#fff; font-size:1.1rem; font-family:Arial, Helvetica, sans-serif; padding:20px; }

p.tel { font-size:4.2rem; padding:50px 0; text-align:center; line-height:100%; font-style:italic; margin-top:50px; }
p.tel span { font-size:1.8rem; font-style:normal; }
p.tel a { text-decoration:none; }


#main { width:100%; padding:30px 0 0 0; }
#main .contents { width:98%; margin:20px auto; }

.page header { background-color:#F2F1E7; padding-top:70px; }
.page h2 { color:#F0B355; font-size:1.8rem; line-height:160%; text-align:center; margin:30px 0; }

.pc { display:none; }


/* --------------------------------------------------------------
  clearfix
-------------------------------------------------------------- */
#top div.topics:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  }

/* --------------------------------------------------------------
  トップページ
-------------------------------------------------------------- */
div.mainimg { width:100%; line-height:0; }
div.mainimg img { width:100%; height:auto; }

#top h2 { font-size:2.0rem; text-align:center; line-height:135%; }
#top h3 { color:#A7A45C; font-size:1.4rem; text-align:center; line-height:220%; margin:20px 0 40px 0; }
#top h3 strong { -webkit-text-emphasis: filled circle #656236; text-emphasis: filled circle #656236; line-height:250%; }

div.topics { background-color:#FFF9F4; display:table; letter-spacing:-50em; width:100%; }
div.topics div { display:table-cell; vertical-align:middle; width:50%; letter-spacing:normal; line-height:0; }
div.topics div.timg01 { background-image:url(images/t_img01.jpg); background-size:cover; background-position:center; }
div.topics div.timg02 { background-image:url(images/t_img02.jpg); background-size:cover; background-position:center; }
div.topics div.timg img { width:100%; height:auto; }
div.topics div.detail { padding:20px 8px; }
div.topics div.detail h4 { color:#F0B355; font-size:1.4rem; line-height:110%; }
div.topics div.detail p { margin:0; padding:10px 0; line-height:135%; }
div.topics div.detail a { display:block; width:80%; margin:5px auto; background-color:#F9C680; text-align:center; color:#fff; font-size:1.3rem;
	padding:8px 0; text-decoration:none; line-height:100%; }
div.topics div iframe { width:100%; height:220px; }


/* --------------------------------------------------------------
  各ページ
-------------------------------------------------------------- */
dl.pmain { width:100%; }
dl.pmain dt { width:100%; }
dl.pmain dt img { width:100%; }
dl.pmain dd { margin:0 1%; }
dl.pmain dd p { margin:10px 0; padding:5px 0; line-height:200%; }

#main .contents p { margin:15px 0; padding:0; line-height:200%; }
#main .contents h3 { color:#F0B355; font-size:1.5rem; line-height:160%; margin:60px 0 10px 0; }

ul.line2 { width:100%; margin:40px 0; }
ul.line2 li { display:inline-block; width:49%; margin-right:2%; }
ul.line2 li:nth-child(2n) { margin:0; }
ul.line2 li img { width:100%; height:auto; }

#menu h4 { color:#A7A45C; font-size:1.6rem; line-height:160%; margin:50px 0 0 0; }
#menu h4:before { content:'●'; margin-right:5px; }
#menu p.menu { margin:5px 0 !important; padding:0 0 0 0 !important; line-height:140% !important; }
#menu table.menu { margin:5px 0; border-top:1px solid #ddd; border-left:1px solid #ddd; }
#menu table.menu th { text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:8px; background-color:#E9E8D8; }
#menu table.menu td { text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:8px; background-color:#F3F3EB; line-height:120%; }
#menu table.menu td span { font-size:1.1rem; }

}