/*  common.css ---*/

/* common
-------------------------------------------------------------------------------------------------------*/
body { color: #333333; font-size:16px; margin:0 auto; padding: 0; overflow:auto; -webkit-text-size-adjust: 100%; font-family:"游明朝","Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro"; }

img{ vertical-align: bottom; max-width:100%; height:auto; }
a img { border:0 none; }
a img { text-decoration: none; }
a:hover img,a:active img { opacity:0.8; }
a {
	text-decoration: underline;
}
a:hover {
	opacity: 0.8;
}

.cnt { max-width:1000px; width:90%; margin:0 auto; overflow:hidden; }

ul { overflow:hidden; }
li { list-style-type:none; }

#wrapper { width:100%; margin:0; overflow:hidden; position:relative; }

* {
	margin: 0;
	padding: 0;
}

table{ border-collapse:collapse; }

iframe { overflow:hidden; border:none; }

#fla { text-align:left; }

p,dd{
	line-height: 180%;
}


.left { float:left; }
.right { float:right; }
/* header
-------------------------------------------------------------------------------------------------------*/
h1 { color:#FFFFFF; z-index:50; font-size:10px; left:50%; width:486px; text-align:left; position:absolute; top:10px; margin: 0 0 0 -550px; }

#headerup{
	width:100%; 
	height: 77px;
	position:fixed;
	z-index: 40000;
  transition: .5s; /* アニメーションタイミング */
	background: #FFF;
}
#headerup {
	background:rgba(255,255,255,0);
}
.is-show {
	background:rgba(255,255,255,0.8)!important;
}
#headerup .right{
	padding: 7px 0 0 0;
	width: 625px;
}
#headerup .right ul{
	margin: 0 0 0 20px;
	float: left;
}
#headerup .right ul li{
	font-size: 11px;
  line-height: 56px;
	float: left;
	color: #333;
}

#headerup .info01{

}

#headerup .info01 li:after{
	font-size: 11px;
	content: "|";
	margin: 0 5px;
	color: #C9A763;
}
#headerup .info01 .end:after{
	content: none;
}


#headerup .info02 li{
	margin: 0 0 0 4px;
	
}

#headerup .navi08 {
	width: 100px;
}
#headerup .navi09 {
	width: 80px!important;
}

.

@media all and (-ms-high-contrast:none){
#headerup .right ul li.end { margin:-3px 0 0; }

}
/* menu
-------------------------------------------------------------------------------------------------------*/
#gnavi { width:900px; overflow:hidden; float: right; font-weight: bold;	background: rgba(255,255,255,0.00);}
#gnavi li { float:left; line-height:100%; font-size: 17px; padding: 15px 0 0; width: 65px; }
#gnavi .navi03 {
	margin: 0 10px 0;
}
#gnavi .navi07 {
	padding: 15px;
	background: #B08A24;
	color: #FFF;
	width:100px;
	margin: 0 0 0 20px;
}
#gnavi li a{
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	}
#gnavi ul {
	margin: 0 auto;
	float: right;
	padding: 15px 5% 0 0;
	}

#gnavi .end {
	background: #B28850;
	color: #FFF;
	padding: 21px 10px;
	text-align: center;
	width: 100px;
}
#gnavi li:hover{
	opacity: 0.8;
}

#h_logo {
	float: left;
	width: auto;
	padding: 15px 0 0 20px;
	
}
/*#h_logo {
	opacity: 0;
	transition: .5s; /* アニメーションタイミング */
}*/
.show {
	opacity: 1!important;
}

nav {
	overflow: hidden;
}

.navi li {
position: relative;

}

.navi li a {
display: block;
}

#menu__child {
	margin: 22px -10px 0 0!important;
}

#menu__child {
	background:rgba(255,255,255,0); 
}

#menu__child li {
	display: none;
transition: 0.3s;
	width: 131px!important;
	height: 0;
	padding: 10px 0 !important;
	height: 20px;
}

.navi li:hover > ul > li {
	display: block!important;
}

.navi10 {
	width: 110px!important;
	margin: 0 10px 0 0;
}

.show02 {
	background:#FFF!important;
}

.show03 {
	opacity: 1!important;
}

.show04 {
	opacity: 1!important;
}



/* sp_navi
-------------------------------------------------------------------------------------------------------*/
/*ハンバーガーボタン*/
 
nav.globalMenuSp {
    position: fixed;
    z-index: 40002;
    top: 0.1%;
    left: 0;
    text-align: left;
    transform: translateY(-101%);
    transition: all 0.6s;
    width: 100%;
	color: #666;
	background: #EEEDEB;
	padding: 15% 0 0;
}

nav.globalMenuSp ul {
    background: rgba(255,255,255,0.1);
    margin: 0 auto;
    padding: 0;
    width: 100%;
	font-size:1rem;
	padding: 0 0 0 20%;
	width: 50%;
	float: left;
	font-size: 24px;
}
nav.globalMenuSp ul:nth-child(2) {
	padding: 0 10% 0 0;
	width: 45%;
	margin: 0 0 0 5%;
	line-height: 109%;
}

nav.globalMenuSp ul li {
    list-style-type: none;
	margin:0 0 15%;
}
nav.globalMenuSp ul li:last-child {
	margin: 0;
}

nav.globalMenuSp ul li a {
    display: block;
	text-decoration:none;
}

nav.globalMenuSp ul:nth-child(3) {
	padding: 5% 20% 2%;
	width: 60%;
	font-size: 18px;
}
nav.globalMenuSp ul:nth-child(3) li {
	background: #AC7B39;
	color: #FFF;
	padding: 5%;
	text-align: center;
	width: 40%;
	float: left;
}
nav.globalMenuSp ul:nth-child(3) li:last-child {
	background: #C9B95A;
}

nav.globalMenuSp p {
	padding: 0 20%;
}

nav.globalMenuSp a {
	text-decoration: none;
}

nav.globalMenuSp .tel {
	font-size: 24px;
	margin: 53% 0 0;
	text-align: center;
	line-height: 110%;
}
nav.globalMenuSp .txt {
	font-size: 12px;
	text-align: center;
}
nav.globalMenuSp .u_menu {
	font-size: 17px;
	line-height: 200%;
	text-align: center;
	margin: 4% 0 8%;
}

nav.globalMenuSp ul:last-child  {
	padding: 0 20% 10%;
	width: 60%;
}
nav.globalMenuSp ul:last-child li {
	float: left;
	margin: 0 5% 0 0;
	width: 8%;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(-0.2%);
	top:7.4%;
}

.navToggle {
    position: fixed;/* bodyに対しての絶対位置指定 */
    right: 0;
    top: 0;
    width: 18%;
	cursor: pointer;
    z-index: 50000;
    text-align: center;
	padding: 6.7% 3.3%;
}

.navToggle span {
    display: block;
    position: absolute;/* .navToggleに対して */
    width: 50%;
    border-bottom: solid 3px #5E5E5E;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 27%;
	padding: 8% 0 0;
}

.navToggle span:nth-child(1) {
    top: 15%;
}

.navToggle span:nth-child(2) {
    top: 35%;
}

.navToggle span:nth-child(3) {
    top: 55%;
}

.navToggle span:nth-child(4) {
    border: none;
	color:#5E5E5E;
    font-size: 11px;
    top: 29px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top:36%;
    left: 23%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 45%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	padding: 0;
}



/* main 
-------------------------------------------------------------------------------------------------------*/
#main img {
	width: 100%;
}

.slick-dots {
  position: relative;
  z-index: 3;
	margin: 10px 0 0;

  // 位置
  margin: -20px auto;
  text-align: center;

  li {
    display: inline-block;
    margin: 0 3px;
  }
  button {
    padding: 0;
    color: transparent;
    outline: none;
    width: 60px;
    border: unset;
    height: 5px;
    display: block;
    background: #4A6762;
    cursor: pointer;
  }
  .slick-active {
    button {
      background: #C8B95C;
    }
  }
}


/* content
-------------------------------------------------------------------------------------------------------*/
#content { overflow:hidden; margin:0 auto; }


/* footer
-------------------------------------------------------------------------------------------------------*/
footer {
	padding: 50px 0 0;
	text-align: center;
}
footer img {
	width: 100%;
}
footer .top_btn img {
	width: auto;
}
footer .top_btn {
	margin: 0 0 50px;
}
footer .f_tel {
	font-size: 18px;
}
footer p:last-child {
	font-size: 14px;
}


@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}