@charset "utf-8";
/* ====================================================

	Tiny Timy　alice.css

==================================================== */
#Alice {
	margin-left: 25px;
	float:right;
}

.contact a {
	text-decoration: underline;
}
.al01 {
	margin: 0px auto;
	width: 80%;
	border: 3px double SandyBrown;
	padding: 10px 40px 2px;
}
.al02 {
	margin: 20px 0px;
	font-size: 130%;
}
.mame {
	font-size: 160%;
	color: rgba(0, 128, 0, 0.5);
	text-shadow: 10px 10px 10px #fff, 0 0 0 #000;
}
.price {
	font-size: 80%;
}

section#movie {
	padding-top: 10px;
}

section#collection {
	padding-top: 10px;
}
section#collection div.flexbox {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-align-content:flex-start;/*--- safari（PC）用 ---*/
  align-content:flex-start;
  -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
  flex-wrap:wrap;
}
.goods {
  margin-right:3%;
  width:30%;
}
.goods img {
	width: 100%;
}

.b-radius {
	width: 30%;
	padding: 5px;
	text-align: center;
	color: #fff;
	background-color: #b24876;
	border-radius: 10px 10px 10px 10px; /* 左上・右上・右下・左下 */
}
.b-radius a:link {
	color: #fff;
}
.b-radius a:visited {
	color: #fff;
}
.b-radius a:hover {
	color: #fff;
}

/* ########## 640px 以下 ########## */
@media (max-width: 640px){
h3 {
	font-size: 100%;
}
.al01 {
	padding: 10px 20px 2px;
	width: 86%;
}
.mame {
	font-size: 100%;
}
.goods {
  margin-right:2%;
  width:48%;
}
.b-radius {
	width: 60%;
}
}