@charset "utf-8";


@media (max-width: 768px){
#contents-outer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
#header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}
#header #header-inner {
	width:100%;
	margin-left: auto;
	margin-right: auto;
}
    .seas-takeout-tel  {
	float: none;
	position: static;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
body #inner-contents  div.seas-takeout-tel{
    float: none;
    position: static;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3%;
    width: 90%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#header-inner header {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: hidden;
}
#ryouri-season_outer {
    display: flex;
    clear: both;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: space-between;
}
#ryouri-season_outer .ryouri-season {
    width: 32%;
    margin-left: 0px;
    margin-right: 0px;
}





}


@media (max-width: 685px){
#navigation ul {
    list-style-type: none;
    height: 35px;
    width: 98%;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: space-between;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
#navigation ul li {
    float: none;
    height: 35px;
    width: 30%;
    padding-left: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0px;
    margin-right: 0px;
}
#navigation ul li a {
    text-decoration: none;
    color: #FFF;
    text-shadow: 0px 0px 5px #5C4F3B;
    /* [disabled]letter-spacing: 0.1em; */
}
#navigation ul li a:link {
	color: #FFF;
}
    
#contents-outer {
	width: 100%;
}
#header {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: repeat;
	background-position: -474px center;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	background-size: auto auto;
	background-clip: content-box;
}

#inner-contents   {
	width: 100%;
	max-width: 100%;
	min-width: 650px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#inner-contents section #top-left {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	float: none;
	clear: both;
	overflow-x: hidden;
	overflow-y: hidden;
}
#top-right {
	width: 100%;
	float: none;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#inner-contents #top-left #slider-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	margin-bottom: 52px;
	margin-left: 3%;
}
#top-right #top-tel {
	clear: both;
	float: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: right 31px;
}
#inner-contents .ryouri-img-top {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#inner-contents .ryouri-img-top a img {
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




#inner-contents #top-left #slider-box .slider {

}
#inner-contents section #top-left #google-map {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	clear: both;
	float: none;
}
#inner-contents #top-right #fb-page-plugin {
	float: none;
	clear: both;
	width: 460px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 44px;
}

.takeout-tel{
	float: none;
	position: static;
	top: 0px;
	clear: both;
	margin: 0px auto;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0px;
	max-width: 500px;
}
.mobile-width-all {
	width: 100%;
	height: auto;
}





}