@charset "utf-8";

/********************/
ul.movie {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 15px 10px;
}
ul.movie li {
	margin: 5px;
}
video, video.original {
	width: 100%;
	min-width: 200px;
	max-width: 500px;
	height: auto;
	object-fit: cover;
	object-position: 50% 10%;
}
video.original {
	max-width: 700px;
}

/******************** point ********************/
.point {
	background: rgb(250,239,176); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(250,239,176,1) 0%, rgba(239,212,117,1) 2%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(250,239,176,1) 0%,rgba(239,212,117,1) 2%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(250,239,176,1) 0%,rgba(239,212,117,1) 2%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faefb0', endColorstr='#efd475',GradientType=0 ); /* IE6-9 */
	padding: 5px 10px 10px;
	text-align: left;
	border: 1px solid #eee1a3;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 20px 10px;
}
.point ol {
	background: #fff;
	border: 2px dashed #f8e58a;
	padding: 10px 10px 10px 20px;
	margin-top: 5px;
}
.point li {
	list-style-type: decimal;
	margin-bottom: 10px;
	line-height: 140%;
}
.point .qr {
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-box-shadow: 0px 0px 3px #ccc;
	-moz-box-shadow: 0px 0px 3px #ccc;
	box-shadow: 0px 0px 3px #ccc;
	text-align: left;
	margin: 10px 0 0;
	padding: 10px 0;
}
.point .qr a {
	font-weight: bold;
}
.manga {
	margin: 10px 0 0;
}
/********************/
.point_2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.point_2 ol {
	text-align: left;
	padding: 0px 10px 10px 30px;
}
.point_2 li {
	list-style-type: decimal;
	margin-bottom: 15px;
}
p#regist img {
	border: 1px solid #eee1a3;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
ul.warning {
	list-style-image: url(/wp-content/uploads/2025/04/icon_arrow2.gif);
	margin: 0 10px 40px 25px;
	text-align: left;
}
ul.warning li {
	margin-bottom: 10px;
}

.point img{
	width:100%!important;
	height:auto!important;
}
.qr img{
	display:none!important;
}
.point_2 img{
	width:100%!important;
	height:auto!important;
}
#regist{
	display:none!important;
}

#notice img{
	width:100%!important;
	height:auto!important;
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;

/* グラデーション */
    background: -moz-linear-gradient(top, #f5f5f5, #fff);　/* Firefox用 */