@charset "utf-8";

/* top */

/* header
----------------------------------------- */
#header {
	position: relative;
	height: 100%;
	min-height: 400px;
	
}
#header::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(17,17,17,0.35);
	z-index: 1;
}

.main-visual-copy {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -3em;
	padding: 0 6% 0 10%;
	text-align: center;
	z-index: 100;
}
.main-visual-typo {
	position: absolute;
	top: 50%;
	left: -5%;
	width: 110%;
	margin-top: -60%;
	z-index: 50;
}
.scroll-line {
	position: absolute;
	bottom: 40px;
	left: 50%;
	width: 40px;
	margin-left: -20px;
	padding-bottom: 62px;
	color: #fff;
	font-size: 1.0rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-align: center;
	z-index: 100;
}
.scroll-line:hover {
	color: #fff;
}
.scroll-line::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 52px;
	background: url(../images/scroll-arrow_sp.png) 0 0 no-repeat;
	background-size: 40px 52px;
}

.main-visual-area {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#video-area {
	width: 100%;
	height: 100%;
}
.mainvisual-movie {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
	z-index: -10;
}


/* contents
----------------------------------------- */
/* intro-sec */
.intro-sec {
	margin-bottom: 50px;
}
.intro-sec-text-area {
	padding: 74px 30px 50px;
	background: url(../../images/intro-bg_sp.jpg) center center no-repeat;
	background-size: cover;
}
.intro-sec-ttl {
	width: 220px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.intro-sec-sttl {
	margin-bottom: 25px;
	font-size: 2.2rem;
	text-align: center;
	font-weight: 700;
	line-height: 1.6;
}
.intro-sec-lead {
	font-size: 1.4rem;
	line-height: 2.2;
}
.intro-sec-lead .br {
	display: none;
}
.intro-sec-img-area {
	margin-bottom: 30px;
}
.intro-img-left {
}
.intro-img-right {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.intro-img-right li {
	width: calc(50% - 1px);
	margin-top: 2px;
}
.intro-img-right li:nth-child(odd) {
	margin-right: 2px;
}
.intro-btn-area {
	text-align: center;
}
.intro-menu-btn {
	margin-bottom: 15px;
}
.intro-tabelog-btn {

}

/* twitter-widget */
.twitter-widget {
	margin-bottom: 50px;
	padding: 0 30px;
}

/* yokocyoyaki-sec */
.yokocyoyaki-sec {
}
.yokocyoyaki-sec-text-area {
	margin-bottom: 60px;
	padding: 0 30px;
}
.yokochoyaki-ttl {
	width: 145px;
	margin-bottom: 32px;
}
.yokochoyaki-lead {
	margin-bottom: 32px;
	font-size: 1.4rem;
	line-height: 2.2;
}
.yokochoyaki-btn-area {

}
.yokocyoyaki-btn {
	margin-bottom: 15px;
}

/* yokocyoyaki-slide-area */
.yokocyoyaki-slide-area {
	margin-bottom: 40px;
}
.yokocyoyaki-slide-area .slider {
	margin-bottom: 	2px;
}
.slider-thumbs li {
	text-align: left;
}
.slider-thumbs li .slider-thumbs-inner {
	margin-right: 10px;
}
.slick-track {
	float: left !important;
}

/* hozenji-yokocho-sec */
.hozenji-yokocho-sec {
	position: relative;
	margin-bottom: 75px;
}
.hozenji-yokocho-sec-ttl {
	position: absolute;
	top: 0;
	right: 40px;
	width: 60px;
	z-index: 10;
}
.hozenji-yokocho-sec-ttl .jpn {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: lr-tb;
	writing-mode: vertical-rl;
	vertical-align: top;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.2;
}
.hozenji-yokocho-sec-ttl .eng {
	padding-top: 2px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: lr-tb;
	writing-mode: vertical-rl;
	vertical-align: top;
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: 0.03em;
}
.hozenji-yokocho-slide-sec {
	padding-top: 96px;
}
.hozenji-yokocho-sec .slide-img {
	width: 100%;
}
.hozenji-yokocho-sec .slide-img li {
	width: 250px !important;
	height: auto;
}
.hozenji-yokocho-sec .slide-img img {
	width: 250px !important;
	height: auto;
}

/* access-sec */
.access-sec {
	margin-bottom: 80px;
}
.access-sec-ttl {
	margin-bottom: 38px;
	font-weight: 700;
	text-align: center;
}
.access-sec-ttl .jpn {
	display: block;
	font-size: 2.4rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
.access-sec-ttl .eng {
	display: block;
	font-size: 1.3rem;
	color: #EA8B1F;
	letter-spacing: 0.03em;
}
.access-sec-inner {

}
.access-map {
	margin-bottom: 35px;
}
.gmap {
	padding: 0;
}
.gmap iframe {
	width: 100%;
	height: 360px;
	vertical-align: bottom
}
.access-info {
	padding: 0 30px;
}
.access-info li {
	display: flex;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #F8EBDA;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.access-info .access-info-dt {
	width: 7em;
	padding-left: 5px;
	font-size: 1.3rem;
	font-weight: 700;
}
.access-info .access-info-dd {
	width: calc(100% - 7em);
	font-size: 1.3rem;
}
.access-info .access-info-dd p {
	margin-bottom: 10px;
}
.access-info .access-info-dd p:last-child {
	margin-bottom: 0;
}















































/* tablet 560px - 959px */
@media only screen and (min-width: 560px) {

/* header
----------------------------------------- */
#header {
	position: relative;
	height: 100%;
	min-height: 400px;
	overflow: hidden;
}

.main-visual-copy {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60%;
	margin: -5em 0 0 -28%;
	padding: 0;
	text-align: center;
}
.main-visual-typo {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -26%;
}
.scroll-line {
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: 40px;
	margin-left: -20px;
	padding-bottom: 62px;
	color: #fff;
	font-size: 1.0rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-align: center;
}
.scroll-line:hover {
	color: #fff;
}
.scroll-line::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 52px;
	background: url(../images/scroll-arrow_sp.png) 0 0 no-repeat;
	background-size: 40px 52px;
}

.main-visual-area {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#video-area {
	width: 100%;
	height: 100%;
}
#video-area img {
	display: none;
}
.mainvisual-movie {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
	z-index: -10;
}


/* contents
----------------------------------------- */
/* intro-sec */
.intro-sec {
	margin-bottom: 100px;
}
.intro-sec-text-area {
	padding: 84px 60px 70px;
	background: url(../../images/intro-bg_sp.jpg) center center no-repeat;
	background-size: cover;
}
.intro-sec-ttl {
	width: 220px;
	margin: 0 auto;
	margin-bottom: 25px;
}
.intro-sec-sttl {
	margin-bottom: 25px;
	font-size: 2.2rem;
	text-align: center;
	font-weight: 700;
	line-height: 1.6;
}
.intro-sec-lead {
	font-size: 1.4rem;
	line-height: 2.2;
	text-align: center;
}
.intro-sec-lead .br {
	display: inline-block;
}
.intro-sec-img-area {
	margin-bottom: 60px;
}
.intro-img-left {
}
.intro-img-right {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.intro-img-right li {
	width: calc(50% - 1px);
	margin-top: 2px;
}
.intro-img-right li:nth-child(odd) {
	margin-right: 2px;
}
.intro-btn-area {
	text-align: center;
}
.intro-menu-btn {
	display: inline-block;
	margin: 0 20px 0 0;
}
.intro-tabelog-btn {
	display: inline-block;
}

/* twitter-widget */
.twitter-widget {
	margin-bottom: 100px;
	padding: 0 60px;
}

/* yokocyoyaki-sec */
.yokocyoyaki-sec {
}
.yokocyoyaki-sec-text-area {
	margin-bottom: 80px;
	padding: 0 60px;
}
.yokochoyaki-ttl {
	width: 180px;
	margin-bottom: 40px;
}
.yokochoyaki-lead {
	margin-bottom: 50px;
	font-size: 1.4rem;
	line-height: 2.2;
}
.yokochoyaki-btn-area {
}
.yokocyoyaki-btn {
	margin-bottom: 15px;
}

/* yokocyoyaki-slide-area */
.yokocyoyaki-slide-area {
	margin-bottom: 80px;
	padding: 0 60px;
}
.yokocyoyaki-slide-area .slider {
	margin-bottom: 	2px;
}
.slider-thumbs li {
	text-align: left;
}
.slider-thumbs li .slider-thumbs-inner {
	margin-right: 10px;
}
.slick-track {
	float: left !important;
}

/* hozenji-yokocho-sec */
.hozenji-yokocho-sec {
	position: relative;
	margin-bottom: 140px;
}
.hozenji-yokocho-sec-ttl {
	position: absolute;
	top: 0;
	right: 80px;
	width: 60px;
	z-index: 10;
}
.hozenji-yokocho-sec-ttl .jpn {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: lr-tb;
	writing-mode: vertical-rl;
	vertical-align: top;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.2;
}
.hozenji-yokocho-sec-ttl .eng {
	padding-top: 2px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: lr-tb;
	writing-mode: vertical-rl;
	vertical-align: top;
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: 0.03em;
}
.hozenji-yokocho-slide-sec {
	padding-top: 96px;
}
.hozenji-yokocho-sec .slide-img {
	width: 100%;
}
.hozenji-yokocho-sec .slide-img li {
	width: 350px !important;
	height: auto;
}
.hozenji-yokocho-sec .slide-img img {
	width: 350px !important;
	height: auto;
}

/* access-sec */
.access-sec {
	margin-bottom: 140px;
}
.access-sec-ttl {
	margin-bottom: 70px;
	font-weight: 700;
	text-align: center;
}
.access-sec-ttl .jpn {
	display: block;
	font-size: 2.8rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
.access-sec-ttl .eng {
	display: block;
	font-size: 1.5rem;
	color: #EA8B1F;
	letter-spacing: 0.03em;
}
.access-sec-inner {
}
.access-map {
	margin-bottom: 70px;
}
.gmap {
	padding: 0;
}
.gmap iframe {
	width: 100%;
	height: 460px;
	vertical-align: bottom
}
.access-info {
	padding: 0 80px;
}
.access-info li {
	display: flex;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #F8EBDA;
	line-height: 1.8;
	letter-spacing: 0.03em;
}
.access-info .access-info-dt {
	width: 9em;
	padding-left: 5px;
	font-size: 1.3rem;
	font-weight: 700;
}
.access-info .access-info-dd {
	width: calc(100% - 9em);
	font-size: 1.3rem;
}
.access-info .access-info-dd p {
	margin-bottom: 10px;
}
.access-info .access-info-dd p:last-child {
	margin-bottom: 0;
}


} /* tablet end */






















































/* PC 960px - */
@media only screen and (min-width: 960px) {

/* header
----------------------------------------- */
#header {
	position: relative;
	height: 100%;
	min-height: 600px;
	overflow: hidden;
}

.main-visual-copy {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 572px;
	margin: -32px 0 0 -286px;
	padding: 0;
	text-align: center;
}
.main-visual-typo {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -20%;
}

.scroll-line {
	position: absolute;
	bottom: 40px;
	left: 50%;
	width: 40px;
	margin-left: -20px;
	padding-bottom: 62px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-align: center;
	transition: all .3s;
}
.scroll-line:hover {
	opacity: .6;
}
.scroll-line:hover {
	color: #fff;
}
.scroll-line::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 52px;
	background: url(../images/scroll-arrow_pc.png) 0 0 no-repeat;
	background-size: 40px 52px;
}

.main-visual-area {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#video-area {
	width: 100%;
	height: 100%;
}
#video-area img {
	display: none;
}
.mainvisual-movie {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
	z-index: -10;
}


/* contents
----------------------------------------- */
/* intro-sec */
.intro-sec {
	margin-bottom: 100px;
}
.intro-sec-text-area {
	padding: 130px 20px 100px;
	background: url(../../images/intro-bg_pc.jpg) center center no-repeat;
	background-size: cover;
}
.intro-sec-ttl {
	width: 354px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.intro-sec-sttl {
	margin-bottom: 35px;
	font-size: 2.6rem;
	text-align: center;
	font-weight: 700;
	line-height: 1.6;
}
.intro-sec-lead {
	font-size: 1.5rem;
	line-height: 2.2;
	text-align: center;
}
.intro-sec-lead .br {
	display: inline-block;
}
.intro-sec-img-area {
	display: flex;
	margin-bottom: 70px;
}
.intro-img-left {
	width: calc(50% - 1px);
	margin-right: 2px;
}
.intro-img-right {
	display: flex;
	flex-wrap: wrap;
	width: calc(50% - 1px);
	padding: 0;
}
.intro-img-right li {
	width: calc(50% - 1px);
	margin: 0 0 2px 0;
}
.intro-img-right li:nth-child(odd) {
	margin-right: 2px;
}
.intro-btn-area {
	text-align: center;
}
.intro-menu-btn {
	display: inline-block;
	margin: 0 20px 0 0;
}
.intro-tabelog-btn {
	display: inline-block;
}

/* twitter-widget */
.twitter-widget {
	width: 700px;
	margin: 0 auto 120px;
	padding: 0;
}

/* yokocyoyaki-sec */
.yokocyoyaki-sec {
	display: flex;
	max-width: 1600px;
	margin: 0 auto 130px;
}
.yokocyoyaki-sec-text-area {
	width: 52%;
	margin: 0;
	padding: 20px 8% 0;
}
.yokochoyaki-ttl {
	width: 180px;
	margin-bottom: 40px;
}
.yokochoyaki-lead {
	margin-bottom: 50px;
	font-size: 1.5rem;
	line-height: 2.2;
}
.yokochoyaki-btn-area {
}
.yokocyoyaki-btn {
	margin-bottom: 20px;
}

/* yokocyoyaki-sec-slide-area */
.yokocyoyaki-sec-slide-area {
	width: 48%;
}
.yokocyoyaki-slide-area {
	margin: 0;
	padding: 0;
}
.yokocyoyaki-slide-area .slider {
	margin-bottom: 	2px;
}
.slider-thumbs li {
	text-align: left;
}
.slider-thumbs li .slider-thumbs-inner {
	margin-right: 10px;
}
.slick-track {
	float: left !important;
}
.slider-thumbs-inner {
	cursor: pointer;
}

/* hozenji-yokocho-sec */
.hozenji-yokocho-sec {
	position: relative;
	margin-bottom: 160px;
}
.hozenji-yokocho-sec-ttl {
	position: absolute;
	top: 0;
	right: 220px;
	width: 80px;
	z-index: 10;
}
.hozenji-yokocho-sec-ttl .jpn {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.2;
}
.hozenji-yokocho-sec-ttl .eng {
	padding-top: 2px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	vertical-align: top;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 0.03em;
}
.hozenji-yokocho-slide-sec {
	padding-top: 105px;
}
.hozenji-yokocho-sec .slide-img {
	width: 100%;
}
.hozenji-yokocho-sec .slide-img li {
	width: 360px !important;
	height: auto;
}
.hozenji-yokocho-sec .slide-img img {
	width: 360px !important;
	height: auto;
}

/* access-sec */
.access-sec {
	margin-bottom: 170px;
}
.access-sec-ttl {
	margin-bottom: 75px;
	font-weight: 700;
	text-align: center;
}
.access-sec-ttl .jpn {
	display: block;
	font-size: 3.4rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
.access-sec-ttl .eng {
	display: block;
	font-size: 1.5rem;
	color: #EA8B1F;
	letter-spacing: 0.03em;
}
.access-sec-inner {
	display: flex;
	align-items: center;
}
.access-map {
	width: 58%;
	margin-bottom: 0;
}
.gmap {
	padding: 0;
}
.gmap iframe {
	width: 100%;
	height: 560px;
	vertical-align: bottom
}
.access-info {
	padding: 0 8%;
}
.access-info li {
	display: flex;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #F8EBDA;
	line-height: 1.6;
	letter-spacing: 0.03em;
}
.access-info .access-info-dt {
	width: 8em;
	padding-left: 10px;
	font-size: 1.4rem;
	font-weight: 700;
}
.access-info .access-info-dd {
	width: calc(100% - 8em);
	font-size: 1.4rem;
}
.access-info .access-info-dd p {
	margin-bottom: 10px;
}
.access-info .access-info-dd p:last-child {
	margin-bottom: 0;
}


} /* PC end */





















































/* PC:1201px - */
@media only screen and (min-width: 1201px) {

} /* PC end */