﻿@charset "utf-8";
body		{
			background-color: #ffffcc;
			}


h1			{
			margin: 0px;
			color: #708090;
			}
			
p#message img	{
				border: solid 20px #ffffcc;
				}
			
div#wrapper		{
				background-color: #ffffff;
				border: solid 2px #66aa66;
				width: 760px;
				}
				
h2				{
				color: #66aa66;
				}

div#prezent-1		{background-color: #99ff99;
					width: 760px;
					height: 300px;
					}



				
div#prezent		{
				width: 450px;
				float: left;
				}				
				
p#prezent 		{
				width: 350px;
				margin: 30px;
				margin-bottom: 0px;
				}
				
div#slide-1		{
				padding-top: 70px;
				padding-bottom: 10px;
				padding-right: 50px;
				float: right;
				}
				
p img.photo-two	{
				margin-left: 30px;
				
				}
				
				
img.photo-one	{
				margin: 30px;
				}			
				
img.odd			{
				float: left;
				margin-right: 20px;
				}

				
img.even 		{
				float: right;
				clear: both;
				}
				
.even-1			{width: 500px;
				float: left;				
				}

	
				
img.yane1		{
				float: right;
				margin-right: 10px;
				}
				
				
p#yane2			{	
				border: solid 2px #66aa66;
				width: 400px;
				padding:30px;
				}
				
img.yane3		{
				margin-right: 10px;
				float: right;
				}

p#yane4			{
				border: solid 2px #66aa66;
				width: 400px;
				padding:30px;
				}
				
div#footer		{
				clear: both;
				}
				
/*ここから文字が飛び跳ねる */
	.pyonpyon span {
    animation: pyon 0.3s linear;
    position: relative;
}

@keyframes pyon {
    0% {top: 0}
    50% {top:-17px}
    100%{top: 0}
}
/*ここまで */

/* 続きを読む */
.more2{
  display: none;
}
.morefix2:target + .more2{
  display: block;
}
.morefix2{
    position: fixed;
    top: 0;
}
/*ここまで */