@charset "utf-8";
/*--------------------------------------------------------------
>>> RAYMIX CSS:
----------------------------------------------------------------
		1. RESET
		2. BASIC
		3. STYLE
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1. RESET
--------------------------------------------------------------*/
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-size:inherit;font-weight:inherit;}
legend{color:#000}
*{zoom: 1;}
img{vertical-align: bottom;}
:focus{outline:none;}
button{box-shadow: none; outline: none; border: none; background: transparent;}
/*--------------------------------------------------------------
2. BASIC
--------------------------------------------------------------*/

html {
	font-size: 62.5%;
}
body {
	font-family:
    "Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;
	font-weight: 400;
	font-style: normal;
	width:100%;
	font-size: 1.3rem;
	color:#444;
	background:#fff;
	position: relative;
	line-height: 2;
	box-sizing: border-box;
}
/* はみだし応急処置 */
body {
  overflow-x: hidden;
}
/* font family */
.shippori {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.cinzel {
  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.pc {
	display: none;
}
.sp {
	display: block;
}
img {
	width:100%;
	max-width:100%;
	height:auto;
}
a {
  text-decoration: none;
  transition: opacity 0.5s ease;
}
a:hover {
  opacity: 0.8;
}

.fade-in {
	opacity: 0;
	-webkit-transform: translate(0,20px);
			transform: translate(0,20px);
  }
  .fade-in.active {
	opacity: 1;
	-webkit-transform: translate(0,0);
			transform: translate(0,0);
	transition: opacity 0.8s linear 0s,transform 0.8s linear 0s,-webkit-transform 0.8s linear 0s;
  }
img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
/* タブレット */
@media screen and (min-width: 600px) and (max-width: 899px) {
	body {
		font-size: 2.5rem;		
	}
  }

	/* PC */
@media screen and (min-width: 900px) {

	body {
		font-size: 1.3rem;
	}
	.pc {
		display: block;
	}
	.sp {
		display: none;
	}
}
/*--------------------------------------------------------------
3. STYLE
--------------------------------------------------------------*/

/*slick slide用*/
.slick-slide img.pc{
	display: block;
}
	.slick-slide img.pc {
		display: none;
}
	
@media screen and (min-width: 900px){
	
	/*slick slide用*/
	.slick-slide img.pc{
		display: block;
	}
	.slick-slide img.sp{
		display: none;
	}
}



/* move */
.mo {
	opacity: 0;
  -webkit-transition: 1s ease 0s;
  transition: 1s ease 0s;
}
.mo.ve {
	opacity: 1;
  -webkit-transition: 1s ease 0s;
  transition: 1s ease 0s;
}
.mo.mo-up {
  -webkit-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
}

.mo.mo-up.ve {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.mo.mo-rightup {
	-webkit-transform: translate(-50px, 50px);
  -ms-transform: translate(-50px, 50px);
  transform: translate(-50px, 50px);
}
.mo.mo-rightup.ve {
	-webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.mo.mo-leftdown {
	-webkit-transform: translate(50px, -50px);
  -ms-transform: translate(50px, -50px);
  transform: translate(50px, -50px);
}
.mo.mo-leftdown.ve {
	-webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.mo.mo-rightdown {
	-webkit-transform: translate(50px, 50px);
  -ms-transform: translate(50px, 50px);
  transform: translate(50px, 50px);
}
.mo.mo-rightdown.ve {
	-webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.mo.mo-leftup {
	-webkit-transform: translate(-50px, -50px);
  -ms-transform: translate(-50px, -50px);
  transform: translate(-50px, -50px);
}
.mo.mo-leftup.ve {
	-webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.mo.mo-left {
	-webkit-transform: translate(50px,0);
  -ms-transform: translate(50px, 0);
  transform: translate(50px, 0);
}
.mo.mo-left.ve {
	-webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.mo.mo-right {
	-webkit-transform: translate(-50px, 0);
  -ms-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
}
.mo.mo-right.ve {
	-webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.mo.mo-bottom{
	-webkit-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
}
.mo.mo-bottom.ve{
	-webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.mo.bg_pt_br.ve{
	width:100%;
}