@charset "UTF-8";



/* =================== */
/*       public       */
/* =================== */
.kv-box .kv-in {
	width:62.5rem;
	padding-left:12.5rem;
	border-radius:0;
	box-sizing:content-box;
}
.kv-box .kv-in img { border-radius:10rem 10rem 0 0; }
.kv-box .page-ttl-box {
	position:absolute;
	top:18rem;
	width:22.7rem;
}
.kv-box .page-ttl-box h1 {
	font-size:2.5rem;
	text-align:center;
	font-weight:400;
	margin-bottom:5rem;
	line-height:1.2;
}
.kv-box .page-ttl-box h1 .mini {
	font-size:1.75rem;
	display:block;
}
.kv-box .page-ttl-box h1 .mini.mt { margin-top:.5rem; }

.cntr-deco {
	font-size:2rem;
	color:#a79d7f;
	text-align:center;
	letter-spacing:.2em;
}
.cntr-deco::after {
	content:"";
	width:5.9rem;
    height:1.45rem;
    background:url(../img/top_deco.png) no-repeat;
    background-size:cover;
    display:block;
    margin:.8rem auto 1.5rem;
}
.left-deco {
	font-size:2rem;
	color:#a79d7f;
	letter-spacing:.2em;
}
.left-deco::after {
	content:"";
	width:5.9rem;
    height:1.45rem;
    background:url(../img/top_deco.png) no-repeat;
    background-size:cover;
    display:block;
    margin:.8rem 0 1.5rem;
}


@media screen and (max-width: 960px) {
	.kv-box .kv-in { width:100%; padding-left:0; }
	.kv-box .page-ttl-box { position:initial; width:100%; margin-top:20px; }
	.kv-box .page-ttl-box h1 { margin-bottom:10px; }
	.kv-box .kv-in img { border-radius:50px 50px 0 0; }

}







/* =================== */
/*       body.access       */
/* =================== */
body.access .kv-box .page-ttl-box .illust {
	width:7.75rem;
	margin:0 auto;
}
body.access .map-box {
	height:35rem;
	border-radius:5rem 5rem 0 0;
	overflow:hidden;
	margin:9rem auto 3rem;
}
body.access .map-box iframe {
	width:100%;
	height:100%;
}
body.access .map-add-box { justify-content:center; align-items:flex-start; }
body.access .map-add-box .map-logo {
	width:9.5rem;
	mix-blend-mode:multiply;
}
body.access .map-add-box address {
	font-size:max(15px, 1rem);
	line-height:1.5;
	margin-left:3.5rem;
}
body.access #wrap {
	padding-bottom:1px;
	margin-top:4rem;
	min-width:800px;
}
body.access #wrap::before {
	content:"";
	width:60rem;
	height:calc(100% - 6rem);
	display:block;
	background:#fff;
	position:absolute;
	top:5rem;
	left:0;
	right:0;
	margin:0 auto;
	border-radius:10rem 10rem 0 0;
}
body.access #wrap h2 {
	width:13rem;
	margin-left:8rem;
	position:relative;
}
body.access #wrap .illust {
	width:21rem;
	position:absolute;
	top:-1rem;
	right:3rem;
	z-index:1;
}
body.access #wrap section { position:relative; margin-bottom:1rem; }
body.access #wrap section .movie-box { justify-content:flex-start; }
body.access #wrap section .movie-box .txt-box { margin:0 3rem; }
body.access #wrap section .main-pic { border-radius:5rem 5rem 0 0; overflow:hidden; }
body.access #wrap section .txt-box { margin:0 1.5rem; position:relative; }
body.access #wrap section .txt-box .name {
	font-size:max(17.5px, 1.5rem);
	color:#a79d7f;
}
body.access #wrap section .txt-box .txt {
	font-size:max(15px, 1rem);
	line-height:2;
	margin:.7rem 0;
}
body.access #wrap section .txt-box .address {
	font-size:max(15px, 1rem);
	line-height:1.5;
}
body.access #wrap section .txt-box .address::before {
	content:"";
	width:100%;
	height:.25rem;
	background:url(../img/access/line.png) no-repeat;
	background-size:cover;
	display:block;
	margin-bottom:.7rem;
}
body.access #wrap section .txt-box .btn { width:11.5rem; }
body.access #wrap section .txt-box .btn a:hover { opacity:.5; }
body.access #wrap section .movie-box { margin-bottom:4.5rem; }
body.access #wrap section .movie-box .movie video { width:100%; height:100%; object-fit:cover; }
body.access #wrap section .movie-box .txt-box .btn { margin-top:1rem; margin-left:calc(100% - 11.5rem); }
body.access #wrap section ul {
	flex-wrap:wrap;
	align-items:inherit;
}
body.access #wrap section ul li { width:calc((100% - 4rem) / 3); margin-bottom:5rem; }
body.access #wrap section ul.two li { width:calc((100% - 5rem) / 2); }
body.access #wrap section ul li .txt-box { margin-top:1.5rem; }
body.access #wrap section ul li .txt-box .txt { line-height:1.5; }
body.access #wrap section ul li .txt-box .btn {
	position:absolute;
	right:1rem;
	bottom:0;
}
body.access main .bnr {
	width:35rem;
	margin:6rem auto 8rem;
}
body.access main .bnr a:hover { opacity:.5; }

@media screen and (max-width: 960px) {
	body.access .kv-box .page-ttl-box .illust { width:50px; }
	body.access .map-box { margin-top:50px; height:250px; max-width:600px; }
	body.access .map-add-box { display:block; }
	body.access .map-add-box .map-logo { margin:0 auto 10px; }
	body.access .map-add-box address { margin:0 auto; text-align:center; }
	body.access #wrap { min-width:inherit; max-width:600px; }
	body.access #wrap::before { width:85%; border-radius:50px 50px 0 0; }
	body.access #wrap h2 { margin:0 auto; }
	body.access #wrap .illust { top:50px; right:-20px; }
	body.access #wrap #sec1 { margin-top:100px; }
	body.access #wrap section { margin-bottom:60px; }
	body.access #wrap section .movie-box { display:block; margin-bottom:40px; }
	body.access #wrap section .txt-box { margin:20px 13% 0; }
	body.access #wrap section .movie-box .txt-box { margin:20px 13% 0; }
	body.access #wrap section .txt-box .txt { line-height:1.5; }
	body.access #wrap section .txt-box .btn { width:140px; margin:10px auto 0 !important; }
	body.access #wrap section ul { display:block; }
	body.access #wrap section ul li { width:100% !important; margin-bottom:40px; }
	body.access #wrap section ul li .txt-box .btn { position:initial; }
	body.access main .bnr { width:86.6%; max-width:400px; }
}







/* =================== */
/*       body.yado       */
/* =================== */
body.yado .kv-box .page-ttl-box .illust {
	width:11.65rem;
	margin:0 auto;
}
body.yado #room {
	position:relative;
	display:flex;
	justify-content:space-between;
}
body.yado #room .pic-box { width:50rem; padding-top:12rem; }
body.yado #room .pic-box img { border-radius:5rem 5rem 0 0; }
body.yado #room .pic-box.pc-on img { margin-bottom:2.5rem; }
body.yado #room .pic-box.pc-on img:last-child { margin-bottom:0; }
body.yado #room .txt-wrap { margin-top:12rem; }
body.yado #room .txt-box {
	width:20rem;
	position:sticky;
	top:11rem;
	right:5rem;
	padding-top:8rem;
}
body.yado #room .txt-box h2 {
	width:13rem;
	position:absolute;
	top:-5rem;
	left:-10rem;
}
body.yado #room .txt-box .num {
	font-size:max(15px, 1rem);
	letter-spacing:.12em;
}
body.yado #room .txt-box .txt {
	font-size:max(15px, 1rem);
	line-height:2;
	margin-top:1rem;
}
body.yado .wht-bk {
	background:#fff;
	border-radius:1.5rem;
	padding:2rem 3rem 2rem 4rem;
}
body.yado #art1 { margin-top:7rem; }
body.yado #art1 .pic {
	width:22.5rem;
	margin-left:4rem;
}
body.yado #art1 .pic img { border-radius:1.5rem; }
body.yado #art1 .txt-box { width:calc(100% - 22.5rem - 4rem); }
body.yado #art1 .txt-box h4 {
	font-size:max(17px, 1.5rem);
	color:#a79d7f;
}
body.yado #art1 .txt-box .txt {
	font-size:max(15px, 1rem);
	line-height:2;
	margin-top:1rem;
}
body.yado main .box-cont1 { margin:4rem auto 7rem; }
body.yado main .box-cont1 dl .line {
	display:flex;
	padding:1rem;
	position:relative;
}
body.yado main .box-cont1 dl .line::before {
	content:"";
	width:100%;
	height:.25rem;
	background:url(../img/yado/line.png) repeat-x;
	background-size:cover;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
}
body.yado main .box-cont1 dl .line:last-child::before { display:none; }
body.yado main .box-cont1 dl dt {
	font-size:max(16px, 1.1rem);
	color:#a79d7f;
	line-height:1.5;
	width:11em;
}
body.yado main .box-cont1 dl dd {
	font-size:max(15px, 1rem);
	line-height:1.5;
	width:calc(100% - 12em);
}
body.yado main #charm {
	background:#091f40;
	padding:3rem 0 2rem;
}
body.yado main #charm .in-w60 { min-width:850px; }
body.yado main #charm h2 {
	width:15.25rem;
	margin:0 auto;
}
body.yado main #charm ul {
	flex-wrap:wrap;
	align-items:inherit;
	margin-top:-5.5rem;
}
body.yado main #charm ul li {
	width:calc((100% - 4.5rem) / 4);
	margin-bottom:1.5rem;
	background:#848fa0;
	border-radius:1.5rem;
	padding:1rem 0;
	color:#fff;
	text-align:center;
	min-height:10rem;
}
body.yado main #charm ul li .icon {
	width:5.1rem;
	margin:0 auto .5rem;
}
body.yado main #charm ul li .txt {
	font-size:max(15px, 1.1rem);
	line-height:1.36;
}
body.yado main #cancel {
	margin-top:6.5rem;
	margin-bottom:8rem;
}
body.yado main #cancel table {
	width:100%;
	font-size:max(15px, 1rem);
}
body.yado main #cancel th {
	width:calc(100% / 4);
	background:#efde46;
	color:#fff;
	padding:1rem 0;
	border:1px solid #d8d2c2;
}
body.yado main #cancel td {
	padding:1rem 0;
	text-align:center;
	background:#fff;
	border:1px solid #d8d2c2;
}
body.yado main #cancel h3 {
	font-size:max(17.5px, 1.5rem);
	text-align:center;
	margin-bottom:2rem;
}

@media screen and (max-width: 960px) {
	body.yado #room { display:block; margin-top:60px; max-width:600px; }
	body.yado #room .pic-box { padding-top:0; width:100%; }
	body.yado #room .txt-wrap { margin-top:25px; }
	body.yado #room .txt-box { position:initial; width:100%; padding:0 20px; }
	body.yado #room .txt-box h2 { left:inherit; right:-25px; top:-75px; }
	body.yado #room .txt-box .txt { line-height:1.6; }
	body.yado .wht-bk { padding:30px; max-width:550px; }
	body.yado #art1 { margin-top:50px; }
	body.yado #art1 .flex-box { display:block; }
	body.yado #art1 .txt-box { width:100%; }
	body.yado #art1 .pic { margin:20px auto 0; }
	body.yado #art1 .txt-box .txt { line-height:1.6; }
	body.yado #art1 .txt-box h4 { text-align:center; }
	body.yado main .box-cont1 dl .line { display:block; }
	body.yado main .box-cont1 dl dt { width:100%; text-align:center; }
	body.yado main .box-cont1 dl dd { width:100%; margin-top:5px; }
	body.yado main #charm .in-w60 { min-width:inherit; max-width:500px; }
	body.yado main #charm ul li { width:calc((100% - 1rem) / 2); margin-bottom:1rem; }
	body.yado main #charm ul li .txt { letter-spacing:-.05em; }
	body.yado main #cancel { max-width:500px; }
	body.yado main #cancel table.sp-on { display:table; }
	body.yado main #cancel th { width:calc(100% / 2); }
	body.yado .kv-box .page-ttl-box .illust { width:80px; }
}







/* =================== */
/*       body.tsukemono       */
/* =================== */
body.tsukemono .kv-box .page-ttl-box .illust {
	width:9.75rem;
	margin:0 auto;
}
body.tsukemono #top-box > .in-w75 { padding-top:9rem; }
body.tsukemono #top-box .top-ttl {
	color:#a79d7f;
	font-size:max(17px, 1.5rem);
	text-align:center;
	line-height:1.5;
}
body.tsukemono #top-box .top-ttl span { font-size:max(22px, 2rem); }
body.tsukemono #top-box .top-ttl::after {
	content:"";
	width:5.9rem;
	height:1.45rem;
	background:url(../img/top_deco.png) no-repeat;
	background-size:cover;
	display:block;
	margin:.8rem auto 1.5rem;
}
body.tsukemono #top-box .txt {
	line-height:2.7;
	letter-spacing:.1em;
	font-size:max(15px, 1.1rem);
	text-align:center;
}
body.tsukemono #top-box .txt .bld { font-weight:bold; }
body.tsukemono #top-box .illust1 {
	width:15rem;
	position:absolute;
	top:13rem;
	left:-2rem;
}
body.tsukemono #top-box .illust2 {
	width:12.75rem;
	position:absolute;
	top:17rem;
	right:-1.5rem;
}
body.tsukemono #sec1 {
	padding-bottom:1px;
	margin-top:4rem;
	min-width:800px;
}
body.tsukemono #sec1::before {
	content:"";
	width:60rem;
	height:calc(100% - 4rem);
	display:block;
	background:#fff;
	position:absolute;
	top:5rem;
	left:0;
	right:0;
	margin:0 auto;
	border-radius:10rem 10rem 0 0;
}
body.tsukemono #sec1 h2 {
	width:13rem;
	margin-left:8rem;
	position:relative;
}
body.tsukemono #sec1 ol { margin-top:.5rem; }
body.tsukemono #sec1 li { align-items:flex-start; margin-bottom:4rem; }
body.tsukemono #sec1 li:nth-child(odd) { justify-content:flex-start; }
body.tsukemono #sec1 li:nth-child(even) { justify-content:flex-end; }
body.tsukemono #sec1 li .pic-box { width:35rem; position:relative; }
body.tsukemono #sec1 li .pic-box .pic img { border-radius:5rem 5rem 0 0; }
body.tsukemono #sec1 li .pic-box .num {
	width:7.65rem;
	position:absolute;
	top:3.5rem;
}
body.tsukemono #sec1 li:nth-child(odd) .pic-box .num { right:-4rem; }
body.tsukemono #sec1 li:nth-child(even) .pic-box .num { left:-4rem; }
body.tsukemono #sec1 li:nth-child(even) .pic-box { order:2; }
body.tsukemono #sec1 li:nth-child(even) .txt-box { order:1; }
body.tsukemono #sec1 li .txt-box {
	position:relative;
	width:22rem;
	margin:9.5rem 4rem 0;
}
body.tsukemono #sec1 li .txt-box h3 {
	font-size:max(17.5px, 1.5rem);
	line-height:1.3;
}
body.tsukemono #sec1 li .txt-box .txt {
	font-size:max(15px, 1rem);
	line-height:2;
}
body.tsukemono .bnr-box {
	position:relative;
	padding:8rem 0;
	margin-top:1rem;
}
body.tsukemono .bnr-box .bnr {
	width:35rem;
	margin:0 auto;
}
body.tsukemono .bnr-box .bnr a:hover { opacity:.5; }
body.tsukemono .bnr-box .illust1 {
	width:9.85rem;
	position:absolute;
	left:-2.5rem;
	top:7.5rem;
}
body.tsukemono .bnr-box .illust2 {
	width:10rem;
	position:absolute;
	right:3.5rem;
	top:-2rem;
}
body.tsukemono .bnr-box .illust3 {
	width:9rem;
	position:absolute;
	left:13rem;
	top:17rem;
}
body.tsukemono .bnr-box .illust4 {
	width:9.5rem;
	position:absolute;
	right:-2.8rem;
	top:8rem;
}
body.tsukemono .slick-dots { margin-top:-1rem; }
body.tsukemono .slick-dots li.slick-active { background:#cf9379; }

@media screen and (max-width: 960px) {
	body.tsukemono .kv-box .page-ttl-box .illust { width:48px; }
	body.tsukemono #top-box > .in-w75 { padding-top:40px; max-width:600px; }
	body.tsukemono #top-box .illust1 { top:-100px; left:-75px; }
	body.tsukemono #top-box .txt .bld { display:block; text-align:center; margin-bottom:10px; font-size:17.5px; line-height:1.8; letter-spacing:-.02em; }
	body.tsukemono #top-box .txt { line-height:2; text-align:left; letter-spacing:0; position:relative; }
	body.tsukemono #top-box .illust2 { width:105px; right:-40px; top:inherit; bottom:-45px; }
	body.tsukemono #sec1 { min-width:inherit; max-width:600px; }
	body.tsukemono #sec1::before { width:85%; border-radius:50px 50px 0 0; height:calc(100% - 2rem); }
	body.tsukemono #sec1 h2 { margin:0 auto; }
	body.tsukemono #sec1 li { display:block; }
	body.tsukemono #sec1 li .pic-box { width:100%; }
	body.tsukemono #sec1 li .pic-box .num { left:10px !important; bottom:-35px; top:inherit !important; right:inherit !important; }
	body.tsukemono #sec1 li .txt-box { width:23rem; margin:40px auto 0; }
	body.tsukemono #sec1 li .txt-box h3 { letter-spacing:0; }
	body.tsukemono #sec1 li .txt-box .txt { line-height:1.6; }
	body.tsukemono .bnr-box { margin-top:20px; }
	body.tsukemono .bnr-box .bnr { width:85%; max-width:400px; }
	body.tsukemono .bnr-box .illust1 { top:0; left:-15px; }
	body.tsukemono .bnr-box .illust2 { top:50px; right:-15px; }
	body.tsukemono .bnr-box .illust4 { top:inherit; bottom:80px; right:-40px; }
	body.tsukemono .bnr-box .illust3 { top:inherit; bottom:30px; left:60px; }
}

.tukemono-bn{
    display: grid;
    overflow: hidden;
    width: 35rem;
    margin: 0 auto;
    border-radius: 30px;
    transition: 0.5s ease-out;
}
.tukemono-bn > *{
    display: grid;
    place-items: center;
}
.tukemono-bn > .bn-text{
    background: #fff;
}
.tukemono-bn > h3.bn-text {
    font-size: 1.3em;
    font-family: font-family: "Hina Mincho", serif;
    line-height: 1.4;
    text-align: center;
}
.tukemono-bn > h3.bn-text .emphasis{
    color: #d0957b;
    font-family: font-family: "Hina Mincho", serif;
    font-size: calc(100% * 1.6);
}
.tukemono-bn:has(a:hover){
    opacity: 0.6;
}
.tukemono-bn > a{
    width:100%;
    height: 100%;
    grid-column: 1 / -1;
    grid-row: 1 / -1;
}
.tukemono-bn img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
@media screen and (min-width:961px){
    .tukemono-bn{
        grid-template-columns: minmax(0,1fr) minmax(0,1.12fr);
        grid-template-rows: minmax(0,1fr);
        aspect-ratio: 70 / 20;
    }
    .tukemono-bn > *{
        grid-row: 1 / -1;
    }
    .tukemono-bn > .bn-text{
        grid-column: 1 / 2;
    }
    .tukemono-bn > .bn-img{
        grid-column: 2 / -1;
    }
    .tukemono-bn > .bn-img img{
        aspect-ratio: 22 / 20;
        object-position: 50% -35px;
    }
}
@media screen and (max-width:960px){
    .tukemono-bn{
        grid-template-columns: minmax(0,1fr);
        grid-template-rows: minmax(0,1fr) minmax(0,1.7fr);
        aspect-ratio: 55 / 35;
        width: 85%;
        max-width: 400px;
    }
    .tukemono-bn > *{
        grid-column: 1 / -1;
    }
    .tukemono-bn > .bn-text{
        grid-row: 1 / 2;
    }
    .tukemono-bn > .bn-img{
        grid-row: 2 / -1;
    }
    .tukemono-bn > .bn-img img{
        aspect-ratio: 55 / 22;
        object-position: 50% -35px;
    }
}
@media screen and (min-width:450px) and (max-width:960px){
    .tukemono-bn > h3.bn-text {
        font-size: 1.7em;
    }
}


/* =================== */
/*       body.cafe       */
/* =================== */
body.cafe .kv-box .page-ttl-box .illust {
	width:10.9rem;
	margin:0 auto;
}
body.cafe #top-box > .in-w75 { padding-top:9rem; }
body.cafe #top-box .top-ttl {
	color:#a79d7f;
	font-size:max(17px, 1.5rem);
	text-align:center;
	line-height:1.5;
}
body.cafe #top-box .top-ttl span { font-size:max(22px, 2rem); }
body.cafe #top-box .top-ttl::after {
	content:"";
	width:5.9rem;
	height:1.45rem;
	background:url(../img/top_deco.png) no-repeat;
	background-size:cover;
	display:block;
	margin:.8rem auto 1.5rem;
}
body.cafe #top-box .txt {
	line-height:2.7;
	letter-spacing:.1em;
	font-size:max(15px, 1.1rem);
	text-align:center;
}
body.cafe #top-box .txt span { display:block; line-height:2; margin-top:1rem; }
body.cafe #top-box .illust1 {
	width:11.15rem;
	position:absolute;
	top:13rem;
	left:-2rem;
}
body.cafe #top-box .illust2 {
	width:9.75rem;
	position:absolute;
	top:17rem;
	right:-1.5rem;
}
body.cafe #sec1 {
	padding-bottom:1px;
	margin-top:4rem;
	min-width:800px;
	margin-bottom:13rem;
}
body.cafe #sec1::before {
	content:"";
	width:60rem;
	height:calc(100% + 2rem);
	display:block;
	background:#fff;
	position:absolute;
	top:5rem;
	left:0;
	right:0;
	margin:0 auto;
	border-radius:10rem 10rem 0 0;
}
body.cafe #sec1 h2 {
	width:13rem;
	margin-left:8rem;
	position:relative;
}
body.cafe #sec1 .cont-box { position:relative; align-items:inherit; }
body.cafe #sec1 .cont-box.cont2 .pic-box { order:2; }
body.cafe #sec1 .cont-box.cont2 .txt-wrap { order:1; }
body.cafe #sec1 .pic-box { width:35rem; padding-top:1rem; }
body.cafe #sec1 .pic-box img { border-radius:5rem 5rem 0 0; }
body.cafe #sec1 .pic-box.pc-on img { margin-bottom:2.5rem; }
body.cafe #sec1 .pic-box.pc-on img:last-child { margin-bottom:0; }
body.cafe #sec1 .cont-box .txt-wrap { width:23.5rem; min-width:280px; margin-right:12.5rem; padding-top:2.5rem; }
body.cafe #sec1 .txt-box {
	width:23.5rem;
	min-width:280px;
	position:sticky;
	top:7rem;
	right:12.5rem;
}
body.cafe #sec1 .txt-box .ttl-box {
	position:relative;
	padding-bottom:1.5rem;
	align-items:flex-end;
}
body.cafe #sec1 .txt-box h3 {
	font-size:max(17.5px, 1.5rem);
	color:#a79d7f;
}
body.cafe #sec1 .txt-box .ttl-box .att { font-size:max(14px, .9rem); }
body.cafe #sec1 .txt-box .ttl-box::after {
	content:"";
	width:100%;
	height:.25rem;
	background:url(../img/yado/line.png) repeat-x;
	background-size:cover;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
}
body.cafe #sec1 .txt-box .price { font-size:max(15px, 1rem); min-width:50px; }
body.cafe #sec1 .txt-box ul { padding:1.5rem 1rem 0; }
body.cafe #sec1 .txt-box ul li { border-bottom:1px solid #efede5; padding:.5rem 0; }
body.cafe #sec1 .txt-box ul li:last-child { border-bottom:0; }
body.cafe #sec1 .txt-box ul li .clr {
	color:#a79d7f;
	font-size:max(15px, 1rem);
	padding:.5rem 0 .5rem 1rem;
}
body.cafe #sec1 .txt-box ul .name-box { font-size:max(15px, 1rem); line-height:1.3; }
body.cafe #sec1 .txt-box ul .name-box .name { position:relative; padding-left:1em; }
body.cafe #sec1 .txt-box ul .name-box .name::before {
	content:"●";
	color:#efde46;
	display:inline-block;
	position:absolute;
	left:0;
}
body.cafe #sec1 .txt-box ul .txt {
	font-size:max(15px, .9rem);
	line-height:1.5;
	padding-left:1rem;
	padding-top:.5rem;
}
body.cafe #sec1 .sub-cont {
	margin:6rem auto;
	width:50rem;
	min-width:580px;
	align-items:flex-start;
	flex-wrap:wrap;
}
body.cafe #sec1 .sub-cont .txt-box { width:24rem; position:relative; top:inherit; right:inherit; }
body.cafe #sec1 .sub-cont .txt-box ul li { border-bottom:0; }
body.cafe #sec1 .sub-cont .txt-box.mt { margin-top:-3rem; }
body.cafe #sec1 .cont-box.cont2 .txt-wrap { margin-left:12.5rem; margin-right:0; }

@media screen and (max-width: 1400px) {
	body.cafe #sec1 .txt-box .ttl-box { display:block; }
	body.cafe #sec1 .txt-box .ttl-box .att { margin-top:5px; }

}

@media screen and (max-width: 960px) {
	body.cafe .kv-box .page-ttl-box .illust { width:48px; }
	body.cafe #top-box > .in-w75 { padding-top:40px; max-width:600px; }
	body.cafe #top-box .illust1 { top:-100px; left:-30px; }
	body.cafe #top-box .txt .bld { display:block; text-align:center; margin-bottom:10px; font-size:17.5px; line-height:1.8; letter-spacing:-.02em; }
	body.cafe #top-box .txt { line-height:2; text-align:left; letter-spacing:0; position:relative; }
	body.cafe #top-box .illust2 { width:70px; right:-20px; top:inherit; bottom:0; }
	body.cafe #sec1 { min-width:inherit; max-width:600px; margin-top:30px; margin-bottom:80px; }
	body.cafe #sec1::before { width:85%; border-radius:50px 50px 0 0; height:calc(100% - 2rem); }
	body.cafe #sec1 .pic-box.sp-on { width:100%; display:block; }
	body.cafe #sec1 .cont-box { display:block; }
	body.cafe #sec1 .txt-box { position:initial; width:100%; padding:0 40px; }
	body.cafe #sec1 .txt-box .txt { line-height:1.6; }
	body.cafe #sec1 .cont-box .txt-wrap { min-width:inherit; max-width:550px; width:100%; margin:25px auto 0 !important; padding-top:0; }
	body.cafe #sec1 .sub-cont { display:block; width:100%; max-width:550px; min-width:inherit; margin:40px auto; }
	body.cafe #sec1 .sub-cont .txt-box.mt { margin-top:0; }
	body.cafe #sec1 .sub-cont .txt-box { width:100%; margin-bottom:40px; }
	body.cafe #sec1 .txt-box ul .name-box { display:block; }
	body.cafe #sec1 .txt-box .price { padding-left:1em; }
	body.cafe #sec1 .txt-box ul .txt { padding-left:15px; }
	body.cafe #sec1 .txt-box ul { padding:10px 0 0; }
}