BODY {
     margin:0px;          /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
      font-family: 'Meiryo UI',sans-serif; font-size: 16px; line-height:150%; color: #333333;
	background-color: #FFFFFF;
}

/*pc_cssここから*/

@media screen and (min-width:768px){

h1 {
  font-size: 16px; /* 文字サイズを15px */
  color: #FF0000;/* 文字色を#FF99CC */
  MARGIN-TOP: 0px;
  MARGIN-LEFT: 0px;
}


h2 {
  font-size: 120%; /* 文字サイズを12px */
  color: #FF0000;/* 文字色を#FFFFFF */
}


h3 {
  font-size: 16px; /* 文字サイズを12px */
  color: #FF0000;/* 文字色を#666666 */
  font-family: 'Meiryo UI',sans-serif;
}

p {
  font-size: 100%; /* 文字サイズを17px */
  color: #F0000F;/* 文字色を#666666 */
}

a{/*リンクされた文字*/
    color:#FFFFFF;
    font-style:normal;
    text-decoration:underline;
}

a:hover {/*マウスをのせたとき*/
    color:#666666;
    font-style:normal;
    text-decoration:underline;
}

.alpha a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

a.linklink{
MARGIN:auto;
display:block;
width:200px;
height:auto;
padding-top:10px;
padding-bottom:10px;
text-align:center;
border:2px solid;
border-color:#FF0000;
background:#FFFFFF;
color: #FF0000;
}

a.linklink:hover{
background:#FF0000;
color:#FFFFFF;
border:3px solid;
border-color:#FF0000;
}

a.linklink2{
MARGIN:auto;
display:block;
width:200px;
height:auto;
padding-top:10px;
padding-bottom:10px;
text-align:center;
border-color:#FF0000;
background:#FFFFFF;
color: #FF0000;
}

a.linklink2:hover{
background:#FF0000;
color:#FFFFFF;
}

img{
width: 90%;
height: auto;
margin:auto;
}


.contents03 {
	clear: both;
	float: none;
	width: 80%;
	MARGIN: auto;
	MARGIN-TOP: 5px;
	padding:10px;
	background-color: #FFFFFF;
	border-top: solid;1px;
	border-color: #FF0000;
}

.kashi{
	clear: both;
	float: none;
	width: 80%;
	MARGIN: auto;
	MARGIN-TOP:10px;
	background-color: #FFFFFF;
}

.fade{
  animation: fadeIn 5s ease 0.3s 1 normal;
}

@keyframes fadeIn { /*animetion-nameで設定した値を書く*/

  0% {opacity: 0} /*アニメーション開始時は不透明度0%*/
  50% {opacity: 0.5} /*アニメーション開始時は不透明度0%*/
  100% {opacity: 1} /*アニメーション終了時は不透明度100%*/
}

}

/*モバイルcss*/

@media screen and (max-width:767px){

h1 {
  font-size: 100%; /* 文字サイズを15px */
  color: #FF0000;/* 文字色を#FF99CC */
  MARGIN-TOP: 5px;
  MARGIN-LEFT: 0px;
}


h2 {
  font-size: 90%; /* 文字サイズを12px */
  color: #FF0000;/* 文字色を#FFFFFF */
  MARGIN-TOP: 5px;
}


h3 {
  font-size: 70%; /* 文字サイズを12px */
  color: #FF0000;/* 文字色を#666666 */
  MARGIN-TOP: 10px;
  font-family: 'Meiryo UI',sans-serif;
}

p {
  font-size: 75%; /* 文字サイズを17px */
  color: #FF0000;/* 文字色を#666666 */
    MARGIN-TOP: 5px;
  word-wrap: break-word;
}

a{/*リンクされた文字*/
    color:#FFFFFF;
    font-style:normal;
    text-decoration:underline;
}



a.linklink{
MARGIN:auto;
color: #FF0000;
display:block;
width:50%;
padding-top:10px;
padding-bottom:10px;
text-align:center;
border:1px solid;
border-color:#FF0000;
background:#FFFFFF;
}

a.linklink:hover{
background:#FF0000;
color:#FFFFFF;
border:1px solid;
border-color:#FFFFFF;
}

a.linklink2{
MARGIN:auto;
color: #FF0000;
display:block;
width:50%;
padding-top:10px;
padding-bottom:10px;
text-align:center;
border:0px solid;
border-color:#FF0000;
background:#FFFFFF;
}

a.linklink2:hover{
background:#FF0000;
color:#FFFFFF;
border:1px solid;
border-color:#FFFFFF;
}

img{
WIDTH: 90vw;
height: auto;
MARGIN: 0px;
}

.contents03 {
	clear: both;
	float: none;
	width: 90%;
	MARGIN: auto;
	background-color: #FFFFFF;
	border-top: solid;1px;
	border-top-color: #FF0000;
}

.fade{
  animation: fadeIn 5s ease 0.3s 1 normal;
}

@keyframes fadeIn { /*animetion-nameで設定した値を書く*/

  0% {opacity: 0} /*アニメーション開始時は不透明度0%*/
  50% {opacity: 0.5} /*アニメーション開始時は不透明度0%*/
  100% {opacity: 1} /*アニメーション終了時は不透明度100%*/
}

}
/*モバイルボディここまで*/