@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);

@font-face{
font-family:"こころ明朝" ;
src: url('https://cdn.leafscape.be/kokoro/Kokoro_web.woff')
format("woff");
}



body{
margin:0;
padding:0;
font-size:9.5pt;
color:#999;
line-height:2;
letter-spacing:1px;
font-family:Josefin Sans,Meiryo,メイリオ, sans-serif;
background:#fff;
text-align:center;
 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}
}

hr{
border: none;
    height: 50px;
    background:url(petuniaimg.png) 50% 0  no-repeat;
    color: #FFFFFF;
margin:100px 0px;
}

.top{
background:url(top.jpg) center center no-repeat;
background-size:250px;
max-width:250px;
height:307px;
}

.ttl{
font-family:こころ明朝;
font-size:22pt;
color:rgba(0,0,0,0.4);
text-align:left;
text-shadow:0 0 3px rgba(255,0,128,0.3);
padding-top:80px;
}

.top_menu{
text-align:right;
padding-right:20px;
font-size:9pt;
color:#000;
text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}

.top_menu a{
color:#000;
text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}

.txt_ttl{
padding:0px;
color:#F9DEF9;
font-family:Josefin Sans,"こころ明朝" ;
font-size:25px;
text-align:left;
position:relative;
z-index:-1;
}

.txt{
max-width:500px;
margin:15px;
text-align:left;
font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
}

.menu{
max-width:500px;
margin:15px;
background:repeating-linear-gradient(45deg,#FFEDF9 0,#FFEDF9 1px,#fff 1px,#fff 3px);
}

.menu a{color:rgba(0,0,0,0.4);
text-shadow:0 0 3px rgba(255,0,128,0.8);
font-size:15px;
padding:0 5px;
}

.list{
max-width:500px;
margin:15px;
text-align:left;
}

.list a{
border:none;
background:#FFEEF7;
padding:3px;
font-size:9pt;
}

.list a:hover{
background:#EEFFFF;
color:#95C8F5;
}

.list_in{
padding:10px;
}

.mi{
background:repeating-linear-gradient(45deg,#FFEDF9 0,#FFEDF9 1px,#fff 1px,#fff 3px);
color:rgba(0,0,0,0.4);
text-shadow:0 0 3px rgba(255,0,128,0.8);
font-size:13px;
text-align:left;
letter-spacing:5px;
padding:5px 10px;
margin:0;
font-family:Josefin Sans,"こころ明朝" ;
}

.bar {margin:0;
   text-align: left;  /* 文章を左寄せする(※) */
   float: left;     /* 左端に寄せて、後続を右側へ回り込ませる */

}
.date {margin:0;
   text-align: right; /* 文章を右寄せする */
}

.date a{
background:repeating-linear-gradient(45deg,#FFEDF9 0,#FFEDF9 1px,#fff 1px,#fff 3px);
color:rgba(0,0,0,0.4);
text-shadow:0 0 3px rgba(255,0,128,0.8);
}

.date a:hover{
background:repeating-linear-gradient(45deg,#FFEDF9 0,#FFEDF9 1px,#fff 1px,#fff 3px);
color:rgba(0,0,0,0.4);
text-shadow:0 0 3px rgba(255,0,128,0.8);
}

a{
text-decoration:none;
color:#F069AF;
padding:10px 0;
}



select,input[type],textarea{
font-family: 'Josefin Sans',"メイリオ", sans-serif;
font-size:11px;
margin:1em 0 1em;
padding:3px;
width:50%;
height:25px;
color:#F069AF;
background:#FFEEF7;
border:none;
letter-spacing:2.2px;
border-radius:4px;
line-height:1.8;
box-shadow:none;
text-shadow:none;
outline:none;
vertical-align:middle;
}

input[type="submit"]{
cursor:pointer;
width:60px;
}

input[type="submit"]:hover{color:#aaa;}

input::placeholder{color:#F069AF;}

select{width:20%;}

#formWrap {
	width:100%
	margin:9em auto 0;
	color:#555;
	line-height:120%;
	font-size:90%;
	text-align:center;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}



/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:568px) {
#formWrap {
	width:100%;
	margin:10em auto 0;

}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}




input[type="text"], textarea {
	width:auto;
	height:27px;
	padding:5px;
	font-size:90%;
	display:inline;
}
select, input[type="submit"], input[type="reset"], input[type="button"] {
	width:auto;
	height:27px;
}
}

@media screen and (max-width:480px){ body{font-size:0.8rem;}