@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------------------------------------------------------------------
  settings
* --------------------------------------------------------------------------------------------------*/
body {
	-webkit-text-size-adjust: 100%;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #333;
	font-size: 13px;
	font-weight: 400;
}
a {
	color: inherit;
	text-decoration: none;
}

.spinnaker{
	font-family: 'Spinnaker', sans-serif;
}
.playfair{
	font-family: 'Playfair Display', serif;
}
.petitformal{
	font-family: 'Petit Formal Script', cursive;
}
.mincho{
	font-family : 游明朝体, 'Yu Mincho', YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.gothic{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}



@media print, screen and (min-width:931px) {
	a:hover {
		opacity: 0.75;
	}
	body {
		
	}
	.sp_menu_view{
		display: none ;
	}
	.sp_view{
		display: none ;
	}
	.pc_view{
		display: block;
	}
}

@media screen and (max-width:930px) {
	body {
		
	}
	.sp_menu_view{
		display: block ;
	}
	.sp_view{
		display: block ;
	}
	.pc_view{
		display: none ;
	}
}







/* ローダー
---------------------------------------*/

.loading{
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	z-index: 100000;
	background: rgba(247,247,245,1);
}
 
.loader,
.loader:after {
  border-radius: 50%;
  width: 3em;
  height: 3em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: absolute;
  top:0;
  left:0;
  right: 0;
  bottom:0;
  margin: auto;
  text-indent: -9999em;
  border-top: 0.3em solid rgba(111, 89, 73, 0.5);
  border-right: 0.3em solid rgba(111, 89, 73, 0.5);
  border-bottom: 0.3em solid rgba(111, 89, 73, 0.5);
  border-left: 0.3em solid rgba(247,247,245, 0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 0.5s infinite linear;
  animation: load8 0.5s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}