@charset "utf-8";


/*************************************************************************************************************/
/*************************************************************************************************************/
@media screen and (max-width:768px) {

.smenu {
width: 100%;
margin: 0px auto;
text-align: center;
padding: 0px 0px 5px 0px;
}

#top_button {
display: inline-block;
margin: 3px 0px 3px 0px;
padding: 0;
text-align: center;
}

.msg_bottom {
width: 100%;
margin: 5px auto;
padding: 6px 0px 0px 0px;
color: #000000;
font-size: 13px;
line-height: 140%;
text-align: center;
}

header .top {
width: 100%;
margin: 0px auto;
text-align: center;
}

header .menubar {
width: 100%;
margin: 0px auto;
text-align: center;
}

.menu {
 display: none;
}

.menu_768 {
display: block;
}

#menu{
display: block;
width: 100%;
margin: 0px auto;
}

#toggle{
 display: none;
}

#menu li{
display: block;
float: left;
width: 16.6%;
margin: 0;
padding: 0;
border-bottom: 1px solid #FEF5D7 ;
}

#menu li a{
display: block;
color: #008054;
padding: 5px 0px 5px 0px;
font-size: 13px;
line-height: 140%;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
text-align: center;
text-shadow: 0px 1px 0px #aaaaaa;
}

#menu li a:hover{
background: #FEF5D7 ;
}

.box_left {
width: 100%;
margin: 0 auto;
padding: 15px 5px 20px 5px;
font-size:14px;
line-height:200%;
}

.box_right {
width: 100%;
margin: 0 auto;
padding-top: 50px;
text-align: center;
}

.box_right ul .bnr_full {
display: none;
}

.box_right ul .bnr_mobile {
display: inline-block;
list-style-type: none;
margin: 0px;
padding: 0px;
}

.box_right ul li{
padding: 0px 5px 15px 5px;
display: inline-block;
}

.total_counter {
width: 100%;
margin: 0px auto;
text-align: center;
display: block;
}

.msg_bottom {
width: 100%;
margin: 0px auto;
text-align: center;
display: block;
padding: 3px 0px 0px 15px;
color: #000000;
font-size: 13px;
}

.copyright {
width: 100%;
margin: 0px auto;
text-align: center;
display: block;
padding: 5px 0px 0px 0px;
}


}
/*************************************************************************************************************/
/*************************************************************************************************************/
@media screen and (max-width:640px) {

.logo {
width: 100%;
margin: 0px auto;
text-align: center;
padding-top: 3px;
}

.msg_top {
width: 100%;
margin: 0 auto;
padding: 0px 5px 0px 5px;
text-align: center;
}

#top_button {
display: inline-block;
margin: 5px 0px 5px 0px;
padding: 0;
text-align: center;
}

#menu li{
display: block;
float: left;
width: 25%;
margin: 0;
padding: 0;
border-bottom: 1px solid #FEF5D7 ;
}

.total_counter {
display: none;
}

.msg_bottom {
display: none;
}

.copyright {
display: none;
}

.copyright_640 {
display: block;
width: 100%;
margin: 0 auto;
text-align: center;
}

.copyright_640 ul {
list-style-type: none;
margin: 5px 0px;
}

.copyright_640 ul li{
display: inline-block;
vertical-align: top;
}

.copyright_640 .footer_button {
margin: 0px 5px;
}

.copyright_640 .footer_button a {
margin: 0px 10px;
padding: 3px 6px 3px 6px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
color: #0066cc;
font-size: 13px;
text-decoration: none;
font-weight: normal;
white-space: nowrap;
background: #FDF2D8 ;
text-shadow: 0px 1px 0px #999999;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}

.copyright_640 .footer_button a:hover{
background: #ff7700;
color: #ffffff;
}

.copyright_640 img {
margin-top: 5px;
}

.common_bnr .common_bnrbox_full {
display: none;
}

.common_bnr .common_bnrbox_mobile {
display: inline-block;
margin: 5px 10px;
padding: 0px;
text-align: center;
}

.common_contents table {
display: block;
}

.common_contents table tbody{
display: block;
}

.common_contents table tr{
display: block;
}

.common_contents table th,
.common_contents table td {
width: 100%;
display: list-item;
padding: 0px 5px;
}

.common_contents table tbody th{
list-style-type: none;
text-align: left;
white-space: nowrap;
}

.common_contents table tbody td {
list-style-type: none;
text-align: left;
}

.common_submenu_1 table {
display: block;
background-color: #ffffff;
border: none;
padding: 10px 5px 0px 5px;
border-collapse: collapse;
border: 1px solid #999999;
}

.common_submenu_1 table tbody {
display: block;
border: none;
}

.common_submenu_1 table tbody tr {
display: block;
margin-bottom: 15px;
border: none;
}

.common_submenu_1 table tbody tr th,
.common_submenu_1 table tbody tr td {
display: list-item;
padding: 0px 5px;
}

.common_submenu_1 table tbody tr th{
font-size: 15px;
margin-left: 5px;
list-style-type: none;
text-align: left;
white-space: nowrap;
border: none;
}

.common_submenu_1 table tbody tr td {
margin-left: 15px;
list-style-type: none;
text-align: left;
border: none;
word-break: break-all;
}

.common_submenu_2 table {
display: block;
background-color: #ffffff;
border: none;
padding: 10px 5px 0px 5px;
}

.common_submenu_2 table tbody {
display: block;
border: none;
}

.common_submenu_2 table tbody tr {
display: block;
margin-bottom: 15px;
border: none;
}

.common_submenu_2 table tbody tr th,
.common_submenu_2 table tbody tr td {
width: 100%;
display: list-item;
padding: 0px 5px;
}

.common_submenu_2 table tbody tr th{
margin-left: 5px;
list-style-type: none;
text-align: left;
white-space: nowrap;
}

.common_submenu_2 table tbody tr td {
margin-left: 10px;
list-style-type: none;
text-align: left;
}

.common_link_table {
display: block;
}

.common_link_table tbody{
display: block;
}

.common_link_table tbody tr{
display: block;
margin-bottom: 10px;
}

.common_link_table tbody th,
.common_link_table tbody td{
display: list-item;
border: none;
margin-bottom: 0px;
}

.common_link_table tbody th{
list-style-type: none;
white-space: nowrap;
}

.common_link_table tbody td{
margin-left: 5px;
list-style-type: none;
padding: 0;
}


}
/*************************************************************************************************************/
/*************************************************************************************************************/
@media screen and (max-width:480px) {

.logo {
display: none;
}

.logo_480 {
display: block;
text-align: center;
}

.top_banner_gomobile {
display: block;
max-width: 300px;
margin: 0px auto;
text-align: center;
}

.top_banner_gomobile img {
max-width: 100%;
margin: 0px auto;
}

#top_button {
display: inline-block;
margin: 10px 0px;
padding: 0;
text-align: center;
}

#top_button a{
margin: 5px;
padding: 5px 10px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
color: #0066cc;
font-size: 14px;
text-decoration: none;
font-weight: bold;
white-space: nowrap;
background: #FDF2D8 ;
}

.msg_top {
display: none;
}

#menu{
display: none;
}

#menu li{
width: 100%;
}

#menu li a{
display: block;
color: #008054;
padding: 10px 0px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
text-align: center;
}

#toggle{
display: block;
position: relative;
width: 100%;
background: #FCDC73;
}

#toggle a{
display: block;
position: relative;
padding: 8px 0px 8px 0px;
border-bottom: 1px solid #FEF5D7 ;
color: #008054;
font-size: 17px;
font-weight: bold;
text-align: center;
text-decoration: none;
}

#toggle:before{
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 20px;
margin-top: -10px;
background: #008054;
}

#toggle a:before, #toggle a:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 4px;
background: #FCDC73;
}

#toggle a:before{
margin-top: -6px;
}

#toggle a:after{
margin-top: 2px;
}

.common_photo3-box .img-box {
display: block ;
width: 100%;
margin: 0px auto;
padding: 10px 10px 10px 10px;
text-align: center;
vertical-align: top;
}

.common_photo3-box .img-box-full {
display: none;
}

.common_photo3-box .img-box-full p {
display: none;
}

.common_rphoto-ltext-box {
width: 100%;
margin: 0px auto;
overflow: hidden;
padding: 10px 0px;
}

.common_rphoto-ltext-box .img-box {
float: none;
display: block;
width: 100%;
margin: 0px auto;
text-align: center;
}

.common_rphoto-ltext-box ul {
list-style-type: square;
padding: 0px 10px 0px 20px;
}

.tel_mark {
display: block;
margin-top: 5px;
}


}
@charset "utf-8";

/*===========================*/
/*　　　　　　食事ページ
/*===========================*/

.loopSliderWrap {
top: 0;
left: 0;
height: 110px;
overflow: hidden;
position: absolute;
}

.loopSlider {
width: 100%;
margin: 0 auto;
height: 110px;
text-align: left;
position: relative;
overflow: hidden;
}

.loopSlider ul {
height: 110px;
float: left;
overflow: hidden;
}

.loopSlider ul li {
width: 160px;
height: 110px;
float: left;
display: inline;
overflow: hidden;
}

.loopSliderWrap:after {
content: "";
display: none;
clear: none;
}

/***************************************/
/***************************************/
@media only screen and (max-width:640px) {



}
/***************************************/
/***************************************/
@media only screen and (max-width:480px) {


}