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


/* =============== header ============= */

body.home header {

	display: flex;
	justify-content: flex-end;
}


body.home header>.inner {
	width: 400px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

body.home header>.inner p {
	text-align: right;
	font-size: 1.6rem;
	margin-right: 16px;
	line-height: 1.2;
	font-family: "DINNextLTPro-Regular", "Roboto", sans-serif;
}


/* ========== global width ========== */
section#open_date_2020,
#box_data_service,
section[id^="sec_"] {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}



/* =============== open date ============= */

section#open_date_2020 {
	height: 0;
	position: relative;
}

section#open_date_2020>.inner {
	display: inline-block;
	width: auto;
	height: 130px;
	position: relative;
	top: -153px;
	padding-left: 190px;
	padding-top: 18px;
	margin-left: 16px;
}


section#open_date_2020 p,
section#open_date_2020 h2 {
	font-family: "DINNextLTPro-Light", "Roboto", sans-serif;
	text-transform: uppercase;
	line-height: 1.1;
}

section#open_date_2020 p.date {
	font-family: "DINNextLTPro-UltraLight", "Roboto", sans-serif;
	font-size: 15.5rem;
	position: absolute;
	top: 0;
	left: 0;
}

section#open_date_2020 p.date span.one,
section#open_date_2020 p.date span.week {
	color: #3ac3ff;
}

section#open_date_2020 p.date span.week {
	font-family: "DINNextLTPro-Light", "Roboto", sans-serif;
	font-size: 2.8rem;
	position: absolute;
	letter-spacing: 0;
	bottom: 2.3em;
	left: 3.8em;
	transform: rotate(-90deg);
}

section#open_date_2020 h2 {
	font-size: 5.6rem;
	font-family: "DINNextLTPro-UltraLight", "Roboto", sans-serif;
}

section#open_date_2020 p.date+p {
	font-size: 1.6rem;
	line-height: 1.4;
	padding-left: 0.2em;
	margin-top: 0.2em;
}





/* =============== kv ============= */


#box_kv {
	width: 100%;
	height: 700px;
	display: flex;
	justify-content: flex-end;
}

#box_kv>.inner {
	position: relative;
	width: 100%;
	height: 700px;
	overflow: hidden;
}

#box_kv>.inner ul {
	width: 2000px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
	background-color: #050505;
}


#box_kv>.inner li img {
	height: 100%;
	width: auto;
	vertical-align: bottom;
}


/* =============== text common ============= */

section .column>h2,
.box_design h3 {
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 2;
}


/* =============== concept design ============= */

#sec_concept {}

#sec_concept>.inner.cafe_concept {
	display: flex;
	justify-content: space-between;
}


#sec_concept>.inner.cafe_concept figure {
	width: 463px;
}

#sec_concept>.inner.cafe_concept>.column {
	box-sizing: border-box;
	width: 703px;
	margin-left: 84px;
	margin-top: 84px;
}

#sec_concept>.inner.cafe_concept p.label_bk {
	margin-top: 48px;
}

#sec_concept .box_text {
	margin-top: 40px;
}

#sec_concept>.inner.cafe_concept .box_text {
	width: 70%;
}


#sec_concept .box_text p {
	font-size: 1.4rem;
	line-height: 1.6;
	margin-top: 1.4em;
	font-weight: 400;
}



/* DATA-SERVICE */

#box_data_service {
	background-color: #050505;
	margin-top: 58px;
	box-sizing: border-box;
	color: #fff;
	padding: 20px;
	padding-bottom: 44px;
}

#box_data_service>.inner {
	width: 97%;
	margin: 28px auto 0 auto;
	display: flex;
	justify-content: center;
	padding-bottom: 20px;
}

#box_data_service h3 {
	color: #3ac3ff;
	font-family: "DINNextLTPro-Regular", "Roboto", sans-serif;
	font-size: 1.6rem;
}

#box_data_service .inner dl,
#box_data_service .inner ul {
	display: flex;
}

#box_data_service .inner ul {
	border-left: 1px solid #aaa;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 30px;
}

#box_data_service .inner ul li {
	font-size: 2.2rem;
	padding-left: 48px;
	margin-left: 40px;
	position: relative;
}


#box_data_service .inner ul li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 31px;

	background-image: url(/assets_common/icon_utility.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
}


#box_data_service .inner ul li.smoke {
	padding-left: 41px;
}

#box_data_service .inner ul li.smoke::before {
	width: 34px;
	background-position: -127px 0;
}

#box_data_service .inner ul li.ac::before {
	background-size: auto 120%;
	background-position: -204px -3px;
}


#box_data_service .inner ul li.wifi::before {
	background-position: -210px 0;
}




#box_data_service>p {
	text-align: center;
	font-size: 1.6rem;
	margin-top: 1em;
	line-height: 1.8;
}

#box_data_service>p small {
	font-size: 1.2rem;
	margin-left: 1.5em;
}

#box_data_service dl {
	align-items: flex-end;
}


#box_data_service dl dt {
	font-size: 1.4rem;
	position: relative;
	top: -0.65em;
	margin-right: 0.5em;
}

#box_data_service dl dd {
	line-height: 1;
	font-size: 4.8rem;
	font-family: "DINNextLTPro-Light", "Roboto", sans-serif;
}

#box_data_service dl dd small {
	font-size: 3.2rem;
	margin-right: 0.2em;
}

#box_data_service dl dd:nth-of-type(1) small {
	font-size: 3.6rem;
}



#box_data_service dl dd span {
	font-size: 1.2rem;
	line-height: 1.3;
	display: inline-block;
}

#box_data_service dl dd:nth-of-type(1) span {
	font-size: 1.8rem;
	margin-left: -0.6em;
}

#box_data_service dl dd:nth-of-type(2) {}


/* gallery */

#sec_concept .box_gallery {
	margin-top: 58px;
}


#sec_concept .box_gallery ul {
	width: 100%;
	height: 677px;
	position: relative;
	box-sizing: border-box;
	padding-left: 489px;
}

#sec_concept .box_gallery ul li {
	position: relative;
	z-index: 0;
	line-height: 0.5;
}

#sec_concept .box_gallery ul li img {
	position: relative;
	z-index: 0;
	width: 100%;
}

#sec_concept .box_gallery ul li:nth-of-type(1) {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px;
	height: auto;
}




/* caption */
#sec_concept .box_gallery ul li span {
	display: inline-block;
	position: absolute;
	line-height: 1.2;
	left: 14px;
	bottom: 10px;
	font-size: 1.2rem;
	color: #444;
	font-family: "DINNextLTPro-Light", "Roboto", sans-serif;

}



#sec_concept .box_gallery ul li:nth-of-type(2) {
	margin-bottom: 33px;
}

#sec_concept .box_gallery ul li:nth-of-type(3) {
	margin-right: 32px;
}

#sec_concept .box_gallery ul li:nth-of-type(3),
#sec_concept .box_gallery ul li:nth-of-type(4) {
	width: calc((100% - 32px) / 2);
	display: inline-block;
}

/* box_design */

#sec_concept .box_design {
	padding-top: 90px;
	text-align: center;
}

#sec_concept .box_design .main_image {
	margin-top: 58px;

}

#sec_concept .box_design h3 {
	margin-top: 80px;
}

#sec_concept .box_design .box_text {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#sec_concept div.box_gallery_mini {
	margin-top: 70px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

#sec_concept div.box_gallery_mini ul,
#sec_goods_shop div.box_gallery ul {
	display: flex;
	justify-content: space-between;
}

#sec_concept div.box_gallery_mini ul li,
#sec_goods_shop div.box_gallery ul li {
	width: calc((100% - 52px * 3) / 4);
}






/* ============ menu ============= */

section#sec_menu {
	margin-top: 145px;
}


section#sec_menu .inner_header {
	width: 100%;
	border-bottom: 7px solid #050505;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	border-left: 6px solid #050505;
	box-sizing: border-box;
}

section#sec_menu .inner_header+p.notice {
	margin-top: 0.5em;
	font-size: 1.3rem;
	color: #666;
	text-align: right;
}

section#sec_menu h2 {
	width: 40%;
	box-sizing: border-box;
	font-size: 2.7rem;
	line-height: 1;
	font-family: "DINNextLTPro-Medium", "Roboto", sans-serif;
	border-top: 7px solid #050505;
	border-right: 6px solid #050505;
	padding: 40px 0 8px 64px;
	margin-bottom: 7px;
	position: relative;
	z-index: 0;
}

section#sec_menu h2::before,
section#sec_menu h2::after {
	content: "";
	display: block;
	background-color: #050505;
	position: absolute;
	bottom: 8px;
	width: 17px;
	height: 40px;
}


section#sec_menu h2::before {
	left: 20px;
	background-color: #9ce1ff;
	transform: skewY(20deg);
}

section#sec_menu h2::after {
	left: 37px;
	transform: skewY(-20deg);
}




section#sec_menu .inner_header p {
	font-family: "DINNextLTPro-Italic", "Roboto", sans-serif;

	text-align: right;
	padding-bottom: 0.3em;
	font-size: 1.8rem;
	line-height: 1.2;
}

section#sec_menu .inner>ul {
	display: flex;
	justify-content: space-between;
	margin-top: 18px;
}


section#sec_menu .inner>ul>li {
	width: calc((100% - 52px * 4) / 5);
}



section#sec_menu .inner>ul>li figure {
	margin-bottom: 20px;

}


/*section#sec_menu .inner>ul>li:last-of-type figure {
		display: block;
		width: 100%;
		height: 208px;
		background-color: #cccccc;
		display: flex;
		justify-content: center;
		align-items: center;
}*/

/*section#sec_menu ul li:last-of-type figure span {
	display: block;
	font-size: 2rem;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	padding-left: 29px;
}*/

/*section#sec_menu ul li:last-of-type figure span::before,
section#sec_menu ul li:last-of-type figure span::after {
	content: "";
	display: block;
	width: 2px;
	height: 28px;
	background-color: #fff;
	position: absolute;
	top: -1px;
	left: 7px;
}

section#sec_menu ul li:last-of-type figure span::after {
	transform: rotate(90deg);
}*/



section#sec_menu ul li h3,
section#sec_menu .inner>ul>li:last-of-type p {
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: 500;
}

section#sec_menu ul li h3 {
	font-feature-settings: "palt" 1;
	letter-spacing: 0.05em;
}


section#sec_menu .inner>ul>li p.price small {
	font-size: 1rem;
	position: relative;
	left: -0.15em;
}


section#sec_menu .inner>ul>li>h3+p {
	font-size: 2rem;
	line-height: 1.3;
	margin-top: 0.7em;
	font-family: "DINNextLTPro-Regular", "Roboto", sans-serif;
}

section#sec_menu .inner>ul>li>p.expl {
	font-size: 1.2rem;
	line-height: 1.9;
	margin-top: 0.7em;
}


section#sec_menu .inner>ul>li:last-of-type p:last-child {
	font-size: 1.2rem;
	margin-top: 0.7em;
}

section#sec_menu .inner>ul>li:last-of-type p:last-child a {
	display: block;
	margin-top: 0.65em;
}


section#sec_menu .inner>ul ul.btn_menu {
	width: 100%;
	height: 199px;
	background-color: #f5f5f5;
	color: #fff;
	margin-bottom: 17px;
}

section#sec_menu .inner>ul ul.btn_menu li {
	/* height: 50%; */
	height: 100%;
	font-size: 1.7rem;
	line-height: 1;
	position: relative;
}

section#sec_menu .inner>ul ul.btn_menu li a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #050505;
	position: relative;
}

section#sec_menu .inner>ul ul.btn_menu li:nth-of-type(1) a {
	background-color: #11c4eb;
	color: #050505;
}

section#sec_menu .inner>ul ul.btn_menu li:nth-of-type(2) a {
	color: #11c4eb;
}


section#sec_menu .inner>ul ul.btn_menu li span {
	display: inline-block;
	font-family: "DINNextLTPro-Regular", "Roboto", sans-serif;
	width: 7em;
	letter-spacing: 0.05em;
	padding-left: 36px;
	position: relative;
	padding-top: 0.3em;
}

section#sec_menu .inner>ul ul.btn_menu li span::before {
	width: 24px;
	height: 27px;
	display: block;
	content: "";
	position: absolute;
	top: 6px;
	left: 6px;

	background-image: url(/assets_common/icon_utility.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: -221px 0;
}


section#sec_menu .inner>ul ul.btn_menu li:nth-of-type(1) span::before {
	background-position: -249px 0;
}

section#sec_menu .inner>ul ul.btn_menu li a:hover {
	animation-name: pulse;
	animation-duration: 0.5s;
}



/* ============ info ============= */
#sec_info {
	margin-top: 125px;
}


#sec_info a {
	color: #0c56c9;
	text-decoration: underline;
}


#sec_info .inner {
	margin-top: 24px;
}

#sec_info .inner>section,
#sec_info .inner>ul {
	background-color: #f7f7f7;
}

#sec_info .inner>section,
#sec_info .inner>ul>li {
	border-top: 4px solid #fff;
	box-sizing: border-box;
	/*padding: 34px;*/
	position: relative;
	/*	padding-left: 174px;
	position: relative;
	min-height: 174px;
	padding-bottom: 54px;*/
}

#sec_info .inner>ul>li>a {
	display: block;
	color: #111;
	box-sizing: border-box;
	min-height: 174px;
	padding: 34px 34px 34px 174px;
	transition: 0.3s;
	text-decoration: none;
}

#sec_info .inner.archive>ul>li a:hover {
	background-color: #2fd8f7;
}

#sec_info figure.thumb {
	position: absolute;
	top: 34px;
	left: 34px;
	width: 107px;
	height: 107px;
	background-color: #fff;
}

#sec_info figure.thumb span {
	position: absolute;
	display: block;
	width: 49px;
	height: 49px;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0.3;
}

#sec_info figure.thumb span img {
	max-width: initial;
	max-width: auto;
	height: 49px;
	width: auto;
}

#sec_info figure.post_thumbnail {}

#sec_info figure.post_thumbnail img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	object-fit: cover;
}


#sec_info figure.thumb span {
	width: 49px;
	height: 49px;
	opacity: 0.3;
}

#sec_info .inner>ul>li.all>figure span img {
	width: 100%;
	height: 100%;
}



#sec_info p.date {
	font-size: 1.8rem;
	color: #2c94c2;
	font-family: "DINNextLTPro-Regular", "Roboto", sans-serif;
	padding-top: 0.2em;

}



#sec_info h4 {
	font-size: 2rem;
	margin-top: 0.5em;
	border-left: 3px solid #333;
	padding-left: 0.5em;
	margin-left: 0.2em;
	margin-bottom: 0.8em;
	font-weight: 500;
}

/* #sec_info .kf_info h3, */
#sec_info h5 {
	margin-top: 2.5em;
	font-size: 1.8rem;
	font-weight: 500;
	position: relative;
	line-height: 1.4;
}

/* #sec_info .kf_info h3 {
	font-family: "Noto Sans JP", system-ui, sans-serif;
	text-align: left;
} */

/* #sec_info .kf_info h3::before, */
#sec_info h5::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: #11c4eb;
	margin-right: 0.3em;
}

#sec_info section>h6,
#sec_info ul>li>h6 {
	margin-top: 1.5em;
	font-size: 1.6rem;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.3em;
}

#sec_info .inner>ul>li h4+p {
	margin-top: 0em;
}



#sec_info .inner>section p,
#sec_info .inner>ul>li p,
#sec_info .inner>ul>li li {
	font-size: 1.5rem;
	line-height: 1.8;
	margin-top: 0.6em;
}

#sec_info .archive p.date,
body.home #sec_info p.date {
	margin-top: 0;
}

#sec_info .inner>section figure,
#sec_info .inner>ul>li figure {
	margin-top: 24px;
}

#sec_info .archive figure.thumb {
	margin-top: 0;
}

body.home #sec_info .inner>ul>li figure {
	margin-top: 0;
}

#sec_info .inner>section figure+p,
#sec_info .inner>ul>li figure+p {
	margin-top: 32px;
}

#sec_info .inner>section p.notice,
#sec_info .inner>ul>li p.notice {
	font-size: 1.3rem;
}

#sec_info .inner>section p a,
#sec_info .inner>ul>li p a {
	text-decoration: underline;
	color: #1122fa;
}

#sec_info .inner>section p strong,
#sec_info .inner>ul>li p strong {
	font-weight: 500;
}

#sec_info .inner>section p strong.red,
#sec_info .inner>ul>li p strong.red {
	color: #fe3a3a;
}

#sec_info .inner>section p strong.inline_sttl::after,
#sec_info .inner>ul>li p strong.inline_sttl::after {
	content: ":";
	margin: 0 0.3em 0 0.3em;
}

#sec_info ul.block_list {
	margin-top: 1.3em;
}

#sec_info ul.block_list li {
	display: inline-block;
	border: 2px solid #333;
	font-size: 1.7rem;
	font-weight: 500;
	vertical-align: bottom;
	padding: 0.4em 1.3em 0.5em 1.3em;
	margin-right: 0.3em;
	margin-bottom: 12px;
}

#sec_info ul.block_list li small {
	font-size: 1.2rem;
	margin-left: 1em;
}


#sec_info .inner>ul>li.strike h4,
#sec_info .inner>ul>li.strike h5,
#sec_info .inner>ul>li.strike h6,
#sec_info .inner>ul>li.strike p {
	text-decoration: line-through;
}


#sec_info div.tbl {
	display: flex;
	flex-wrap: wrap;
	margin-top: 16px;
}

#sec_info div.tbl,
#sec_info div.tbl>dl,
#sec_info div.tbl>dl>dt,
#sec_info div.tbl>dl>dd,
#sec_info div.tbl>p:first-child {
	box-sizing: border-box;
	padding: 0.7em;
	line-height: 1.6;
}

#sec_info div.tbl {
	padding: 0;
}

#sec_info div.tbl>dl {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;

	display: flex;
	flex-wrap: wrap;
	width: 85%;
	padding: 0;
}





#sec_info div.tbl p+dl {
	border-left: none;
}


#sec_info div.tbl>dl>dt,
#sec_info div.tbl>dl>dd {
	font-size: 1.6rem;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}

#sec_info div.tbl>dl>dt,
#sec_info div.tbl>dl>dd {
	padding-left: 1.2em;
	padding-right: 1.2em;
	padding-bottom: 1.5em;
}

#sec_info div.tbl>p:first-child {
	width: 15%;
	border: 1px solid #ccc;
	margin: 0;
	border-right: none;
	border-right: 1px solid #ccc;
	font-weight: bold;
	background-color: #111;
	color: #fff;
}

#sec_info div.tbl>p+dl {
	width: calc(85% - 15%);
}


#sec_info div.tbl>dl>dt {
	width: 30%;
}

#sec_info div.tbl.nosttl>dl>dt {
	font-weight: 500;
	background-color: #c7f3fd;
}


#sec_info div.tbl>dl>dd {
	width: 70%;
}


#sec_info div.tbl.c4 dt {
	width: 16%;
	font-weight: 500;
	line-height: 1.3;
}

#sec_info div.tbl.c4 dt+dd {
	width: 30%;
	font-weight: 500;
}

#sec_info div.tbl.c4 dt+dd+dd,
#sec_info div.tbl.c4 dt+dd+dd+dd {
	width: 27%;
}


#sec_info div.tbl dt small {
	font-size: 1.2rem;
}




#sec_info .inner>ul>li p.photos {
	display: flex;
	max-width: 95%;
	margin-top: 28px;
}


#sec_info p.photos>img {
	height: 240px;
}

#sec_info .inner>ul>li>ul {
	margin-top: 1.6em;
}

#sec_info .inner>ul>li>ul:not(.photo):not(.block_list)>li {
	position: relative;
	padding-left: 2em;
}

#sec_info .inner>ul>li ul:not(.photo):not(.block_list) li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.8em;
	left: 1.2em;
	width: 0.3em;
	height: 0.3em;
	border-radius: 12px;
	background-color: #555;
}


#sec_info div.tbl>dl dl {
	font-size: 1.4rem;
	margin: 1em 0 1.5em 0;
}

#sec_info div.tbl>dl dl dt {
	font-weight: 500;
	margin-top: 2em;
	margin-bottom: 0.3em;
}

#sec_info div.tbl>dl dl dt:nth-of-type(1) {
	margin-top: 1.5em;
}

#sec_info div.tbl>dl>dd h6 {
	font-weight: 500;
	margin-top: 2em;
}

#sec_info div.tbl>dl>dd h6>span {
	display: inline-block;
	background-color: #222;
	padding: 0.1em 1em 0.2em 1em;
	color: #fff;
	font-size: 1.4rem;
	border-radius: 3px;
}

#sec_info div.tbl>dl>dd h6:first-child {
	margin-top: 1em;
}


#sec_info div.tbl>dl>dd .frame {
	background-color: #f3f3f3;
	border-radius: 8px;
	padding: 1em 1.3em 1.3em 1.3em;
	list-style-type: none;
	counter-reset: number;
}

#sec_info div.tbl>dl>dd .frame li {
	padding-left: 2.2em;
	text-indent: -2.2em;
}

#sec_info div.tbl>dl>dd .frame li:before {
	counter-increment: number;
	content: counter(number)"";

	display: inline-block;
	background-color: #222;
	width: 1.7em;
	color: #fff;
	text-align: center;
	margin-right: 0.5em;
	text-indent: 0;
}

#sec_info div.tbl>dl>dd figure {
	margin-top: 1em;
}


#sec_info ul.photo {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

#sec_info ul.photo small {
	padding-top: 0.3em;
	display: block;
	font-size: 1.2rem;
}


/* 2020-07-28 */

div.kf_info table {
	border: 1px solid #aaa;
	background-color: #fff;
	margin-top: 28px;
	width: auto;
	/*width: 100%;*/
}

div.kf_info table,
div.kf_info table th,
div.kf_info table td {
	font-size: 1.4rem;
	line-height: 1.5;
	box-sizing: border-box;
}

div.kf_info table th,
div.kf_info table td {
	padding: 0.7em 0.7em 0.7em 0.7em;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	vertical-align: middle;
}

div.kf_info table tbody.center td,
div.kf_info table tbody.center th {
	text-align: center;
}

div.kf_info table th.w20p {
	width: 20%;
}

div.kf_info table thead th,
div.kf_info table.side_line th,
div.kf_info table thead td {
	background-color: #d2f0f8;
	font-weight: 500;
}

div.kf_info table thead td {
	background-color: #edf1f2;
	text-align: center;
}

div.kf_info table thead td:nth-of-type(1) {
	width: 10%;
}

div.kf_info table thead td:nth-of-type(2),
div.kf_info table thead td:nth-of-type(3) {
	width: 45%;
}

div.kf_info table tbody.half tr td {
	text-align: center;
}



/* ============ AZZURRO NERO ============= */

#sec_goods_shop {
	margin-top: 132px;
}

#sec_goods_shop h3 {
	width: 165px;
	margin: 0 auto 0 auto;
}


#sec_goods_shop h3+p {
	font-size: 1.8rem;
	font-weight: 600;
	text-align: center;
	margin-top: 48px;
	margin-bottom: 45px;
}


#sec_goods_shop div.box_gallery ul,
#sec_goods_shop p.btn_box_more {
	margin-top: 53px;
}

/* 20-06-01 banner space */

div#box_top_banner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 0;
}

div#box_top_banner>p {
	width: 434px;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 24px;
}

div#box_top_banner>p a {
	transition: 0.3s;
}

div#box_top_banner>p a:hover {
	opacity: 0.7;
}



/* 2020-06-01 */

div#box_head_notice {
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
}

div#box_head_notice p {
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.2;
}

div#box_head_notice p a {
	display: inline-block;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #999;
}

div#box_head_notice p a:hover {
	color: #18b4d2;
}


/**/
/**/
/**/
/**/
/**/
/**/
/**/

/* ====================================== */
/* ========== responsive =========== */
/* ====================================== */

/**/





/* ===== 1024px（pc）以内 ===== */
@media (max-width: 1024px) {

	/* mq start */


	/* ========== global width ========== */
	section[id^="sec_"] {
		width: 88%;
		max-width: 1024px;

	}




	/*concept*/
	#sec_concept>.inner.cafe_concept>.column {
		width: 750px;
		margin-left: 44px;
		margin-top: 44px;
	}


	#sec_concept>.inner.cafe_concept .box_text {
		width: 100%;
	}

	#sec_concept>.inner.cafe_concept figure {
		width: 420px;
	}

	/* DATA-SERVICE */
	#box_data_service {
		padding: 14px;
	}

	#box_data_service>.inner {
		width: 99%;
		padding-bottom: 20px;
	}

	#box_data_service .inner ul {
		margin-left: 20px;
	}


	#box_data_service .inner ul li {
		font-size: 1.6rem;
		margin-left: 20px;
	}

	#box_data_service>p small {
		font-size: 1.1rem;
	}

	#box_data_service dl dt {
		font-size: 1.2rem;
	}


	#box_data_service dl dd {
		font-size: 3.2rem;
	}

	#box_data_service dl dd small {
		font-size: 2.4rem;
	}

	#box_data_service dl dd:nth-of-type(1) small {
		font-size: 1.3rem;
	}

	#box_data_service dl dd:nth-of-type(1) span {
		font-size: 1.4rem;
		margin-left: -0.3em;
	}


	#box_data_service dl dd span {
		font-size: 1.1rem;
	}


	/* gallery */

	#sec_concept .box_gallery {
		margin-top: 48px;
	}


	#sec_concept .box_gallery ul {
		padding-left: 366px;
	}


	#sec_concept .box_gallery ul li:nth-of-type(1) {
		width: 330px;
	}

	#sec_concept .box_gallery ul li:nth-of-type(3),
	#sec_concept .box_gallery ul li:nth-of-type(4) {
		width: 48.5%;
	}

	/* box_design */

	#sec_concept .box_design {
		padding-top: 70px;
		text-align: center;
	}


	#sec_concept .box_design .box_text,
	#sec_concept div.box_gallery_mini {
		width: 93%;
	}

	#sec_concept div.box_gallery_mini {
		margin-top: 50px;
	}

	/* menu */

	section#sec_menu {}

	section#sec_menu .inner>ul {
		flex-wrap: wrap;
	}


	section#sec_menu .inner>ul>li {
		width: calc((100% - 30px * 3) / 4);
	}


	section#sec_menu .inner>ul>li:last-of-type {
		width: 70%;
		margin: 0 auto 0 auto;
		margin-top: 54px;
		text-align: center;
	}


	section#sec_menu .inner>ul ul.btn_menu {
		display: flex;
		height: 70px;
		justify-content: space-between;
	}

	section#sec_menu .inner>ul ul.btn_menu li {
		height: 100%;
		width: 100%;
		/* width: 50%; */
	}


	/*section#sec_menu ul li:last-of-type figure{
		width: 40%;
		height: auto;
		padding: 1.6em;
		margin-right: 24px;
	}*/


	section#sec_menu .inner>ul>li:last-of-type p br {
		display: none;
	}


	/* ============ info ============= */
	#sec_info {
		margin-top: 75px;
	}


	/* =============== kv ============= */


	#box_kv {
		width: calc(100% - 55px);
		box-sizing: border-box;
		margin-left: 55px;
		height: 550px;
	}

	#box_kv>.inner {
		height: 550px;
	}



	#box_kv>.inner ul {
		margin-left: -479px;
		height: 550px;
	}


	#box_kv>.inner ul li {
		height: 550px;
	}





	/* mq end */

}



/* ===== 768px（sp）以内 ===== */

@media (max-width: 768px) {

	/* mq start */

	.pc {
		display: none;
	}

	.sp {
		display: inline;
	}



	#box_header header {
		padding-left: 5vw;
		padding-right: 25px;
	}

	body.home header>.inner {
		width: 500px;
	}



	/* ========== global width ========== */

	#contents_main {
		min-width: 100%;
		box-sizing: border-box;
	}

	section#open_date_2020,
	#box_data_service,
	section[id^="sec_"] {
		max-width: initial;
		margin: 0;
		width: 100%;
	}







	/* =============== kv ============= */


	#box_kv {
		width: 100%;
		overflow: hidden;
		height: 230px;
		margin-left: 0;
	}

	#box_kv>.inner {
		width: 100%;
		height: 230px;
	}

	#box_kv>.inner ul,
	#box_kv>.inner ul li {
		height: 230px;
	}


	#box_kv>.inner ul {
		margin-left: -50vw;
	}


	/* =============== text common ============= */

	section .column>h2,
	.box_design h3 {
		font-size: 1.6rem;
		line-height: 1.8;
	}


	/* ========== global width ========== */
	section#open_date_2020,
	#box_data_service,
	section[id^="sec_"] {
		width: 100%;
		max-width: initial;
		margin: 0;
	}



	/* =============== concept design ============= */

	#sec_concept {}


	#sec_concept>.inner.cafe_concept {
		display: block;
		width: 100% !important;
	}


	#sec_concept>.inner.cafe_concept figure {
		display: none;
	}


	#sec_concept>.inner.cafe_concept>.column {
		width: 90vw;
		margin-left: 0;
		margin-top: 34px;
		margin-left: auto;
		margin-right: auto;
	}

	/* gallery */

	#sec_concept .box_gallery {
		margin-top: 58px;
	}


	#sec_concept .box_gallery ul {
		padding-left: 0;
		height: auto;
	}


	#sec_concept>.inner.cafe_concept p.label_bk {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 65%;
	}



	/* data_service */

	#box_data_service h3 {
		text-align: center;
	}

	#box_data_service {
		margin-top: 40px;
		width: 90vw;
		margin-left: auto;
		margin-right: auto;
	}



	#box_data_service>.inner {
		margin: 15px auto 0 auto;
		display: block;
	}


	#box_data_service .inner dl,
	#box_data_service .inner ul {
		display: block;
		text-align: center;
	}

	#box_data_service .inner ul {
		border-left: none;
		padding-top: 20px;
		padding-bottom: 0px;
		margin-left: 0;
		margin-top: 20px;
		border-top: 1px solid #aaa;
	}


	#box_data_service .inner ul li {
		font-size: 1.8rem;
		display: inline-block;
		padding-left: 48px;
		margin-left: 0;
		margin-bottom: 16px;
	}

	#box_data_service .inner ul li:nth-of-type(1) {
		margin-right: 14px;
	}


	#box_data_service>p {
		font-size: 1.4rem;
		line-height: 1.8;
	}

	#box_data_service>p small {
		display: block;
		margin-top: 10px;
	}


	#box_data_service dl dt {
		font-size: 1.6rem;
		top: 0;
		margin-right: 0em;
		padding-bottom: 0.5em;
		margin-top: 1em;
	}

	/* gallery */

	#sec_concept .box_gallery {
		margin-top: 45px;
		width: 90vw;
		margin-left: auto;
		margin-right: auto;
	}

	#sec_concept .box_gallery ul {
		padding-left: 0;
	}

	#sec_concept .box_gallery ul li:nth-of-type(1) {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		margin-bottom: 12px;
	}

	#sec_concept .box_gallery ul li:nth-of-type(3),
	#sec_concept .box_gallery ul li:nth-of-type(4) {
		width: 100%;
	}

	#sec_concept .box_gallery ul li:nth-of-type(3) {
		margin-bottom: 12px;
	}

	#sec_concept .box_design h3 {
		margin-top: 40px;
	}


	#sec_concept .box_design h3,
	#sec_concept .box_design .box_text {
		width: 90vw;
		margin-left: auto;
		margin-right: auto;
	}


	#sec_concept div.box_gallery_mini ul,
	#sec_goods_shop div.box_gallery ul {
		flex-wrap: wrap;
	}


	#sec_concept div.box_gallery_mini {
		margin-top: 24px;
	}


	#sec_concept div.box_gallery_mini ul li,
	#sec_goods_shop div.box_gallery ul li {
		width: calc((100% - 4vw * 1) / 2);
		margin-top: 4.5vw;
	}


	/* ============ menu ============= */

	section#sec_menu {
		margin-top: 75px;
		width: 90vw;
		margin-left: auto;
		margin-right: auto;
	}

	section#sec_menu .inner_header {
		border-bottom: 5px solid #050505;
		border-left: 5px solid #050505;
	}

	section#sec_menu .inner_header p {
		font-size: 1.4rem;
		width: 40%;
	}

	section#sec_menu h2 {
		font-size: 2.4rem;
		width: 50%;
		border-top: 5px solid #050505;
		border-right: 5px solid #050505;
		padding: 40px 22px 8px 64px;
	}


	section#sec_menu .inner>ul>li {
		width: calc((100% - 5vw * 1) / 2);
	}

	section#sec_menu .inner>ul>li:last-of-type {
		margin-top: 32px;
		width: 100%;
		display: block;
	}


	/*section#sec_menu ul li:last-of-type figure{
	width: auto;
	height: auto;
	padding: 1.2em 1.6em 1.2em 1.6em;
	margin-right: 0;
	}*/


	section#sec_menu .inner>ul>li:last-of-type p br {
		display: none;
	}



	section#sec_menu .inner>ul ul.btn_menu {
		height: auto;
	}

	section#sec_menu .inner>ul ul.btn_menu li {
		font-size: 1.5rem;
	}



	section#sec_menu .inner>ul ul.btn_menu li span {
		padding: 54px 0 15px 0;
	}

	section#sec_menu .inner>ul ul.btn_menu li span::before {
		left: 50%;
		margin-left: -13px;
		top: 16px;
	}


	/* ============ Access ============= */

	#sec_access>.inner {
		color: #fff;
		display: block;
		margin-top: 12px;
	}

	#sec_access>.inner>div {
		width: 100%;
	}

	#sec_access div#gmap {
		background-color: #333;
		height: 100vw;
	}

	#sec_access>.inner>div#box_address {
		padding: 7vw;
	}

	#box_address dd p small {
		top: auto;
		margin-left: 0;
	}

	/* ============ info ============= */
	#sec_info {
		margin-top: 65px;
	}

	#sec_info .inner>section,
	#sec_info .inner>ul>li {
		border-top: 4px solid #fff;
		padding: 0;
		min-height: initial;
		min-height: auto;
	}

	#sec_info .inner>ul>li>a {
		padding: 7vw;
	}

	#sec_info .inner>section figure.thumb,
	#sec_info .inner>ul>li figure.thumb {
		position: relative;
		top: auto;
		left: auto;
		width: 87px;
		height: 87px;
		margin: 0 auto;

	}

	#sec_info h4 {
		font-size: 1.8rem;
		text-align: center;
		padding-top: 0.6em;
		padding-bottom: 0.6em;
	}


	#sec_info ul.block_list li {
		display: block;
		text-align: center;
	}

	#sec_info ul.block_list li small {
		display: block;
	}


	#sec_info .inner>ul>li p.photos {
		max-width: 100%;
		flex-wrap: wrap;
	}


	#sec_info p.photos>img {}



	/* 2020-05-28 */


	#sec_info div.tbl dt,
	#sec_info div.tbl dd {
		font-size: 1.4rem;
	}


	#sec_info div.tbl>p:first-child {
		width: 100%;
	}

	#sec_info div.tbl dl {
		width: 80%;
	}

	div.kf_info .box_scroll_h>table {
		width: 980px;
	}

	div.kf_info table.restruct {
		border-right: none;
		border-bottom: none;
	}


	#sec_info div.tbl>dl {
		width: 100%;
	}

	#sec_info div.tbl>dl dt,
	#sec_info div.tbl>dl dd {
		width: 100%;
	}

	#sec_info div.tbl>p:first-child {
		border: 1px solid #111;
	}

	#sec_info div.tbl>p+dl {
		width: 100%;
		border-left: 1px solid #ccc;
	}

	#sec_info div.tbl>dl>dt,
	#sec_info div.tbl>dl>dd {
		padding-bottom: 0.8em;
	}

	#sec_info div.tbl>dl>dt {
		font-weight: 500;
		background-color: #f2f2f2;
	}


	/* ============ AZZURRO NERO ============= */

	#sec_goods_shop {
		margin-top: 75px;
		width: 90vw;
		margin-left: auto;
		margin-right: auto;
	}

	#sec_goods_shop h3 {
		text-align: center;
		width: 145px;
		margin: 0 auto 0 auto;
	}


	#sec_goods_shop h3+p {
		font-size: 1.6rem;
		text-align: left;
		margin-top: 40px;
		margin-bottom: 32px;
		width: 90vw;
		margin-left: auto;
		margin-right: auto;

	}

	#sec_goods_shop h3+p br {
		display: none;
	}


	#sec_goods_shop div.box_gallery ul {
		margin-top: 0px;
	}

	/* 20-06-01 banner space */

	div#box_top_banner {
		width: 90vw;
		height: auto;
	}

	div#box_top_banner>p {
		width: 100%;
		height: auto;
		position: static;
		left: auto;
		bottom: auto;
		padding-bottom: 20px;
	}


	div#box_head_notice p {
		font-size: 1.2rem;
		line-height: 1.5;
	}


	p#btn_reserve {
		padding: 0;
		height: auto;
		text-align: left;
		width: calc(100% - 80px);
		z-index: 1000;
		box-sizing: border-box;
	}

	p#btn_reserve a {
		position: static;
		height: 60px;
		background-color: transparent;
	}

	p#btn_reserve a.scroll {
		right: auto;
	}




	/* mq end */

}


/* ===== 320px（sp-5S）以内 ===== */

@media (max-width: 320px) {
	/* mq start */




	/* mq end */
}

/**/
/**/
/**/
/**/
/**/