@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;600;700&display=swap');

:root {	
--main-color: #e60012;/*赤*/
--main-color2:#ffce21;/*黄色*/
--sub-color: #3e4e57;/*グレー*/
--sub-color2:#f1eff4;/*薄いグレー*/
 }


.noto{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}


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


.all {
    position: relative;
    z-index: 1; /
	transition: 1.0s ;
}
.all a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}
.all:hover {
	transition: 1.0s ;
    opacity:0.7;
    zoom:1;/*IE*/
}

.ov a img{
	transition: 1.0s ;
}
.ov a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.center{
	text-align:center;
}

.wp-navi{
	margin-top:50px;
	height:50px;
	text-align:center;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
	padding: 10px!important;
	margin: 2px;
}
wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #007042!important;
	background-color:#1d7a54!important;
	color:#fff!important;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #afafaf!important;
	background-color:#afafaf!important;
	color:#fff!important;
}

/****************************************

                 font

*****************************************/

.red{color:#cb0000;}
.blue{color:#000099;}
.green{color:#006666;}

.font10{font-size:10px;}
.font12{font-size:12px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font25{font-size:25px;}
.font30{font-size:30px;}
.strong{ font-weight: bold;}

.small{font-size:10px;}
.midium{font-size:16px;}
.large{font-size:21px;}




/****************************************

               float

*****************************************/

.left { float: left; }
.right { float: right; }
.image-left { float: left; margin:0 10px 10px 0; display:block; }
.image-right { float: right; }
.clear {clear: both; }

/****************************************

              margin

*****************************************/

.m-t5{margin-top:5px;}
.m-l5{margin-left:5px;}
.m-r5{margin-right:5px;}
.m-b5{margin-bottom:5px;}

.m-t10{margin-top:10px;}
.m-l10{margin-left:10px;}
.m-r10{margin-right:10px;}
.m-b10{margin-bottom:10px;}

.m-t15{margin-top:15px;}
.m-l15{margin-left:15px;}
.m-r15{margin-right:15px;}
.m-b15{margin-bottom:15px;}

.m-t20{margin-top:20px;}
.m-l20{margin-left:20px;}
.m-r20{margin-right:20px;}
.m-b20{margin-bottom:20px;}

.m-t25{margin-top:25px;}
.m-l25{margin-left:25px;}
.m-r25{margin-right:25px;}
.m-b25{margin-bottom:25px;}

.m-t30{margin-top:30px;}
.m-l30{margin-left:30px;}
.m-r30{margin-right:30px;}
.m-b30{margin-bottom:30px;}

.m-t40{margin-top:40px;}

.m-t50{margin-top:50px;}
.m-l50{margin-left:70px;}

/****************************************

              padding

*****************************************/

.p-t5{padding-top:5px;}
.p-l5{padding-left:5px;}
.p-r5{padding-right:5px;}
.p-b5{padding-bottom:5px;}

.p-t10{padding-top:10px;}
.p-l10{padding-left:10px;}
.p-r10{padding-right:10px;}
.p-b10{padding-bottom:10px;}

.p-t15{padding-top:15px;}
.p-l15{padding-left:15px;}
.p-r15{padding-right:15px;}
.p-b15{padding-bottom:15px;}

.p-t20{padding-top:20px;}
.p-l20{padding-left:20px;}
.p-r20{padding-right:20px;}
.p-b20{padding-bottom:20px;}

.p-t25{padding-top:25px;}
.p-l25{padding-left:25px;}
.p-r25{padding-right:25px;}
.p-b25{padding-bottom:25px;}

.p-t30{padding-top:30px;}
.p-l30{padding-left:30px;}
.p-r30{padding-right:30px;}
.p-b30{padding-bottom:30px;}




/*==================================================
アニメーション
===================================*/
/* アニメーションスタートの遅延時間を決めるCSS*/

.delay-time02{
animation-delay: 0.3s;
}

.delay-time04{
animation-delay: 0.8s;
}
.delay-time06{
animation-delay: 1.5s;
}
.delay-time010{
animation-delay: 2.0s;
}
.delay-time011{
animation-delay: 3.0s;
}

.delay-time-02s{
animation-delay: 0.2s;
}
.delay-time-03s{
animation-delay: 0.3s;
}
.delay-time-04s{
animation-delay: 0.4s;
}
.delay-time-05s{
animation-delay: 0.5s;
}
.delay-time-06s{
animation-delay: 0.6s;
}
.delay-time-07s{
animation-delay: 0.7s;
}
.delay-time-08s{
animation-delay: 0.8s;
}
.delay-time-09s{
animation-delay: 0.9s;
}
.delay-time-10s{
animation-delay: 1.0s;
}
.delay-time-11s{
animation-delay: 1.1s;
}
.delay-time-12s{
animation-delay: 1.2s;
}

/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/

.box{
	opacity: 0;
}

/*==================================================
動き自体の指定：今回は「ふわっ」
===================================*/

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.9s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(80px);
  }

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

/*==================================================
フェイドイン
===================================*/

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }