@charset "utf-8";

@import url("header.css");
@import url("nav.css");
@import url("footer.css");
/*body *{ border:0.02px solid #ffffff; background:rgba(000,000,000,0.1)}*/


html,
body { width:100%; overflow-x: hidden; min-width: 315px;}
body { height:auto; background:#130001;margin: auto;  }


/* フォントの指定 */
html { font-size: 62.5%; }
body,input,select,textarea { 
	font-size:16px; font-size:1.6rem; 
	line-height:1.8; 
	letter-spacing:0.05em;
	font-family: yu-mincho-pr6n, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-feature-settings: "palt";
	color:#ffffff; }
h2,h3 {
	font-family: ten-mincho, serif;
	font-weight: 400;
	font-style: normal;
}
	
a {color:#231815; text-decoration: none;}
p {text-align:justify; text-justify:inter-ideograph;}
p a {color:#231815; text-decoration: underline;}

/* セレクト時の色指定 */
::selection {
    background: #320001;
    color: #fff;
}
::-moz-selection {
    background: #320001; /*Firefox*/
    color: #fff;
}

.inner { width: 94%; margin: 0 auto;}
.mw100 { max-width: 100%;}
.showPc { }
.showSp { display: none;}
.imgTxt { position:relative;}
.imgTxt p { overflow: hidden;position:absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent:-100vw; font-size: 10px!important; }

@media screen and (max-width:768px){
	html { font-size: 45%; }
	.showPc { display: none ; }
	.showSp { display: block ; }
}

/* 画像と文字を重ねて文字を見えなくする */
.imgTxt { position: relative; text-align: center; }
.imgTxt img { max-width: 100%;}
.imgTxt span { display: block; position: absolute; text-indent: -9999px; }


/* --------------------------------------------

#main

---------------------------------------------- */ 
#main {	
	margin: 0 auto;
}



/* --------------------------------------------

校正用　制作中ページ

---------------------------------------------- */ 
.pendPages {
	padding: 5em 0;
	font-size: 20px; font-size: 2rem;
	color: red;
	text-align: center;
	border:2px solid red;
}

.pendImage {
	display: block;
	position: relative;
	left: 50%;
	margin-left: -678px;
}

@media screen and (max-width:768px){
.pendImage {
	width: 120vw;
	margin-left: -60vw;
}
}



/* --------------------------------------------

page_Top

---------------------------------------------- */ 

.page_Top {
	position: fixed; right: 2%; bottom:3%;
	max-width: 80px;
	z-index: 9999999;
}

.page_Top img {
  display: block;
  width: 100%;
}

@media screen and (max-width:1024px) {
.page_Top {
	max-width: 60px;
	position: fixed; right: 2%; bottom:2%;
}
}


/* --------------------------------------------

animation

---------------------------------------------- */ 

.anime{
	opacity: 0;
}

/* ---------　　fedeIN　　--------- */

body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* ---------　　fade　見出し　　--------- */

.animest.fadeIn01 {
	-webkit-animation: fadeIn01 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: fadeIn01 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes fadeIn01 {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes fadeIn01 {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.animest.css-fade4{
  animation-name:fade-in4;
  animation-duration:0.5s; 
  animation-timing-function: ease-out;
  animation-delay:0.5s; 
  animation-iteration-count:1; 
  animation-direction:normal; 
  animation-fill-mode: forwards; 
}
@keyframes fade-in4 {
  0% {opacity: 0; transform: translate3d(30px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}



/* --------------------------------------------

										footer 

---------------------------------------------- */ 
footer { background-image: url(../img/footer_bg.jpg) ; padding-bottom: 3%;}
footer p { padding: 1em 0 0; text-align: center; color: #fff; font-size: 0.71em;}
	@media (max-width:960px) {
		footer { padding-bottom: 12%;}
		
	}