@charset "utf-8";

div#top			{
				/*border: solid 1px #ffffff;*/
				background-color: #55bb55;
				color: #ffffff;
				width: 760px;
				margin-left: auto;
				margin-right: auto;
				padding: 10px 20px 10px 20px;
				}

body			{
				font-family:"游明朝           ",Yumincho,"Hiragino MinchoProN w3","　　　　　　　　　　　　　　　　　ヒラギノ明朝 ProN W3","Hiragino MinchoProN","HG明朝 E",
                                "MS P明朝","MS 明朝",serif; /* 20240813記入 */			
background-color: #33cc99;
				/*background: linear-gradient(rgba(135,206,235,0.4),rgba(0,0,255,0.4))fixed,url("top_img/irasuto.png");*/
						}
						
div#back_gazo img	{
				margin-left: auto;
				margin-right: auto;
				}						
						
/*	saod画像休止20251101			
div#kach		{
				position: fixed;
				top: 10px;
				right: 40px;
*/
				}				
				
p#message		{
				text-align: center;
				}
				
p#message1		{
				position: fixed;
				top: 10px;
				right: 42px;
			    margin: 0px;
				}
/*	20251102停止
p#message2		{
				position: fixed;
				top: 160px;
				right: 42px;
			    margin: 0px;
				}				

p#message3		{
				position: fixed;
				top: 310px;
				right: 42px;
			    margin: 0px;
				}
								
p#message4		{
				position: fixed;
				top: 460px;
				right: 42px;
			    margin: 0px;
				}
ここまで*/

 div#flashContent {
				text-align: center;
				}
				
div#headcopy	{
				background-color: #55bb55;
				border: solid 2px #55bb55;
				border-bottom: 0;
				width: 760px;
				padding: 10px 20px;
				margin-left: auto;
				margin-right: auto;
				}


div#headcopy h1		{
					line-height: 1.4;
					padding: 30px;
					padding-bottom: 0;
					font-size: 1.2em;
					color: #444444;
					}
		
		
div#wrapper		{
				background-color: #ffffff;
				border: solid 2px #66aa66;
				border-top: 0;
				width: 760px;
				padding: 10px 20px;
				margin-left: auto;
				margin-right: auto;

				}

marquee			{
				font-size: 1.5em;
				color: yellow;
				}

				
				
.photo-1,.photo-2		{
						text-align: left;
				         border-left: solid 16px #66aa66;
			             }
			             
.photo-5		{
				font-size: 1.3em;
				color: #66aa66;
				border-left: solid 16pxpink;
				}			             
			             
.photo-6 		{
				float: left;	
				border-left: solid 16px red;
				}			  



.photo-7 		{color: #66aa66;
				padding-top: 20px;
				}			  

.photo-3		{
				clear: both;
				border-left: solid 16px pink;
				}
			  
			  
div#navigator ul				{
				list-style-type: none;
				margin-left: 0;
				padding-left: 15px;
				padding-top: 8px;
				background-color: #bbffaa;
				text-align: center;
				line-height: 30px;
				}

padding-top			{

				}
				
div#navigator li				{
				display: inline;
				padding-right: 20px;
				font-size: 1.2em;
				
				}
				
div#navigator li a			{
				text-decoration: none;
			
				}
				
a				{
				color: #33aa88;
				text-decoration: none;
				}
				
a:hover			{
				background-color: #cc6600;
				font-size: 1.0em;
				color: #ffffff;
				
				}
				
h2				{
				background-color: #ffffff;
			/*	border-left: solid 16px #66aa66;*/
				}
				
.anime			{
				color: #66aa66;
				background-color: yellow;
				height: 50px;
				line-height: 50px;
				width: 180px;
				cursor: pointer;
				transition-duration: 2s;
				padding-left: 15px;
				/*transition-delay: 0.5s;*/
                 }
                 
.anime:hover	{
				border-radius: 50px;
				background-color: brown;
				color: pink;
				transform: rotate(360deg);
                }
				
h3				{
				font-size: 1.2em;
				clear: both;
				//border-left: solid 16px #33ccff;
				}

h3.hara			{background-image: url(back.png)}

				
.test			{
				margin-bottom: 50px;
				}
								
div#slide-2		{
				float: left;
				margin-right: 15px;
				margin-bottom: 0px;
                 }		
				
				
				
				
				
img.photo-odd	{
				float: right;
				margin-left: 15px;
				margin-bottom: 15px;
				}
				
				
img.photo-even	{
				float: left;
				margin-right: 15px;
				margin-bottom: 15px;
				}
								

img.photo-odd-3	{
				float: right;
				margin-left: 0px;
				margin-bottom: 15px;
				}
				
img.photo-even-2	{
				float: left;
				margin-right: 5px;
				margin-bottom: 15px;
				}

img.photo-even-1	{
				float: left;
				margin-right: 5px;
				margin-bottom: 15px;
				}


				
p				{
				line-height: 1.5;
				}
				
p.saga			{
				overflow: hidden;
				}
				
				
address			{
				clear: both;
				text-align: center;
				color: #66aa66;
				}
				
				
				
div#kt ul 			{
				color: #66aa66;
				border: solid 2px #66aa66;
				width: 300px;
				padding: 20px;
				}
				
.tasy			{
				float: right;
				padding-right: 16px;
				}
				
				
h4				{
				background-color:	#66aa66;
				width: 300px;
				padding-left: 10px;
				}
				
				
div#footer		{
				background-color: #66aa66;
				text-align: center;
				clear: both;
				}
				
.top-h3		   {
				background-image: linear-gradient(to left,#33aa33,#ffffff );
				}
				
.top-list		{
				width: 500px;
			/*	border-left: 10px solid #ccffff;*/
				background-image: linear-gradient(to left,#ccff99,#ffffff );
				
				}

ul		{
		list-style-type: none;
}

.top-list li		{
		background-image: url("top_img/list.gif");
		background-repeat: no-repeat;
		background-position: 5px -5px;
		padding: 13px 30px;
		margin: 10px;
		padding-left: 60px;
		font-style: bold;
}

img.post	{
			position: relative;
			top: 20px;

}

.polaroid3	{
	background-color: #fff;
	width: 730px;
	padding-left: 0px;
	margin-left: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	box-shadow: 3px 3px 10px #777;
}

.polaroid3 p	{
	text-align: center;
	padding: 0;
	margin: 0;
	color: #ffffff;
}
.kt3 {
	text-align: center;
	background-color: pink;
}
/* flexbox20251102Start  */
.container3 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 20px;
}

.item1 {
  flex-basis: auto;
  }
.item2 {
  flex-basis: auto;
  }
.item3 {
  flex-basis: auto;
   }
 
  /* flexbox20251102Start  */
.container5 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 20px;
}

.item1 {
  flex-basis: auto;
  }
.item2 {
  flex-basis: auto;
  }
.item3 {
  flex-basis: auto;
   }
  
  /* flexbox20251106ブースター交換Start  */
.container8 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 20px;
}
.item1 {
  flex-basis: auto;
  }
.item2 {
  flex-basis: auto;
  }
.item3 {
  flex-basis: auto;
   }
   
/*ここから文字が飛び跳ねる */
	.pyonpyon span {
    animation: pyon 0.3s linear;
    position: relative;
}

@keyframes pyon {
    0% {top: 0}
    50% {top:-17px}
    100%{top: 0}
}

/*ここまで */

.time    {
            background-color: aquamarine;
            text-align: center;
}

/* テレビ塔grayscale */
.grayscale {
	filter: grayscale(100%);
	filter: grayscale(100%);
}
.grayscale:hover {
	filter: grayscale(0%);
	filter: grayscale(0%);
}

/*続きを読む 
.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	width: auto;
	margin: 2em auto;
}
.cp_box label {
	font-weight: bold;
	position: relative;
	display: block;
	width: 80%;
	margin: auto;
	padding: 0.3em 1em;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
	color: #da3c41;
	border: 2px solid #da3c41;
	border-radius: 3px;
}
.cp_box label:hover {
	transition: all 0.3s;
	color: #ffffff;
	background: #da3c41;
}
.cp_box label::after {
	font-family: 'FontAwesome';
	content: ' \f067';
	color: #da3c41;
}
.cp_box label:hover::after {
	color: #ffffff;
}
.cp_box input:checked ~ label::after {
	font-family: 'FontAwesome';
	content: ' \f068';
	color: #da3c41;
}
.cp_box input:checked ~ label:hover::after {
	color: #ffffff;
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	position: relative;
	z-index: 10;
	overflow: hidden;
	height: 0;
	margin-top: -1px;
	transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
	background: rgba(255, 255, 255, 0.5);
}
.cp_box input:checked ~ div {
	transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
}
.midasi {
	width: 760px;
}

.ant_parts{
	width: 720px;
	text-align:center;
	}
.ant_parts p	{
	background-color: pink;
	text-align: center;
}
													
*/
/* 続きを読むを押すと表示されるテキストの高さ 
.cp_box input:checked ~ div.cp_container {
	height: 14300px;
}

 続きを読むここまで */

.more2{
  display: none;
}
.morefix2:target + .more2{
  display: block;
}
.morefix2{
    position: fixed;
    top: 0;
}