/*ページ用*/
@charset "utf-8";
/* ---------------------------------------------------------------------- */
.site-main {
}
.page-header {
}
.page-title {
	display: block;
	font-size: 1.500em;
	font-weight: bold;
	margin-bottom: 20px;
}
.taxonomy-description {
}
.page-content {
}
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
.navigation {
}
.navigation h2 {
	display: none;
}
.navigation {
}
.navigation {
}
.navigation {
}
/* ---------------------------------------------------------------------- */
#top {
}
.navigation {
}
/* ---------------------------------------------------------------------- */
#top-news {
	margin-bottom: 100px;
}
.top-news {
	display: table;
	table-layout: fixed;
	border-spacing: 0px;
}
.top-news-title {
	display: table-cell;
	width: 200px;
	vertical-align: top;
}
.top-news-list {
	display: table-cell;
	vertical-align: top;
}
.top-news-link {
	display: table-cell;
	width: 180px;
	vertical-align: bottom;
	padding-left: 20px;
}
.top-news-title h2 {
	width: 170px;
	height: 150px;
	font-size: 24px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	line-height: 150px;
	text-align: center;
	background-image: url("https://www.sui-hnd.com/wp2/wp-content/themes/design01/images/parts/news.png");
	background-repeat: no-repeat;
	background-position: center;
}
.top-news ul {
}
.top-news ul li {
	border-bottom: 1px solid #c69c6d;
}
.top-news ul li:last-child {
	border-bottom: none;
}
.top-news ul li a {
	display: block;
	text-decoration: none;
}
.top-news ul li dl {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
}
.top-news ul li dl dt {
	display: table-cell;
	width: 100px;
	font-size: 14px;
	font-weight: 700;
	vertical-align: top;
}
.top-news ul li dl dd {
	display: table-cell;
	font-size: 14px;
	vertical-align: top;
}
@media screen and (max-width: 767px) {
	#top-news {
		margin-bottom: 50px;
		padding: 0px 10px;
	}
	.top-news {
		display: block;
	}
	.top-news-title {
		display: block;
		width: auto;
		text-align: center;
	}
	.top-news-list {
		display: block;
		width: auto;
	}
	.top-news-link {
		display: block;
		width: auto;
		padding-left: 0px;
		padding-top: 20px;
	}
	.top-news-title h2 {
		width: auto;
		height: auto;
		font-size: 24px;
		line-height: 1em;
		background-image: none;
	}
	.top-news ul li dl {
		display: block;
		width: auto;
	}
	.top-news ul li dl dt {
		display: block;
		width: auto;
		font-size: 14px;
	}
	.top-news ul li dl dd {
		display: block;
		font-size: 13px;
	}
}
/* ---------------------------------------------------------------------- */
.cat {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	line-height: 1em;
	background-color: #000;
	margin-left: 5px;
	padding: 2px 4px;
}
.cat a {
	color: #fff;
	text-decoration: none
}
.date {
	display: inline-block;
	font-size: 12px;
	line-height: 1em;
}
/* ---------------------------------------------------------------------- */
.entry-list {
}
.entry-bloc {
	border-bottom: 2px solid #000;
	padding: 30px 30px;
}
.entry-head {
}
.entry-footer {
	display: none;
}
.entry-title {
	margin-bottom: 20px;
}
.entry-title a {
	display: inline-block;
	text-decoration: none;
}
.entry-title a h3 {
	font-size: 20px;
	font-weight: 700;
}
.entry-content {
}
.entry-content::after {
	content: "";
	display: block;
	clear: both;
}
.entry-list .entry-content img {
	float: left;
	width: 180px;
	margin-right: 20px;
}
.entry-det .entry-content img {
	display: inline-block;
}
.entry-list .entry-content .excerpt {
	font-size: 0.9em;
	vertical-align: top;
}
.news-list {
}
.news-list {
}
/* ---------------------------------------------------------------------- */
#top-about {
	background-image: url("https://www.sui-hnd.com/wp2/wp-content/themes/design01/images/about/bg.jpg");
	background-repeat: repeat;
	background-position: center top;
}
.top-about {
}
.top-about-bloc {
	position: relative;
}
.top-about-bloc::after {
	content: "";
	display: block;
	clear: both;
}
.top-about-inner {
	position: relative;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	#top-about {
		margin-bottom: 50px;
	}
}
#top-about1 {
	text-align: center
}
#top-about1 p {
	font-size: 24px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	line-height: 2em;
	padding: 100px 0px 50px 0px;
}
#top-about1 img {
	position: absolute;
	z-index: 0;
}
#top-about1 img.about1a {
	left: 0px;
	top: -50px;
}
#top-about1 img.about1b {
	right: 0px;
	top: -50px;
}
#top-about1 img.about1c {
	right: 0px;
	top: 170px;
}
#top-about1 img.about1d {
	position: static;
	margin: 0px auto;
}
@media screen and (max-width: 767px) {
	#top-about1 {
		text-align: center;
	}
	#top-about1 p {
		font-size: 20px;
		line-height: 1.8em;
		padding: 100px 0px 30px 0px;
	}
	#top-about1 img {
		position: absolute;
		z-index: 0;
	}
	#top-about1 img.about1a {
		left: 0px;
		top: -20px;
		width: 210px;
	}
	#top-about1 img.about1b {
		right: 0px;
		top: -60px;
		width: 150px;
	}
	#top-about1 img.about1c {
		right: 50px;
		top: 0px;
		width: 150px;
	}
	#top-about1 img.about1d {
		margin: 0px auto;
	}
}
#top-about2 {
}
#top-about2 .top-about-inner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50%;
}
#top-about2 b {
	display: block;
	font-size: 20px;
	margin-bottom: 10px;
}
#top-about2 p {
	line-height: 2.4em;
}
#top-about2 img {
	margin: 0px 0px 0px auto;
}
@media screen and (max-width: 767px) {
	#top-about2 {
		margin-bottom: 20px;
	}
	#top-about2 .top-about-inner {
		position: relative;
		width: auto;
		z-index: 1;
		padding: 10px;
	}
	#top-about2 b {
		font-size: 18px;
	}
	#top-about2 p {
		line-height: 1.8em;
	}
	#top-about2 img {
		float: right;
		width: 40%;
	}
}
#top-about3 {
}
#top-about3 .top-about-inner {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 500px;
}
#top-about3 p {
	line-height: 2.4em;
	padding-top: 100px;
}
#top-about3 img {
	margin: 0px auto 0px 0px;
}
.top-about3-link {
	padding-top: 50px;
}
@media screen and (max-width: 767px) {
	#top-about3 {
		margin-bottom: 20px;
	}
	#top-about3 .top-about-inner {
		position: relative;
		z-index: 1;
		width: auto;
		padding: 10px;
	}
	#top-about3 p {
		line-height: 1.8em;
		padding-top: 0px;
	}
	#top-about3 img {
		float: left;
		width: 35%;
	}
	.top-about3-link {
	text-align: center;
		padding-top: 10px;
	}
}
#top-about4 {
	position: relative;
	text-align: center;
}
#top-about4::after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 300px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
#top-about4 ul {
	position: relative;
	text-align: center;
	margin-bottom: 120px;
}
#top-about4 ul li {
	display: inline-block;
	vertical-align: top;
}
#top-about4 ul li img {
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
#top-about4 ul li:nth-child(1) {
	width: 280px;
}
#top-about4 ul li:nth-child(1) img {
	width: 215px;
}
#top-about4 ul li:nth-child(2) {
	position: absolute;
	left: 170px;
	top: 80px;
	width: 130px;
}
#top-about4 ul li:nth-child(2) img {
	width: 350px;
}
#top-about4 ul li:nth-child(3) {
	padding: 0px 10px;
}
#top-about4 ul li:nth-child(3) img {
	width: 270px;
}
#top-about4 ul li:nth-child(4) {
	width: 370px;
}
#top-about4 .top-about-inner {
	position: absolute;
	left: 0px;
	top: 300px;
	width: 100%;
}
#top-about4 p {
	font-size: 24px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	line-height: 2em;
	text-shadow: 1px 1px 10px rgba(254,231,179,1),-1px -1px 10px rgba(254,231,179,1),1px 2px 10px rgba(254,231,179,1),2px 1px 10px rgba(254,231,179,1);
	-moz-text-shadow: 1px 1px 10px rgba(254,231,179,1),-1px -1px 10px rgba(254,231,179,1),1px 2px 10px rgba(254,231,179,1),2px 1px 10px rgba(254,231,179,1);
	-webkit-text-shadow: 1px 1px 10px rgba(254,231,179,1),-1px -1px 10px rgba(254,231,179,1),1px 2px 10px rgba(254,231,179,1),2px 1px 10px rgba(254,231,179,1);
}
#top-about4 div.top-about4e {
}
#top-about4 div.top-about4e img {
	width: 100%;
	margin: 0px auto;
}
#top-about4 div.top-movie {
	position: absolute;
	left: 0px;
	bottom: 100px;
	width: 100%;
	z-index: 1;
}
#top-about4 div.top-movie a {
	display: inline-block;
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	line-height: 1em;
	text-decoration: none;
	background-color: #c00;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	padding: 10px 20px;
}
#top-about4 div.top-movie a:hover {
	background-color: #f00;
}

#top-about4 div.top-movie a .mysvg {
	display: inline-block;
	width: 30px;
	vertical-align: middle;
	margin-right: 10px;
}
#top-about4 div.top-movie a .mysvg path,
#top-about4 div.top-movie a .mysvg polygon {
	color: #000;
	fill: currentColor;
}
#top-about4 div.top-movie a .mysvg path {
	color: #fff;
}
#top-about4 div.top-movie a .mysvg polygon {
	color: #c00;
}

#top-about4 div.top-movie a span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
}
#top-about4 div.top-movie a span strong {
	display: block;
	font-size: 13px;
	font-weight: 600;
	line-height: 1em;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	#top-about4::after {
		display: none;
	}
	#top-about4 .top-about-inner {
		position: static;
		width: auto;
	}
	#top-about4 p {
		font-size: 18px;
		line-height: 1.8em;
	}
	#top-about4 ul {
		margin-bottom: 10px;
	}
	#top-about4 ul li {
	}
	#top-about4 ul li:nth-child(1) {
		width: auto;
	}
	#top-about4 ul li:nth-child(1) img {
		width: auto;
	}
	#top-about4 ul li:nth-child(2) {
		position: static;
		width: auto;
	}
	#top-about4 ul li:nth-child(2) img {
		width: auto;
	}
	#top-about4 ul li:nth-child(3) {
		padding: 0px 0px;
	}
	#top-about4 ul li:nth-child(3) img {
		width: auto;
	}
	#top-about4 ul li:nth-child(4) {
		width: auto;
	}
	#top-about4 ul li img {
		height: 80px;
	}
	#top-about4 div.top-about4e img {
		width: 100%;
		margin: 0px auto;
	}
}
@media screen and (max-width: 479px) {
	#top-about4 ul li img {
		height: 66px;
	}
}
/* ---------------------------------------------------------------------- */
#top-menu {
}
.top-menu-title {
}
.top-menu-title h2 {
}
.top-menu-bloc {
}
.top-menu-inner {
	padding: 50px 0px;
}
.top-menu-inner dl {
	position: relative;
	z-index: 1;
	width: 500px;
	min-height: 340px;
	margin-bottom: 20px;
}
.top-menu-inner dl dt {
	margin-bottom: 30px;
}
.top-menu-inner dl dt div {
}
.top-menu-inner dl dt div img {
	margin: 0px auto;
}
.top-menu-inner dl dt h3 {
	display: inline-block;
	padding-right: 20px;
}
.top-menu-inner dl dt h3 img {
}
.top-menu-inner dl dt em {
	display: inline-block;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
}
.top-menu-inner dl dt em b {
	display: block;
	font-size: 25px;
	font-weight: 600;
}
.top-menu-inner dl dt em span {
	display: block;
	font-size: 18px;
}
.top-menu-inner dl dd {
}
.top-menu-inner dl dd p {
}
.top-menu-inner ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 5px 0px;
}
.top-menu-inner ul li {
	display: table-cell;
	vertical-align: top;
}
.top-menu-inner ul li img {
}
.top-menu-link {
	position: absolute;
	bottom: 0px;
}
@media screen and (max-width: 767px) {
	.top-menu-inner {
		padding: 50px 0px;
	}
	.top-menu-inner dl {
		width: auto;
		min-height: none;
		margin-bottom: 20px;
	}
	.top-menu-inner dl dt {
		text-align: center;
		margin-bottom: 0px;
	}
	.top-menu-inner dl dt div {
		margin-bottom: 10px;
	}
	.top-menu-inner dl dt h3 {
		display: inline-block;
		padding-right: 0px;
	}
	.top-menu-inner dl dt h3 img {
		margin: 0px auto;
	}
	.top-menu-inner dl dt em b {
		display: inline-block;
		font-size: 25px;
		padding-right: 10px;
	}
	.top-menu-inner dl dt em span {
		display: inline-block;
		font-size: 18px;
	}
	.top-menu-inner dl dd {
		padding: 10px 10px;
	}
	.top-menu-link {
		position: static;
		padding-top: 10px;
	}
}
#top-lunch {
}
#top-lunch .top-menu-inner {
}
#top-lunch .top-menu-inner dl dt div img {
	position: absolute;
	right: -500px;
	top: 0px;
}
#top-lunch .top-menu-link {
	right: 0px;
}
#top-dinner {
	color: #fff;
	background-color: #000;
}
#top-dinner .top-menu-inner {
}
#top-dinner .top-menu-inner dl {
	margin-left: auto;
}
#top-dinner .top-menu-inner dl dt div img {
	position: absolute;
	left: -500px;
	top: 0px;
}
#top-dinner .top-menu-link {
}
#top-party {
	position: relative;
	background-image: url("https://www.sui-hnd.com/wp2/wp-content/themes/design01/images/menu/top-party.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px auto;
}
.top-party {
}
.top-party::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 0;
	width: 700px;
	height: 100%;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
#top-party .top-menu-inner {
}
#top-party .top-menu-inner dl dt div img {
	display: none;
}
#top-reeferwine {
	background-color: #280305;
	background-image: url("https://www.sui-hnd.com/wp2/wp-content/themes/design01/images/menu/top-reeferwine-bg.jpg");
	background-repeat: repeat-x;
	background-position: center top;
}
#top-reeferwine .top-menu-inner {
	background-image: url("https://www.sui-hnd.com/wp2/wp-content/themes/design01/images/menu/top-reeferwine.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	padding: 70px 0px 50px 0px;
}
#top-reeferwine .top-menu-inner dl {
	min-height: none;
	margin-bottom: 0px;
	padding-bottom: 100px;
}
#top-reeferwine .top-menu-inner dl dd {
	color: #fff;
}
#top-reeferwine .top-menu-inner dl dd strong {
	display: block;
	font-size: 24px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	margin-bottom: 30px;
}
#top-reeferwine .top-menu-inner dl dd p {
}
#top-reeferwine .top-menu-inner dl dt div img {
	display: none;
}
#top-reeferwine .top-menu-link {
	bottom: -20px;
}
@media screen and (max-width: 767px) {
	#top-lunch .top-menu-inner dl dt,
	#top-dinner .top-menu-inner dl dt {
	}
	#top-party .top-menu-inner dl dt,
	#top-reeferwine .top-menu-inner dl dt {
	}
	#top-lunch .top-menu-inner dl dt div img {
		position: static;
	}
	#top-dinner .top-menu-inner dl dt div img {
		position: static;
	}
	#top-party {
		background-image: none;
	}
	.top-party::after {
		display: none;
	}
	#top-party .top-menu-inner {
	}
	#top-party .top-menu-inner dl dt div img {
		display: block;
	}
	#top-reeferwine {
		background-color: #280305;
		background-image: none;
	}
	#top-reeferwine .top-menu-inner {
		background-image: none;
		padding: 0px;
	}
	#top-reeferwine .top-menu-inner dl {
		padding-bottom: 0px;
	}
	#top-reeferwine .top-menu-inner dl dt div img {
		display: block;
	}
}
/* ---------------------------------------------------------------------- */
#top-gallery {
	background-image: url("https://www.sui-hnd.com/wp2/wp-content/themes/design01/images/gallery/bg.jpg");
	background-repeat: repeat;
	background-position: center top;
}
.top-gallery {
	background-color: rgba(255,255,255,0.7);
	padding: 100px 0px;
}
.top-gallery-bloc {
}
.top-gallery-inner {
}
.top-gallery-inner ul {
}
.top-gallery-inner ul li {
	display: inline-block;
	width: 20%;
	text-align: center;
}
.top-gallery-inner ul li a {
	display: block;
	position: relative;
	width: 190px;
	height: 190px;
	overflow: hidden;
	margin: 0px auto;
}
.top-gallery-inner ul li a img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: auto;
	height: 190px;
	max-width: none;
	margin: 0px auto;
}
.top-gallery-link {
	text-align: right;
	padding-top: 20px;
}
@media screen and (max-width: 767px) {
	.top-gallery {
		padding: 50px 10px;
	}
	.top-gallery ul li {
		width: 33%;
	}
	.top-gallery-link {
		text-align: left;
	}
}
@media screen and (max-width: 630px) {
	.top-gallery ul li a {
		width: 150px;
		height: 150px;
	}
	.top-gallery ul li a img {
		height: 150px;
	}
}
@media screen and (max-width: 479px) {
	.top-gallery ul li {
		width: 50%;
	}
	.top-gallery ul li a {
		width: 99%;
		height: 150px;
	}
}
/*
@media screen and (max-width: 767px) {
	.top-gallery {
		padding: 50px 10px;
	}
	.top-gallery-inner ul li {
		width: 32%;
	}
	.top-gallery-inner ul li a {
		width: 145px;
		height: 145px;
	}
	.top-gallery-inner ul li a img {
		height: 145px;
	}
	.top-gallery-link {
		text-align: center;
	}
}
@media screen and (max-width: 479px) {
	.top-gallery-inner ul li {
		width: 50%;
	}
	.top-gallery-inner ul li a {
		width: 165px;
		height: 165px;
	}
	.top-gallery-inner ul li a img {
		height: 165px;
	}
}
@media screen and (max-width: 379px) {
	.top-gallery-inner ul li a {
		width: 155px;
		height: 155px;
	}
	.top-gallery-inner ul li a img {
		height: 155px;
	}
}
*/
/* ---------------------------------------------------------------------- */
#top-ban {
	text-align: center;
	padding: 80px 0px;
}
.top-ban {
}
.top-ban ul {
}
.top-ban ul li {
	display: inline-block;
}
.top-ban ul li a {
}
.top-ban ul li a img {
}
@media screen and (max-width: 767px) {
	#top-ban {
		text-align: center;
		padding: 20px 0px;
	}
}
/* ---------------------------------------------------------------------- */
#top-access {
	padding: 20px 0px;
}
.top-access {
}
.top-access-title {
}
.top-access-title h2 {
	border-bottom: none;
}
.top-access-title h2 strong {
	display: inline-block;
	font-size: 24px;
}
.top-access-title h2 span {
	display: inline-block;
	font-size: 20px;
}
.top-access-title h2::before {
	display: none;
}
.top-access-inner {
}
.top-access-inner ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
}
.top-access-inner ul li {
	display: table-cell;
	vertical-align: top;
	padding-top: 3px;
}
.top-access-inner ul li.top-access-access {
	width: 45%;
	border-right: 1px solid #000;
}
.top-access-inner ul li.top-access-time {
	width: 30%;
	border-right: 1px solid #000;
}
@media screen and (max-width: 767px) {
	#top-access {
		padding: 20px 0px;
	}
	.top-access-title h2 {
		font-size: 20px;
		border-bottom: none;
	}
	.top-access-title h2 span {
		font-size: 16px;
	}
	.top-access-inner {
	}
	.top-access-inner ul {
		display: block;
		width: auto;
		table-layout: fixed;
		border-spacing: 0px;
		border-top: 2px solid #000;
		border-bottom: 1px solid #000;
	}
	.top-access-inner ul li {
		display: block;
		padding-top: 3px;
	}
	.top-access-inner ul li.top-access-access {
		width: auto;
		border-right: none;
		border-bottom: 1px solid #000;
	}
	.top-access-inner ul li.top-access-time {
		width: auto;
		border-right: none;
		border-bottom: 1px solid #000;
	}
}
.top-access-inner ul li.top-access-tel {
}
.top-access-inner ul li dl {
	border-top: 1px solid #000;
}
.top-access-inner ul li dl dt {
	font-weight: 700;
	text-align: center;
	border-bottom: 1px solid #000;
	padding: 5px 10px;
}
.top-access-inner ul li dl dd {
	font-size: 15px;
	padding: 10px 10px;
}
.top-access-tel {
}
.top-access-tel {
	text-align: center;
}
.top-access-tel em {
	display: inline-block;
}
.top-access-tel a {
	display: inline-block;
	color: #a41433;
	text-decoration: none;
	line-height: 1em;
}
.top-access-tel a span {
	font-size: 25px;
}
/* ---------------------------------------------------------------------- */
#concept {
}
.concept {
}
.concepttop {
	background-image: url("https://www.sui-hnd.com/wp2/wp-content/themes/design01/images/global/logoSR.png");
	background-repeat: no-repeat;
	background-position: right;
	background-size: 280px;
	padding: 60px 0px;
}
@media screen and (max-width: 767px) {
	.concepttop {
		padding: 0px 0px;
	}
	.concepttop div {
		background-color: rgba(255,255,255,0.8);
		padding: 60px 0px;
	}
}
.concepttop strong {
	display: block;
	font-size: 2em;
	margin-bottom: 30px;
}
.concepttop p {
	margin-bottom: 20px;
}
.conceptlist {
	margin-bottom: 30px;
}
.conceptlist ul {
}
.conceptlist li {
	padding: 10px 20px;
}
.conceptlist dl {
	display: block;
}
.conceptlist dt {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
.conceptlist dt h3 {
	font-size: 1.4em;
	margin-bottom: 10px;
}
.conceptlist dt img {
	width: 80%;
	margin: 0px auto;
}
.conceptlist dd {
	display: block;
}
.conceptbtm {
}
.conceptbtm ul {
	text-align: center;
}
.conceptbtm li {
	display: inline-block;
	padding: 0px 5px;
}
/* ---------------------------------------------------------------------- */
#menu {
}
.menu {
}
.menubloc {
	margin-bottom: 50px;
	padding: 0px 50px;
}
@media screen and (max-width: 767px) {
	.menubloc {
		margin-bottom: 30px;
		padding: 0px 5px;
	}
}
.menutitle {
	color: #fff;
	text-align: center;
	background-color: #af1433;
	margin-bottom: 10px;
	padding: 5px 10px;
}
.menutitle h3 {
	font-size: 1.8em;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}
.menutitle h3 span {
	font-size: 0.5em;
}
.menulink {
	margin-bottom: 30px;
}
.menulink ul {
	display: block;
	text-align: center;
}
.menulink li {
	display: inline-block;
	line-height: 1em;
	padding: 0px 5px;
}
.menulink li a {
	display: block;
	color: #fff;
	text-decoration: none;
	background-color: #000;
	background-image: url("https://www.sui-hnd.com/wp2/wp-content/themes/design01/images/parts/arrow4w.png");
	background-repeat: no-repeat;
	background-position: right;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 7px 20px 7px 5px;
}
.menulink li a:hover,
.menulink li a:active {
	background-color: #af1433;
}
@media screen and (max-width: 767px) {
	.menulink li {
		width: 30%;
		padding: 3px 1px;
	}
}
.menubox {
	background-color: #f2f2f2;
	margin-bottom: 30px;
	padding: 5px;
}
.menutitles {
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
	padding: 5px 10px;
}
.menutitles h4 {
	font-size: 1.6em;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}
.menubox ul {
	display: block;
}
.menubox li {
	display: block;
	position: relative;
	border-bottom: 1px solid #ccc;
	padding: 10px 10px 10px 200px;
}
.menubox li:last-child {
	border-bottom: none;
}
.menubox li.img {
	min-height: 120px;
}
.page-id-8 .menubox li.img {
	min-height: 130px;
}
@media screen and (max-width: 767px) {
	.menubox li {
		position: static;
		padding: 10px 5px;
	}
}
.menubox dl {
}
.menubox dt {
	width: 80%;
}
.menubox dt strong {
	font-size: 1.1em;
}
.menubox dt {
}
.menubox dd {
	font-size: 1.1em;
	text-align: right;
}
@media screen and (max-width: 767px) {
	.menubox dl {
		border-bottom: 1px dashed #ccc;
	}
	.menubox dl:last-child {
		border-bottom: none;
	}
	.menubox dt {
		width: auto;
		border-bottom: 1px dashed #ccc;
	}
}
.menuimg {
}
.menuimg img {
	position: absolute;
	left: 0px;
	top: 10px;
	width: 180px;
}
.menudet {
	border-top: 1px dashed #ccc;
	padding-top: 3px;
}
.menudets {
	border-top: 1px dashed #ccc;
	padding-top: 3px;
}
@media screen and (max-width: 767px) {
	.menuimg {
		border-bottom: 1px dashed #ccc;
		padding: 5px 0px;
	}
	.menuimg img {
		position: static;
		width: 180px;
		margin: 0px auto;
	}
	.menudet {
		border-top: none;
	}
}
.menubtm {
	text-align: right;
}
#drink3 .menudet li {
	display: inline-block;
	position: static;
	width: 32%;
/*
	font-size: 1.1em;
	font-weight: 700;
*/
	background-image: url("images/parts/dot.png");
	background-repeat: no-repeat;
	background-position: left;
	border-bottom: none;
	padding: 2px 2px 2px 7px;
}
@media screen and (max-width: 767px) {
	#drink3 .menudet li {
		width: 45%;
		padding: 2px 2px 2px 7px;
	}
}
.menu-party {
}
.menu-party-top {
	margin-bottom: 10px;
}
.menu-party-box {
	background-color: #fff;
	border: 1px solid #870f26;
}
.menu-party-course {
	margin-bottom: 5px;
}
.menu-party-point {
	margin-bottom: 5px;
}
.menu-party-drink {
}
.menu-party h4 {
	color: #fff;
	font-size: 1.1em;
	text-align: center;
	background-color: #870f26;
}
.menu-party p {
	padding: 5px 10px;
}
.menu-party ul {
	padding: 5px 10px;
}
.menu-party li {
	display: inline-block;
	position: static;
	width: 31%;
	font-size: 1em;
	font-weight: 700;
	background-image: url("images/parts/dot.png");
	background-repeat: no-repeat;
	background-position: left;
	border-bottom: none;
	padding: 2px 2px 2px 7px;
}
.menu-party li span {
	font-size: 0.8em;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	.menu-party li {
		width: 45%;
	}
}
/* ---------------------------------------------------------------------- */
#event {
}
.event {
}
.eventtop {
	position: relative;
	padding: 60px 0px;
}
.eventtop strong {
	display: block;
	font-size: 2em;
	margin-bottom: 30px;
}
.eventtop p {
	margin-bottom: 20px;
}
.eventtop img {
	position: absolute;
	right: 0px;
	top: 50px;
}
@media screen and (max-width: 767px) {
	.eventtop {
		position: static;
		padding: 20px 0px;
	}
	.eventtop img {
		position: static;
		width: 70%;
		max-width: 300px;
		margin: 0px auto 10px auto;
	}
}
.eventlisttop {
	background-color: #f2f2f2;
	padding: 20px;
}
.eventlisttop ul {
	display: block;
}
.eventlisttop li {
	display: block;
	border-bottom: 1px solid #000;
}
.eventlisttop li:last-child {
	display: block;
	border-bottom: none;
}
.eventlisttop dl {
}
.eventlisttop dt {
	width: 15%;
	font-weight: 700;
	text-align: center;
	border-right: 1px solid #000;
	padding: 5px 0px;
}
.eventlisttop dd {
	padding: 5px 10px;
}
.eventlisttop dd a {
}
@media screen and (max-width: 767px) {
	.eventlisttop {
		padding: 10px;
	}
	.eventlisttop dt {
		width: auto;
		text-align: left;
		border-right: none;
		border-bottom: 1px dashed #000;
		padding: 10px 0px 5px 0px;
	}
	.eventlisttop dd {
		padding: 5px 5px 10px 5px;
	}
}
/* ---------------------------------------------------------------------- */
.eventdet {
}
.eventdettex {
}
.eventdettex::after {
	display: block;
	clear: both;
	content: "";
}
.eventdettex img {
	display: inline-block;
}
.eventdettex img.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.eventdettex img.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.eventdettex img.aligncenter {
	margin-bottom: 10px;
}
.eventdettex p {
	margin-bottom: 10px;
}
.eventdettex p:last-child {
	margin-bottom: 0px;
}
.eventdet .photo {
	padding-top: 10px;
}
/* ---------------------------------------------------------------------- */
#info {
}
.info {
}
/*
.access {
	margin-bottom: 30px;
}
#page-index .access,
.page-id-2 .access {
	margin-bottom: 0px;
}
.access-tex {
	border-bottom: 1px solid #000;
	margin-bottom: 0px;
}
#page-index .access-tex,
.page-id-2 .access-tex {
	background-color: #fff;
	background-color: rgba(255,255,255,0.7);
}
.access-tex h3 {
	text-align: center;
	border-bottom: 1px solid #000;
	padding: 5px 0px;
}
.access-tex h3 strong {
	display: inline-block;
	font-size: 1.4em;
}
.access-tex h3 span {
	display: inline-block;
	font-size: 1em;
}
.access-tex ul {
}
.access-tex li {
	border-left: 1px solid #000;
	padding: 0px 0px;
}
.access-tex li.access-access {
	width: 45%;
	border-left: none;
}
.access-tex li.access-time {
	width: 25%;
}
.access-tex li.access-tel {
}
@media screen and (max-width: 767px) {
	.access-tex li {
		border-left: none;
		border-bottom: 1px solid #000;
		padding: 0px 10px;
	}
	.access-tex li.access-access {
		width: auto;
	}
	.access-tex li.access-time {
		width: auto;
	}
	.access-tex li.access-tel {
		border-left: none;
	}
}
.access-access address {
	display: block;
	font-style: normal;
	margin-bottom: 5px;
}
.access-tex ul dl {
	text-align: center;
}
.access-tex ul dt {
	display: block;
	line-height: 1em;
	text-decoration: none;
	border-bottom: 1px dashed #000;
	padding: 5px 10px;
}
.access-tex ul dd {
	display: block;
	text-align: left;
	padding: 10px 5px;
}
.access-tex li.access-time dd {
	text-align: center;
}
.access-access dd ul {
	display: block;
	padding-left: 20px;
}
.access-access dd li {
	display: list-item;
	list-style-type: disc;
	border-left: none;
	padding: 0px 0px;
}
#page-index .access-tex li.access-access dd li,
.page-id-2 .access-tex li.access-access dd li {
	border-left: none;
}
.access-tel dd ul {
	display: block;
}
.access-tel dd li {
	display: block;
	text-align: center;
	border-left: none;
	padding: 5px 0px;
}
#page-index .access-tex li.access-tel dd li,
.page-id-2 .access-tex li.access-tel dd li {
	border-left: none;
}
@media screen and (max-width: 767px) {
	.access-access dd li {
		border-bottom: none;
	}
	#page-index .access-tex li.access-access dd li,
	.page-id-2 .access-tex li.access-access dd li {
		border-bottom: none;
	}
	.access-tel dd li {
		border-bottom: none;
	}
	#page-index .access-tex li.access-tel dd li,
	.page-id-2 .access-tex li.access-tel dd li {
		border-bottom: none;
	}
}
.access-tel dd span {
	display: inline-block;
	color: #af1433;
	font-size: 0.8em;
	font-weight: 700;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #af1433;
	margin-bottom: 10px;
	padding: 5px 30px;
}
.access-tel dd a {
	display: block;
	color: #af1433;
	font-size: 2.4em;
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;
	vertical-align: middle;
	padding: 2px 5px;
}
*/
.access-map {
}
.access-map iframe {
}
.accesslink {
	text-align: center;
/*
	background-color: #000;
*/
	padding: 5px 5px 10px 5px;
}
.accesslink a {
	display: inline-block;
	color: #fff;
	font-size: 0.8em;
	line-height: 1em;
	text-decoration: none;
	background-color: #000;
	background-image: url("https://www.sui-hnd.com/wp2/wp-content/themes/design01/images/parts/arrow1w.png");
	background-repeat: no-repeat;
	background-position: right;
	border: 1px solid #fff;
	padding: 13px 20px 13px 10px;
}
.accesslink a:hover,
.accesslink a:active {
	background-color: #af1433;
}
.info-info-inner {
	padding: 0px 20px;
}
@media screen and (max-width: 767px) {
	.info-info-inner {
		padding: 0px 10px;
	}
}
/* ---------------------------------------------------------------------- */
.gallerylist-inner {
}
.gallerylist-inner ul {
}
.gallerylist-inner ul li {
	display: inline-block;
	width: 20%;
}
.gallerylist-inner ul li a {
	display: block;
	position: relative;
	width: 190px;
	height: 190px;
	overflow: hidden;
}
.gallerylist-inner ul li a img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: auto;
	height: 190px;
	max-width: none;
	margin: 0px auto;
}
.gallerylist-link {
	text-align: right;
	padding-top: 20px;
}
@media screen and (max-width: 767px) {
	.gallerylist {
		padding: 50px 10px;
	}
	.gallerylist-inner ul li {
		width: 33%;
	}
}
@media screen and (max-width: 630px) {
	.gallerylist-inner ul li a {
		width: 150px;
		height: 150px;
	}
	.gallerylist-inner ul li a img {
		height: 150px;
	}
}
@media screen and (max-width: 479px) {
	.gallerylist-inner ul li {
		width: 50%;
	}
	.gallerylist-inner ul li a {
		width: 99%;
		height: 150px;
	}
	.gallerylist-link {
		text-align: center;
	}
}
/* ---------------------------------------------------------------------- */