/*  structure.css---*/

#menu_icon { display:none; }

.menu_icon { display:none; }

.icon_btn { display:none; }

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


body { font-size:13px; }

#gnavi { display:none; }

#menu_icon {
	display:none;
}
.menu_icon {
	display:block;
	width:100%;
	float:right;
}
.menu {
	padding:0;
	overflow:hidden;
	position:absolute;
	left:0;
	z-index:900!important;
	width:100%;
	background:#242322;
}



.menu li {
	border-bottom:1px solid #1B1B1B;
	width:50%;
	float:left;
	font-size:14px;
	line-height:16px;
}
.menu li img { width:100%; }
.menu li.s_menu_mail { background:url(../images/line.gif) no-repeat right center; width:33%; }
.menu li.s_menu_mail a { padding:20px 0!important; background:url(../images/common/mail_s.gif) no-repeat center center; width:98%; background-size:cover !important; text-decoration:none!important; }
.menu li.s_menu_access { background:url(../images/line.gif) no-repeat right center; width:34%; }
.menu li.s_menu_phone { width:33%; }
.menu li.s_menu_phone a { padding:20px 0; background:url(../images/common/phone_s.gif) no-repeat center center; background-size:cover !important; text-decoration:none!important; }
.menu li.s_menu_l { background:url(../images/line.gif) no-repeat right center; width:49%; }
.menu li a {
	color:#FFFFFF;
	width:100%;
	display:block;
	padding:20px 0;
	text-align:center;
}
.menu li:last-child { width:100%; text-align:center; padding:5% 0 3%; }
.menu li:last-child img { width:auto; float:left; }
.menu li:last-child a { padding:2% 0; width:auto; text-align:inherit; display:flex; }
.goog-te-gadget-simple { width:33%; }
.goog-te-gadget-simple .goog-te-menu-value { float:right; }
.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active { margin:0 40%; }

.flex-direction-nav .flex-prev { left: 5px!important; }
.flex-direction-nav .flex-next { right: 5px!important; }

.icon_btn { display:block; width:17.5%; float:right; }

img { width:100%; height:auto; }


#content_top { padding:13.1% 0 0; }

#content .cnt { width:90%; }

#main img { width:100%; }



#pagetop { display:none; }

.pc_sp_btn { display:block; background:#D4A36D; padding:3%; text-align:center; width:74%; margin:0 auto 5%; font-weight:bold; color:#333333; }

iframe#overlay1area { display:none!important; }

.top .box02 .no_mark .ninja-recommend .trademark_wrap { display:none; }
.ninja-recommend .trademark_wrap { opacity:0.1; }


/* pul_menu
-------------------------------------------------------------------------------------------------------*/
.menu_pull li {
  position: relative;
  float: left;
  margin: 0;
  width: 100%;
  background:#2D2E2D;
  color:#FFFFFF;
  font-size:0.8rem;
  text-align:left;
  height:40px;
}
.menu_pull li:hover {
  color: #fff;
}
.menu_pull li ul {
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
  padding: 0;
  width: 100%;
  z-index:1500;
}
.menu_pull li ul li {
  margin: 0;
  padding: 0;
  width: 100%;
  border: none;
  background:#2D2E2D;
  border-bottom:1px solid #1B1B1B;
}
.menu_pull li ul li a {
  color:#FFFFFF;
  text-decoration:none;
  display:block;
}
.menu_pull li ul li a:hover {
  background: #999;
  color: #fff;
}
.menu_pull { height:33px; }
.menu_pull li ul li a { padding:13px 20px 13px 0; text-align:right; }
.menu_pull li span { padding:13px 20px 13px 0; text-align:right; display:block; }
.menu_pull li ul {
  top: 40px;
}






/* index.html
-------------------------------------------------------------------------------------------------------*/
.top #main { margin:0 0 -1%; }

.top .box01 li { margin:0 0 10%; }
.top .box01 p { margin:5% auto; width:90%; }
.top .box01 .btn { background:#53261F; width:84%; margin:0 auto; color:#FFFFFF; padding:5% 3%; }

.top .box02 li { margin:0 0 5%; }
.top .box02 .title { background:#D4A36D; padding:3%; color:#53261F; }
.top .box02 iframe { display:none!important; }

.top .box03 { margin:10% 0; }
.top .box03 li { margin:0 0 4%; overflow:hidden; }
.top .box03 .left { width:48%; }
.top .box03 .right { /*width:48%;*/ }

.top .box04 { background:#D4A36D; padding:0 0 6%; }
.top .box04 .title { margin:0 0 5%; }
.top .box04 li { overflow:hidden; margin:0 0 4%; }
.top .box04 .left { width:48%; }
.top .box04 .right { width:48%; }
.top .box04 .three .left { width:32%; margin:0 2% 0 0; }
.top .box04 .three .right { width:32%; }

.line { background:url(../images/common/line.jpg) repeat-x; height:2px; }

.top .box05 { margin:0 0 10%; }
.top .box05 .title { width:40%; text-align:center; margin:10% auto 5%; }
.top .box05 li { overflow:hidden; margin:0 0 4%; }
.top .box05 .left { width:48%; }
.top .box05 .right { width:48%; }

.top .box06 { background:#D4A36D; padding:0 0 5%; }
.top .box06 .title { width:53%; margin:5% auto; }
.top .box06 li { margin:0 0 5%; }

.top .box07 { margin:10% 0; }
.top .box07 li { overflow:hidden; margin:0 0 5%; width:100%; padding:5% 3%; background:#53261F; color:#FFFFFF; }

.top #content a { text-decoration:none; }

.info iframe { display:none!important; }

.no_mark p { font-weight:bold; margin:0 0 10px; padding:0 0 0 5px; }
.no_mark span { font-weight:normal; margin:0 0 0 10px; }

div.mamewaza_blog h5.mamewaza_blog { display:none; }
div.mamewaza_blog_exp { display:none!important; }
div.mamewaza_blog > div { border:none!important; }
div.mamewaza_blog h5.mamewaza_blog, div.mamewaza_blog ul.mamewaza_blog, div.mamewaza_blog li { border:none!important; line-height:1.4em!important; overflow:hidden; margin:0 0 5%!important;  }
div.mamewaza_blog h5.mamewaza_blog a, div.mamewaza_blog a.mamewaza_blog_title { color:#333333!important; font-weight:bold!important; text-decoration:none!important; font-size:12px!important; }
div.mamewaza_blog h5.mamewaza_blog a, div.mamewaza_blog a:hover { color:#333333!important; }
a.mamewaza_blog_title { width:70%!important; }
span.mamewaza_blog_date { color:#333333!important; float:right; margin:0!important; }
ul.mamewaza_blog { font-family:auto!important; }
.mamewaza_blog_title { text-overflow:ellipsis!important; float:left; overflow:hidden!important; white-space:nowrap!important; width:77%!important; display:block!important; }
div.mamewaza_blog h5.mamewaza_blog, div.mamewaza_blog li, div.mamewaza_blog div.mamewaza_blog_exp { padding:0!important; }
div.mamewaza_blog ul.mamewaza_blog { margin:5px 0 0!important; }

span.ninja-recommend-article-title { font-weight:bold; margin:0; }
.ninja-recommend-article-text-box { padding:0 0 3%!important; }

.top #main p { font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

/* onsen.html
-------------------------------------------------------------------------------------------------------*/
.onsen #content p { width:90%; margin:5% auto; }

.onsen .box02 .btn { background:#D09A5E; width:84%; margin:0 auto 10%; color:#53261F; padding:5% 3%; }

.onsen .box03 li { margin:0 0 10%; }

.onsen #yuamigi { margin-top:-50px; padding-top:50px; }

.onsen #content a { text-decoration:none; }

/* onsen-detail
-------------------------------------------------------------------------------------------------------*/
.onsen-detail #content p { width:90%; margin:5% auto; }

.onsen-detail .box02 { background:#EBCD87; padding:5%; }
.onsen-detail span { display:block; text-align:center; margin:0 0 -10px; font-size:18px; font-weight:bold; }
.onsen-detail .box02 p { margin:0!important; width:100%!important; }

.onsen-detail .box03 { margin:0 0 -5%; }
.onsen-detail .box03 .title { width:90%; margin:10% auto 5%; }

.onsen-detail .box04 { margin:10% 0 0; }

.onsen-manners .title { width:70%; margin:10% auto 5%; }
.onsen-manners li { margin:0 0 10%; }

.onsen-menu .title { width:50%; margin:0 auto 5%; }
.onsen-menu li { width:49.5%; float:left; }
.onsen-menu ul li:first-child { margin:0 1% 0 0; }
.onsen-menu ul { margin:0 0 1%; overflow:hidden; }

/* facilities.html
-------------------------------------------------------------------------------------------------------*/
.facilities .box01 { margin:0 0 10%; }
.facilities .box01 p { width:90%; margin:5% auto 10%; }
.facilities .box01 .title { width:40%; margin:0 auto 3%; }

.facilities .box02 li { margin:0 0 10%; }
.facilities .box02 p { margin:5% auto 0; width:90%; }
.facilities .box02 span { font-size:20px; color:#793F19; display:block; margin:0 0 -10px; }

.facilities .box03 .title { width:60%; margin:0 auto 5%; }

.facilities .box04 .title { width:80%; margin:10% auto 5%; }
.facilities .box04 p { text-align:center; margin:5% 0; }

.facilities .box05 .title { margin:10% 0 5%; }
.facilities .box05 li { margin:0 0 10%; }

.facilities .box06 { background:#EBCD87; padding:5%; margin:0 0 10%; }
.facilities .box06 span { display:block; text-align:center; margin:0 0 -10px; font-size:18px; font-weight:bold; }

/* room.html
-------------------------------------------------------------------------------------------------------*/
.room .box01 p { width:90%; margin:5% auto; }
.room .box01 { margin:0 0 10%; }
.room .box01 .yukata { width:90%; margin:0 auto; }
.room .box01 span { font-weight:bold; color:#990000; font-size:16px; }

.room .box02 li { margin:0 0 10%; }
.room .box02 p { width:90%; margin:5% auto; }
.room .box02 p.center { text-align:center; }
.room .box02 li:last-child { margin:0 0 5%; }

.room .box03 { background:#EBCD87; padding:5%; margin:0 0 10%; }
.room .box03 span { display:block; text-align:center; margin:0 0 -10px; font-size:18px; font-weight:bold; }


/* cuisine.html
-------------------------------------------------------------------------------------------------------*/
.cuisine .box01 p { margin:5% auto; width:90%; }
.cuisine .box01 span { color:#990000; }

.cuisine .box02 { background:#EBCD87; padding:5%; margin:10% 0; }
.cuisine .box02 span { display:block; text-align:center; margin:0 0 -10px; font-size:18px; font-weight:bold; }

.cuisine .box03 p { width:90%; margin:5% auto 10%; }

.cuisine .box04 { background:#D4A36D; padding:10% 0 5%; }
.cuisine .box04 .cnt { margin:5% auto 0; }
.cuisine .box04 .title { width:65%; margin:0 auto 5%; }
.cuisine .box04 ul { margin:0 0 5%; }
.cuisine .box04 li { overflow:hidden; border-bottom:1px solid #52261F; margin:0 0 1%; }
.cuisine .box04 li p { width:76%; float:left; }
.cuisine .box04 li span { color:#52261F; font-weight:bold; float:right; width:24%; display:block; margin:0 0 -10px; text-align:right; }

.cuisine .box05 .title { width:90%; margin:10% auto 5%; }
.cuisine .box05 p { margin:5% auto 10%; width:90%; }

/* dayuse.html
-------------------------------------------------------------------------------------------------------*/
.dayuse .box01 p { width:90%; margin:5% auto 10%; }
.dayuse .box01 p.center { text-align:center; }

.dayuse .box02 p { margin:5% auto 10%; width:90%; }
.dayuse .box02 .title { width:45%; margin:10% auto 5%; }

.dayuse .box03 li { margin:0 0 5%; }
.dayuse .box03 .title { width:35%; margin:0 auto 5%; }
.dayuse .box03 .title02 { width:19%; margin:5% auto; }
.dayuse .box03 p { background:#EBCD87; padding:5%; }
.dayuse .box03 span { display:block; text-align:center; margin:0 0 -10px; font-size:18px; font-weight:bold; }
.dayuse #content { margin:0 0 5%; }

.dayuse .cuisine-menu { background:#EBCD87; padding:5%; width:80%!important; }
.dayuse .cuisine-menu span { font-weight:bold; position:absolute; right:10%; color:#990000; }
.dayuse .cuisine-menu span.title { float:none; font-size:14px; position:static; color:#333333; }
.dayuse .menu-img { margin:-5% 5% 0; width:90%; }

/* access.html
-------------------------------------------------------------------------------------------------------*/
.access .box02 p { margin:5% auto 10%; width:90%; }

.access .box03 p { margin:5% 0; }

.access .box04 { margin:10% 0; }
.access .box04 p { margin:5% auto 10%; width:90%; }

.access .box05 { margin:0 0 10%; }
.access .box05 p { margin:5% auto; width:90%; }
.access .box05 ul { width:90%; margin:0 auto; }
.access .box05 li { background:#EBCD87; padding:5%; margin:0 0 5%; }
.access .box05 li.title { background:#D09A5E; padding:5%; font-weight:bold; margin:0; text-align:center; }

.access .box06 { margin:0 0 10%; }
.access .box06 li { margin:5% 0 0; background:#D09A5E; padding:5%; }
.access .box06 p { text-align:center; margin:5% 0 0; }
.access .box06 .title { width:40%; margin:10% auto 0; }
.access .box06 a { text-decoration:none; }

.access .box07 p { margin:5% auto; }
.access .box07 .btn { background:#D09A5E; padding:5%; margin:0 0 10%; }
.access .box07 a { text-decoration:none; }

.access .box08 p { margin:5% auto 10%; width:90%; }

.access .box09 li { margin:5% 0 0; }
.access .box09 p { width:90%; margin:0 auto 5%; line-height:180%; }

.access #content span { font-weight:bold; }
.access #content span.red { color:#990000; }

.access #time-table { margin-top:-50px; padding-top:50px; }

/* movie.html
-------------------------------------------------------------------------------------------------------*/
.movie .box01 { margin:0 0 5%; }
.movie .box02 li { margin:0 0 10%; }


/* history.html
-------------------------------------------------------------------------------------------------------*/
.history .box01 li p { width:90%; margin:5% auto 10%; }
.history .box01 li:last-child { width:90%; margin:0 auto 10%; }


/* plan.html
-------------------------------------------------------------------------------------------------------*/
.plan .box01 p { margin:5% auto 10%; width:90%; }

.plan .box02 { margin: 0 0 10%; }
.plan .box02 li { margin:0 0 5%; line-height:200%; text-decoration:underline; }
.plan .box02 li.title { background:#52261F; padding:3%; color:#FFFFFF; text-decoration:none; }
.plan .box02 li.btn { background:#D09A5E; margin:0 auto 10%; color:#53261F; padding:5% 3%; text-decoration:none; }

.plan #content a { text-decoration:none; }

/* picture.html
-------------------------------------------------------------------------------------------------------*/
.picture .box01 { margin:0 0 10%; }

.picture .box02 ul { margin:0 0 10%; overflow:hidden; }
.picture .box02 li { float:left; width:49%; margin:0 2% 4% 0; }
.picture .box02 li.end { margin:0 0 4%; }
.picture .box02 li.title { background:#52261F; padding:3%; color:#FFFFFF; width:100%; margin:0 0 5%; }
.picture .box02 p { margin:3% 0 0; }


/* english.html
-------------------------------------------------------------------------------------------------------*/
.english #header .h_reserve { width:25%; }

.english #footer .mail .left { width:16%; }
.english #footer .mail .right { width:76%; }
.english #footer .mail { width:40%; }

.english .box01 { margin:5% 0 0; text-align:center; }
.english .box01 li { margin:0 0 5%; }

.english .box02 { padding:5% 0 0; overflow:hidden; }
.english .box02 li { float:left; margin:0 2% 2% 0; width:49%; }
.english .box02 li.end { margin:0 0 2%; }
.english .box02 li.end2 { width:100%; }

.english .box03 { overflow:hidden; margin:8% 0 0; }
.english .box03 li { float:left; margin:0 2% 2% 0; width:49%; }
.english .box03 li.end { margin:0 0 2%; }
.english .box03 li:last-child { width:100%; margin:0; }

.english #CDSWIDEXC { width:99%; margin:-200% 0 0; position:absolute; top:257%; height:127px; }
.english #CDSWIDCOE { width:100%; margin:0; }
.english .hcom-w-badge-1 { width:100%!important; }
.english .hcom-w-badge-1 .hcom-w-inner { width:100%!important; }

.english .box04 { margin:10% 0; overflow:hidden; }
.english .box04 li { width:49%; float:left; }
.english .box04 li:first-child { margin:0 2% 0 0; }

.english .box05 { margin:0 0 10%; }
.english .box05 li { margin:0 0 5%; }
.english .box05 .image-box { width:33%!important; }


/* e-map.html
-------------------------------------------------------------------------------------------------------*/
.e-map .box01 { margin:5% 0 0; }
.e-map .box01 li { margin:0 0 10%; }

/* e-detail.html
-------------------------------------------------------------------------------------------------------*/
.e-detail #content p { width:90%; margin:5% auto 0; }
.e-detail #content .title { background:#D4A36D; padding:3%; margin:10% auto 5%; text-align:center; width:90%; font-weight:bold; }
.e-detail #content span { font-weight:bold; }

.e-detail .box01 p.center { text-align:center; }

.e-detail .box02 span { text-align:center; display:block; margin:0 0 3%; }
.e-detail .box02 li { margin:0 0 10%; }

.e-detail .box03 { width:95%; margin:0 auto; }
.e-detail .box03 p { background:#EBCD87; padding:5%; }

.e-detail .box04 .btn { width:80%; margin:5% auto 10%; background:#52261F; padding:5%; color:#FFFFFF; }
.e-detail .box04 a { text-decoration:none; }

.e-detail .box05 { margin:0 0 10%; }
.e-detail .box05 p { margin:5% auto!important; }
.e-detail .box05 li.about span { display:block; text-align:center; }
.e-detail .box05 li.about p { background:#EBCD87; padding:5%; width:86%!important; margin:0 auto; }

.e-detail .box06 p { margin:5% auto!important; }

.e-detail .box07 .btn { width:80%; margin:5% auto; background:#52261F; padding:5%; color:#FFFFFF; }

.e-detail .box08 { margin:0 0 10%; }
.e-detail .box08 p { margin:5% auto!important; }
.e-detail .box08 .bnr { width:90%; margin:0 auto; }

.e-detail .box09 { margin:0 0 10%; }

.e-detail .box10 { margin:0 0 10%; }

.e-detail #facilities , .e-detail #onsen , .e-detail #cuisine , .e-detail #history , .e-detail #access , .e-detail #daytrip , .e-detail #manner { margin-top:-48px; padding-top:48px; }

.e-detail #footer .mail .left { width:16%; }
.e-detail #footer .mail .right { width:76%; }
.e-detail #footer .mail { width:40%; }

/* hantaiji.html
-------------------------------------------------------------------------------------------------------*/
.hantaiji #header .h_reserve , .h-detail #header .h_reserve { width:25%; }

/*.hantaiji .box02 li:last-child { width:100%; }*/

.hantaiji .box04 li { width:100%; margin:0; }


/* h-detail.html
-------------------------------------------------------------------------------------------------------*/
.h-detail .box11 p { width:85%!important; background:#EBCD87; padding:5%; margin:5% auto!important; }
.h-detail .box11 span { font-weight:bold; text-align:center; display:block; }

.h-detail .box12 { margin:0 0 10%; }
.h-detail .box12 p { margin:0 auto 5%!important; }

.h-detail .box04 { margin:0 0 10%; }

/* e-reservation.html
-------------------------------------------------------------------------------------------------------*/
.e-reserve #header { text-align:center; }
.e-reserve #header .logo { width:17%; margin:1% auto; }

.e-reserve .box01 .reserve-button { margin:5% auto 10%; width:90%; }

.e-reserve .box02 .title { margin:0 0 5%; }
.e-reserve .box02 ul { width:90%; margin:0 auto 2%; overflow:hidden; }
.e-reserve .box02 li { width:49%; float:left; }
.e-reserve .box02 li:first-child { margin:0 2% 0 0; }

.e-reserve .box03 { margin:8% 0 10%; }
.e-reserve .box03 ul { width:90%; margin:0 auto 2%; overflow:hidden; }
.e-reserve .box03 li { width:49%; float:left; }
.e-reserve .box03 li:first-child { margin:0 2% 0 0; }

.e-reserve #footer .mail .left { width:16%; }
.e-reserve #footer .mail .right { width:76%; }
.e-reserve #footer .mail { width:40%; }

/* customer_harassment.html
-------------------------------------------------------------------------------------------------------*/
	.customer #content {
		width: 90%;
		margin: 0 auto;
	}
	.customer .box01 li {
		margin: 0 0 5%;
	}
	.customer .box01 li:first-child {
		background: #53261F;
		color: #FFF;
		padding: 5%;
		margin: 5% 0;
		font-weight: bold;
		font-size: 18px;
	}
	.customer .box01 li:nth-child(3), .customer .box01 li:nth-child(5), .customer .box01 li:nth-child(7), .customer .box01 li:nth-child(9) {
		font-weight: bold;
		font-size: 16px;
		position: relative;
		padding: 0 0 0 3%;
	}
	.customer .box01 li:nth-child(3)::before, .customer .box01 li:nth-child(5)::before, .customer .box01 li:nth-child(7)::before, .customer .box01 li:nth-child(9)::before {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 3px;
		height: 100%;
		background: #53261F;
		content: "";
	}
	.customer #footer {
		background-size: 100%;
	}
	
}