@charset "utf-8";

.clear{ clear:both;}
html{height:100%; }
body{height:100%; background-image:url(../images/bg_top.jpg); background-position:center top; background-attachment:scroll; background-size:contain; background-repeat:repeat-x; background-color:#FFF}
#wrapper{  width:100%;}
a img:hover{  opacity: 0.6;   filter: alpha(opacity=60);   -moz-opacity: 0.6;}
#top{width:100%;}
#wrapper{ width:100%; height:auto; background:none; margin:0; padding:0;}
.text{color:#5c4c40;}
.update{color:#e95098; border-bottom:1px dotted #e95098;border-top:1px dotted #e95098; padding:1.1%;}
.text { display:block; margin:2%;}
.gray{color:#746b6e; }
.brown{color:#00C; }
.red{color:#e95098; font-weight:bold; font-size:108%;}

img.title,img.img{ width:100%;}
.line{ width:100%; margin:2% auto; }
.link{width:30%; margin:1%;}
.link:nth-child(3){margin-right:0;}


.topi a{ color:#FFF}


.text-link{ display:block; background-color:#FFF; border-radius:10px; border:1px solid #ff7ca1; padding: 10px; margin:1.5%;}
img.sns{margin-right:5px; top:10px;}
ul.bnn:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

ul.bnn{
	display: inline-block;
	overflow: hidden;
}

.bnn a{ cursor:default;}
.bnn a img:hover{ opacity: 1;   filter: alpha(opacity=100);   -moz-opacity: 1;}
#pagetop{ display:none;}
/* ーーーーーーーーーーーーーーーーーーー

　　　　　PC用

 ーーーーーーーーーーーーーーーーーーー*/
 

@media screen and (min-width: 640px) {
.red{ font-size:116%;}
body{background-size:auto;}
#main{width:1000px; margin:0 auto;}
#wrapper{width:1000px; margin:auto; }
#contents{width:800px; margin:auto; }
#top{width:1000px; margin:0 auto;}
.link{ margin:auto; margin:0 1% 0 1.8%;}
#bottom{ width:100%;bottom:0; background-image:url(../images/bg_bottom.jpg); background-position:center bottom; background-attachment:scroll, ; background-repeat:repeat-x; }
#pagetop{ display:block; position:fixed; bottom:30px;right: 30px; z-index:9999; margin:0; padding:0;}
.text-link{
	display: block;
	background-color: #FFF;
	border-radius: 10px;
	border: 1px solid #ff7ca1;
	padding: 10px 0 10px 10px;
}
img.sns{ position:relative; top:6px; left:240px;}
.float{ display:block;float:left; width:48%; margin:1%;}
.float2{ display:block;float:left; width:68%; margin:1%;}
.float3{ display:block;float:left; width:28%; margin:1%;}

.float:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

dt{ float:left; width:20%; color:#746b6e; }
dd{ float:right; width:80%; color:#746b6e; }

.dt2{ float:left; width:13%; color:#746b6e; }
.dd2{ float:right; width:87%; color:#746b6e; }

.dt3{ float:left; width:22%; color:#746b6e; }
.dd3{ float:right; width:78%; color:#746b6e; }

.dt4{ float:left; width:1em; color:#746b6e; }
.dd4{ float:right; color:#746b6e; }

}

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

dt{ color:#746b6e; margin-top:5%; }
dd{ color:#746b6e; }

.dt2{ color:#746b6e; margin-top:5%;  }
.dd2{ color:#746b6e; }

.dt3{ color:#746b6e; margin-top:5%;  }
.dd3{ color:#746b6e; }

}