@charset "UTF-8";

/* --------------------------------------
リセット
--------------------------------------- */

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;margin:0;padding:0;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;}
	
a {text-decoration:none;overflow:hidden;}
img {border:none;vertical-align:top;}
hr {display:none;clear:both;}
br.clear {clear:both;}

/* --------------------------------------
IE8以下対応
--------------------------------------- */

article, aside, figure, figcaption, footer, header, nav, section {
display: block;}




/*	共通
-----------------------------------------------------------	*/

body {
	font-family:"Roboto Slab" , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	color:#000;
	margin:0;
	text-align: center;
	font-size: 18px;
}

a img {border-style: none;}
img {border-style:none;}

.clearfix:after {
content: "";
clear: both;
display: block;}


/*	ヘッダー部
-----------------------------------------------------------	*/

#banner {
width:100%;
margin:0 auto;
height:auto;
padding:0px;}

#banner img {
width:100%;
height:auto;}

#banner_pc {
display:block;}

#banner_tb {
display:none;}

header>.title {
	font-size: 100%;
	margin-bottom: 4em;
}

.title>h1 {
	font-size: 170%;
}


/*	メイン部
-----------------------------------------------------------	*/

#main {
	width:100%;
	margin:0 auto;
	min-height:1000px;
	background-color:#FFF;
	padding:0px;
}


.honbun img {
	width: 100%;
	max-width: 500px;
	max-height: 90%;
	display: block;
}

.honbun dl {
	max-width: 500px;
	box-sizing: border-box;
}

.honbun dt {
	float: left;
	padding-top: 0.1em;
}

.honbun dd {
	padding-left: 5em;
/*	margin-top: -1.6em;*/
	margin-left: 0;
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
/*	padding-top: 0.5em;*/
}

.link a {
	color: #666;
	text-decoration: underline;
}

section {
	display: grid;
    grid-template-rows: 1fr 40% 30% 1fr;
    grid-template-columns: 1fr 250px 500px 1fr;
	background: linear-gradient(to bottom right, #ccb, #fff, #ccb);
	min-height: 300px;
}

section>.title {
	grid-row: 2;
	grid-column: 2;
	align-self: end;
}

section>.honbun {
	grid-row: 2 / span 2;
	grid-column: 3;
	align-self: center;
	text-align: left;
	padding: 3em 0;
}

section>.link {
	grid-row: 3;
	grid-column: 2;
	align-self: start;
	padding-top: 20px;
}


@media screen and (max-width: 800px) {
	header>.title {
		font-size: 80%;
	}
	section {
	    grid-template-columns: 7% 28% 56% 7%;
		font-size: 80%;
		min-height: 270px;
	}
}

@media screen and (max-width: 500px) {
	header>.title {
		font-size: 65%;
	}
	section {
		font-size: 65%;
		min-height: 240px;
	}
	.contact .title {
		font-size: 80%;
	}
}


section.contact>.honbun {
	text-align: center;
	font-size: 110%;
}

.title {
	font-size: 80%;
}

.title>h2 {
	font-size: 190%;
}


/*	フッター部
-----------------------------------------------------------	*/

#backtotop_a {
display:block;
height:74px;
width:100%;}

#backtotop_b {
text-align:right;
height:74px;
width:100%;}

#note {
width:100%;
font-family:"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:10px;
line-height:18px;
padding:13px 0px;
text-align:center;
color:#999;}

.goct {
position: fixed;
bottom: 0;}

#f_main {
background:#424242;
margin:1px 0px 0px;}

#f_copy {
font-family:"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:10px;
line-height:12px;
color:#fff;
padding:13px 0px;
text-align:center;}

/*	詳細ページ
-----------------------------------------------------------	*/

.detail {
	background: linear-gradient(to bottom right, #ccb, #fff, #fff);
	padding-bottom: 1em;
}

.detail>iframe {
	max-width: 100%;
}

.detail>.title {
	padding: 5em 0 3em;
}

.detail>div>img {
	max-width: 100%;
}

.detail>div.img3>img {
	max-width: 33.33%;
}

.detail>div.img2>img {
	max-width: 50%;
}

.line {
    width: 750px;
	max-width: 100%;
    margin: 2em auto 0;
    padding: 0 0 1em;
    border-top: 1px solid #665;
    clear: both;
}

.detail>dl {
	width: 450px;
	max-width: 90%;
    margin: 0 auto;
    padding: 1em 0px;
}

.detail>dl>dt {
	float: left;
	text-align: left;
}

.detail>dl>dd {
	padding-left: 6em;
	text-align: right;
}

.news>dl, .information>dl {
	max-width: 750px;
	width: 90%;
    margin: 0 auto;
    padding: 1em 0px;
	text-align: left;
}

.news>dl>dt {
	float: left;
	padding-top: 0.1em;
}

.news>dl>dd {
	margin: 0 0 2em 0;
	padding-left: 5.5em;
	padding-bottom: 2em;
	border-bottom: 1px solid #665;
}

.news>dl>dd>p {
	margin: 0;
}

.information>dl>dt {
	float: left;
}

.information>dl>dd {
	margin: 0 0 1em 0;
	padding-left: 5.5em;
}


table.calendar, table.caption {
	max-width: 500px;
	width: 90%;
	margin: 20px auto 30px;
	border-spacing: 0;
}

table.calendar {
	box-shadow: 0 10px 19px rgb(0 0 0 / 12%), 0 15px 12px rgb(0 0 0 / 12%);
}

.calendar th, .calendar td {
	height: 35px;
	border: 1px solid #ddd;
}

.caption td {
	height: 25px;
	border: 1px solid #ddd;
}

.calendar th {
	background-color: #474747;
	color: #fff;
}

td.s1 {
	background-color: #fff;
}

td.s2 {
	background-color: #fdabab;
}

td.s3 {
	background-color: #fcfdab;
}

td.s4 {
	background-color: #d5fdab;
}

td.s5 {
	background-color: #abe4fd;
}

td.nodisp {
	border: none;
}

td.inv {
	background-color: #eee;
	color: #ccc;
}

.calendar td.today {
	font-weight: bold;
/*	border-color: #777;
	box-shadow: 0 0 5px #888 inset;*/
	color: #49e;
	border-color: #9df;
	box-shadow: 0 0 3px #9df inset;
}

a#BtnPrev, a#BtnNext {
	color: #666;
	font-size: 90%;
	font-weight: 900;
	border: 1px solid #888;
	border-radius: 3px;
	background-color: #fff;
}

a#BtnPrev:hover, a#BtnNext:hover {
	color: #fff;
	background-color: #aaa;
}

/*	印刷時
-----------------------------------------------------------	*/
@media print {

#banner {
width:900px;
height:auto;}

#banner img {
width:900px;
height:auto;}


#header {
page-break-after: always;
}

#news {
page-break-after: always;
}


#gastromy {
page-break-after: always;
}

#gastromy_img_a_wrap {
page-break-after: always;
}


#information{
page-break-after: always;
}

#calendar{
page-break-after: always;
}

#contact {
page-break-before: always;
}

#backtotop_a {
display:none;
}


}