@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : restaurant.css
 author     : Ability Consultant
 style info : レストラン
=================================================================== */
/* Hover animation */
/* -----------------------------------------------------------
	common
----------------------------------------------------------- */
.st_lg {
	text-align: center;
}

.st_md_db_line {
	font-family: "바탕", "Times New Roman", serif;
	font-weight: normal;
}

.st_line_left {
	font-family: "바탕", "Times New Roman", serif;
	font-weight: normal;
	font-size: 200%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_line_left {
		font-size: 172%;
	}
}

@media only screen and (max-width: 767px) {
	.st_line_left {
		font-size: 115%;
	}
}

/* -----------------------------------------------------------
	.con_beer
----------------------------------------------------------- */
.con_beer .box_txt {
	padding: 25px 15px;
}

.con_beer .box_txt .txt {
	line-height: 2;
	font-family: "바탕", "Times New Roman", serif;
}

@media only screen and (max-width: 1260px) {
	.con_beer .box_txt .txt {
		line-height: 2;
	}
}

@media print {
	.con_beer .box_txt .txt {
		line-height: 2;
	}
}

.ie8 .con_beer .box_txt .txt {
	line-height: 2;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_beer .box_txt .txt {
		line-height: 1.7;
	}
}

@media only screen and (max-width: 767px) {
	.con_beer .box_txt .txt {
		line-height: 1.7;
		font-size: 79%;
	}
}

/* -----------------------------------------------------------
	.con_res
----------------------------------------------------------- */
.con_res .box_tab .tabs ul li .txt_tab {
	font-family: "바탕", "Times New Roman", serif;
	font-size: 100%;
}

.con_res .box_tab .panels .panel .wrp_acd .res_name .wrp {
	text-align: center;
}

.con_res .box_tab .panels .panel .wrp_acd .res_name .wrp .logo span {
	font-size: 136%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_res .box_tab .panels .panel .wrp_acd .res_name .wrp .logo span {
		font-size: 122%;
	}
}

@media only screen and (max-width: 767px) {
	.con_res .box_tab .panels .panel .wrp_acd .res_name .wrp .logo span {
		font-size: 93%;
	}
}

.con_res .box_tab .panels .panel .wrp_acd .box_res_detail .box_l .box_ic li p {
	font-family: "바탕", "Times New Roman", serif;
}

.con_res .box_tab .panels .panel .wrp_acd .box_res_detail .box_l .att {
	font-size: 93%;
	font-family: "바탕", "Times New Roman", serif;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_res .box_tab .panels .panel .wrp_acd .box_res_detail .box_l .att {
		font-size: 93%;
	}
}

@media only screen and (max-width: 767px) {
	.con_res .box_tab .panels .panel .wrp_acd .box_res_detail .box_l .att {
		font-size: 93%;
	}
}

.con_res .box_tab .panels .panel .wrp_acd .box_res_detail .box_l .store {
	font-family: "바탕", "Times New Roman", serif;
}

.con_res .box_tab .panels .panel .wrp_acd .img {
	float: left;
	width: 60%;
	position: relative;
}

@media only screen and (max-width: 1024px) {
	.con_res .box_tab .panels .panel .wrp_acd .img {
		width: 100%;
	}
}

.con_res .box_tab .panels .panel .wrp_acd .img.ic_private:before {
	width: 105px;
	background: url(../../lang_module/images/restaurant/lang/ic_private_ko.jpg) right 0 no-repeat #f6f3f3;
}

@media only screen and (max-width: 767px) {
	.con_res .box_tab .panels .panel .wrp_acd .img.ic_private:before {
		width: 84px;
	}
}

.con_res .box_tab .panels .panel .wrp_acd .img.ic_sakurajima:before {
	width: 137px;
	background: url(../../lang_module/images/restaurant/lang/ic_sakurajima_ko.jpg) right 0 no-repeat #f6f3f3;
}

@media only screen and (max-width: 767px) {
	.con_res .box_tab .panels .panel .wrp_acd .img.ic_sakurajima:before {
		width: 109.6px;
	}
}

.con_res .box_tab .panels .panel .wrp_acd .img.ic_private_sakurajima:before {
	width: 245px;
	background: url(../../lang_module/images/restaurant/lang/ic_private_sakurajima_ko.jpg) right 0 no-repeat #f6f3f3;
}

@media only screen and (max-width: 767px) {
	.con_res .box_tab .panels .panel .wrp_acd .img.ic_private_sakurajima:before {
		width: 196px;
	}
}

.con_res .box_tab .panels .panel .wrp_acd .img.ic_private:before, .con_res .box_tab .panels .panel .wrp_acd .img.ic_sakurajima:before, .con_res .box_tab .panels .panel .wrp_acd .img.ic_private_sakurajima:before {
	content: '';
	position: absolute;
	z-index: 9;
	right: 0;
	top: 0;
	height: 42px;
	border-bottom: solid 5px #f6f3f3;
	border-left: solid 5px #f6f3f3;
	background-size: contain;
}

@media only screen and (max-width: 767px) {
	.con_res .box_tab .panels .panel .wrp_acd .img.ic_private:before, .con_res .box_tab .panels .panel .wrp_acd .img.ic_sakurajima:before, .con_res .box_tab .panels .panel .wrp_acd .img.ic_private_sakurajima:before {
		height: 33.6px;
	}
}

.con_res .box_tab .panels .panel .wrp_acd .box_reco .reco_menu li .box_txt .reco_ic {
	font-family: "바탕", "Times New Roman", serif;
}

.con_res .box_tab .panels .panel .wrp_acd .box_reco .reco_menu li .box_txt .st_line span {
	font-family: "바탕", "Times New Roman", serif;
	font-size: 158%;
	font-weight: normal;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_res .box_tab .panels .panel .wrp_acd .box_reco .reco_menu li .box_txt .st_line span {
		font-size: 129%;
	}
}

@media only screen and (max-width: 767px) {
	.con_res .box_tab .panels .panel .wrp_acd .box_reco .reco_menu li .box_txt .st_line span {
		font-size: 108%;
	}
}

.con_res .box_tab .panels .panel .wrp_acd .box_reco .reco_menu li .box_txt .price {
	font-family: "바탕", "Times New Roman", serif;
}

.con_res .box_tab .panels .panel .wrp_acd .box_reco .reco_menu li .box_txt .price .num {
	font-size: 143%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_res .box_tab .panels .panel .wrp_acd .box_reco .reco_menu li .box_txt .price .num {
		font-size: 129%;
	}
}

@media only screen and (max-width: 767px) {
	.con_res .box_tab .panels .panel .wrp_acd .box_reco .reco_menu li .box_txt .price .num {
		font-size: 115%;
	}
}

.con_res .box_tab .title_panel_sp:before {
	font-size: 129%;
}

.con_res .box_tab .title_panel_sp .txt_tab {
	font-family: "바탕", "Times New Roman", serif;
	font-size: 100%;
}

/* -----------------------------------------------------------
	.con_breakfast
----------------------------------------------------------- */
.con_breakfast .box_bre_intro .inner .wrp .wrp_line .st {
	font-size: 286%;
	font-family: "바탕", "Times New Roman", serif;
	font-weight: normal;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_breakfast .box_bre_intro .inner .wrp .wrp_line .st {
		font-size: 193%;
	}
}

@media only screen and (max-width: 767px) {
	.con_breakfast .box_bre_intro .inner .wrp .wrp_line .st {
		font-size: 158%;
	}
}

.con_breakfast .box_bre_intro .inner .wrp .wrp_line .award {
	font-family: "바탕", "Times New Roman", serif;
}

@media only screen and (max-width: 767px) {
	.con_breakfast .box_bre_intro .inner .wrp .wrp_line .award p span {
		font-size: 86%;
	}
}

.con_breakfast .box_point .st {
	font-size: 250%;
	font-family: "바탕", "Times New Roman", serif;
	font-weight: normal;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_breakfast .box_point .st {
		font-size: 172%;
	}
}

@media only screen and (max-width: 767px) {
	.con_breakfast .box_point .st {
		font-size: 143%;
	}
}

.con_breakfast .box_point .point_list li .st_po span.title {
	font-family: "바탕", "Times New Roman", serif;
	font-size: 165%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_breakfast .box_point .point_list li .st_po span.title {
		font-size: 129%;
	}
}

@media only screen and (max-width: 767px) {
	.con_breakfast .box_point .point_list li .st_po span.title {
		font-size: 100%;
	}
}

.con_breakfast .box_point .point_list li .st_po span.num {
	font-family: "바탕", "Times New Roman", serif;
	font-size: 286%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_breakfast .box_point .point_list li .st_po span.num {
		font-size: 215%;
	}
}

@media only screen and (max-width: 767px) {
	.con_breakfast .box_point .point_list li .st_po span.num {
		font-size: 186%;
	}
}

.con_breakfast .con_japanese .inner .box_txt .st {
	font-family: "바탕", "Times New Roman", serif;
	font-weight: normal;
	font-size: 272%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_breakfast .con_japanese .inner .box_txt .st {
		font-size: 186%;
	}
}

@media only screen and (max-width: 767px) {
	.con_breakfast .con_japanese .inner .box_txt .st {
		font-size: 158%;
	}
}

.con_breakfast .con_japanese .inner .box_txt .st span {
	font-size: 40%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_breakfast .con_japanese .inner .box_txt .st span {
		font-size: 43%;
	}
}

@media only screen and (max-width: 767px) {
	.con_breakfast .con_japanese .inner .box_txt .st span {
		font-size: 43%;
	}
}

.st_japanese {
	font-family: "바탕", "Times New Roman", serif;
	font-weight: normal;
	font-size: 272%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_japanese {
		font-size: 186%;
	}
}

@media only screen and (max-width: 767px) {
	.st_japanese {
		font-size: 158%;
	}
}

.st_japanese span {
	font-size: 40%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_japanese span {
		font-size: 43%;
	}
}

@media only screen and (max-width: 767px) {
	.st_japanese span {
		font-size: 43%;
	}
}

/* -----------------------------------------------------------
	.con_info
----------------------------------------------------------- */
.con_info .box_detail .inner .box_txt .st {
	font-family: "바탕", "Times New Roman", serif;
	font-weight: normal;
	font-size: 322%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_info .box_detail .inner .box_txt .st {
		font-size: 215%;
	}
}

@media only screen and (max-width: 767px) {
	.con_info .box_detail .inner .box_txt .st {
		font-size: 158%;
	}
}

.con_info .box_detail .inner .box_txt .st span {
	font-size: 40%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_info .box_detail .inner .box_txt .st span {
		font-size: 43%;
	}
}

@media only screen and (max-width: 767px) {
	.con_info .box_detail .inner .box_txt .st span {
		font-size: 43%;
	}
}

.con_info .box_detail .inner .box_txt .box_store .box_txt .st_line_left {
	font-size: 108%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_info .box_detail .inner .box_txt .box_store .box_txt .st_line_left {
		font-size: 108%;
	}
}

@media only screen and (max-width: 767px) {
	.con_info .box_detail .inner .box_txt .box_store .box_txt .st_line_left {
		font-size: 100%;
	}
}

.st_brewery {
	font-family: "바탕", "Times New Roman", serif;
	font-weight: normal;
	font-size: 322%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_brewery {
		font-size: 215%;
	}
}

@media only screen and (max-width: 767px) {
	.st_brewery {
		font-size: 158%;
	}
}

.st_brewery span {
	font-size: 40%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_brewery span {
		font-size: 43%;
	}
}

@media only screen and (max-width: 767px) {
	.st_brewery span {
		font-size: 43%;
	}
}

/* -----------------------------------------------------------
	.con_party
----------------------------------------------------------- */
.con_party .box_txt .st {
	font-family: "바탕", "Times New Roman", serif;
	font-weight: normal;
	font-size: 215%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_party .box_txt .st {
		font-size: 158%;
	}
}

@media only screen and (max-width: 767px) {
	.con_party .box_txt .st {
		font-size: 129%;
	}
}

.con_party .box_txt .st span {
	font-size: 40%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_party .box_txt .st span {
		font-size: 43%;
	}
}

@media only screen and (max-width: 767px) {
	.con_party .box_txt .st span {
		font-size: 43%;
	}
}

.st_party {
	font-family: "바탕", "Times New Roman", serif;
	font-weight: normal;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_party {
		font-size: 215%;
	}
}

@media only screen and (max-width: 767px) {
	.st_party {
		font-size: 158%;
	}
}