@charset "utf-8";

/* -----reset--------------------------------------- */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	letter-spacing:-0.5em;
}
li {
	letter-spacing:normal;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ------------------------------------------------------ */


@media print, screen and (min-width:820px){
* {
	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.6rem; /*font-size:16px;*/
	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:15px solid #56423B;
	position:relative;
	}
	header h1 { position:absolute; top:10px; left:15px; }
	header div.tel { width:300px; background-color:#56423B; position:absolute; top:0; right:0; text-align:center; padding:5px 3px 20px 3px; }
	header div.tel img { max-width:265px; }
	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:220px; text-align:center; margin:0 5px; font-size:1.8rem; padding:8px 0; }
nav ul li a { display:block; text-decoration:none; padding:8px; }
nav ul li a:hover { color:#F0B355; }
nav ul li.active { padding-bottom:0 !important; }
nav ul li.active a { font-size:3.2rem; 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:8.0rem; padding:50px 0; text-align:center; line-height:100%; font-style:italic; margin-top:80px; }
p.tel span { font-size:3.0rem; font-style:normal; }
p.tel a { text-decoration:none; }

#main { width:100%; padding:40px 0 0 0; }
#main .contents { width:75%; margin:50px auto 20px auto; }

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

.sp { display:none; }


/* --------------------------------------------------------------
  clearfix
-------------------------------------------------------------- */
#top div.topics:after,
dl.pmain dd: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:4.5rem; text-align:center; line-height:135%; }
#top h3 { color:#A7A45C; font-size:3.0rem; text-align:center; line-height:220%; margin:30px 0 50px 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.timg img { width:100%; height:auto; }
div.topics div.detail { padding:10px 5%; }
div.topics div.detail h4 { color:#F0B355; font-size:2.0rem; line-height:110%; }
div.topics div.detail p { margin:0; padding:20px 0; line-height:150%; }
div.topics div.detail a { display:block; width:300px; margin:18px auto; background-color:#F9C680; text-align:center; color:#fff; font-size:1.8rem;
	padding:10px 0; text-decoration:none; line-height:100%; }
div.topics div iframe { width:100%; height:450px; }


/* --------------------------------------------------------------
  各ページ
-------------------------------------------------------------- */
dl.pmain { width:88%; }
dl.pmain dt { width:72%; float:left; }
dl.pmain dt img { width:100%; }
dl.pmain dd { margin-left:74%; }
dl.pmain dd p { margin:20px 0; padding:10px 0; line-height:200%; }

#main .contents p { margin:20px 0; padding:0; line-height:200%; }
#main .contents h3 { color:#F0B355; font-size:2.0rem; 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:2.0rem; 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; width:150px; padding:10px; background-color:#E9E8D8; }
#menu table.menu td { text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px; background-color:#F3F3EB; line-height:120%; }
#menu table.menu td span { font-size:1.1rem; }

}

.popular { background-color:#F0B355; padding:20px 50px 20px 100px; color:#fff; position:relative; font-size:2.0rem; line-height:220%; width:-moz-fit-content; width:fit-content; }
.popular span { font-size:220%; }
.popular img { position:absolute; left:0; top:0; width:90px; }
@media screen and (min-width:600px) and (max-width:819px){
.popular br.sp { display:none; }
}
@media screen and (max-width: 599px){
.popular { padding:5px 40px 5px 70px; color:#fff; position:relative; font-size:1.3rem; line-height:220%; text-align:center; }
}
.popular img { position:absolute; left:0; top:0; width:75px; }