@charset "utf-8";
body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #2F2F2F;
	margin: 0;
	padding: 0;
	letter-spacing: 0.02em;
	font-feature-settings: "palt";
}
.pc{ display: block; }
.sp{ display: none; }

#content {
	width:100%;
}

/* inner */
.contents__inner {
	width:100%;
	/*max-width:1000px;*/
	margin:0 auto;
	/*padding:0 16px;*/
}

:target {
  scroll-margin-top: 24px;
}

.contentarea{
    width:100%;
    height:100%;
    background-color:#FCFCEA;
    padding-bottom:120px;
    color:#333;
    line-height:1.4;
}
.contentarea .kv{
    max-width:1100px;
    margin:0 auto 120px;
}
.contentarea .kvImg{
    width:100%;
    vertical-align:bottom;
    margin-bottom:40px;
}
.contentarea .txp01{
    display:block;
    width:100%;
    line-height: 30px;
    padding: 15px 30px;
    font-size: 17px;
    font-weight:500;
    background-color:#fff;
    box-sizing:border-box;
}
.contentarea .schedule{
    width:1100px;
    margin:0 auto;
}
.contentarea .schedule .ttl02 {
	font-size: 30px;
	margin-bottom: 30px;
}
.contentarea .schedule .ttl02::before {
	content: "!schedule";
	font-style: italic;
	color: #ba350c;
	font-size: 15px;
	font-weight: bold;
	display: block;
}


/* --- 独自 --- */
.scheduleList2{
    display:block;
}
.scheduleList2 li{
    list-style:none;
    padding:0;
    position:relative;
}
.scheduleList2 .dateTx span{
    font-size:17px;
    font-weight:500;
    color:#666;
    display:block;
    margin-bottom:5px;
}
.scheduleList2 .dateTx{
    font-size:17px;
    font-weight:600;
}
.scheduleList2 .dateTx b{
    font-size:23px;
    font-weight:600;
}
.scheduleList2 .ttl4{
    font-size:22px;
    font-weight:600;
    padding:0.5em 0;
}
.scheduleList2 .txp1{
    font-size:17px;
    font-weight:500;
}
.exNote{
    font-size:13px;
    font-weight:500;
    margin-top:0.5em;
    line-height:1;
}
.scheduleList2 .txp2{
    font-size:16px;
    font-weight:500;
    margin:1em 0 0.3em 0.5em;
}
.scheduleList2 .addNote{
    padding:0;
    margin:0 0 0 1em;
}
.scheduleList2 .addNote li{
    font-size:16px;
    font-weight:500;
    margin-left:1em;
    padding:0;
    list-style-type:disc;
    list-style-position: outside;
}

.stafBnr {
    width: 1100px;
	margin: 100px auto 0 auto;
}
.stafBnr .stafImg {
	max-width: 800px;
	margin: 0 auto;
}
.stafBnr .stafImg img {
	width: 100%;
}

.txtlink {
	text-align: center;
	margin-top: 50px;
}
.txtlink a {
	margin: 0 auto;
	color: #fa6703;
	font-size: 28px;
	font-weight: bold;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	padding: 10px 20px;
	box-shadow: 4px 4px #fa6703;
}
.txtlink a::before {
	content: "▶︎";
	font-size: 13px;
	margin-right: 5px;
	transform: scale(0.6, 1);
}

.bnrlink {
	max-width: 800px;
	margin: 20px auto 0 auto;
}
.bnrlink img {
	width: 100%;
}

.attention {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 60px 0 0 0;
	font-size: 22px;
	font-weight: bold;
	color: #fa6703;
	line-height: 1.4;
}
.attention .obliLInr1 {
	display: inline-block;
	width: 2px;
	height: 26px;
	background-color: #fa6703;
	transform: rotate(-30deg);
	flex-shrink: 0;
	font-style: normal;
	margin-right: 10px;
}
.attention .obliLInr2 {
	display: inline-block;
	width: 2px;
	height: 26px;
	background-color: #fa6703;
	transform: rotate(30deg);
	flex-shrink: 0;
	font-style: normal;
	margin-left: 10px;
}
.attention .txt {
	display: inline-block;
}


/* ========================================
   予約ボタンエリア
======================================== */

.yoyakuBtn {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
}
	.yoyakuBtn .ttl3 {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		margin: 0 0 20px;
		font-size: 22px;
		font-weight: bold;
		color: #fa6703;
		line-height: 1.4;
	}
	.yoyakuBtn .ttl3 .obliLInr3 {
		display: inline-block;
		width: 2px;
		height: 56px;
		background-color: #fa6703;
		transform: rotate(-30deg);
		flex-shrink: 0;
		font-style: normal;
	}
	.yoyakuBtn .ttl3 .obliLInr4 {
		display: inline-block;
		width: 2px;
		height: 56px;
		background-color: #fa6703;
		transform: rotate(30deg);
		flex-shrink: 0;
		font-style: normal;
	}
	.yoyakuBtn .ttl3 .tx01 {
		display: inline-block;
	}
	.yoyakuBtn .pityoyaku {
		display: flex;
		justify-content: center;
	}
	.yoyakuBtn .pityoyaku a {
		display: inline-block;
		min-width: 280px;
		padding: 16px 40px;
		background-color: #fa6703;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		border-radius: 50px;
		transition: opacity 0.2s ease;
	}
	.yoyakuBtn .pityoyaku a:hover {
		opacity: 0.85;
	}

/* ========================================
   フローティングボタン
======================================== */
.floating-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    padding: 10px 16px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}
	.floating-bottom .fb_inner {
		max-width: 480px;
		margin: 0 auto;
	}
	.floating-bottom .fb_inner_link {
		display: block;
		text-decoration: none;
	}
	.floating-bottom .TxBtn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 14px 20px;
		background-color: #fa6703;
		border-radius: 50px;
		box-sizing: border-box;
		transition: opacity 0.2s ease;
	}
	.floating-bottom .fb_inner_link:hover .TxBtn {
		opacity: 0.85;
	}
	.floating-bottom .btnLabel {
		color: #fff;
		font-size: 18px;
		font-weight: bold;
	}


/* --- カーナビページ独自 --- */
/*
.scheduleList{
    display:flex;
    flex-wrap: wrap;
    gap: 80px 76px;
    margin-bottom:80px;
    box-sizing:border-box;
}
.schedule .ttl3{
    font-size:23px;
    font-weight:550;
    width:100%;
    margin:0 0 24px 0;
    padding:0.8em 1em;
    background-color:#D83200;
    color:#fff;
    box-sizing:border-box;
}
.schedule .ttl3 b{
    font-size:15px;
}
*/

/* --- SP --- */
@media screen and (max-width:768px){

	.pc { display: none !important; }
	.sp { display: block !important; }
	
    .contentarea{
        padding-bottom:10vw;
    }
    .contentarea .kv{
        width:100%;
        margin:0 auto 10vw;
    }
    .contentarea .kvImg{
        margin-bottom:4.5vw;
    }
    .contentarea .txp01{
        width:92vw;
        margin:0 auto;
        line-height:1.6;
        padding:1em;
        font-size:1.0rem;
        box-sizing:border-box;
        border-radius:8px;
    }
    .contentarea .schedule{
        width:92vw;
        margin:0 auto;
    }
	.contentarea .schedule .ttl02 {
		font-size: 1.4rem;
		margin-bottom: 1.2rem;
	}
	.contentarea .schedule .ttl02::before {
		font-size: 0.8rem;
	}
    
    /* --- カーナビページ独自 --- */
    .scheduleList{
        margin-bottom:10vw;
    }
    .schedule .ttl3{
        font-size:4.5vw;
        width:92vw;
        margin:0 auto 4.2vw;
        padding:0.8em 1em;
        box-sizing:border-box;
        text-align:center;
    }
    .schedule .ttl3 b{
        font-size:3.5vw;
    }
    .exNote{
        font-size:3.5vw;
        font-weight:500;
        margin:0.3em 0 1em 0;
        line-height:1;
    }
	
	/* --- 独自 --- */
    .scheduleList2 .dateTx span{
        font-size:3.5vw;
    }
    .scheduleList2 .dateTx{
		font-size: 1.0rem;
        font-weight:600;
    }
    .scheduleList2 .dateTx b{
        font-size:4.5vw;;
    }
    .scheduleList2 .ttl4{
        font-size:5vw;
    }
    .scheduleList2 .txp1{
        font-size:3.6vw;
        font-weight:500;
    }

    .scheduleList2 .txp2{
        font-size:3.5vw;
        font-weight:500;
        margin:1em 0 0.3em 0;
    }
    .scheduleList2 .addNote{
        padding:0;
        margin:0 0 0 0.7em;
    }
    .scheduleList2 .addNote li{
        font-size:3.5vw;
        font-weight:500;
        margin-left:0.7em;
        padding:0;
        list-style-type:disc;
        list-style-position: outside;
    }

    .yoyakuBtn .ttl3 {
        font-size: 1.1rem;
    }
    br.spSetx {
        display: inline;
    }
    .yoyakuBtn .pityoyaku a {
        min-width: 200px;
        width: 85%;
    }
	
	.stafBnr {
        width: 92vw;
		margin: 2rem auto 0 auto;
	}
	.stafBnr .stafImg {
		max-width: inherit;
	}
	
	.bnrlink {
		margin: 1rem auto 0 auto;
		width: 92vw;
	}
	.attention {
		margin: 2.6rem 0 0 0;
		font-size: 1.1rem;
	}
		
	.txtlink {
		margin: 2rem auto 0 auto;
		width: 92vw;
	}
	.txtlink a {
		font-size: 1.2rem;
		padding: 0.6rem 0.8rem;
		box-shadow: 0.2rem 0.2rem #fa6703;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.txtlink a::before {
		font-size: 0.8rem;
		margin-right: 0.2rem;
		position: absolute;
		left: 0.6rem;
	}
}/* SP */