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


/*フォント関係*/
h1, h2, h3, h4, h5, h6, p, span, a {
	/*color: #444444;*/
}
body {
	line-height: 1;
	font-family: Avenir, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

html body img {
	max-width: 100%;/*20231208widthからmax-widthに変更*/
	height: auto;/*20231208追加*/
	display: block;/*20231208追加*/

}
/*背景レンガ*/
body {
	background-image: url("../../../../uploads/diamond-assets/block-haikei.webp");
	background-repeat: repeat;
}
#wrap {max-width: 1600px;margin: 0 auto;background-color: #fff;overflow-x: hidden;}
@media(width <= 1179px){#wrap{width: 100%;}}

/*メインコンテンツ領域*/
#main-content{
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: top
}

/*作成中のボタン*/
.sakusei {
	display: block;
	width: 50%;
	margin: 0 auto;
	padding: 100px;
}
.sakusei h1 {
	font-size: 30px;
	color: #cc0000;
	font-weight: bold;
	line-height: 50px;
}
a:hover {
	text-decoration: none;
}



/*ページトップボタン*/
#pageTop{
    position:fixed;
    right:20px;
    bottom:20px;
    cursor:pointer;
	z-index: 9999;
}
#pageTop img{
	width: 80px;
	height: 65px;
}
#pageTop img:hover{
	opacity: 0.5;
}

/*共通ボタン*/
.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #00984b;
    background: #ffffff;/*色*/
    border: solid 1px #00984b;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.square_btn:active {
    border: solid 1px #03A9F4;
    box-shadow: none;
    text-shadow: none;
}
.square_btn:hover {
	color: #fff;
	background: #00984b;/*色*/
}
/*お知らせ一覧ボタン*/
.news_btn {
    position: relative;
    display: inline-block;
    padding: 0.3em 0.3em 0.3em 2em;
    text-decoration: none;
    color: #00984b;
    background-color: #fff;/*色*/
	background: url("../images/list-g.svg") no-repeat 20px center;
	background-size: 20px;
	background-color: #fff;/*色*/
    border: solid 1px #00984b;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.news_btn:active {
    border: solid 1px #03A9F4;
    box-shadow: none;
    text-shadow: none;
}
.news_btn:hover {
	color: #fff;
	background: url("../images/list-w.svg") no-repeat 20px center;
	background-size: 20px;
	background-color: #00984B;/*色*/
}

/*共通ボタン*/
.button {
  display: inline-block;
  width: 200px;
  height: 34px;
  text-align: center;
  text-decoration: none;
  line-height: 34px;
  outline: none;
  font-weight: bold;
	cursor: pointer;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
  position: relative;
  z-index: 2;
  border: 2px solid #fff;
  color: #fff;
  line-height: 30px;
}
.button:hover {
  background-color: #fff;
  border-color: #804000;
  color: #804000;
}
.button::before,
.button::after {
  top: 0;
  width: 50%;
  height: 100%;
  background: #804000;
}
.button::before {
  right: 0;
}
.button::after {
  left: 0;
}
.button:hover::before,
.button:hover::after {
  width: 0;
  
}
.button2 {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  font-weight: bold;
	cursor: pointer;
}
.button2::before,
.button2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button2,
.button2::before,
.button2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button2 {
  position: relative;
  z-index: 2;
  border: 2px solid #fff;
  color: #fff;
  line-height: 50px;
}
.button2:hover {
  background-color: #fff;
  border-color: #00984b;
  color: #00984b;
}
.button2::before,
.button2::after {
  top: 0;
  width: 50%;
  height: 100%;
  background: #00984b;
}
.button2::before {
  right: 0;
}
.button2::after {
  left: 0;
}
.button2:hover::before,
.button2:hover::after {
  width: 0;
  
}

p span.arrow {
	position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 0px;
}
span.arrow::before, span.arrow::after {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
span.arrow::before {
	left: 0px;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 20px solid transparent;
    border-left: 20px solid #d40000;
}
span.arrow::after {
	left: -20px;
    width: 20px;
    height: 20px;
    border-left: 20px solid #d40000;
}
@media screen and (max-width: 650px) {
	span.arrow::before {
		left: 0px;
		box-sizing: border-box;
		width: 2vw;
		height: 2vw;
		border: 2vw solid transparent;
		border-left: 2vw solid #d40000;
	}
	span.arrow::after {
		left: -2vw;
		width: 2vw;
		height: 2vw;
		border-left: 2vw solid #d40000;
	}
}
/*ランチ＆ディナーメニューリンク*/
.top-menu-btn {
	width: 60%;
	margin: 0 auto;
	padding: 3vw 0;
}
.top-menu-btn a {
	border: 1px solid #804000;
	color: #804000;
	display: block;
	width: 80%;
	margin: 0 auto 1vw;
	text-align: center;
	padding: 1vw 0;
	font-weight: bold;
	font-size: 1vw;
}
.top-menu-btn a:hover {
	background: #804000;
	color: #fff;
}
@media screen and (max-width: 1179px) {
	/*ランチ＆ディナーメニューリンク*/
	.top-menu-btn {
		width: 96%;
		margin: 0 auto;
		padding: 3vw 0;
	}
	.top-menu-btn a {
		border: 1px solid #804000;
		color: #804000;
		display: block;
		width: 94%;
		margin: 2vw auto 1vw;
		text-align: center;
		padding: 2.5vw 0;
		font-weight: bold;
		font-size: 3vw;
	}
	.top-menu-btn a:hover {
		background: #804000;
		color: #fff;
	}
}

/*年末年始営業時間*/
#nenmatsu-nenshi,#nenmatsu-nenshi2 {
	width: 60%;
	margin: 0 auto;
	padding: 1vw;
}
#nenmatsu-nenshi {
	border: 2px solid #ff0000;
}
#nenmatsu-nenshi ul,#nenmatsu-nenshi2 ul {
	/*margin: 2vw 0 0;*/
}
#nenmatsu-nenshi h2,#nenmatsu-nenshi2 h2 {
	text-align: center;
	color: #ff0000;
	font-size: 1.5vw;
	padding: 1vw 0;
}
#nenmatsu-nenshi h3,#nenmatsu-nenshi2 h3 {
	color: #555;
	font-size: 1.2vw;
	text-align: left;
	font-weight: 400;
}
#nenmatsu-nenshi p,#nenmatsu-nenshi2 p {
	color: #555;
	font-size: 1.5vw;
	text-align: left;
}
#nenmatsu-nenshi p span,#nenmatsu-nenshi2 p span {
	font-weight: normal;
}
@media screen and (max-width: 1179px) {
	/*年末年始営業時間*/
	#nenmatsu-nenshi,#nenmatsu-nenshi2 {
		width: 90%;
		margin: 0 auto 1vw;
		padding: 1vw;
	}
	#nenmatsu-nenshi h2,#nenmatsu-nenshi2 h2 {
		text-align: center;
		color: #ff0000;
		font-size: 3.5vw;
		padding: 1vw 0;
	}
	#nenmatsu-nenshi h3,#nenmatsu-nenshi2 h3 {
		color: #555;
		font-size: 3vw;
		text-align: center;
		font-weight: 400;
	}
	#nenmatsu-nenshi p,#nenmatsu-nenshi2 p {
		color: #555;
		font-size: 3vw;
		text-align: left;
	}
	#nenmatsu-nenshi p span,#nenmatsu-nenshi2 p span {
		font-weight: normal;
	}
}