@charset "UTF-8";

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
/*=================================================================
*==================================================================
page style setting
==================================================================*
==================================================================*/
/* ===============================================
wrap_cont
=============================================== */
/* ===============================================
sec_main_menu
=============================================== */
.sec_main_menu {

}

.sec_main_menu .inner_sec {
	padding: 20px 0 0 0;
}

.sec_main_menu .ly_border_menu_01 {
	position: relative;
	width: 100%;
	height: 7px;
	background: linear-gradient(to right, #ffffff 0%, #c19e4b 100%);
}

.sec_main_menu .ly_border_menu_02 {
	position: relative;
	width: 100%;
	height: 7px;
	background: linear-gradient(to right, #c19e4b 0%, #ffffff 100%);
}

/* -----------------------------------------------
ttl_range
----------------------------------------------- */
.sec_main_menu .ttl_range {
	width: 93.75%;
	margin: 0 auto 25px auto;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #000000;
}

#wrapper .sec_main_menu .ttl_range img {
	width: 35%;
	max-width: 180px;
}

/* -----------------------------------------------
first_menu_range
----------------------------------------------- */
.sec_main_menu .first_menu_range {
	margin: 0 0 30px 0;
}

/* -----------------------------------------------
all_mass
*/
.sec_main_menu .first_menu_range .all_mass {
	margin: 0 0 35px 0;
}

.sec_main_menu .first_menu_range .all_mass .view_area {
	width: 100%;
	margin: 0;
	text-align: center;
}

.sec_main_menu .first_menu_range .all_mass img {
	width: 100%;
}

/* -----------------------------------------------
list_mass
*/
.sec_main_menu .first_menu_range .list_mass {
	width: 93.75%;
	margin: 0 auto;
}

.sec_main_menu .first_menu_range .list_mass ul {
	/* flex */
	display: block;
}

.sec_main_menu .first_menu_range .list_mass li {
	width: 100%;
	margin: 15px 0 0 0;
}

.sec_main_menu .first_menu_range .list_mass li:first-child {
	margin: 0 0 0 0;
}

.sec_main_menu .first_menu_range .list_mass .view_area {
	width: 100%;
}

.sec_main_menu .first_menu_range .list_mass .view_area img {
	width: 100%;
}

.sec_main_menu .first_menu_range .list_mass .txt_area {
	padding: 10px 10px 10px 10px;
	border-top: 3px solid #e60012;
	background-color: #f1efe3;
	font-size: 16px;
}

.sec_main_menu .first_menu_range .list_mass .txt_area .fs_01 {
	font-size: 13px;
}

.sec_main_menu .first_menu_range .list_mass .txt_area .fs_02 {
	font-size: 11px;
}

.sec_main_menu .first_menu_range .list_mass .txt_area .ttl_block {
	line-height: 1.5;
}

/* -----------------------------------------------
second_menu_range
----------------------------------------------- */
.sec_main_menu .second_menu_range {
	margin: 30px 0 30px 0;
}

/* -----------------------------------------------
list_mass
*/
.sec_main_menu .second_menu_range .list_mass {
	width: 93.75%;
	margin: 0 auto;
}

.sec_main_menu .second_menu_range .list_mass ul {
	/* flex */
	display: block;
}

.sec_main_menu .second_menu_range .list_mass li {
	width: 100%;
	margin: 15px 0 0 0;
}

.sec_main_menu .second_menu_range .list_mass li:nth-child(3n) {
	margin: 15px 0 0 0;
}

.sec_main_menu .second_menu_range .list_mass .view_area {
	width: 100%;
}

.sec_main_menu .second_menu_range .list_mass .view_area img {
	width: 100%;
}

.sec_main_menu .second_menu_range .list_mass .txt_area {
	padding: 10px 10px 10px 10px;
	border-top: 3px solid #e60012;
	background-color: #f1efe3;
	font-size: 16px;
}

.sec_main_menu .second_menu_range .list_mass .txt_area .fs_01 {
	font-size: 13px;
}

.sec_main_menu .second_menu_range .list_mass .txt_area .fs_02 {
	font-size: 11px;
}

.sec_main_menu .second_menu_range .list_mass .txt_area .ttl_block {
	margin: 0 0 0 0;
	line-height: 1.5;
}

.sec_main_menu .second_menu_range .list_mass .txt_area .about_block {
	margin: 13px 0 0 0;
	font-size: 13px;
}

/* -----------------------------------------------
other_menu_note_range
----------------------------------------------- */
.sec_main_menu .other_menu_note_range {
	width: 93.75%;
	margin: 0 auto;
	padding: 15px 0 40px 0;
	border-top: 2px solid #000000;
}

.sec_main_menu .other_menu_note_range ul {
	text-align: left;
}

.sec_main_menu .other_menu_note_range li {
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 14px;
}


/* ===============================================
sec_side_menu
=============================================== */
.sec_side_menu {

}

.sec_side_menu .inner_sec {
	padding: 30px 0 0 0;
}

.sec_side_menu .fs_02 {
	font-size: 11px;
}

/* -----------------------------------------------
ttl_range
----------------------------------------------- */
.sec_side_menu .ttl_range {
	width: 93.75%;
	margin: 0 auto;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #000000;
}

#wrapper .sec_side_menu .ttl_range img {
	width: 35%;
	max-width: 150px;
}

#wrapper .sec_side_menu .ttl_range.alacarte img {
	width: 42%;
	max-width: 180px;
}

#wrapper .sec_side_menu .ttl_range.drink img {
	width: 25%;
	max-width: 120px;
}

/* -----------------------------------------------
topping_range
----------------------------------------------- */
.sec_side_menu .topping_range {
	width: 93.75%;
	margin: 0 auto;
	padding: 15px 0 30px 0;
}

/* -----------------------------------------------
list_mass
*/
.sec_side_menu .topping_range .list_mass {

}

.sec_side_menu .topping_range .list_mass ul {
	/* flex */
	display: block;
}

.sec_side_menu .topping_range .list_mass li {
	width: 100%;
	margin: 15px 0 0 0;
}

.sec_side_menu .topping_range .list_mass li:first-child {
	width: 100%;
	margin: 15px 0 0 0;
}

.sec_side_menu .topping_range .list_mass li:nth-child(3n) {
	margin: 15px 0 0 0;
}

.sec_side_menu .topping_range .list_mass .view_area {
	width: 100%;
}

.sec_side_menu .topping_range .list_mass .view_area img {
	width: 100%;
}

.sec_side_menu .topping_range .list_mass .txt_area {
	min-height: auto;
	min-height: initial;
	padding: 10px 10px 10px 10px;
	border-top: 3px solid #e60012;
	background-color: #f1efe3;
	font-size: 16px;
}

.sec_side_menu .topping_range .list_mass .txt_area .fs_01 {
	font-size: 13px;
}

.sec_side_menu .topping_range .list_mass .txt_area .fs_02 {
	font-size: 10px;
}

.sec_side_menu .topping_range .list_mass .txt_area .ttl_block {
	margin: 0 0 0 0;
	line-height: 1.5;
}

.sec_side_menu .topping_range .list_mass .txt_area .about_block {
	margin: 13px 0 0 0;
	font-size: 13px;
}

/* -----------------------------------------------
alacarte_range
----------------------------------------------- */
.sec_side_menu .alacarte_range {
	width: 93.75%;
	margin: 0 auto;
	padding: 15px 0 30px 0;
}

/* -----------------------------------------------
list_mass
*/
.sec_side_menu .alacarte_range .list_mass {

}

.sec_side_menu .alacarte_range .list_mass ul {
	/* flex */
	display: block;
}

.sec_side_menu .alacarte_range .list_mass li {
	width: 100%;
	margin: 15px 0 0 0;
}

.sec_side_menu .alacarte_range .list_mass li:first-child {
	width: 100%;
	margin: 15px 0 0 0;
}

.sec_side_menu .alacarte_range .list_mass li:nth-child(3n) {
	margin: 15px 0 0 0;
}

.sec_side_menu .alacarte_range .list_mass .view_area {
	width: 100%;
}

.sec_side_menu .alacarte_range .list_mass .view_area img {
	width: 100%;
}

.sec_side_menu .alacarte_range .list_mass .txt_area {
	min-height: auto;
	min-height: initial;
	padding: 10px 10px 10px 10px;
	border-top: 3px solid #e60012;
	background-color: #f1efe3;
	font-size: 16px;
}

.sec_side_menu .alacarte_range .list_mass .txt_area .fs_01 {
	font-size: 13px;
}

.sec_side_menu .alacarte_range .list_mass .txt_area .fs_02 {
	font-size: 10px;
}

.sec_side_menu .alacarte_range .list_mass .txt_area .ttl_block {
	margin: 0 0 0 0;
	line-height: 1.5;
}

.sec_side_menu .alacarte_range .list_mass .txt_area .about_block {
	margin: 13px 0 0 0;
	font-size: 13px;
}

/* -----------------------------------------------
drink_range
----------------------------------------------- */
.sec_side_menu .drink_range {
	width: 93.75%;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

.sec_side_menu .drink_range ul {
	/* flex */
	display: block;
}

.sec_side_menu .drink_range li {
	width: 100%;
	font-size: 16px;
	margin: 5px 0 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sec_side_menu .drink_range li:first-child {
	margin: 0 0 0 0;
}

/* ===============================================
sec_order
=============================================== */
.sec_order {

}

.sec_order .inner_sec {
	width: 93.75%;
	margin: 0 auto;
}

/* -----------------------------------------------
to_order_range
----------------------------------------------- */
.sec_order .to_order_range {
	padding: 40px 0 50px 0;
}

/* -----------------------------------------------
balloon_mass
*/
.sec_order .to_order_range .balloon_mass {
	padding: 0 0 30px 0;
	text-align: center;
}

.sec_order .to_order_range .balloon_mass .inner_mass {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 14px 6px 14px 6px;
	border: 1px solid #355394;
	border-radius: 12px;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sec_order .to_order_range .balloon_mass .inner_mass:before {
	content: "";
	position: absolute;
	bottom: -26px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 18px solid #ffffff;
	z-index: 2;
}

.sec_order .to_order_range .balloon_mass .inner_mass:after {
	content: "";
	position: absolute;
	bottom: -29px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 18px solid #355394;
	z-index: 1;
}

.sec_order .to_order_range .balloon_mass .txt_area {
	color: #355394;
	font-size: 18px;
	line-height: 1.4;
	text-align: left;
}

/* -----------------------------------------------
bt_mass
*/
.sec_order .to_order_range .bt_mass {
	text-align: center;
}

.sec_order .to_order_range .bt_mass a {
	display: inline-block;
	width: 95%;
	padding: 13px 10px 13px 10px;
	border-radius: 35px;
	background-color: #e60012;
	color: #ffffff;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
	line-height: 1.1;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sec_order .to_order_range .bt_mass a:before {
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	margin: 0 10px 0 0;
	border-left: 10px solid #ffffff;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	vertical-align: -2px;
}

.sec_order .to_order_range .bt_mass a:hover {
	opacity: 0.7;
}

}/* End SP----------------------------------------------------*/