@charset "UTF-8";

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

/*-----------いい魚と、いい酒で、いい夜ができあがる*-----------*/

#txt2+section{
	overflow: visible;
	padding-top: 150px;
	padding-bottom: 80px;
}
#txt2+section .wrapper_item{
	position: relative;
}
#txt2+section .wrapper_item:before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	bottom: -100px;
	left: 0;
	background: url("/common/upload_data/kaisen-izakayajp/image/moon.png") no-repeat bottom left / 500px;
	pointer-events: none;
	z-index: 1;
}
#txt2+section .inner_item_txt{
	background: url("/common/upload_data/kaisen-izakayajp/image/m_3.jpg");
	opacity: 0.95;
	max-width: 500px !important;
	padding: 95px 0 !important;
	position: relative;
}
#txt2+section .inner_item_txt:before{
	position: absolute;
	display: block;
	content: "";
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	top: -5.6px;
	left: -5.6px;
	border: 1px solid rgba(255, 255, 255, 0.85);
	pointer-events: none;
}
#txt2+section p{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	width: 100%;
	display: flex;
	align-items: center;
	text-align: left !important;
	font-size: 3rem;
	line-height: 2.5;
	letter-spacing: 0.4rem;
	color: #232e4b;
}
@media screen and (max-width: 1200px){
	#txt2 + section .wrapper_item:before{
		background-size: 250px;
		background-position: bottom right;
		bottom: -60px;
	}
}
@media screen and (max-width: 800px){
	#txt2+section{
		padding-top: 80px;
		padding-bottom: 30px;
	}
	#txt2+section p{
		font-size: 2.5rem;
		white-space: nowrap
	}
}
@media screen and (max-width: 480px){
	#txt2 + section .wrapper_item:before{
		background-size: 200px;
	}
	#txt2 + section .inner_item_txt{
		padding: 65px 0 !important;
	}
}

/*-----------txtパーツ*-----------*/

#txt+section{
	padding-top: 120px;
	padding-bottom: 120px;
}
#txt+section:before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	background: -moz-linear-gradient(to bottom,transparent,rgba(48, 60, 98, 0.8) 30%,rgba(48, 60, 98, 0.9) 80%,transparent);
	background: -webkit-linear-gradient(to bottom,transparent,rgba(48, 60, 98, 0.8) 30%,rgba(48, 60, 98, 0.9) 80%,transparent);
	background: linear-gradient(to bottom,transparent,rgba(48, 60, 98, 0.8) 30%,rgba(48, 60, 98, 0.9) 80%,transparent);
	pointer-events: none;
}
#txt+section p{ 
	font-family: "Playfair Display", 'Noto Serif JP', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 2.2rem;
	line-height: 2.5;
	letter-spacing: 0.4rem;
}
@media screen and (max-width: 800px){
	#txt+section{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#txt + section p {
		font-size: 1.6rem;
		line-height: 2;
	}	
}

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

a[id^="k"]+section .heading.block_header_2 .h{
	color: #fff;
	font-size: 3.4rem;
	letter-spacing: 0.8rem;
}
a[id^="k"]+section .heading.block_header_2 p{
	color: #fff;
	font-size: 1.9rem;
	letter-spacing: 0.5rem;
}
@media screen and (max-width: 800px){
	a[id^="k"]+section .heading.block_header_2 .h{
		font-size: 2.5rem !important;
	}
	a[id^="k"]+section .heading.block_header_2 p{
		font-size: 1.8rem;
		letter-spacing: 0.3rem;
	}
}

/*----------- 当店について *-----------*/

@media screen and (min-width: 601px){
	#k1+section .inner_item_txt{
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	#k1+section .inner_item_txt .heading{
		margin-left: 40px;
	}
	#k1+section .inner_item_txt p{
		line-height: 3;
	}
	#k1+section .inner_item_img{
		margin-bottom: 80px;
	}
}

/*-----------  ごあいさつ  *-----------*/

#k2+section:before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	top: 50px;
	left: 250px;
	background: url("/common/upload_data/kaisen-izakayajp/image/ob1.png") no-repeat top center / 500px;
	z-index: -1;
	opacity: 0.5;
	pointer-events: none;
}
#k2+section .inner_item_img{
	position: relative;
}
#k2+section .inner_item_img:before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	top: 300px;
	left: -50px;
	background: url("/common/upload_data/kaisen-izakayajp/image/ob2_1.png") no-repeat bottom center / 500px;
	z-index: -1;
	pointer-events: none;
}
@media screen and (min-width: 901px){
	#k2+section .inner_item_txt{
		margin-top: 150px;
		margin-left: -50px;
	}
	#k2+section .inner_item_txt .heading{
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	#k2+section .inner_item_txt .heading{
		padding-left: 250px;
	}
	#k2+section .inner_item_txt>p{
		line-height: 3;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		margin-top: -150px;
	}
	#k2+section .inner_item_txt .contents_btn01{
		padding-top: 40px;
	}
}
@media screen and (max-width: 650px){
	#k2 + section .inner_item_img:before{
		top: 100px;
		left: -20px;
		background-size: 250px;
	}
	#k2 + section:before{
		top: 0;
		left: 0;
		background-size: 300px;
	}
}

/*----------- お品書き *-----------*/

#k3+section>div{
	display: flex;
	justify-content: flex-end;
}
#k3+section .heading.block_header_1{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	align-items: flex-start;
}
#k3+section .heading.block_header_1 .h{
	font-size: 2.2rem;
	margin-right: 15px;
	margin-top: 50px;
}
#k4+section{
	overflow: visible;
}
#k4+section>.content_wrapper{
	position: relative;
}
#k4+section>.content_wrapper:before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	bottom: -150px;
	right: 100px;
	background: url("/common/upload_data/kaisen-izakayajp/image/ob3.png") no-repeat bottom right / 400px;
	z-index: -1;
	pointer-events: none;
}
@media screen and (min-width: 901px){
	#k3+section>div{
		margin-right: 5%;
	}
	#k3+section .inner_item_img{
		margin-left: 5%;
	}
	#k4+section{
		margin-top: -110px;
	}
	#k4+section .inner_item_txt{
		padding-left: 50px;
		padding-top: 180px;
	}
	#k4+section .inner_item_txt>p{
		line-height: 3;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
}
@media screen and (max-width: 900px){
	#k3+section>div{
		flex-direction: column-reverse;
	}
	#k3+section .heading.block_header_1{
		width: 100%;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	#k4+section .inner_item_txt>p{
		text-align: center;
	}
}
@media screen and (max-width: 650px){
	#k4 + section > .content_wrapper::before{
		bottom: 100px;
		right: 10px;
		background-size: 200px;
	}
}

/*----------- 新着情報 *-----------*/

#news+div{
	max-width: 1200px;
	margin: auto;
}
#news+div:before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	top: 150px;
	left: 50px;
	background: url("/common/upload_data/kaisen-izakayajp/image/ob4.png") no-repeat top left  / 330px;
	z-index: -1;
	opacity: 0.8;
	pointer-events: none;
}
#news+div .heading.block_header_1{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	width: 100%;
	margin-bottom: 50px;
}
@media screen and (max-width: 800px){
	#news+div .heading.block_header_1{
		margin-bottom: 35px;
	}
}
@media screen and (max-width: 480px){
	#news+div:before{
		background-size: 50%;
		top: 0;
		opacity: 1;
	}
}

/*----------- よくある質問 *-----------*/

#k5+section .inner_item_img{
	position: relative;
}
#k5+section .inner_item_img:before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	top: -55px;
	left: 10px;
	background: url("/common/upload_data/kaisen-izakayajp/image/ob1.png") no-repeat top right / 400px;
	opacity: 1;
	pointer-events: none;
}
#k5+section .heading.block_header_2{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
#k5+section .heading.block_header_2 p{
	font-size: 2.2rem;
	margin-right: 15px;
	margin-top: 50px;
}
@media screen and (min-width: 901px){
	#k5+section .heading.block_header_2{
		margin-bottom: 40px;
	}
	#k5+section .contents_btn01 a{
		margin-top: 20px;
	}
}
@media screen and (max-width: 800px){
	#k5 + section .heading.block_header_2{
		margin-top: 50px;
		margin-bottom: 35px;
	}
	#k5+section .heading.block_header_2 p{
		font-size: 1.8rem;
	}
}
@media screen and (max-width: 650px){
	#k5 + section .inner_item_img::before{
		background-size: 250px;
		top: -35px;
	}
}

/*----------- ギャラリー *-----------*/

#g+section .content_wrapper{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	position: relative;
}
#g+section>.content_wrapper:before,
#g+section>.content_wrapper:after{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0.8;
	z-index: -1;
}
#g+section>.content_wrapper:before{
	top: -80px;
	left: 200px;
	background: url("/common/upload_data/kaisen-izakayajp/image/ob5.png") no-repeat top left / 250px;
}
#g+section>.content_wrapper:after{
	bottom: -10px;
	right: 150px;
	background: url("/common/upload_data/kaisen-izakayajp/image/ob6.png") no-repeat bottom right / 200px;
}
#g+section .heading.block_header_6{
	align-items: flex-start;
}
#g+section .heading.block_header_6 p{
	font-size: 2.2rem;
}
#g+section .inner_item_txt p{
	line-height: 2.5;
	margin-right: 35px;
	text-align: left !important;
}
@media screen and (max-width: 800px){
	#g+section{
		overflow: visible;
	}
	#g + section > .content_wrapper::before{
		top: -20px;
	}
	#g+section .heading.block_header_6 p{
		font-size: 1.8rem;
	}
}

/*----------- ブログ *-----------*/

#blog+div{
	max-width: 1200px;
	margin: auto;
	border-top: 1px dashed #6e7074;
	border-bottom: 1px dashed #6e7074;
}

/*----------- 当店の特徴 *-----------*/

#k7+section>div{
	display: flex;
	justify-content: flex-end;
}
#k7+section .heading.block_header_1{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	align-items: flex-start;
	position: relative;
}
#k7+section .heading.block_header_1:before{
	position: absolute;
	display: block;
	content: "";
	width: 369px;
	height: 233px;
	bottom: 0;
	left: -100px;
	background: url("/common/upload_data/kaisen-izakayajp/image/ob7.png") no-repeat bottom left / 280px;
	pointer-events: none;
	opacity: 0.7;
	z-index: -1;
}
#k7+section .heading.block_header_1 .h{
	font-size: 2.2rem;
	margin-right: 15px;
	margin-top: 50px;
}
#k6+section{
	overflow: visible;
}
#k6+section .inner_item_img{
	position: relative;
}
#k6+section .inner_item_img:before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	bottom: -300px;
	right: -250px;
	background: url("/common/upload_data/kaisen-izakayajp/image/ob2_1.png") no-repeat bottom right / 500px;
	pointer-events: none;
	opacity: 0.7;
	z-index: -1;
}
@media screen and (min-width: 901px){
	#k7+section>div{
		margin-right: 5%;
	}
	#k7+section .inner_item_img{
		margin-left: 5%;
	}
}
@media screen and (min-width: 901px){
	#k6+section .inner_item_txt{
		padding-left: 80px;
	}
	#k6+section .contents_btn01 a{
		margin-top: 20px;
	}
}
@media screen and (max-width: 900px){
	#k7+section>div{
		flex-direction: column-reverse;
	}
	#k7+section .heading.block_header_1{
		width: 100%;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	#k7 + section .heading.block_header_1::before{
		opacity: 0.7;
		left: auto;
		background-position: bottom center;
		background-size: 200px;
	}
	#k6 + section .inner_item_img::before{
		width: 400px;
		height: 638px;
		right: 0;
		background-size: 400px;
	}
}

/*----------- アクセス *-----------*/

.widget_shop01 dl:nth-of-type(1){
	border-top: 1px dashed #6e7074;
}
.widget_shop01 dl{
	border-bottom: 1px dashed #6e7074;
}

/*----------- 全体の余白 *-----------*/

@media screen and (max-width: 800px){
	.pb100{
		padding-bottom: 65px !important;
	}
	#k6+section{
		padding-top: 0px !important;
	}
	div.pt80,
	#k3+section,
	#g+section,
	.widget_shop01{
		padding-top: 0 !important;
	}
	#k5+section{
		padding-top: 40px !important;
	}
	#k7+section,
	#blog+div{
		padding-top: 65px !important;
	}
}