/* =======================================
画像をフワッと【下から】フェードイン
 ======================================= */
/* 画面外にいる状態 */
.fadein {
	opacity : 0;
	transform : translate(0, 50px);/* 移動距離(0, 50px) */
	transition : all 1500ms;/* 表示する時間 */
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

/* 2つ目の要素に200msのdelayをかける */
.effect2 > div .fadein:nth-of-type(2) {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	}
/* 3つ目の要素に400msのdelayをかける */
.effect2 > div .fadein:nth-of-type(3) {
	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
	}
/* =======================================
画像をフワッとフェードイン
 ======================================= */
  .fade1 {
    /* アニメーション設定*/
    animation-name: fade-in1;
    animation-duration: 2s; /*アニメーション時間*/
    animation-timing-function: ease-out; /*アニメーションさせるイージング*/
    animation-delay: 0s; /*アニメーション開始させる時間*/
    animation-iteration-count: 1; /*繰り返し回数*/
    animation-direction: normal; /*往復処理をするかどうか*/
    animation-fill-mode: forwards; /*アニメーション後のスタイルをどうするか*/
  }

  /* アニメーション*/
  @keyframes fade-in1 {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
/* =======================================
マウスのると画像を半透明にする
 ======================================= */
.a_img:hover{opacity:0.5;/*50％透明にする*/}





/* =======================================
パソコンとスマホ　表示・非表示

@media(max-width: 599px){
.mobile{display:none;
}}
@media(min-width: 600px) and (max-width: 1023px) {
.tablet{display:none;
}} 
 ======================================= */
@media(max-width: 1023px){
.pc{display:none;
}}
/* PC用2 */
@media(max-width: 600px){
.pc2{display:none;
}}
/* スマホ用 */
@media(min-width: 601px){
.mobile1{display:none;
}}
/* タブレット　スマホ用 */
@media(min-width: 1024px)
    {
.mobile{display:none;
}}



/* =======================================
スクロール固定用
 ======================================= */
 .fixed {
    position: fixed;
    top: 10px;

}
/* =======================================
ポップアップ固定用
 ======================================= */
.featherlight-sample {
	display: none;
}
/* =======================================
薄いアミ背景
 ======================================= */
.ami1{
    background-color: #DEDEDE;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-top: 25px;
    text-align: justify;
}


/* =======================================
表
 ======================================= */
.table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
}


.td {
	line-height: 120%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}

.t1 {
	margin-top: 13px;
	margin-bottom: 13px;
	text-align: center;
}

.t2 {
    margin-top: 13px;
    margin-bottom: 13px;
    text-align: center;
    color: #FFF;
    margin-left: 5px;
    margin-right: 5px;
}
.t3 {
    margin-top: 13px;
    margin-bottom: 13px;
    text-align: left;
    margin-left: 7px;
    margin-right: 7px;
}