@charset "UTF-8";


/*****************************************************
くれっしぇんど倶楽部
*****************************************************/
/* メインビジュアル画像 
------------------------------------------------- */
.main-visual {
    background: url(../img/crescendo-club/cover_img.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
	height: 455px;
	margin-top: 20px;
}
/* 注意メッセージ 
------------------------------------------------- */
.notice{
    border:2px solid #f00;
    color:#f00;
    margin:80px 0 100px;
    padding:30px;
}
.notice .notice-ttl{
    font-size:20px;
    font-size:2.0rem;
    letter-spacing:0.025em;
    line-height:1.4;
    margin:0 0 20px;
}
.notice p{
    line-height:1.6;
    text-align:justify;
}
/* テキストアンカーリンク 
------------------------------------------------- */
.ank_link{
	line-height: 1.7;
	text-align:center;
	margin-top:40px;
	margin-bottom: 50px;
}
.main_tit{
	margin-top:80px;
	margin-bottom:60px;
	text-align:center;
}
.main_cont{
    text-align: center;
    width: 45%;
    margin: auto;
    line-height: 1.6em;
}
.main_pic{
	margin-top:40px;
	margin-bottom:40px;
	text-align:center;
}
.page-main-content .block .ttl2 {
    font-size: 30px;
    font-size: 2.0rem;
    letter-spacing: 0.025em;
    line-height: 1.4;
    margin: 0 0 20px;
    padding-left: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #bbbbbb;
}
.page-main-content .block .ttl3 {
    font-size: 30px;
    font-size: 2.0rem;
    letter-spacing: 0.025em;
    line-height: 1.4;
    padding-left: 15px;
    padding-bottom: 10px;
}
.page-main-content p, .page-main-content li {
    letter-spacing: 0.025em;
    line-height: 1.7;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
}
.small_text{
    font-size: 0.9em;
    padding-bottom: 15px;
}
.left {
    margin: 10px 30px 10px;
}
.bl_left {
    margin: 10px 20px 30px;
}
.bottm  {
    margin-bottom: 10px;
    margin-left: 15px;
}
.small-btn2_rest {
    background: #f8f4e6;
}
p a:link {/* リンクピンク */
	color:#f16c6c;
	text-decoration:none;
}
p a:visited{/* 訪問済みのリンク */
	color:#f16c6c;
	text-decoration:none;
}
.tel_pc {
	display: inline-block;
}
.tel_sp {
	display:none;
}
/* レストラン 
------------------------------------------------- */
.cancel{
    font-size:inherit;
    text-decoration:line-through;
}
.restaurant-notice{
    color:#f00;
    font-size:inherit;
    margin:0 0 0 1em;
}


@media screen and (max-width:1024px){
    /*****************************************************
    くれっしぇんど倶楽部
    *****************************************************/
    /* メインビジュアル画像 
    ------------------------------------------------- */
    .main-visual {
        background: url(../img/crescendo-club/cover_img.jpg) no-repeat center center;
        background-size: cover;
        -webkit-background-size: cover;
    	height: 140px;
    }
    .page-main-content .block .ttl2 {
        font-size: 3.6vw;
        letter-spacing: 0.025em;
        line-height: 1.4;
        margin: 0 0 20px;
        padding-left: 15px;
        padding-bottom: 10px;
        border-bottom: 2px solid #bbbbbb;
    }
    .page-main-content .block .ttl3 {
        font-size: 30px;
        font-size: 2.0rem;
        letter-spacing: 0.025em;
        line-height: 1.4;
        padding-left: 15px;
        padding-bottom: 10px;
    }
    .left {
        margin: 10px 5px 10px;
    }
    .service_info dl {
        margin-left: 0px;
    }
    /* 注意メッセージ 
    ------------------------------------------------- */
    .notice{
        border-bottom-width:0.25vw;
        margin:10vw 0 12.5vw;
        padding:3.75vw;
    }
    .notice .notice-ttl{
        font-size:3.5vw;
        margin:0 0 2.5vw;
    }
}


@media screen and (max-width: 480px) {
    /*****************************************************
    くれっしぇんど倶楽部
    *****************************************************/
    .ank_link {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .main_tit {
        margin-top: 40px;
        margin-bottom: 40px;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }
    .main_cont {
        width: 85%;
        font-size: 3.5vw;
    }
    .bl_left {
        margin: 10px 0px 30px;
    }
    .bl_bottm {
        height: 10px;
    }
    .bottm {
        margin-bottom: 8px;
        margin-left: 5px;
        font-size: 3.4vw;
    }
    .page-main-content p, .page-main-content li {
        letter-spacing: 0.025em;
        line-height: 1.7;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 0px;
        font-size: 1.3em;
    	  margin-bottom: 0px;
    }
    .page-main-content .block .ttl3 {
        font-size: 3.6vw;
        letter-spacing: 0.025em;
        line-height: 1.4;
        padding-left: 5px;
        padding-bottom: 10px;
    }
    .service_info dt {
        width: 100%;
        color: #6e5543;
        font-size: 1.4em;
        background-color: #fbf9f2;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        display: flex;
        align-items: center;
        text-align: left;
        padding-left: 20px;
        justify-content: left;
        border-bottom: 2px solid #bbbbbb;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .service_info dd {
        width: 100%;
        padding: 10px;
        font-size: 1.3em;
        background-color: #ffffff;
        margin: 0 0 0px 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom: 2px solid #bbbbbb;
    }
    .page-main-content p, .page-main-content li {
        margin-bottom: 10px;
    }
    .normal-box4 {
        margin: 1em;
        padding: 1em;
        width: 88%;
    }
    .page-main-content .normal-box4 p {
        letter-spacing: 0.025em;
        line-height: 2.7;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 5px;
    }
    .page-main-content p, .page-main-content li {
        letter-spacing: 0.025em;
        line-height: 1.7;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 20px;
    	font-size: 3.5vw;
    }
    figure {
        float: none;
        margin: 0 0 15px 15px;
        width: 90%;
    }	
    /* 480px以下（スマホ用） */
    .tel_pc {
    	display:none;
    }
    .tel_sp {
    	display:block;
    	margin-top: 5px;
    	font-size: 1.0em;
    }
    .tel_sp a:link  {/* リンクピンク */
    	color:#f16c6c;
    	text-decoration:none;
    }
    .tel_sp a:visited{/* 訪問済みのリンク */
    	color:#f16c6c;
    	text-decoration:none;
    }
}