@charset "utf-8";
/* CSS Document */

/*基本設定*/
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 18px; /*14～16px*/
	line-height: 150%;/*150～200%*/
	color: #181818;
	margin: 0;
	padding: 0;
	background-color: #f4f1dc;
}
img{
	vertical-align: bottom;
}
table{
	width: 100%;
}
a{
	color: #00228E;
	transition-duration: 0.5s;
}
a:visited{
	color: #848484;
}
a:hover{
	color: #E10DA7;
}

/*よく使うクラス*/
.red{
	color: #F00;
}
.white{
	color: #FFF;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}

/*個別設定*/
.flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.wrapper{
	max-width: 1200px;
	margin: 0 auto;
}
.img-responsive{
	max-width: 100%;
	height: auto;
}
.mainvis{
	background-image: url("../img/vis.jpg");
	height: 85vh;
	background-position: center center;
}
#header{
	align-items: center;
}
#header .logo{
	width: 200px;
}
#header ul{
	list-style-type: none;
}
#header ul li{
	margin-left: 1em;
}
#header ul li a{
	color: #FFFFFF;
}
.mainvis .copy{
	font-size: 1.5em;
	color: #FFFFFF;
	text-align: center;
	font-family: 'Kaisei Decol', serif;
	margin-top: 10vh;
}
.mainvis .lead{
	color: #FFFFFF;
	text-align: center;
	font-family: 'Kaisei Decol', serif;
}
.info{
	background-color: #f4d825;
	padding: 2em;
	box-sizing: border-box;/*ボーダーもパディングも幅に含む*/
	margin-top: -20vh;
}
.info h2,
.menu h2{
	text-align: center;
	font-family: 'Lobster', cursive;
}
.item{
	width: 30%;
}
.item img{
	border-radius: 10px;
}
#footer{
	background-color: #a02624;
}
#footer .wrapper{
	display: flex;
	justify-content: space-between;
}
.ad img{
	width: 336px;
}
.ad p,
.cr{
	color: #FFFFFF;
}
.katera{
	font-size: 29px;
}
.tel{
	font-size: 37px;
}
.box-m{
	width: 50%;
}
.box-s{
	width: 30%;
}
.cr{
	text-align: center;
}
/*ここから中ページ*/
#info .mainvis{
	background-image: url("../img/info/vis.jpg");
	height: 50vh;
	background-position: center center;
}
#info .info{
	background-color: #FFFFFF;
	padding: 2em;
	box-sizing: border-box;/*ボーダーもパディングも幅に含む*/
	margin-top: -20vh;
}
#info .mainvis h2{
	color: #FFFFFF;
	text-align: center;
	font-family: 'Lobster', cursive;
}
#menu .mainvis{
	background-image: url("../img/menu/vis_1.jpg");
	height: 50vh;
	background-position: center center;
}