@charset "utf-8";

/* --------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------- */

/* ----------------------------------------
画像
---------------------------------------- */
#main .bnr-main {
	padding: 0 0 100px;
}
#main .bnr-main img {
	display: block;
}

/* ----------------------------------------
見出し
---------------------------------------- */
#main .heading {
	padding: 0 0 30px;
	line-height: 1.2;
}
#main .heading h2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#main .heading h2 .heading-en {
	display: block;
	font-weight: 700;
	font-size: 40px;
}
#main .heading h2 .heading-ja {
	display: block;
	font-weight: 500;
	font-size: 24px;
}

/* ----------------------------------------
見出し-a1
---------------------------------------- */
#main .heading-a1 {
}
#main .heading-a1 h2 {
	min-height: 150px;
	padding: 0 0 5px;

	text-align: center;
	background: url('../images/index/icon-title.png') no-repeat 50% 50%;
	background-size: auto 150px;
}
#main .heading-a1 h2 .heading-en {
	padding: 0 0 5px;
}
#main .heading-a1 h2 .heading-ja {
}

/* ----------------------------------------
見出し-a2
---------------------------------------- */
#main .heading-a2 {
}
#main .heading-a2 h2 {
	min-height: 150px;
	padding: 0 0 5px;

	text-align: center;
	background: url('../images/index/icon-title-left.png') no-repeat 50% 50%;
	background-size: auto 150px;
}
#main .heading-a2 h2 .heading-en {
	padding: 0 0 5px;
}
#main .heading-a2 h2 .heading-ja {
}

/* ----------------------------------------
見出し-b1
---------------------------------------- */
#main .heading-b1 {
	padding: 0 0 30px;
	line-height: 1.2;
}
#main .heading-b1 h2 {
	min-height: 150px;
	padding: 0 0 5px;
}
#main .heading-b1 h2 .heading-en {
	padding: 0 0 5px;
}
#main .heading-b1 h2 .heading-ja {
}

/* ----------------------------------------
もっと見るボタン
---------------------------------------- */
#main .btn-more {
	display: flex;
	justify-content: center;
}
#main .btn-more a {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 300px;
	height: 60px;
	border-radius: 60px;
	text-decoration: none;
	text-align: center;
	font-size: 24px;
	color: #fff;
	background: #933;
}





/* ----------------------------------------
NEWS
---------------------------------------- */
#main .news {
	padding: 0 0 110px;
}





/* ----------------------------------------
EVENT
---------------------------------------- */
#main .event {
	padding: 0 0 120px;
}
#main .event .recent ul li a {
	display: block;
	padding: 20px 20px 30px;
	text-decoration: none;
	border-radius: 10px;
	background: #fff;
}





/* ----------------------------------------
ARTIST
---------------------------------------- */
#main .artist {
	padding: 0 0 110px;
}
#main .artist h2 {

}





/* ----------------------------------------
AREA MAP
---------------------------------------- */
#main .area-map {
	padding: 0 0 75px;
}
#main .area-map .bnr-area-map img {
	display: block;
	margin: 0 auto;
}



/* ----------------------------------------
ACCESS
---------------------------------------- */
#main .access {
	padding: 0 0 70px;
}

/********** heading **********/
#main .access .heading {
	padding: 0 0 0;
}
#main .access .heading h2 {
	min-height: 130px;
}

/********** map-access **********/
#main .map-access {
	display: flex;
	justify-content: space-between;

	width: 100%;	
}

/* バナー */
#main .map-access .map {
	width: 600px;
}
#main .map-access .img-access {
	padding: 0 0 30px;
}

/* おかげ横丁アクセス */
#main .map-access .access-txt {
	width: 490px;
	margin: -10px 0 0;
}
#main .map-access .access-txt p {
	margin: 0 0 40px;
	line-height: 2.3;
}





/* ----------------------------------------
お問い合わせ
---------------------------------------- */

/********** heading **********/
#main .contact .heading {
	padding: 0 0 0;
}
#main .contact .heading h2 {
	min-height: 130px;
}
#main .contact .txt {
	text-align: center;
}
#main .contact .txt p {
	margin: 0 0 40px;
	line-height: 2.3;
}
#main .contact .btn-contact {
	display: flex;
	justify-content: center;
}
#main .contact .btn-contact a {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 380px;
	height: 60px;
	border-radius: 60px;
	text-decoration: none;
	text-align: center;
	letter-spacing: -0.1em;
	font-size: 24px;
	color: #fff;
	background: #369;
}