@charset "utf-8";

/* 共通
---------------------------------------------- */
/* clearfix */
.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

/* PC 非表示 */
.pc_none {
display:block;
}

/* sp 非表示 */
.sp_none {
display:none;
}



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

トップページ
////////////////////////////////////////////// */
#reservation {
font-family:"sans-serif";
margin-bottom:60px;
	font-size: 16px;
}

/* キービジュアル
------------------------------------------ */
#reservation .inner {
width:95%;
margin:0 auto 40px;
}
#reservation .keyV {
background:#f0f9ff;
}

#reservation .keyV h1 {
background:#444;
color:#FFF;
text-align:center;
padding:8px 0 6px;
font-weight:bold;
font-size:16px;
letter-spacing:0.1em;
text-shadow:0 0 4px #000;
width: 964px;
}
#reservation .keyV h1::before,
#reservation .keyV h1::after {
content:' ~ ';
}

#reservation .about .inner a {
	color: #FF0F13;
}


/* 大見出し */
#reservation .about .inner h2 {
	font-size: 2.5rem;
	text-align: center;
	margin: 0;
	color: #fc6a6a;
	font-weight: 100;
	margin-bottom: 1rem;
	margin-top: 3rem;
}
	
#reservation .about .inner h2::after {
        content: '・・・';
        display: block;
        font-size: 120%;
        font-weight: bold;
        color: #858585;
	   line-height: 0.6;
}
#reservation .about .inner img {
    margin: 0 auto;
}

#reservation h3 {
	font-size: 2rem;
}
#reservation .about .inner .gaiyo p{
	margin-bottom: 20px;
}
#reservation .about .inner .gaiyo img{
	margin: 0 auto;
}


#reservation .about .inner .feature ul{
	display: block;
}

#reservation .about .inner .feature ul li{
	width: 90%;
    background: #ebf7ff;
    padding: 20px;
    border-radius: 10px;
	margin-bottom: 10px;
}
#reservation .about .inner .feature ul li span{
	display: block;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	color: #454545;
	margin: 10px 0;
}
#reservation .about .inner .feature ul li img{
	margin-top: 10px;
}

#reservation .about .inner .flow .flowList{
	display: block;
	width: 100%;
    margin: 0 auto;
}

#reservation .about .inner .flow .flowList .item{
    background: #fff;
    padding: 20px;
    border: #4eace9 1px solid;
	margin-bottom: 20px;
	border-radius: 10px;
}

#reservation .about .inner .flow .flowList .item span{
	display: block;
	font-size: 120%;
	font-weight: bold;
	color: #454545;
	margin: 0 0 10px;
}

#reservation .about .inner .flow .flowList .item .note01{
	margin-top: 20px;
}
#reservation .about .inner .flow .flowList .item ul{
	list-style: disc;
	margin-left: 20px;
}

#reservation .about .inner .flow .flowList .item .number{
    display: inline-block;
    background: #4eace9;
	text-align: center;
    padding: 5px;
    color: #fff;
    border-radius: 50%;
    height: 22PX;
    width: 22px;
    line-height: 1.2;
}


#reservation .notes .inner{
	background: #fff4e8;
	padding: 20px;
}
#reservation .notes .inner h2{
	font-size: 120%;
	padding: 5px;
	margin-bottom: 10px;
}
#reservation .notes .inner ol li{
	font-size: 86%;
}

div#main {

}