<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   second

--------------------------------------------------------------------------------------------------*/

.menusp,
.slidersp,
#index .box01 .text-sp,
#footer .footer-info .text-navi-sp,
#footer .footer-menu .coppy-sp,
#index .box03 .frame02 .img-sp,
.img-sp-index-box3, 
.title-sp-index-box5,
footer .footer-top li:nth-child(3),
footer .footer-top li:nth-child(4),
#index .box02 .btn-link,
#index .box02 .frame &gt; li:nth-child(5),
#index .box02 .frame &gt; li:nth-child(6),
.logo-footer-sp {
  display:none;
}

@media all and (min-width: 820px) {
    .sp {
        display:none;
    }
    .pc {
        display:block;
    }
}

@media all and (min-width:821px) and (max-width:980px) {
  header {
    width:100%;
  }
  
  header .text_header {
	right:10px;
  }
  
  .container {
    /*width: 100%;*/
	 width: 100%;	
	padding:0px 10px;
  }
  nav ul {
    width: 100%;
  }
  
  nav ul li#nav01 a:link,
  nav ul li#nav01 a:visited {
    width: 120px;
    background: url(../image/gnavi.png) no-repeat 20px 20px;
  }

  nav ul li#nav01 a:hover,
  nav ul li#nav01 a:active,
  nav ul li#nav01 a.now {
    background:url(../image/gnavi.png) no-repeat 20px 20px,url(../image/bg-menu-hover.png) repeat-x;
  }

  nav ul li#nav02 a:link,
  nav ul li#nav02 a:visited {
    width: 67px;
    background: url(../image/gnavi.png) no-repeat -128px 20px;
  }

  nav ul li#nav02 a:hover,
  nav ul li#nav02 a:active,
  nav ul li#nav02 a.now {
    background: url(../image/gnavi.png) no-repeat -128px 20px,url(../image/bg-menu-hover.png) repeat-x;
  }

  nav ul li#nav03 a:link,
  nav ul li#nav03 a:visited {
    width: 163px;
    background: url(../image/gnavi.png) no-repeat -218px 20px;
  }

  nav ul li#nav03 a:hover,
  nav ul li#nav03 a:active,
  nav ul li#nav03 a.now {
    background: url(../image/gnavi.png) no-repeat -218px 20px,url(../image/bg-menu-hover.png) repeat-x;
  }

  nav ul li#nav04 a:link,
  nav ul li#nav04 a:visited {
    width: 101px;
    background: url(../image/gnavi.png) no-repeat -405px 20px;
  }

  nav ul li#nav04 a:hover,
  nav ul li#nav04 a:active,
  nav ul li#nav04 a.now {
    background: url(../image/gnavi.png) no-repeat -405px 20px,url(../image/bg-menu-hover.png) repeat-x;
  }

  nav ul li#nav05 a:link,
  nav ul li#nav05 a:visited {
    width: 107px;
    background: url(../image/gnavi.png) no-repeat -529px 20px;
  }

  nav ul li#nav05 a:hover,
  nav ul li#nav05 a:active,
  nav ul li#nav05 a.now {
    background: url(../image/gnavi.png) no-repeat -529px 20px,url(../image/bg-menu-hover.png) repeat-x;
  }

  nav ul li#nav06 a:link,
  nav ul li#nav06 a:visited {
    width: 91px;
    background: url(../image/gnavi.png) no-repeat -653px 20px;
  }

  nav ul li#nav06 a:hover,
  nav ul li#nav06 a:active,
  nav ul li#nav06 a.now {
    background: url(../image/gnavi.png) no-repeat -653px 20px,url(../image/bg-menu-hover.png) repeat-x;
  }

  nav ul li#nav07 a:link,
  nav ul li#nav07 a:visited {
    width: 133px;
    background: url(../image/gnavi.png) no-repeat -768px 20px;
  }

  nav ul li#nav07 a:hover,
  nav ul li#nav07 a:active,
  nav ul li#nav07 a.now {
    background: url(../image/gnavi.png) no-repeat -768px 20px,url(../image/bg-menu-hover.png) repeat-x;
  }
  
  dt,dd {
    float:none;
    width:100%;
  }
  
  dt {
    padding:0px;
  }
  
  input {
    /*width:100%;*/
  }
  
  textarea {
    width:100%;
  }
  
		#index .box01{
    width: 96%;
				margin: 0 2%;
    float: none;
		}
		
		#index .box01 ul {
			margin: 0 0 0 4%;
			padding: 0;
		}

		#index .box01 ul li {
			float: left;
			width: 30%;
			margin: 0 1%;
			padding: 0;		
		}
		
		#index .box01 ul li figure img {
			width: 100%;
		}

		#index .box02 {
			width: 100%;
			height: auto;
			padding: 0 0 20px;
		}
		
  #stay .box02 .content-left,#stay .box02 .content-right,
		#banquet .box02 .content-left,#banquet .box02 .content-right,
		#restaurant .box02 .content-left,#restaurant .box02 .content-right,
		#etc .box02 .content-left,#etc .box02 .content-right,
		#etcac .box02 .content-left,#etcac .box02 .content-right,
		#access .box02 .content-left,#access .box02 .content-right,
		#privacy .box02 .content-left,#privacy .box02 .content-right,
		#sitemap .box02 .content-left,#sitemap .box02 .content-right,
		#guide .box02 .content-left,#guide .box02 .content-right,
		#link .box02 .content-left,#link .box02 .content-right,
		#company .box02 .content-left,#company .box02 .content-right,
		#school .box02 .content-left,#school .box02 .content-right,
		#pub .box02 .content-left,#pub .box02 .content-right,
		#wn .box02 .content-left,#wn .box02 .content-right {
    width: 96%;
				margin: 0 2%;
    float: none;
  }
  
  #stay .box02 .content-right,
		#banquet .box02 .content-right,
		#restaurant .box02 .content-right,
		#etc .box02 .content-right,
		#etcac .box02 .content-right,
		#access .box02 .content-right,
		#privacy .box02 .content-right,
		#sitemap .box02 .content-right,
		#guide .box02 .content-right,
		#link .box02 .content-right,
		#company .box02 .content-right,
		#school .box02 .content-right,
		#pub .box02 .content-right,
		#wn .box02 .content-right {
    padding:20px 10px;
    text-align:center;
  }

  #contact dl {
    margin:20px 20px 0px 20px;
  }
  
  #contact dd:last-child {
    padding:0px 0px 30px 0px;
  }
  
  .footer-top {
    /*height:270px;*/
  }
  
  a#ptop {
    right:0px;
    margin-left:0px;
  }
  
  #book-stay-room input.input-medium {
    width:250px !important;
  }
  
  #book-stay-room dd.input-small input {
    width: 90px!important;
  }
  
  #book-stay-room dd.input-small-smaller input {
    width: 70px!important;
  }
  
  #book-stay-room .box01 div, #book-stay-room .box02 div {
    float:none;
    width:100%;
  }
  
  footer .text-info {
			float: none;
		}

  footer .footer-top ul {
    /*float:left;*/
				float: none;
    margin: 20px auto 0;
  }
  
  footer .footer-top li {
    margin-left:0px;
    margin-right:30px;
				margin-bottom: 20px;
				text-align: center;
  }
  
  footer .footer-bottom {
			height: 60px;
				background-color: #FF9326;
		}

  footer .footer-bottom ul {
    /*float:left;*/
  }
  
  #book-stay-room .textarea-large {
    width:100%;
  }
		
#topSecond {
	width: 100%;
	padding: 20px 0;
	background: url(../image/bg-box02-index.png) repeat 0 0;
}

#topSecondBox {
	width: 100%;
	margin: 0 auto;
}

.sLeft {
	width: 100%;
	float: none;
}

.sLeft .yoyakuGroup {
	margin: 0 10px;
	padding: 0 0 10px;
}

.sLeft .syukuhaku {
	float: left;
	width: 49%;
	padding: 0 0 10px;
	border: 1px solid #FF9326;
	border-radius: 5px;
	background-color: #FFFFFF;
}

.sLeft .banquet {
	float: right;
	width: 49%;
	padding: 0 0 10px;
	border: 1px solid #CC99FF;
	border-radius: 5px;
	background-color: #FFFFFF;
}

.sLeft .syukuhaku h2 {
	margin: 0 0 6px !important;
	padding: 14px 0 10px;
	border-bottom: 6px solid #FF9326;
}

.sLeft .syukuhaku p img,
.sLeft .banquet p img  {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.sLeft .banquet h2 {
	margin: 0 0 6px !important;
	padding: 14px 0 10px;
	border-bottom: 6px solid #CC99FF ;
}

.sLeft .syukuhaku .text,
.sLeft .banquet .text  {
	padding: 10px;
	line-height: 1.3;
}

.sLeft .syukuhaku .btn,
.sLeft .banquet .btn {
	text-align: center;
}

.sLeft .etcGroup {
	margin: 0 10px;
}

.sLeft .etcGroup .wn {
	float: left;
	width: 49%;
	background-color: #FFFFFF;
	border-radius: 5px;
	border: none;
	padding-bottom: 5px;
}

.sLeft .etcGroup .wn h2 {
	margin: 0;
	padding: 15px 10px 10px;
	text-align: left;
	border-bottom: 1px solid #00A3D9;
}

.sLeft .etcGroup .wn h2 a {
	float: right;
}

.sLeft .etcGroup .wn ul {
	margin: 0;
	padding: 5px;
	list-style: none;
}

.sLeft .etcGroup .wn ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #CCCCCC;
}

.sLeft .etcGroup .wn ul li span {
	float: left;
	margin-right: 10px;
}

.sLeft .etcGroup .wn ul li a {
	display: block;
	text-decoration: none;
	padding: 5px 0;
	color: #333333;
}

.sLeft .etcGroup .calendar {
	width: 49%;
	float: right;
	margin: 20px 0 0;
	padding: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
}

.sLeft .etcGroup .calendar table {
	width: 100%;
	border: 1px solid #CCCCCC;
}

.sLeft .etcGroup .calendar table td.sunText {
	color: #F93800;
	background-color: #FFE2D9;
}

.sLeft .etcGroup .calendar table td.sun {
	background-color: #FFE2D9;
}

.sLeft .etcGroup .calendar table td.sat {
	background-color: #D2E9FF;
}

.sLeft .etcGroup .calendar table td.satText {
	color: #0040FF;
	background-color: #D2E9FF;
}

.sRight {
	float: none;
	width: 95%;
	margin: 20px auto 0;
	text-align: center;
}

.sRight .amap {
	width: 260px;
	margin: 10px auto;
	padding: 10px;
	background-color: #FF9326;
	border-radius: 5px;
}

.sRight .amap h2 {
	margin: 0 0 5px;
	padding: 0;
	font-size: 10px;
}

.sRight .link {
	width: 300px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #00A3D9;
	background-color: #00A3D9;
	border-radius: 5px;
}

.sRight .link h2 {
	margin: 0 0 5px;
	padding: 5px 0;
	font-size: 10px;
	border-bottom: none;
}

.sRight .link ul {
	padding: 5px 5px 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
}

.sRight .link ul li a {
	display: block;
	padding: 10px 5px;
	border-bottom: 1px dotted #CCCCCC;
}

iframe {
	width: 100%;
}

.sRight .linkp {
	width: 260px;
	margin: 0 auto 5px;
	background-color: #FFFFFF;
}


/*------------------------------------------------------------------------------------------------
  wn
--------------------------------------------------------------------------------------------------*/
#wn .calenda table {
	width: 80%;
	margin: 0 auto 30px;
}

#wn .calenda table th, #wn .calenda table td {
	padding: 10px;
}

#wn .calenda table td a {
	display: block;
}

#wn .calenda table tr:first-of-type  td a {
	display: inline;
	padding: 0 5px;
}

.wnMonthList {
	display: none;
}

.spwnMonthList {
	display: block;
	width: 80%;
	margin: 0 auto;
}


}

@media all and (max-width: 820px) {
	
	 #stay .box02 .content-left,#stay .box02 .content-right,
		#banquet .box02 .content-left,#banquet .box02 .content-right,
		#restaurant .box02 .content-left,#restaurant .box02 .content-right,
		#etc .box02 .content-left,#etc .box02 .content-right,
		#etcac .box02 .content-left,#etcac .box02 .content-right,
		#access .box02 .content-left,#access .box02 .content-right,
		#privacy .box02 .content-left,#privacy .box02 .content-right,
		#sitemap .box02 .content-left,#sitemap .box02 .content-right,
		#guide .box02 .content-left,#guide .box02 .content-right,
		#link .box02 .content-left,#link .box02 .content-right,
		#company .box02 .content-left,#company .box02 .content-right,
		#school .box02 .content-left,#school .box02 .content-right,
		#pub .box02 .content-left,#pub .box02 .content-right,
		#wn .box02 .content-left,#wn .box02 .content-right,
		#activity .box02 .container,
		#sodateru .box02 .container {
    width: 96%;
				margin: 0 2%;
    float:none;
  }
  
  #stay .box02 .content-right,
		#banquet .box02 .content-right,
		#restaurant .box02 .content-right,
		#etc .box02 .content-right,
		#etcac .box02 .content-right,
		#access .box02 .content-right,
		#privacy .box02 .content-right,
		#sitemap .box02 .content-right,
		#guide .box02 .content-right,
		#link .box02 .content-right,
		#company .box02 .content-right,
		#school .box02 .content-right,
		#pub .box02 .content-right,
		#wn .box02 .content-right,
		#activity .box02 .content-right,
		#sodateru .box02 .content-right {
    padding:20px 10px;
    text-align:center;
  }

  .menusp,
  .slidersp,
  #index .box01 .text-sp,
  #footer .footer-info .text-navi-sp,
  #footer .footer-menu .coppy-sp,
  #index .box03 .frame02 .img-sp,
  .img-sp-index-box3,
  .title-sp-index-box5,
  .logo-footer-sp,
  footer .footer-top li:nth-child(3),
  footer .footer-top li:nth-child(4),
  #index .box02 .btn-link,
  #index .box02 .frame &gt; li:nth-child(7),
  #index .box02 .frame &gt; li:nth-child(6),
  #index .box02 .frame &gt; li:nth-child(5),
  .sp {
    display:block;
  }
  
  .sliderpc,
  #footer .footer-menu .coppy,
  nav,
  #index .box03 .frame02 .right,
  .img-index-box3,
  .title-index-box5,
  .logo-footer-pc,
  footer .footer-bottom ul,
  .pc {
    display:none;
  }
		
		img {
				border: none;
				vertical-align: top;
				max-width: 100%;
				height: auto;
		}
  
		.alignleft, .alignright, .aligncenter {
			float: none;
  display: block;
  margin: 0 auto;
}

/*------------------------------------------------------------------------------------------------
  header
--------------------------------------------------------------------------------------------------*/
  header {
    width:100%;
    padding:8px 10px 0px 0px;
    border-bottom: none;
    height:67px;
    border-top:6px solid #FF9326;
    border-bottom:2px solid #FF9326;
  }
  
  .container {
    width: 100%;
    padding:0px;
  }
  
  header h1 {
    top:8px;
  }
  
  header h1 a img {
    margin-left:10px;
				width:auto;
				height: 43px;
  }
  
  #headerArea {
    border-top:none;
  }

  header .text_header {
    display:none;
  }
  
  nav {
    height: auto;
    margin-top: 0px;
    width:100%;
    background:#FF9326;
    position: absolute;
    z-index:2000;
  }
  
  nav ul {
    padding: 8px;
    width: 100%;
    padding-bottom:9px;
  }
  
  nav ul li {
    float:none;
    margin:0 0 8px;
    border-radius:5px;
    height:53px;
    text-indent:0px;
    background:#fff;
    padding-right:0;
    line-height:53px;
				width: 100% !important;
  }
  
  nav ul li a {
    color:black;
    padding-left:20px;
  }
  
		nav ul.sp {
			margin-top: -16px;
			margin-bottom: 4px;
		}
		
		nav ul.sp li {
			margin: 0;
		}
		
		nav ul.sp li:before {
			display: none;
		}
		
		nav ul.sp li a {
			background-color: #FF9326;
			color: #FFF;
			border: 2px solid #FFF;
			padding-left: 0;
		}
		
  nav ul.sp li a img {
			width: 20px;
			height: auto;
			margin-right: 6px;
			vertical-align: -3px;
			font-weight: bold;
		}

		/*
  nav ul li#nav01 a:link, nav ul li#nav01 a:visited,nav ul li#nav01 a:hover, nav ul li#nav01 a:active,  nav ul li#nav01 a.now,
  nav ul li#nav02 a:link, nav ul li#nav02 a:visited,nav ul li#nav02 a:hover, nav ul li#nav02 a:active,  nav ul li#nav02 a.now,
  nav ul li#nav03 a:link, nav ul li#nav03 a:visited,nav ul li#nav03 a:hover, nav ul li#nav03 a:active,  nav ul li#nav03 a.now,
  nav ul li#nav04 a:link, nav ul li#nav04 a:visited,nav ul li#nav04 a:hover, nav ul li#nav04 a:active,  nav ul li#nav04 a.now,
  nav ul li#nav05 a:link, nav ul li#nav05 a:visited,nav ul li#nav05 a:hover, nav ul li#nav05 a:active,  nav ul li#nav05 a.now,
  nav ul li#nav06 a:link, nav ul li#nav06 a:visited,nav ul li#nav06 a:hover, nav ul li#nav06 a:active,  nav ul li#nav06 a.now,
  nav ul li#nav07 a:link, nav ul li#nav07 a:visited,nav ul li#nav07 a:hover, nav ul li#nav07 a:active,  nav ul li#nav07 a.now {
    width: auto;
    background:url(../image/icon-next-sp.png) no-repeat right 70%;
    background-size:8px 12.5px;
  }*/
  
  nav ul li#navline {
    display:none;
  }
  
  #topimage {
    width:100%;
  }
  
  .bxslider li {
    width:100% !important;
  }
  
  .bxslider li img {
    width:100%;
  }
  
  #contact dl {
    margin:20px 0px 0px 0px; 
  }
		
		
  
  /*------------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------------*/
  #index {
    width:100%;
  }
  
  #index .box01 {
    margin-bottom:0px;
  }
  
  #index .box01 ul {
    width:300px;
    margin:0 auto;
  }
  #index .box01 ul li, #index .box02 .frame &gt; li,#index .box02 .frame &gt; li:last-child {
    float:none;
    margin-left:0px;
    margin-right:0px;
    width:300px;
  }
  
  #index .box01 ul li {
    margin-bottom:20px;
  }
  
  #index .box01 ul li figure img {
    width:100%;
  }
  
  #index .box02 ul li figure&gt;img {
    width:298px;
  }
  
  #index .box01 ul li:last-child {
    margin-bottom:10px;
  }
  
  #index .box02 {
    background:url(../image/sp-bg-box02-index.png) repeat;
    height:auto;
    padding-bottom:28px;
  }
  
  #index .box02 .frame &gt; li,#index .box02 .frame &gt; li:last-child {
    float:none;
    margin-left:auto;
    margin-right:auto;
  }
  
  #index .box02 .frame &gt; li:first-child {
    float:none;
    margin-top:30px;
  }
  
  #index .box02 .frame &gt; li:nth-child(3) {
    display:none;
  }
  
  #index .box02 .frame &gt; li:nth-child(7) {
    display:none;
  }

  #index .box02 .frame &gt; li:nth-child(5) {
    text-align:center;
    padding:15px;
  }

  #index .box02 .frame &gt; li:nth-child(5)&gt;img {
    padding-top:5px;
  }

  #index .box02 .frame &gt; li:nth-child(4) h4{
    height:46px;
    padding-top:16px;
    padding-left:0px;
    text-align:center;
  }
  
  #index .box02 .text-line01 &gt; li {
    line-height:20px;
    padding:10px 10px;
    width:auto;
  }
  
  #index .box02 .text-line01 li span {
    width:100%;
    display:block;
    padding-left:0px;
  }
  
  #index .box02 .btn-link {
    padding:10px 0px 15px 0px;
    text-align:center;
  }
  
  #index .box02 .frame &gt; li:nth-child(4) {
    width:300px;
  }
  
  #index .box02 .text-line02 &gt; li {
    width:auto;
  }

#topSecond {
	width: 100%;
	padding: 20px 0;
	background: url(../image/bg-box02-index.png) repeat 0 0;
}

#topSecondBox {
	width: 96%;
	margin: 0 auto;
}

.sLeft {
	width: 100%;
	float: none;
}

.sLeft .yoyakuGroup {
	margin: 0 10px;
	padding: 0 0 10px;
}

.sLeft .syukuhaku {
	float: none;
	width: 100%;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border: 1px solid #FF9326;
	border-radius: 5px;
	background-color: #FFFFFF;
}

.sLeft .banquet {
	float: none;
	width: 100%;
	padding: 0 0 10px;
	border: 1px solid #CC99FF;
	border-radius: 5px;
	background-color: #FFFFFF;
}

.sLeft .syukuhaku h2 {
	margin: 0 0 6px !important;
	padding: 14px 0 0;
	border-bottom: 6px solid #FF9326;
}

.sLeft .syukuhaku p img,
.sLeft .banquet p img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.sLeft .banquet h2 {
	margin: 0 0 6px !important;
	padding: 14px 0 0;
	border-bottom: 6px solid #CC99FF ;
}

.sLeft .syukuhaku .text,
.sLeft .banquet .text  {
	padding: 10px;
	line-height: 1.3;
}

.sLeft .syukuhaku .btn,
.sLeft .banquet .btn {
	text-align: center;
}

.sLeft .etcGroup {
	margin: 0 10px;
}

.sLeft .etcGroup .wn {
	float: none;
	width: 100%;
	background-color: #FFFFFF;
	border-radius: 5px;
	border: none;
	padding-bottom: 5px;
}

.sLeft .etcGroup .wn h2 {
	margin: 0;
	padding: 15px 10px 0;
	text-align: left;
	border-bottom: 1px solid #00A3D9;
}

.sLeft .etcGroup .wn h2 a {
	float: right;
}

.sLeft .etcGroup .wn ul {
	margin: 0;
	padding: 5px;
	list-style: none;
}

.sLeft .etcGroup .wn ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #CCCCCC;
}

.sLeft .etcGroup .wn ul li span {
	float: left;
	margin-right: 10px;
}

.sLeft .etcGroup .wn ul li a {
	display: block;
	text-decoration: none;
	padding: 5px 0;
	color: #333333;
}

.sLeft .etcGroup .calendar {
	float: none;
	width: 100%;
	margin: 20px 0 0;
	padding: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
}

.sLeft .etcGroup .calendar table {
	width: 100%;
	border: 1px solid #CCCCCC;
}

.sLeft .etcGroup .calendar table td.sunText {
	color: #F93800;
	background-color: #FFE2D9;
}

.sLeft .etcGroup .calendar table td.sun {
	background-color: #FFE2D9;
}

.sLeft .etcGroup .calendar table td.sat {
	background-color: #D2E9FF;
}

.sLeft .etcGroup .calendar table td.satText {
	color: #0040FF;
	background-color: #D2E9FF;
}

.sRight {
	float: none;
	width: 95%;
	margin: 20px auto 0;
	text-align: center;
}

.sRight .amap {
	width: 260px;
	margin: 10px auto;
	padding: 10px;
	background-color: #FF9326;
	border-radius: 5px;
}

.sRight .amap h2 {
	margin: 0 0 5px;
	padding: 0;
	font-size: 10px;
}

.sRight .link {
	width: 300px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #00A3D9;
	background-color: #00A3D9;
	border-radius: 5px;
}

.sRight .link h2 {
	margin: 0 0 5px;
	padding: 5px 0;
	font-size: 10px;
	border-bottom: none;
}

.sRight .link ul {
	padding: 5px 5px 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
}

.sRight .link ul li a {
	display: block;
	padding: 10px 5px;
	border-bottom: 1px dotted #CCCCCC;
}

.linkList {
	margin: 0 0 20px;
}

.sRight .linkp {
	width: 260px;
	margin: 0 auto 5px;
	background-color: #FFFFFF;
}

.marathonBnr {
	margin: 0 0 30px;
	padding: 0 20px;
}



  /*------------------------------------------------------------------------------------------------
  book stay room
--------------------------------------------------------------------------------------------------*/
  /*#book-stay-room span, */#book-stay-room .box02 label {
	display:block;
  }
  
   /*#book-stay-room span, */
   #book-stay-room input.input-medium ,
   #book-stay-room select, 
   #book-stay-room dd.input-small input ,
   #book-stay-room dd.input-small-smaller input ,
   #book-stay-room dd.input-medium input,
   #book-stay-room .textarea-large {
     width:90% !important;
  }
  
  #book-stay-room dd.row-checkbox input{
    width:auto !important;
  }
  #book-stay-room .box01 select {
    margin:15px 0px;
    /*width:90%!important;*/
  }
  
  #book-stay-room .input-radio,#book-stay-room .input-checkbox {
    margin-left:0px;
    width:10px!important;
  }
  
  #book-stay-room ul li {
    float:none;
    width:100%;
    display:block;
  }

  #book-stay-room ul.ul-parking {
    width:100%;
  }
  
  #book-stay-room ul.ul-parking li {
    display:inline-block;
    /*width:40% !important;*/
  }
  
  #book-stay-room dd {
    padding-top:0px;
  }
  
  #book-stay-room .box02 select {
    margin:0px 0px 10px 0px;
  }
  
  #book-stay-room input.btn {
    width:auto !important;
  }
  
  #book-stay-room .title1-book-room img {
    
  }
  
  #book-stay-room input.input-small {
    width:100px !important;
  }
  
  #book-stay-room ul.ul-parking li {
    margin-right:0px;
    /*width:49% !important;*/
  }
  
  #book-stay-room ul.ul-parking li:last-child {
    width:100% !important;
  }
  
  #book-stay-room ul.ul-parking p{
    line-height:1.2;
  }
  /*------------------------------------------------------------------------------------------------
  contact
--------------------------------------------------------------------------------------------------*/
  #contact .container ,#book-stay-room .container  {
    padding:0px 10px;
  }
		
		table.contactTb {
	width: 100%;
	margin: 0 0 20px;
}

table.contactTb th {
	display: block;
	width: 100%;
	height: auto;
	text-align: left;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px dotted #CCC;
	background-color: #FFEEEE;
}

table.contactTb th span {
	color: #FF0000;
}

table.contactTb td {
	display: block;
	width: 100%;
	height: auto;
	text-align: left;
	padding: 8px;
	border-bottom: 1px dotted #CCC;
}

table.contactTb td textarea {
	width: 100%;
}

table.contactTb2 {
	width: 100%;
	margin: 0 0 20px;
	border-collapse: separate;
	border-spacing: 1px;
}

table.contactTb2 th {
	display: block;
	width: 100%;
	height: auto;
	text-align: left;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px dotted #CCC;
	background-color: #FFEBD7;
	white-space: nowrap;
}

table.contactTb2 th span {
	color: #FF0000;
}

table.contactTb2 td {
	display: block;
	width: 100%;
	height: auto;
	text-align: left;
	padding: 8px;
	border-bottom: 1px dotted #CCC;
}


/*------------------------------------------------------------------------------------------------
  footer
--------------------------------------------------------------------------------------------------*/
  footer {
    padding-top:0px;
    text-align:center;
  }

  footer .container {
    width:100%;
  }

  footer .logo-footer {
    padding:28px 0px 20px 0px;
    margin: 0 auto;
    width: 320px;
  }

  footer .footer-top {
    height:auto;
    margin:0px;
  }

  footer .text-address {
    padding:15px 0px;
    text-align:center;
    border:1px solid #9C8A6C;
    border-left:none;
    border-right:none;
  }

  footer .text-info, footer .footer-top ul, footer .footer-top li {
    float:none;
  }

  footer .footer-top li {
    margin-top:13px;
    margin-left:0px;
  }
  
  footer .footer-top li:nth-child(4) {
    margin-bottom:16px;
  }
  
  footer .footer-bottom span {
    margin-left:0px;
  }

  footer .footer-top li {
    margin-right:0px;
  }
		
		/**/
		iframe {
			width: 100%;
		}

/*------------------------------------------------------------------------------------------------
  wn
--------------------------------------------------------------------------------------------------*/
#wn .calenda table {
	width: 100%;
	margin: 0 auto 30px;
}

#wn .calenda table th, #wn .calenda table td {
	padding: 10px;
}

#wn .calenda table td a {
	display: block;
}

#wn .calenda table tr:first-of-type  td a {
	display: inline;
	padding: 0 5px;
}

.wnMonthList {
	display: none;
}

.spwnMonthList {
	display: block;
	width: 100%;
	margin: 0 auto;
}

/*------------------------------------------------------------------------------------------------
  pick
--------------------------------------------------------------------------------------------------*/
.pickScene {
	margin: 0 0 50px;
}

.pickScene li {
	float: left;
	width: 50%;
	margin: 0 0 5px;
	padding: 0 0 0 10px;
	background: url(../image/arrow-02.jpg) no-repeat 0 5px;
}

/*------------------------------------------------------------------------------------------------
  volunteer-input
--------------------------------------------------------------------------------------------------*/
.volunteer-input {
	width: 100%;
	margin: 0 auto 20px;
}

.volunteer-input th {
	display: block;
	width: auto;
	padding: 10px 5px;
	background-color: #FFEBD7;
	border: none;
}

.volunteer-input td {
	display: block;
	width: auto;
	padding: 10px 5px;
}

.volunteer-input td input.vi01 {
	width: 200px;
}

.volunteer-input td input.vi02 {
	width: 60px;
}

.volunteer-input td input.vi03 {
	width: 100%;
}

.volunteer-input td input[type="radio"] + label {
 margin:5px 40px 0 0;
	padding:0 0 0 20px;
 background:url(../image/check_radio_sheet.png) -38px top no-repeat;
}

.volunteer-input td input[type="radio"]:checked + label {
 background:url(../image/check_radio_sheet.png) -57px top no-repeat;
}

.viBtn {
	margin: 0 0 50px;
	text-align: center;
}

.viBtn input.btn {
	margin: 0 5px !important;
}

.volunteer-input td span {
	display: block;
	margin: 3px 0 0;
}

/*------------------------------------------------------------------------------------------------
  marathon
--------------------------------------------------------------------------------------------------*/
.marathonbox table {
	margin: 0 auto 40px 0;
	width: 80%;
}

.marathonbox table tr:nth-child(2n) {
	background-color: #EEFBFF;
}

.marathonbox table td {
	width: auto;
	border-bottom: 1px solid #CCC;
	padding: 8px 4px;
	text-align: left;
	white-space: nowrap;
}

.marathonbox table td:nth-of-type(3) {
	text-align: right;
}

.marathonbox table td:nth-of-type(4) {
	text-align: right;
}

.marathonbox dl {
	display: block;
	margin-bottom: 30px;
}

.marathonbox dt {
	display: block;
	width: 100%;
	text-align: center;
}

.marathonbox dt img {
	width: 60px;
	height: auto;
}


.marathonbox dd {
	display: block;
	width: 90%;
	margin: 0 auto;
	float: none;
}

.marathonbox dd .lead {
	margin: 0 !important;
	font-weight: bold;
	font-size: 16px;
	color: #0099CC;
}

.marathonbox .yoyaku {
	margin: 0 0 30px;
	padding: 20px;
	text-align: center;
	border: 2px solid #FFD24D;
	background-color: #FFFBEE;
}

.marathonbox .yoyaku p {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}

.marathonbox p.cancel {
	margin-bottom: 50px;
}

/*add202212*/
.indexInfo {
	width: 90%;
	margin: 0 auto;
	padding: 0;
}

.indexInfo ul {
	border: none;
	position: static;
	padding: 0;
}

.indexInfo ul:before,
.indexInfo ul:after {
	display: none;
}

.indexInfo ul li:nth-child(1) {
	border-top: none;
}

.indexInfo li span {
	display: block;
}

.indexInfo ul li a {
	background-position: 12px 24px;
}

.indexInfo ul li a:hover {
	background-position: 12px 24px;
}

.infoList {
	width: 90%;
	margin: 0 auto;
}

.infoList ul li span {
	display: block;
}

.infoList ul li a {
	background-position: 12px 22px;
}

.infoList ul li a:hover {
	background-position: 12px 22px;
}

.title-content {
	overflow: hidden;
}

.title-content .container {
	padding-right: 15px;
}

.infoDetail {
	width: 100%;
	padding: 30px 0;
}

.infoDetail h2 {
	margin: 0 10px 20px;
}

.infoDetail .date {
	margin: 0 10px;
}

.infoDetail .detail .photos {
	display: block;
}

.infoDetail .detail .photos li {
	margin: 0 0 20px;
}

.infoDetail .detail table th {
	display: block;
	width: 100% !important;
	padding: 2px 4px 0;
	border-bottom: none;
}

.infoDetail .detail table td {
	display: block;
	width: 100% !important;
	margin-bottom: 10px;
	padding: 0 4px 4px;
}

.stayInfo .inner table.price2 th {
display: block;
width: 100%;
border-bottom: none;
padding: 8px 8px 0;
height: auto;
}

.stayInfo .inner table.price2 td {
display: block;
width: 100%;
padding: 8px;
text-align: left;
height: auto;
}

.stayInfo .inner ul li {
width: 50%;
}

.pageMenu {
	margin: 0 0 30px;
	display: block;
}

.pageMenu li {
	width: 100%;
	margin: 0 0 10px;
}

.ryokinDate {
	text-align: left;
}

.scroll{
margin: 0 0 20px;
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar{
 height: 5px;
}
.scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}

.stayTb {
	width: 100%;
}

.stayTb th {
	width: auto;
	height: auto;
}

.stayTb td {
	width: auto;
	height: auto;
}


}

@media all and (max-width: 345px) { 

  #book-stay-room ul.ul-parking p{
    line-height:2.5;
  }
 
 
}




</pre></body></html>