@charset "utf-8";
img {
	max-width: 100%;
	height: auto;
}
#pcheader {
	background-image: url(../images/layout/headerbacktablet.jpg);
	height: auto;
	background-color: #321F19;
}

.container {
	width: 100%;
}
#smheader {
	display: none;
	margin: 0px;
	padding: 0px;
}
.imagecentersm {
	display: none;
}
#pcheader #htelwrap img {
	height: auto;
	width: auto;
}
#pcheader .htext {
	text-align: right;
}
#pcheader #htelwrap {
	padding-top: 10px;
}
#smaphomenwrap {
	display: none;
}
#smatilte {
	display: none;
}
#sinryoumeinwrap {
	float: none;
	width: 100%;
}
#sinryousubmenuwrap {
	float: none;
	width: 100%;
}
.sm01 {
	float: left;
}
.sm02 {
	float: left;
}
.sm03 {
	clear: left;
	float: left;
}
.sm04 {
	float: left;
}
.sm05 {
	clear: left;
	float: left;
}
.sm06 {
	float: left;
}
.sm07 {
	float: left;
}

#topsinkamowrap {
	width: 460px;
}
#topinfowrap {
	width: 480px;
	margin-right: auto;
	margin-left: auto;
}
#tifcared {
	margin-left: 40px;
	float: none;
}
.imagehuloatleftpconly {
	float: none;
}
#toptilte {
	height: auto;
}
#subtilte {
	height: auto;
}

#home {
	background-image: none;
}
#sub {
	background-image: none;
}
#subtiryou {
	background-image: none;
}

.floatleftpc {
	max-width: 200px;
	height: auto;

}
.is-fixed {
    position: fixed;
    top: 0;
    z-index: 4;
    width: 100%;
  }
#submenu li a {
	font-size: 12px;
	line-height: 30px;
	height: 30px;
}
#yoyakuotoiwrap {
	margin-bottom: 5px;
}


.nav {
	width: 100%;
	height: 60px;
	display: flex;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	padding: 0;
}
.nav li {
	display: block;
	float: left;
    width: 16%;
    position: relative;

  
}
.nav li a {
	display: block;
	height: 60px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	box-sizing: border-box;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 60px;
	background-color: #462C24;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #AD715F;
	font-weight: bold;
	font-size: 12px;
}
.nav > li:hover > a {/*layer-1*/
	background-color: #B3A5A2;
}
.nav > li li:hover > a {/*layer-2*/
	color: #FFF;
	background-color: #B3A5A2;
}
.nav li ul {
  top: 60px;
  left: -40px;
  position: absolute;
  width: 100%;

}
.nav li ul li {
  overflow: hidden;
  height: 0;
  width: 100%;
  clear: left;

}
.nav li ul li a {
	border-top: 1px solid #eee;
	height: 40px;
	line-height: 40px;
	display: block;
}
.nav li:hover > ul > li {
  overflow: visible;
  height: 40px;
}
  .nav li ul li ul {
    top: 0;
    left: 110px;
  }
  .nav li ul li ul:before {/*layer-2?*/
    position: absolute;
    content: "";
    top: 15px;
    left: 30px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
  }
  .nav li ul li ul li:hover > a {/*layer-3*/
    color: pink;
    background: #afc6e2;
  }
  .nav li ul li ul.left {
    top: 0;
    left: -190px;
  }
  .nav li ul li ul.left:before,/*layer-2-left?*/
  .nav li ul li ul li ul.left:before {/*layer-3-left?*/
    position: absolute;
    content: "";
    top: 15px;
    left: 190px;
    border: 5px solid transparent;
    border-right: 5px solid #fff;
  }
  .nav li ul li ul.left li:hover > a {/*layer-2-left*/
    color: pink;
    background: #afc6e2;
  }
  .nav li ul li ul li ul.left li:hover > a {/*layer-3-left*/
    color: purple;
    background: #afc6e2;
  }


#menu2wrap {
	width: 100%;
	background-color: #462C24;
}

.floatrightpc {
	padding-left: 10px;
}