@charset "UTF-8";

/*メインイメージ*/
.main_image {
	height: 266px; 
	margin-top: 57px; 
	background-image: url(../img/main_plan_sp.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.ttl_wrap {
	margin: 5% 5% 0 5%;
}

/*バナー部*/
.banner {
	margin: 0 5%;
}

.banner_outer {
	display: block;
} 

.banner_middle {
	text-align: center;
	padding-top: 6%;
}

.banner a {
	color:  #000;
}

.Courgette {
	color: #9c681c;
	font-size: 5.9375vw;
	font-weight: normal;
	letter-spacing: 0.1em;
}

.sub_text {
	font-size: 5vw;
	letter-spacing: 0.2em;
	line-height: 1.5em;
	padding-top: 4%;
}

/*ロゴ*/
.ttl_wrap h3 {
	width: 70%;
	margin: 0 auto;
	padding-top: 5%;
}

/*冬得バナー*/
.winter_sp {
	padding-bottom: 4%;
}

/*プラン*/
.plan_wrapper {
	 margin: 5% 5% 10%;
	 box-sizing: border-box;
    padding: 20px;
    background-color: #ffffff;
    border: double 3px #000000;
}

.text_area {
	font-family: sans-serif; 
}

.text_area dl {
	color: #9d0000;
	font-weight: bold;
}

.text_area .Number,.AddNumber {
	font-weight: normal;
}

.text_area dl dt {
	font-size: 4.375vw;
	padding-top: 8%;
	line-height: 1.5em;
}

.text_area dl dt span {
	font-size: 3.4375vw;
	display: block;
	padding-top: 4%;
	line-height: 1.5em;
}

.text_area dl dd {
	font-size: 5vw;
	padding-top: 4%;
}

.number,.addnumber {
	font-size: 1.5rem;
	font-weight: normal;
}

.number {
	color: #9d0000;
}

.description {
	line-height: 1.5em;
	font-size: 1.3rem;
	padding: 5% 0;  
}

.shrine_box p {
	text-align: center;
	font-family: sans-serif;
	font-size: 4.375vw;
	color: #333;
	padding-top: 6%;
	
}

/*テーブル*/
.plan_wrapper table { 
	border-top: 1px solid #ccc;
	width: 100%;
}

.plan_wrapper table th {
	font-weight: normal;
}

.plan_wrapper table th,td {
	font-size: 1.3rem;
	font-family: sans-serif; 
	color: #666;
}

.caution {
	padding: 3% 0;
	font-family: normal;
	color: #333;
	line-height: 1.5em;
	font-size: 3.75vw;
}

.serviceCharge {
	font-family: sans-serif;
	color: #333;
	font-size: 3.75vw;
	margin: 0 5%;
	padding-bottom: 10%;
	line-height: 1.5em;
}

.messe_caption {
	font-size: 3.75vw;
	font-family: sans-serif;
	text-align: left;
	color: #333; 
	padding-top: 5%;
	padding-bottom: 4%;
}

.addTo {
	display: block;
	padding-top: 3%;
}

/*来館ボタン*/
.btn_visiting {
	text-align: center;
	margin-top: 6%;
}

.btn_visiting a {
	display: block;
	color: #9d0000;
	font-size: 4.375vw;
	font-family: sans-serif;
	font-weight: bold;
}

/*ボタン*/
.btn_plan {
	text-align:center;
}

.btn_plan a {
	 display: inline-block;
    font-family: sans-serif;
    color: #fff;
    background-color: #ff6801;
    padding: 5% 0;
    font-size: 4.0625vw;
    margin-top: 5%;
    width: 100%;
}

.fa-caret-right {
    padding-left: 4%;
}

.plan_wrapper table th,td {
	line-height: 1.5em;
}

/*========================767以下========================*/
@media screen and (max-width: 767px) { 
.main_image {
	height: 154px;  
}

/*プラン*/
.plan_wrapper {
	border: solid 2px #ccc;
	padding: 3%;
}

.image_area {
    padding: 3% 6% 0;
}

.text_area dl .shrine_plan {
	font-size: 4.6875vw;
}

/*テーブル*/
.plan_wrapper table th,td {
	display: block;
    padding: 4%;
    border: solid 1px #ccc;
    text-align: left;
}

.plan_wrapper table th {
	border-top: none;
    border-bottom: none;
    background-color: #f6f6f6;
}

.text_area dl dd {
	line-height: 1.3em;
}

.shrine_box li {
	padding-top: 10%;
	margin: 0 5%;
}

.table_mtEx {
	margin-top: 5%;
}

/*フェア*/
#fair {
	background-color: #f6f6f6;
	padding: 7% 0;
}

/*バナー部*/
.banner_middle {
	border-bottom: solid 2px #000; 
	margin-bottom: 10%;
	background-color: #f6f6f6;
}

.banner .under {
	border-top: solid 2px #ccc; 
	padding-top: 10%;
	
}

.la_pd {
	padding-top: 7%;
}

/*フッター*/
footer {
	border-top: solid 2px #333;
}

}

/*========================768px以上========================*/
@media (min-width:768px) { 
/*メインイメージ*/
.main_image {
	background-image: url(../img/main_plan_pc.jpg);
}

/*タイトル部*/
.ttl_wrap{
	margin: 36px 0 0 0;
}

/*ロゴ*/
.ttl_wrap h3 {
	width: 360px;
	padding-top: 20px;
}

/*冬得バナー*/
.winter_sp {
	padding-bottom: 24px;
}

/*プラン*/
.plan_wrapper {
	width: 980px;
	margin: 0 auto 60px;
	margin-top: 32px;
}

.flex_wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.image_area {
	-webkit-flex: 0 0 300px;
	flex: 0 0 300px;
}

.text_area {
	-webkit-flex: 0 0 620px;
	flex: 0 0 620px
}

.text_area dl dt {
	font-size:24px;
	padding-top: 10px;
}

.text_area dl dt span {
	font-size: 15px;
	padding-top : 6px;
}

.text_area dl dd {
	font-size:24px;
	padding-top: 10px;
}

.number {
	font-size: 18px;
}

.addnumber {
	font-size: 16px;
}

.description {
	font-size: 15px;
	padding: 20px 0 0 0;
}


/*テーブル*/
.plan_wrapper table {
	margin-top: 20px;
	border-top: 1px solid #000;
}

.plan_wrapper table th,td {
	border: solid 1px #000;
    font-size: 14px;
    padding: 14px;
    color: #000;
}

.plan_wrapper table th {
	width: 25%;
}

.plan_wrapper table td {
	width: 75%;
}

.caution {
	padding: 20px 0 0;
	font-size: 14px;
	text-align:center;
}

.shrine_box {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.shrine_box li {
	flex: 0 0 305px;
	padding-top: 32px;
}

.shrine_box p {
	font-size: 15px;
	padding-top: 20px;
}

/*来館ボタン*/
.btn_visiting {
	margin-top: 20px;
}

.btn_visiting a {
	font-size: 20px;
}

/*ボタン*/
.btn_plan a {
	font-size: 20px;
	width: 320px;
	padding: 19px 0;
	margin-top: 18px;
}

/*会食*/
.messe_caption {
	font-size: 14px;
	padding: 0 0 10px;
}

.addTo {
	padding-top: 6px;
}

/*サービス料*/
.serviceCharge {
	font-size: 14px;
    text-align: center;
    padding-bottom: 60px;
}

/*プロデュース部*/
#produce {
	background-color: #f6f6f6;
	border-top: solid 1px #ccc;
}

.la_pd {
	padding-top: 0;
}

}