@charset "utf-8";


.pink {
	color: #ee7099;
}

.orange {
	color: #ed702f;
}
/*リンクイメージ透過*/
a img {
border:none;
verticle-align:top;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a:hover img {
opacity: 0.7;     /* 透過レベル */
filter: alpha(opacity=80);
}



/*共通*/


.m05 { margin-top: 05px; }
.m08 { margin-top: 08px; }
.m10 { margin-top: 10px; }
.m15 { margin-top: 15px; }
.m20 { margin-top: 20px; }
.m25 { margin-top: 25px; }
.m30 { margin-top: 30px; }
.m35 { margin-top: 35px; }
.m40 { margin-top: 40px; }
.m45 { margin-top: 45px; }
.m50 { margin-top: 50px; }
.m55 { margin-top: 55px; }
.m60 { margin-top: 60px; }
.m65 { margin-top: 65px; }
.m70 { margin-top: 70px; }
.m75 { margin-top: 75px; }
.m80 { margin-top: 80px; }
.m90 { margin-top: 90px; }
.m100 { margin-top: 100px; }
.m130{ margin-top: 130px; }
.m150{ margin-top: 150px; }
.m200{ margin-top: 200px; }
.m300{ margin-top: 300px; }


.mb05 { margin-bottom: 05px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.Noto-Serif-JP { font-family: 'Noto Serif JP', serif; }

.tx_center {
	text-align: center;
}

.tx_right {
	text-align: right;
}

.tx_left {
	text-align: left;
}


.tx_justify{
text-align:justify;
}

.mb0 { margin-bottom: 0px; }
.pb0 {padding-bottom: 0px;}


.gold {
	color: #764a27;
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/

.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger{
    opacity: 0;
}



/*==================================================
ふわっ
===================================*/
/* fadeIn */
.fadeIn{
animation-name: fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* fadeUp */

.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/* fadeDown */

.fadeDown{
animation-name: fadeDownAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeDownAnime{
  from {
    opacity: 0;
	transform: translateY(-100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/* fadeLeft */

.fadeLeft{
animation-name: fadeLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
	transform: translateX(-100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}

/* fadeRight */

.fadeRight{
animation-name: fadeRightAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}






/* スマホのみ */
@media screen and (max-width: 767px){
	/*-------------------------------------------------------*/
/*  移動
/*-------------------------------------------------------*/



.m05sp { margin-top: 05px; }
.m08sp { margin-top: 08px; }
.m10sp { margin-top: 10px; }
.m15sp { margin-top: 15px; }
.m20sp { margin-top: 20px; }
.m25sp { margin-top: 25px; }
.m30sp { margin-top: 30px; }
.m35sp { margin-top: 35px; }
.m40sp { margin-top: 40px; }
.m45sp { margin-top: 45px; }
.m50sp { margin-top: 50px; }
.m55sp { margin-top: 55px; }
.m60sp { margin-top: 60px; }
.m65sp { margin-top: 65px; }
.m70sp { margin-top: 70px; }
.m75sp { margin-top: 75px; }
.m80sp { margin-top: 80px; }
.m90sp { margin-top: 90px; }
.m100sp{ margin-top: 100px; }
.m130sp{ margin-top: 130px; }
.m150sp{ margin-top: 150px; }
.m200sp{ margin-top: 200px; }
.m300sp{ margin-top: 300px; }


.mb0sp { margin-bottom: 0px; }
.mb05sp { margin-bottom: 05px; }
.mb20sp { margin-bottom: 20px; }
.mb30sp { margin-bottom: 30px; }
.mb50sp { margin-bottom: 50px; }
.mb100sp {
	margin-bottom: 100px;
}
.mb200sp { margin-bottom: 200px; }
.mb300sp { margin-bottom: 300px; }





.p10sp { padding-top: 10px; }
.p20sp { padding-top: 20px; }
.p30sp { padding-top: 30px; }
.p40sp { padding-top: 40px; }
.p50sp { padding-top: 50px; }
.p80sp { padding-top: 80px; }
.p100sp { padding-top: 100px; }
.p300sp { padding-top: 300px; }


.pl10sp { padding-left: 10px; }
.pr10sp { padding-right: 10px; }
.pl20sp { padding-left: 20px; }
.pr20sp { padding-right: 20px; }


.pl40sp { padding-left: 40px; }
.pr40sp { padding-right: 40px; }


.pb0sp { padding-bottom: 0px; }
.pb10sp { padding-bottom: 10px; }
.pb20sp { padding-bottom: 20px; }
.pb30sp { padding-bottom: 30px; }
.pb40sp { padding-bottom: 40px; }
.pb50sp { padding-bottom: 50px; }


}