body {
	margin: 0;
	padding: 0;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:100%;
	line-height:180%;
	color: #231815;
    min-width:1000px;
}



@keyframes fade{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

iframe {
  vertical-align: bottom;
}

video {
  vertical-align: bottom;
}

img {
	border: none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style:none;
	box-sizing:border-box;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../image/spacer.gif); /* AndroidページのP要素の隙間対策 */
}
a:link {color:#000; outline:none; }
a:visited {color:#000;}
a:hover {color: #333;}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
#wrapper {}
#base {}

.pc {display:block;}
.sm {display:none;}

.minc{ font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}

/*====================================================================================================
  HEADER
====================================================================================================*/

#header { display:none;}
	
#header {}
    

.cp_tooltip { display: block; width: 100%; }
.cp_tooltip .cp_tooltiptext {
	display: none; 
	}

#header { display:none; min-width:100%; height: 88px; background: rgba(255,255,255,0.85); box-sizing: border-box;}

#header:after { /*float_clear*/display:none; clear:both;	content:"";}
#header .h_bk{ display:none; margin: 0 auto; width: 100%; height: 88px; box-sizing: border-box;}
#header .h_bk:after { display:none; clear:both; content:"";}

#header .h_main{ display:none; margin: 0 auto; width: 1000px; height: 88px; box-sizing: border-box;}
#header .h_main:after { display:none; clear:both;	content:"";}



/*====================================================================================================
  CONTENT
====================================================================================================*/

#content { clear: both; width: 100%;} 



/*====================================================================================================
  FOOTER
====================================================================================================*/

#footer { clear:both; margin: 50px auto　0; padding: 50px 0 15px; width:100%; background: #fff; border-top:solid 1px #b5b5b5;}
#footer:after { /*float_clear*/ display:block; clear:both;	content:"";}

#footer a{ text-decoration: none; color: #000;}

#footer .other{ margin: 0 auto; padding: 10px 0 25px; max-width: 900px;}
#footer .other p{ display: inline-block; color: #000; font-size: 75%;}



/*====================================================================================================
  ハンバーガーメニュー
====================================================================================================*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #555;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay     : 0.6s;
  transition-delay        : 0.6s;
  -webkit-transform: rotate(45deg);
  -ms-transform    : rotate(45deg);
  -o-transform     : rotate(45deg);
  transform        : rotate(45deg);
}
.hamburger.active span:nth-child(2){
  width: 0px;
}
.hamburger.active span:nth-child(1),
.hamburger.active span:nth-child(3){
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.hamburger.active span:nth-child(1){
  -webkit-transform: translateY(4px);
  -ms-transform    : translateY(4px);
  -o-transform     : translateY(4px);
  transform        : translateY(4px);
}

.hamburger.active span:nth-child(3){
  -webkit-transform: translateY(-16px) rotate(90deg);
  -ms-transform: translateY(-16px) rotate(90deg);
  -o-transform : translateY(-16px) rotate(90deg);
  transform    : translateY(-16px) rotate(90deg);
}


nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #000;
  background: #fff;
  text-align: center;
  transform: translateY(-100%);
  transition: all 0.9s;
  width: 100%;
}

nav.globalMenuSp ul {
  background: #a8acb0;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #fff;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li:hover{
  background :#c1b788;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1em 0;
  text-decoration :none;
}

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



/*====================================================================================================
  スマホ下部固定メニュー
====================================================================================================*/

/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
}

/*左側メニューを茶色に*/
#sp-fixed-menu li:first-child{
   background: #7a6857;
}

/*右側メニューを黄色に*/
#sp-fixed-menu li:last-child{
   background: #c3a555;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:5px 10px 5px 5px;
   margin:auto;
}


/*PCの場合にはメニューを表示させない*/
@media (min-width: 768px) {
   .for-sp{
      display:none;
    }
}