/*
color
#a0dce6	薄
#5abec8 普通
#32aab4 濃
#147882 テキスト
#ffaaa0 ピンク
*/

/* ****************************************** */

/* reset */

html{
	line-height: 1.5;
}

/* ****************************************** */

hr{
	height: 			1px;
	background-color:	#a0dce6;
	border: 			1px #fff solid;
	width:				90%
}

body{
	background-color: #a0dce6;

	color:			#147882;
	font-size:		100%;
	font-family:	"游ゴシック";
	font-weight:	bold;
	text-align:		center;

	margin: 0 auto;	

	-webkit-text-size-adjust: 100%;
}

/* iPhone5s */
/* Amazon Fire HD 8 */
@media screen and (max-width: 800px) {
	body{
		background-color: #a0dce6;

		color:			#147882;
		font-size:		80%;
		font-family:	"游ゴシック";
		font-weight:	bold;
		text-align:		center;

		margin: 0 auto;	

		-webkit-text-size-adjust: 80%;
	}


}


a:hover{
	background-color: #ffaaa0;
	color: #147882;
}

#footer{
	color:			#147882;
	font-size:		100%;
	font-family:	"游ゴシック";
	font-weight:	normal;
	text-align:		center;
    text-decoration: none;
}

.link{
	color:			#147882;
	font-size:		100%;
	font-family:	"游ゴシック";
	text-align:		center;
    text-decoration: underline;
}

.no_link{
	color:			#147882;
	font-size:		100%;
	font-family:	"游ゴシック";
	text-align:		center;
    text-decoration: none;
}


.image{border: 1px #5abec8 solid;}

h2{
	background-color: snow;
    box-shadow: 0px 0px 0px 2px snow;
    border: 2px solid #32aab4;

	margin-left: auto;
	margin-right: auto;
	margin-top: 4em;

	width: 640px;
}

/* iPhone5s */
@media screen and (max-width: 399px) {
	h2{
		background-color: snow;
	    box-shadow: 0px 0px 0px 2px snow;
	    border: 2px solid #32aab4;

		margin-left: auto;
		margin-right: auto;
		margin-top: 7em;

		width: 200px;
	}
}

/* Amazon Fire HD 8 */
@media screen and (min-width: 400px) and (max-width: 800px) {
	h2{
		background-color: snow;
	    box-shadow: 0px 0px 0px 2px snow;
	    border: 2px solid #32aab4;

		margin-left: auto;
		margin-right: auto;
		margin-top: 4em;

		width: 400px;
	}
}

/* ****************************************** */

header{
    display: inline-block;
	position: fixed;

	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;

	background-color: snow;
	padding: 5px 5px;

	box-shadow: 0px 0px 10px 10px snow;

}

.menu_btn{
    display: inline-block;
	width: 7em;
    padding: 0.25em 0.5em;
	margin: 0.5em;

    text-decoration: none;
    text-align: center;
	text-shadow: -1px -1px 0px #32aab4;
    vertical-align: middle;
    color: snow;

    border-radius: 25px;
    box-shadow: 0px 0px 0px 1px #5abec8;
    border: solid 2px snow;
	transition: 0.3s; /*ease-in-out;*/

    background-image:-moz-linear-gradient(
    top,
    #5abec8 0%,
    #5abec8 49%,
    #32aab4 50%,
    #32aab4);
 
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#5abec8),
    color-stop(0.49,#5abec8),
    color-stop(0.50,#32aab4),
    to(#32aab4));
}

/* iPhone5s */
/* Amazon Fire HD 8 */
@media screen and (max-width: 800px) {
	.menu_btn{
	    display: inline-block;
		width: 6.5em;
	    padding: 0.10em 0.25em;
		margin: 0.4em;

	    text-decoration: none;
	    text-align: center;
		text-shadow: -1px -1px 0px #32aab4;
	    vertical-align: middle;
	    color: snow;

    	border-radius: 25px;
    	box-shadow: 0px 0px 0px 1px #5abec8;
    	border: solid 2px snow;
		transition: 0.3s; /*ease-in-out;*/

    	background-image:-moz-linear-gradient(
    	top,
    	#5abec8 0%,
    	#5abec8 49%,
    	#32aab4 50%,
    	#32aab4);

    	background-image:-webkit-gradient(
    	linear,left top,left bottom,
    	from(#5abec8),
    	color-stop(0.49,#5abec8),
    	color-stop(0.50,#32aab4),
    	to(#32aab4));
	}
}

.menu_btn:hover{
	background: #ffaaa0;
    box-shadow: 0px 0px 10px 1px #ffaaa0;
	color: snow;
	text-shadow: 1px 1px 0px brown;
}

.menu_btn:active{
	background: #ffaaa0;
    box-shadow: 0px 0px 1px 3px brown;
	color: snow;
	text-shadow: -1px -1px 0px brown;
	
}

/* ****************************************** */

.title{
	margin: 0 auto;
	margin-top: 7em;
	width: 500px;
}

/* iPhone5s */
@media screen and (max-width: 399px) {
	.title{
		margin: 0 auto;
		margin-top: 10em;
		width: 200px;
	}
}

/* Amazon Fire HD 8 */
@media screen and (min-width: 400px) and (max-width: 800px) {
	.title{
		margin: 0 auto;
		margin-top: 11em;
		width: 400px;
	}
}


/* ****************************************** */

.text_frame{
    display: inline-block;
	background-color: snow;
    padding: 0em 0em;
    text-decoration: none;
    text-align: center;
    vertical-align: top;

    box-shadow: 0px 0px 0px 2px snow;
    border: solid 2px #32aab4;

}

.text_box{
    display: inline-block;
	text-align: left;
    vertical-align: top;
	margin-bottom: 1em;
	border:0px solid snow;
	padding: 0em 1em;
}

.text_box_2{
    display: inline-block;
	text-align: center;
    vertical-align: top;
	margin-bottom: 1em;
	border:0px solid snow;
	padding: 0em 1em;
}

/* ****************************************** */

#w_news			{width: 500px;}
#w_project		{width: 500px;}
#w_greeting		{width: 500px;}
#w_plans		{width: 500px;}
#w_profiles_1	{width: 500px;}
#w_profiles_2	{width: 500px;}
#w_profiles_3	{width: 500px;}
#w_profiles_4	{width: 500px;}
#w_coop			{width: 500px;}
#w_recruit		{width: 500px;}

/* iPhone5s */
@media screen and (max-width: 399px) {
	#w_news			{width: 250px;}
	#w_project		{width: 250px;}
	#w_greeting		{width: 250px;}
	#w_plans		{width: 250px;}
	#w_profiles_1	{width: 250px;}
	#w_profiles_2	{width: 250px;}
	#w_profiles_3	{width: 250px;}
	#w_profiles_4	{width: 250px;}
	#w_coop			{width: 250px;}
	#w_recruit		{width: 250px;}
}


/* ****************************************** */

.table_frame{
	background-color: snow;

	margin: 0 auto;
	/*margin-bottom: 4em;*/
    padding: 0.5em;

    box-shadow: 0px 0px 0px 2px snow;
    border: solid 2px #32aab4;
}



table.pj{
	table-layout:fixed;
	padding: 0.5em 0.5em 1em 0.5em;
	border: 0px solid snow;
	width: 100%;
}

th.pj{
	background-color: #5abec8;
	color: snow;
	border: 1px solid #a0dce6;
	height: 3em;
}

td.pj{
	color: #147882;
	border: 1px solid #a0dce6;
	height: 100px;
}

td.printing{
	color: #147882;
	border: 1px solid #a0dce6;
	height: 100px;
	font-wight: normal;
}

img.pj_v{
	width: 100px;
	border: 1px solid #a0dce6;
	weight: normal;
}

img.pj_h{
	height: 100px;
	border: 1px solid #a0dce6;
	weight: normal;
}

.printing{
	font-weight: normal;
}

.recruit{
	background-color: #a0dce6;
	color: #147882;
	border: 1px solid #a0dce6;
	height: 100px;
}

td.platform{
	color: #147882;
	border: 1px solid #a0dce6;

	font-weight: normal;
	font-size: 80%;
}

/* ****************************************** */

.info{
	position: relative;
	font-size: 80%;
	/*color: #5abec8;*/
	color: brown;
}

.date{
	position: relative;
	font-size: 80%;
	font-weight: normal;
	color: brown;
}

/* ****************************************** */

.mem_name{
	background-color: #5abec8;
	color: snow;

}

.twitter{
	border: 0px white solid;
	width: 25px;
	height: 25px
}

.pixiv{
	border: 0px white solid;
	width: 50px;
	height: 25px
}

.font_2l{font-size: 150%;}
.font_l{font-size: 120%;}
.font_s{font-size: 80%;}
.font_2s{font-size: 60%;}

.font_normal{font-weight: normal;}

/* ****************************************** */

.snowman{
	position: fixed;
	bottom: 10px;
	left: 5%;
	z-index: 20;
	width: 150px;
}

/* iPhone5s */
@media screen and (max-width: 399px) {
	.snowman{
		position: fixed;
		bottom: 10px;
		left: 5%;
		z-index: 20;
		width: 75px;
	}
}

/* Amazon Fire HD 8 */
@media screen and (min-width: 400px) and (max-width: 800px) {
	.snowman{
		position: fixed;
		bottom: 10px;
		left: 5%;
		z-index: 20;
		width: 75px;
	}
}

footer{
    display: inline-block;
	position: fixed;
 	background-color: snow;

	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;

	color: #32aab4;
	font-weight: normal;
	font-size: 80%;
	text-align: center;

	padding: 5px 5px;

	box-shadow: 0px 0px 10px 10px snow;
}

/* ****************************************** */

nav{
	position: fixed;
	background-color: snow;
	top: 75px;

	height: 1px;

	border:solid 0px snow;
	border-radius: 5px; 
	box-shadow: 0px 0px 1px 1px #a0dce6

}

.snow{
	position: fixed;
	top: 0px;
	width: 12px;
}

#snow_10_1 {left: 10%; animation: a_snow_1 21s ease-in-out -21s infinite normal;}
#snow_10_2 {left: 10%; animation: a_snow_1 21s ease-in-out -18s infinite normal;}
#snow_10_3 {left: 10%; animation: a_snow_1 21s ease-in-out -15s infinite normal;}
#snow_10_4 {left: 10%; animation: a_snow_1 21s ease-in-out -12s infinite normal;}
#snow_10_5 {left: 10%; animation: a_snow_1 21s ease-in-out -9s infinite normal;}
#snow_10_6 {left: 10%; animation: a_snow_1 21s ease-in-out -6s infinite normal;}
#snow_10_7 {left: 10%; animation: a_snow_1 21s ease-in-out -3s infinite normal;}

#snow_30_1 {left: 30%; animation: a_snow_3 21s ease-in-out -20s infinite normal;}
#snow_30_2 {left: 30%; animation: a_snow_3 21s ease-in-out -17s infinite normal;}
#snow_30_3 {left: 30%; animation: a_snow_3 21s ease-in-out -14s infinite normal;}
#snow_30_4 {left: 30%; animation: a_snow_3 21s ease-in-out -11s infinite normal;}
#snow_30_5 {left: 30%; animation: a_snow_3 21s ease-in-out -8s infinite normal;}
#snow_30_6 {left: 30%; animation: a_snow_3 21s ease-in-out -5s infinite normal;}
#snow_30_7 {left: 30%; animation: a_snow_3 21s ease-in-out -2s infinite normal;}

#snow_50_1 {left: 50%; animation: a_snow_5 21s ease-in-out -19s infinite normal;}
#snow_50_2 {left: 50%; animation: a_snow_5 21s ease-in-out -16s infinite normal;}
#snow_50_3 {left: 50%; animation: a_snow_5 21s ease-in-out -13s infinite normal;}
#snow_50_4 {left: 50%; animation: a_snow_5 21s ease-in-out -10s infinite normal;}
#snow_50_5 {left: 50%; animation: a_snow_5 21s ease-in-out -7s infinite normal;}
#snow_50_6 {left: 50%; animation: a_snow_5 21s ease-in-out -4s infinite normal;}
#snow_50_7 {left: 50%; animation: a_snow_5 21s ease-in-out -1s infinite normal;}

#snow_60_1 {left: 60%; animation: a_snow_6 21s ease-in-out -20s infinite normal;}
#snow_60_2 {left: 60%; animation: a_snow_6 21s ease-in-out -17s infinite normal;}
#snow_60_3 {left: 60%; animation: a_snow_6 21s ease-in-out -14s infinite normal;}
#snow_60_4 {left: 60%; animation: a_snow_6 21s ease-in-out -11s infinite normal;}
#snow_60_5 {left: 60%; animation: a_snow_6 21s ease-in-out -8s infinite normal;}
#snow_60_6 {left: 60%; animation: a_snow_6 21s ease-in-out -5s infinite normal;}
#snow_60_7 {left: 60%; animation: a_snow_6 21s ease-in-out -2s infinite normal;}

#snow_65_1 {left: 65%; animation: a_snow_6b 21s ease-in-out -20s infinite normal;}
#snow_65_2 {left: 65%; animation: a_snow_6b 21s ease-in-out -17s infinite normal;}
#snow_65_3 {left: 65%; animation: a_snow_6b 21s ease-in-out -14s infinite normal;}
#snow_65_4 {left: 65%; animation: a_snow_6b 21s ease-in-out -11s infinite normal;}
#snow_65_5 {left: 65%; animation: a_snow_6b 21s ease-in-out -8s infinite normal;}
#snow_65_6 {left: 65%; animation: a_snow_6b 21s ease-in-out -5s infinite normal;}
#snow_65_7 {left: 65%; animation: a_snow_6b 21s ease-in-out -2s infinite normal;}

#snow_70_1 {left: 70%; animation: a_snow_7 21s ease-in-out -21s infinite normal;}
#snow_70_2 {left: 70%; animation: a_snow_7 21s ease-in-out -18s infinite normal;}
#snow_70_3 {left: 70%; animation: a_snow_7 21s ease-in-out -15s infinite normal;}
#snow_70_4 {left: 70%; animation: a_snow_7 21s ease-in-out -12s infinite normal;}
#snow_70_5 {left: 70%; animation: a_snow_7 21s ease-in-out -9s infinite normal;}
#snow_70_6 {left: 70%; animation: a_snow_7 21s ease-in-out -6s infinite normal;}
#snow_70_7 {left: 70%; animation: a_snow_7 21s ease-in-out -3s infinite normal;}

#snow_90_1 {left: 90%; animation: a_snow_9 21s ease-in-out -19s infinite normal;}
#snow_90_2 {left: 90%; animation: a_snow_9 21s ease-in-out -16s infinite normal;}
#snow_90_3 {left: 90%; animation: a_snow_9 21s ease-in-out -13s infinite normal;}
#snow_90_4 {left: 90%; animation: a_snow_9 21s ease-in-out -10s infinite normal;}
#snow_90_5 {left: 90%; animation: a_snow_9 21s ease-in-out -7s infinite normal;}
#snow_90_6 {left: 90%; animation: a_snow_9 21s ease-in-out -4s infinite normal;}
#snow_90_7 {left: 90%; animation: a_snow_9 21s ease-in-out -1s infinite normal;}


/*@media screen and (min-height: 640px) {*/

@keyframes a_snow_1 {
	0% {	transform: translate(0px, 0px);}
	20% {	transform: translate(180px, 0px);}
	40% {	transform: translate(70px, 0px);}
	60% {	transform: translate(280px, 0px);}
	80% {	transform: translate(150px, 0px);}

	100% {	top: 900px; transform: translate(200px, 0px);}
}

@keyframes a_snow_3 {
	0% {	transform: translate(0px, 0px);}
	20% {	transform: translate(150px, 0px);}
	40% {	transform: translate(50px, 0px);}
	60% {	transform: translate(150px, 0px);}
	80% {	transform: translate(-50px, 0px);}
	100% {	top: 900px; transform: translate(100px, 0px);}
}

@keyframes a_snow_5 {
	0% {	transform: translate(0px, 0px);}
	20% {	transform: translate(-150px, 0px);}
	40% {	transform: translate(-50px, 0px);}
	60% {	transform: translate(50px, 0px);}
	80% {	transform: translate(-100px, 0px);}
	100% {	top: 900px; transform: translate(0px, 0px);}
}

@keyframes a_snow_6 {
	0% {	transform: translate(0px, 0px);}
	20% {	transform: translate(-100px, 0px);}
	40% {	transform: translate(50px, 0px);}
	60% {	transform: translate(-50px, 0px);}
	80% {	transform: translate(-150px, 0px);}
	100% {	top: 900px; transform: translate(0px, 0px);}
}

@keyframes a_snow_6b {
	0% {	transform: translate(0px, 0px);}
	20% {	transform: translate(100px, 0px);}
	40% {	transform: translate(50px, 0px);}
	60% {	transform: translate(150px, 0px);}
	80% {	transform: translate(300px, 0px);}
	100% {	top: 900px; transform: translate(200px, 0px);}
}

@keyframes a_snow_7 {
	0% {	transform: translate(0px, 0px);}
	20% {	transform: translate(150px, 0px);}
	40% {	transform: translate(50px, 0px);}
	60% {	transform: translate(-100px, 0px);}
	80% {	transform: translate(0px, 0px);}
	100% {	top: 900px; transform: translate(-100px, 0px);}
}

@keyframes a_snow_9 {
	0% {	transform: translate(0px, 0px);}
	20% {	transform: translate(-150px, 0px);}
	40% {	transform: translate(-100px, 0px);}
	60% {	transform: translate(-300px, 0px);}
	80% {	transform: translate(-450px, 0px);}
	100% {	top: 900px; transform: translate(-300px, 0px);}
}

/*}*/