@charset "utf-8";
body {
	font-family: 'aria', sans-serif;color: #ffffff;
	background:  #f2f8ff repeat right top fixed;
	line-height : 1.6;
}
#mm {	
	height: auto;
	text-align: center;
	padding: 5px ;
}

h1 {
	font-size: 24px;margin: 50px;	
	text-align: center;
}
h2 {
	font-size: 18px;	
	text-align: ;
}
h3 {
	font-size: 16px;	
	text-align: ;
}
h6 {
	font-size: 16px;	
	font-weight:normal;
	text-align: center;
	margin: 25px;
}

#container{
width:550px;
margin: 0 auto;
padding:  25px 0;
color: #333333;
}

#image{
float: left;
width:240px;
}


#trw {
	width:550px;
	margin: 0 auto;
}

#tr img{
float: right;
border-radius: 15px;
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}
#image img {/*ボックス内写真*/
	width: 230px;		
	padding: 0px;	/*写真と境界線との隙間*/
	border: 1px solid #ccc;	/*境界線の幅、線種、色*/
	margin: 10px 0 0 10px;
    border-radius: 20px;
	border: none;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

.btn01 {
	float:right;
	right:6%;
    color: #fff;
	text-align: center;
    text-decoration: none;
    background-color: #ff0099;
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
	margin: 20px auto;
    /* ここで動く速度とか設定 */
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.btn01:hover {
	background-color: #ff9900;
    transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
}
	
}

footer {
clear : both ;
}


@media (max-width:1080px) {

#container{
width:550px;
height: auto;
margin: 50px auto 0px;
}

}
@media (max-width : 700px){	

#container{
width: 100%;
height: 100%;
}

#image{
float: left;
width:200px;
}

#trw {

	width:100%;
	padding:  0 20px;
}
}
@media (max-width : 440px){	

#trw {

	width:100%;
	padding:  0 20px;
}
}