@charset "utf-8";

/**************************************************************************************/

/*　base.css　→　全頁に関わるものやheader・fooderなど基本的な部分のタイルシート　*/

/**************************************************************************************/

body {
margin: 0px;
text-align: center;
color: #444444;
padding: 0px;
font-size: 19px;
line-height: 200%;
font-family: fot-tsukubrdgothic-std, sans-serif;
font-weight: 700;
font-style: normal;
background-position: center top;
letter-spacing: 1px;
background-color: #fffaf1;
}



html{
	overflow-y: scroll;
}
.ov {
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.ov:hover {
	-webkit-opacity: 0.6;
	opacity: 0.6;
}


/* ※とかの後、2行目以降を1文字下げる */
.indent-1 {
padding-left:1em;
text-indent:-1em;
}
.indent-2 {
padding-left:2em;
text-indent:-2em;
}
.indent-2-5 {
padding-left:2.5em;
text-indent:-2.5em;
}
.indent-3 {
padding-left:3em;
text-indent:-3em;
}
.indent-4 {
padding-left:4em;
text-indent:-4em;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


a:visited {
	color: #666666;
	text-decoration: none;
}
a:link {
text-decoration: none;
color: #666666;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
a:active {
	text-decoration: none;
	color: #666666;
}
a:hover {
	color: #666666;
	text-decoration: none;
	-webkit-opacity: 0.6;
	opacity: 0.6;
}


/******  cssでフェードイン  ******/
.fadein {
   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}
}
/********************************/

.anti {
    transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -webkit-transform: rotate(0.028deg);
}
.anti img{
    transform: rotate(-0.028deg);
    -o-transform: rotate(-0.028deg);
    -ms-transform: rotate(-0.028deg);
    -moz-transform: rotate(-0.028deg);
    -webkit-transform: rotate(-0.028deg);
}
.u_line {
	text-decoration: underline;
}


/******  box内の要素縦横センターで表示  ******/
.flexbox-container-vertical-center {
    display: flex; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
}
