html,
body {
	height: 100%;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-color:#ffffff;
    background-repeat:repeat;
}

/* 画像  */

.img-responsive2{
	max-width:100%;
	height:auto;
	
	}

/* 10カラム  */

.col-xs-10-1,.col-xs-10-2,.col-xs-10-3,.col-xs-10-4,.col-xs-10-5,.col-xs-10-6,.col-xs-10-7,.col-xs-10-8,.col-xs-10-9,.col-xs-10-10{float:left}
.col-xs-10-10{width:100%}
.col-xs-10-9{width:90%}
.col-xs-10-8{width:80%}
.col-xs-10-7{width:70%}
.col-xs-10-6{width:60%}
.col-xs-10-5{width:50%}
.col-xs-10-4{width:40%}
.col-xs-10-3{width:30%}
.col-xs-10-2{width:20%}
.col-xs-10-1{width:10%}

@media (min-width:768px){
.col-sm-10-1,.col-sm-10-2,.col-sm-10-3,.col-sm-10-4,.col-sm-10-5,.col-sm-10-6,.col-sm-10-7,.col-sm-10-8,.col-sm-10-9,.col-sm-10-10{float:left}
.col-sm-10-10{width:100%}
.col-sm-10-9{width:90%}
.col-sm-10-8{width:80%}
.col-sm-10-7{width:70%}
.col-sm-10-6{width:60%}
.col-sm-10-5{width:50%}
.col-sm-10-4{width:40%}
.col-sm-10-3{width:30%}
.col-sm-10-2{width:20%}
.col-sm-10-1{width:10%}
.col-sm-pull-10-10{right:100%}
.col-sm-pull-10-9{right:90%}
.col-sm-pull-10-8{right:80%}
.col-sm-pull-10-7{right:70%}
.col-sm-pull-10-6{right:60%}
.col-sm-pull-10-5{right:50%}
.col-sm-pull-10-4{right:40%}
.col-sm-pull-10-3{right:30%}
.col-sm-pull-10-2{right:20%}
.col-sm-pull-10-1{right:10%}
.col-sm-pull-10-0{right:auto}
.col-sm-push-10-10{left:100%}
.col-sm-push-10-9{left:90%}
.col-sm-push-10-8{left:80%}
.col-sm-push-10-7{left:70%}
.col-sm-push-10-6{left:60%}
.col-sm-push-10-5{left:50%}
.col-sm-push-10-4{left:40%}
.col-sm-push-10-3{left:30%}
.col-sm-push-10-2{left:20%}
.col-sm-push-10-1{left:10%}
.col-sm-push-10-0{left:auto}
.col-sm-offset-10-10{margin-left:100%}
.col-sm-offset-10-9{margin-left:90%}
.col-sm-offset-10-8{margin-left:80%}
.col-sm-offset-10-7{margin-left:70%}
.col-sm-offset-10-6{margin-left:60%}
.col-sm-offset-10-5{margin-left:50%}
.col-sm-offset-10-4{margin-left:40%}
.col-sm-offset-10-3{margin-left:30%}
.col-sm-offset-10-2{margin-left:20%}
.col-sm-offset-10-1{margin-left:10%}
.col-sm-offset-10-0{margin-left:0}
}

@media (min-width:992px){
.col-md-10-1,.col-md-10-2,.col-md-10-3,.col-md-10-4,.col-md-10-5,.col-md-10-6,.col-md-10-7,.col-md-10-8,.col-md-10-9,.col-md-10-10{
	float:left;
	}
	
.col-md-10-10{width:100%}
.col-md-10-9{width:90%}
.col-md-10-8{width:80%}
.col-md-10-7{width:70%}
.col-md-10-6{width:60%}
.col-md-10-5{width:50%}
.col-md-10-4{width:40%}
.col-md-10-3{width:30%}
.col-md-10-2{width:20%}
.col-md-10-1{width:10%}
.col-md-pull-10-10{right:100%}
.col-md-pull-10-9{right:90%}
.col-md-pull-10-8{right:80%}
.col-md-pull-10-7{right:70%}
.col-md-pull-10-6{right:60%}
.col-md-pull-10-5{right:50%}
.col-md-pull-10-4{right:40%}
.col-md-pull-10-3{right:30%}
.col-md-pull-10-2{right:20%}
.col-md-pull-10-1{right:10%}
.col-md-pull-10-0{right:auto}
.col-md-push-10-10{left:100%}
.col-md-push-10-9{left:90%}
.col-md-push-10-8{left:80%}
.col-md-push-10-7{left:70%}
.col-md-push-10-6{left:60%}
.col-md-push-10-5{left:50%}
.col-md-push-10-4{left:40%}
.col-md-push-10-3{left:30%}
.col-md-push-10-2{left:20%}
.col-md-push-10-1{left:10%}
.col-md-push-10-0{left:auto}
.col-md-offset-10-10{margin-left:100%}
.col-md-offset-10-9{margin-left:90%}
.col-md-offset-10-8{margin-left:80%}
.col-md-offset-10-7{margin-left:70%}
.col-md-offset-10-6{margin-left:60%}
.col-md-offset-10-5{margin-left:50%}
.col-md-offset-10-4{margin-left:40%}
.col-md-offset-10-3{margin-left:30%}
.col-md-offset-10-2{margin-left:20%}
.col-md-offset-10-1{margin-left:10%}
.col-md-offset-10-0{margin-left:0}
}

.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }

.menu-bg{
  background-color:#000000;
}

.mar0{
	margin:0px;
}

/* フッター */

.navbar-fixed-top {
  position: fixed;
  top: 0;
  right:0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}

/* Sticky footer styles */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
}
 
/* Set the fixed height of the footer here */
#push,
#footer {
  height: 60px;
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* 横幅 */

.w900{
		max-width: 900px;
}

/* ボタン */

.btn-custom{
	font-size:100%;
	color:#000000;
	background-color:#ffffff;
	border-color:#000000;
	border-width:2px;
}

.btn-custom:hover{
	font-size:100%;
	color: #ffffff;
	background-color: #000000;
	border-color:#000000;
	border-width:2px;
	text-decoration: none;
	}

.btn-w200 {
	width:200px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
	
.table01>tbody>tr>td,
.table01>tbody>tr>th,
.table01>thead>tr>th {
    border-style: none;
}
  
/* マージン */

.bot-5{
	margin-bottom:5px;
    }

.bot-10{
	margin-bottom:10px;
    }

.bot-15{
	margin-bottom:15px;
    }

.bot-20{
	margin-bottom:20px;
    }

.bot-30{
	margin-bottom:30px;
    }
	
.bot-50{
	margin-bottom:50px;
    }

.bot-70{
	margin-bottom:70px;
    }

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

.top-10{
	margin-top:10px;
    }
	
.top-15{
	margin-top:15px;
    }

.top-30{
	margin-top:30px;
    }
	
.top-50{
	margin-top:50px;
    }

.ptop-15{
	padding-top:15px;
    }

.ptop-19{
	padding-top:19px;
    }

.ptop-20{
	padding-top:20px;
    }

.lr-20{
	padding-left: 20px;
	padding-right: 20px;
    }

.pbot-15{
	padding-bottom:15px;
    }

.pbot-30{
	padding-bottom:30px;
    }

.pbot-50{
	padding-bottom:50px;
    }

.pbot-100{
	padding-bottom:100px;
    }


/* etc */


#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
}

#page-top a {
    background: #000000;
    text-decoration: none;
    color: #ffffff;
    width: 80px;
    padding: 25px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}

#page-top a:hover {
    text-decoration: none;
    background: #888888;
    color: #ffffff;
}

.map_wrapper {
	max-width: 940px; min-width: 280px; margin: 20px auto; padding: 4px; border: 1px solid #CCC;
}

.googlemap {
	position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;
}

.googlemap iframe {
	position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;
}


/* フッター */

.bottombg {
  height: 100%;
  width:100% !important;
  margin-left:auto;
  margin-right:auto;
  background-image:url(img/bg.png);
  background-repeat:repeat;
}

.box00 {
	margin-top: 20px;
	margin-bottom:20px;
}

.box01 {
	margin-top: 20px;
}

.box02 {
	margin-top: 20px;
	width:120px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

.box03 {
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
	width:300px;
}

.box04 {
	margin-bottom:20px;
}

.box05 {
	margin-bottom:70px;
}

.box06 {
	margin-top: 20px;
	max-width:980px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

.box07 {
	max-width:400px;
}

.gal_box {
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
}

.equ {
	max-width:980px;
}

.acc_icon {
	margin-right:20px;
}

.y-center {
    display: table;
}

.y-center2 {
    display: table-cell;
    vertical-align: middle;
}

/* テキスト設定 */

h1{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size:70%;
	margin-bottom: 15px;
	margin-top: 5px;
}

.headcopy2 a {
	color: #000000;
	text-decoration: underline;
}

.headcopy2 a:hover {
	font-family: "Sawarabi Mincho";
	color: #000000;
	text-decoration: underline;
}

.title00{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 200%;
	letter-spacing:5px;
	line-height:50px;
	border-bottom: solid;
	border-bottom-color: #ffffff;
	border-bottom-width:1px;
	width:300px;
}

.title01{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 270%;
	line-height: 150%;
	border-bottom: solid;
	border-bottom-color: #000000;
}


.title02{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 140%;
	margin-top: 20px;
	margin-bottom: 30px;
	line-height: 200%;
	border-bottom: solid;
	border-width:1px;
	border-bottom-color: #000000;
}

.title03{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 140%;
	margin-top: 20px;
	margin-bottom: 30px;
	line-height: 200%;
}


.copylight{
	font-family: 'Lora', serif;
	color: #000000;
	font-size: 90%;
	line-height: 3em;
}

.copylight2{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 85%;
	line-height: 1.5em;
}

.copylight3{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 95%;
	line-height: 1.5em;
}


.menutitle{
	font-family: "Sawarabi Mincho";
	font-size: 140%;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	line-height: 150%;
	letter-spacing:3px;
	margin-bottom: 20px;
	}

.menutitle2{
	font-family: "Sawarabi Mincho";
	font-size: 130%;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	line-height: 150%;
	margin-bottom: 20px;
	}

.def_text0{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 110%;
	letter-spacing:2px;
	line-height:160%;
	}
	
.def_text1{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 100%;
	letter-spacing:2px;
	line-height:160%;
	}

.def_text2{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 160%;
	letter-spacing: 4px;
	}

.def_text3{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 160%;
	letter-spacing:4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	}

.def_text_sm{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 90%;
	}

.def_text_sm2{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 80%;
	}

.def_text_sm2:a{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 80%;
	text-decoration:none;
	}

.def_text_sm2:a hover{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 80%;
	text-decoration:none;
	}

.def_text_sm3{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 100%;
	letter-spacing:1px;
	}

.equtext_tittle{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size:160%;
	margin-top:30px;
	margin-bottom:5px;
	}

.equtext h3{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 110%; 
	margin-top:10px;
	text-align:left;
	line-height:1.5em;
	}

.equtext p{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 95%;
	margin-bottom:20px;
}

.loca_text{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 120%; font-weight:bold;
	letter-spacing:2px;
	margin-top:5px;
	}

.acc_txt{
	color:#A00002;
	font-size: 110%; font-weight:bold;
}

.roomtext h3{
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 130%; 
	margin-top:10px;
	text-align:center;
	}

.info-border{
	border-bottom: 1px solid #D6D6D6;
	margin-bottom: 10px;
}

.border_lr {
	font-family: "Sawarabi Mincho";
	color: #000000;
	font-size: 220%;
	display: flex;
	align-items: center;
	text-align: center;
	}

.border_lr:before {
	color: #000000;
	border-top:1px solid #000000;
	content:""; flex-grow:1;
    margin-right: 1rem;
}

.border_lr:after {
	color: #000000;
	border-top:1px solid #000000;
	content:""; flex-grow:1;
    margin-left: 1rem;
}

.border_right {
	font-family: "Sawarabi Mincho";
	color: #000;
	font-size: 180%;
	font-weight:bold;
	display:flex; align-items:center;
	text-align:left;
	}

.border_right:after {
	font-family: "Sawarabi Mincho";
	color: #000;
	font-size: 150%;
	border-top:1px solid #000;
	content:""; flex-grow:1;
    margin-left: 1rem;
}

.border_left {
	font-family: "Sawarabi Mincho";
	color: #000;
	font-size: 180%;
	font-weight:bold;
	display:flex; align-items:center;
	text-align:right;
	}

.border_left:before {
	font-family: "Sawarabi Mincho";
	color: #000;
	font-size: 150%;
	border-top:1px solid #000;
	content:""; flex-grow:1;
    margin-right: 1rem;
}

.img-responsive2{
	max-width:100%;
	height:auto
}

.bus-info {
  position: relative; 
  overflow: hidden; /* 下のulのcssでリスト全体を右に50%移動しているので、その分幅が広がってしまいスクロールバーが表示されてしまいます。それを防ぐ為の設定です。 */
}

.bus-info ul {
  position: relative;
  left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
  float: left;
}

.bus-info ul li {
  width:140px;
  text-align:center;
	font-family: "Sawarabi Mincho";
  font-size:150%;
  color:#FFFFFF;
  background-color:#737373;
  margin:12px;
  padding:5px;
  position: relative;
  left: -53%;
  float: left;
  list-style: none;
}


.icon-txt2{
	width:100px;
	font-family: "Sawarabi Mincho";
	font-size:150%;
	color:#000000;
	}