@media screen and (max-width: 480px) {
#header {
    height:250px;
}
#next #header {
    height:250px;
    background: url(../images/topimg_01.webp) no-repeat center top;
	background-size: cover;
}
#header .logo {
    width: 120px;
    float: left;
    margin-top:10px;
    margin-left:10px;
}
#header #arch {
    padding-top:0px;
    font-size: 20px;
    margin-bottom: 20px;
}
#header h2 {
    font-size:30px;
}
#header p.header-text {
    font-size: 13px;
    color: #FFF;
	width:90%;
	margin:auto;
	text-align:center;
}
#header p.header-text br{
	display:none;
}
#header.smallhead #navi {
	display:none;
}
#header .reservation {
	display:none;
}
#campaign h3.title01 {
    font-size:14px;
}
#campaign h2.title01 {
    font-size:24px;
    margin-bottom:20px;
}
#campaign h2.title01 span{
	display:block;
}
#campaign p.text {
    font-size: 16px;
	width:90%;
	margin:auto;
    margin-bottom:30px;
	text-align:left;
}
#campaign p.text br{
	display:none;
}
#campaign ul{
	margin-bottom:20px;
}
#campaign ul li{
	width:49%;
}


#about h3.title01 {
    font-size:14px;
}
#about h2.title01 {
    font-size:24px;
    margin-bottom:20px;
}
#about h2.title01 span{
	display:block;
}
#about p.text {
    font-size: 16px;
	width:90%;
	margin:auto;
    margin-bottom:30px;
	text-align:left;
}
#about p.text br{
	display:none;
}
#about ul{
	margin-bottom:20px;
}
#about ul li{
	width:33%;
}

#diet h3.title01 {
    font-size:14px;
}
#diet h2.title01 {
    padding: 0 5%;
    font-size:24px;
    margin-bottom:20px;
}
#diet h2.title01 span{
	display:block;
}
#diet p.text {
    font-size: 16px;
	width:90%;
	margin:auto;
    margin-bottom:30px;
	text-align:left;
}
#diet p.text br{
	display:none;
}
#diet ul{
	margin-bottom:20px;
}
#diet ul li{
	width:33%;
}


#semipersonal h3.title01 {
    font-size:14px;
}
#semipersonal h2.title01 {
    padding: 0 5%;
    font-size:24px;
    margin-bottom:20px;
}
#semipersonal h2.title01 br{
	display:none;
}
#semipersonal h2.title01 span{
	display:block;
}
#semipersonal ul li p {
    font-size: 14px;
    width:90%;
    margin:auto;
    margin-bottom:10px;
    text-align:left;
}
#semipersonal p.text br{
	display:none;
}
#semipersonal ul{
	margin-bottom:20px;
}
#semipersonal ul li{
	width:50%;
}
#semipersonal ul li.schedule{
	width:100%;
}
#semipersonal ul li h4{
    font-size: 16px;
    font-weight:bold;
}

#movie h3.title01 {
    font-size:14px;
}

#movie h2.title01 {
    font-size:24px;
    margin-bottom:20px;
}
#movie p.text br{
	display:none;
}
#movie p.text {
    font-size: 16px;
	width:90%;
	margin:auto;
    margin-bottom:30px;
	text-align:left;
}
#movie .img {
    width: 90%;
    margin:0px auto 30px;
}

#facility h3.title01 {
    font-size:14px;
}
#facility h2.title01 {
    font-size:24px;
    margin-bottom:20px;
}
#facility dl {
    display:block;
}
#facility dl dt{
	width:100%;
}
#facility dl dd{
	width:100%;
	padding: 10px 20px 5px;
}
#facility dl dd .no {
	margin-top:-10px;
}
#facility dl dd h3.title02 {
    font-size: 14px;
}
#facility dl dd h2.title02 {
    font-size:20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
#facility dl dd p{
	font-size:16px;
}
#room h3.title01 {
    font-size:14px;
}
#room h2.title01 {
    font-size:24px;
    margin-bottom:20px;
}
#room p.text {
    font-size: 14px;
	width:90%;
	margin:auto;
    margin-bottom:30px;
}
#room ul {
    display: block;
}
#room ul li {
    width:100%;
    margin-bottom: 50px;
}
#room ul li h3.title02 {
    font-size: 14px;
}
#room ul li h2.title02 {
    font-size: 26px;
}
#room ul li p {
	font-size:16px;
}
#room ul li .box {
    padding: 10px 0;
}
#meal h3.title01 {
    font-size:14px;
}
#meal h2.title01 {
    font-size:24px;
    margin-bottom:20px;
}
#meal p.text {
    font-size: 14px;
	width:90%;
	margin:auto;
    margin-bottom:30px;
}
#meal p.text br{
	display:none;
}
#meal ul {
    width: 90%;
}
#meal ul li h2.title02 {
    font-size: 20px;
}
#meal ul li .box {
    padding: 20px;
}
#meal ul li dl {
    display:block;
}
#meal ul li dl dt,
#meal ul li dl dd {
    width:100%;
	font-size:14px;
}
#flow ul {
	flex-wrap :wrap;
	gap:0;
    width:90%;
}
#flow ul li{
	width:48%;
	margin-right:4%;
	margin-bottom:20px;
}
#flow ul li:nth-child(2n){
	margin-right:0;
}
#flow h4.title {
	font-size:18px;
}
#flow li p {
	font-size:14px;
}
#faq h3.title01 {
    font-size:14px;
}
#faq h2.title01 {
    font-size:24px;
    margin-bottom:20px;
}
#faq h4.title01 {
    text-align: center;
    font-size: 20px;
    padding: 10px 0;
    font-weight: normal;
    width: 90%;
    margin: 0 auto 20px;
}
#faq .accordion_header p {
	font-size:14px;
}
#faq .accordion_content {
    font-size:14px;
}
#faq .accordion_barBox {
    display: block;
    width: 30px;
    height: 30px;
    top: 50%;
    right:0px;
}
#faq .accordion_row {
    width: 90%;
}
#faq .accordion_header {
    height: 30px;
}
#faq .accordion_header b {
    font-size: 20px;
    padding-right: 5px;
}
#access h3.title01 {
    font-size:14px;
}
#access h2.title01 {
    font-size:24px;
    margin-bottom:20px;
}
#access p.text {
    font-size: 14px;
	width:90%;
	margin:auto;
    margin-bottom:30px;
}
#access table{
	border:none;
	margin-bottom:0;
}
#access table tr {
    display: block;
	border:none;
}
#access table th {
	display:block;
	width:100%;
	min-height:inherit;
    padding: 5px 10px;
	font-size:14px;
}
#access table td {
	display:block;
	width:100%;
	margin-bottom:20px;
	font-size:14px;
}
#access p.img {
    margin: 0 auto 20px;
}
footer .tel {
    width:70%;
	font-size:14px;
}
footer .tel a:link,
footer .tel a:visited,
footer .tel a:hover,
footer .tel a:active,
footer .tel a:focus{
	color:#FFF;
	text-decoration:none;
}
footer .copyright {
	font-size:13px;
}
#pageTop a {
    width: 50px;
    height: 50px;
}
.button {
    width: 250px;
    margin: 0 auto 50px;
}
.slideshow li {
    width: 130px;
}
#pageTop a:after {
    width: 10px;
    height: 10px;
    margin-top: -3px;
    margin-left: -5px;
}
#contact p.text {
    font-size: 16px;
	width:90%;
	margin:auto;
    margin-bottom:20px;
}
#contact p.text br{
	display:none;
}
#contact #mailformpro table{
	border:none;
	margin-bottom:0px!important;
}
#contact #mailformpro table th {
	width:100%;
	padding:10px;
	display:block;
	border:none;
	box-sizing:border-box;
}
#contact #mailformpro table td {
	width:100%;
	padding:10px 0 20px;
	box-sizing:border-box;
	display:block;
	border:none;
}
#contact #mailformpro table td ol{
	list-style:none;
	margin:0;
	padding:0;
}
#contact #mailformpro table td ol li{
	margin-bottom:10px;
}
#contact #mailformpro table td ol li span{
	display:block;
}
#contact #mailformpro table td input {
	width:70%;
	font-size:16px;
}
#contact #mailformpro table td input.half {
	width:30%;
	margin-right:10px;
}
#contact #mailformpro table td input.radio{
	width:auto;
}
#contact #mailformpro table td textarea{
	width:80% !important;
	font-size:16px !important;
}
div.mfp_buttons button{
	width:40%;
	font-size:14px;
}
table#mfp_confirm_table tr th {
	width:35% !important;
	padding: 10px 0px !important;
}
#mfp_phase_confirm_inner p{
	font-size: 16px;
	width:90%;
	margin:auto;
	margin-bottom:20px;
}
iframe {
	width:100%;
	height:200px;
}
}