/* ---------------------------------------- */
/* ページデザイン用 */

/* ---------------------------------------- */
/* common */

/* radius icon */
.radius_icon,
.user_icon {
	border-radius: 50% !important;
	border-width: 0.125rem;
	border-style: solid;
	overflow: hidden;
	display: inline-block;
}
.radius_icon img {
	width: 100%;
	height: 100%;
	vertical-align: top;
	object-fit: contain;
	aspect-ratio: 1 / 1;
}
.user_icon img {
	/*width: 6.25rem;*/
	/*height: 6.25rem;*/
	width: 7.5rem;
	height: 7.5rem;
	/*object-fit: cover;*/
	object-fit: contain;
	vertical-align: top;
}
.user_icon.mini img {
	width: 4.7rem;
	height: 4.7rem;
}

/* bold text */
.bold_text {
	font-size: 1.2rem;
	font-weight: bold;
}

/* event icon */
.event_icon {}
.event_icon > a ,
.event_icon > .eventdiv a ,
.event_icon > span {
	display: block;
	border-radius:1rem;
	border-width: 0.125rem;
	border-style: solid;
	overflow: hidden;
	margin-bottom: 0.25rem;
}
.event_icon > a ,
.event_icon > .eventdiv a {
	cursor: pointer;
}
.event_icon > a:hover, .event_icon > a:active ,
.event_icon > .eventdiv a:hover, .event_icon > .eventdiv a:active {
	opacity: 0.6;
}
.event_icon > a img ,
.event_icon > .eventdiv a img ,
.event_icon > span img {
	width: 100%;
	height: auto;
	vertical-align:top;
}

.event_icon > a.no_anchor {
	cursor: default;
}
.event_icon > a.no_anchor:hover, .event_icon > a.no_anchor:active {
	opacity: 1.0;
}


/* 下部情報バー */
.bottom_info {
	width: 100%;
	z-index:50;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	margin: 0;
	padding: 0;
	left: 0px;
	bottom: 0px;
	text-align: right;
}
.bottom_info p {
	font-size: 1rem;
	margin: 0.5rem;
	color: #fff;
}


/* autoresize系 */
.autoresize_input {
	min-height: 1rem;
	height: 1rem;
	width: 14rem;
	resize: none;
	overflow-y: hidden;
}
.autoresize_textarea {
	width: 20rem;
	min-height: 5rem;
	height: 5rem;
	resize: none;
	overflow-y: hidden;
}

/* Youtube code */
.videoiframe iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
}


/* ------------------------------------------ */
/* context menu */
body {
	overflow-x: hidden;
}

header {
	position: relative;
}

.cm_div {
	position: absolute;
	top: 0.25rem;
	right: 0.25rem;
	height:0;
	z-index:110;
}

/* menu button */
.menubtn_check {
	display: none;
}

.menubtn_label ,
.contextmenu ,
.select_button {
	/*background-color: rgba(255,255,255,0.75);*/
}

.menubtn_label ,
.menubtn_labelsheet {
	display: block;
	position: relative;
	margin: 0 0 0 auto;
}
.menubtn_label {
	width: 2rem;
	height: 2rem;
	cursor: pointer;
}
/* Ξ */
.menubtn_label span ,
.menubtn_label span::before, 
.menubtn_label span::after {
	position: absolute;
	width: 1.75rem;
	height: 0.25rem;
	background-color: currentColor;

	transition: 0.1s;
}
.menubtn_label span {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.menubtn_label span::before, 
.menubtn_label span::after {
	content: '';
}
.menubtn_label span::before {
	top: -250%;
	transform: rotate(-180deg);
}
.menubtn_label span::after {
	top: 250%;
	transform: rotate(180deg);
}
/* × */
.cm_div input[type="checkbox"].menubtn_check:checked + .menubtn_label span {
	background-color: transparent;
}
.cm_div input[type="checkbox"].menubtn_check:checked + .menubtn_label span::before {
	top: 0;
	transform: rotate(-45deg);
}
.cm_div input[type="checkbox"].menubtn_check:checked + .menubtn_label span::after {
	top: 0;
	transform: rotate(45deg);
}

/* labelsheet */
.menubtn_labelsheet {
	width: 0;
	height: 0;
}
.cm_div input[type="checkbox"].menubtn_check:checked ~ .menubtn_labelsheet {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

/* menu */
.contextmenu {
	margin-top: 0rem;
	/*padding: 0.25em;*/
	transform-origin: top right;
	transform: scale(0);
	transition: 0.15s ease-out;
	padding: 0.5rem;
	border-radius: 0.75rem;
	border-width: 0.125rem;
	border-style: solid;
	text-align: right;
}
.cm_div input[type="checkbox"].menubtn_check:checked ~ .contextmenu {
	transform: scale(1);
}


/* ---------------------------------------- */
/* TOPページ Slick */
/* Slick */
.slickwapper {
	width: 100%;
	-webkit-transform-style: preserve-3d; /* チラつき防止 */
	border-width: 0px;
	border-style: solid;
	border-radius: 0.25rem;
	margin-bottom: 2rem;
}
.slickbase {}
.slickbanner {
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
}
.slickbase img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	vertical-align: top;
}
/* Slick overriting */
.slick-prev {
	left: 0 !important;
	z-index: 10;
}
.slick-next {
	right: 0 !important;
	z-index: 10;
}
.slick-prev:before, .slick-next:before {
	color: #777 !important;
}


/* ---------------------------------------- */
/* icon button */
.btn_type1 .iconbutton {
}
.iconbutton.gear ,
.iconbutton.cross {
	overflow: hidden;
	padding: 0;
	border-width: 0;
}
.iconbutton.gear span ,
.iconbutton.cross span {
	display: block;
	width: 100%;
	height: 100%;
	mask-repeat: no-repeat;
}
/* 歯車 */
.iconbutton.gear {
	position:absolute;
	z-index: 5;
	top: 0;
	right: 0;
	border-radius: 100vh;
	min-height: auto;
	min-width: auto;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0.125rem;
}
.iconbutton.gear:hover, .iconbutton.gear:active {
	top: 0.1rem;
}
.iconbutton.gear span {
	mask-size: 260%;
    mask-position: 48% 48%;
	mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2064%2064%22%3E%20%3Cpath%20d%3D%22M31.27%2C26.88c-2.33%2C0-4.22%2C1.89-4.22%2C4.22s1.89%2C4.22%2C4.22%2C4.22%2C4.22-1.89%2C4.22-4.22-1.89-4.22-4.22-4.22Z%22%2F%3E%20%3Cpath%20d%3D%22M31.27%2C16.64c-7.98%2C0-14.45%2C6.47-14.45%2C14.45s6.47%2C14.45%2C14.45%2C14.45%2C14.45-6.47%2C14.45-14.45-6.47-14.45-14.45-14.45ZM39.13%2C32.11c0%2C.21-.17.39-.39.39h-1.66c-.15.62-.39%2C1.2-.72%2C1.72l1.17%2C1.17c.15.15.15.4%2C0%2C.55l-1.43%2C1.43c-.15.15-.39.15-.55%2C0l-1.17-1.17c-.53.32-1.11.57-1.72.71v1.66c0%2C.21-.17.39-.39.39h-2.03c-.21%2C0-.39-.17-.39-.39v-1.66c-.62-.15-1.2-.39-1.72-.71l-1.17%2C1.17c-.15.15-.4.15-.55%2C0l-1.43-1.43c-.15-.15-.15-.4%2C0-.55l1.17-1.17c-.32-.53-.57-1.11-.71-1.72h-1.66c-.21%2C0-.39-.17-.39-.39v-2.03c0-.21.17-.39.39-.39h1.66c.15-.62.39-1.2.71-1.72l-1.17-1.17c-.15-.15-.15-.4%2C0-.55l1.43-1.43c.15-.15.4-.15.55%2C0l1.17%2C1.17c.53-.32%2C1.11-.57%2C1.72-.71v-1.66c0-.21.17-.39.39-.39h2.03c.21%2C0%2C.39.17.39.39v1.66c.62.15%2C1.2.39%2C1.72.71l1.17-1.17c.15-.15.39-.15.55%2C0l1.43%2C1.43c.15.15.15.4%2C0%2C.55l-1.17%2C1.17c.32.53.57%2C1.11.72%2C1.72h1.66c.21%2C0%2C.39.17.39.39v2.03Z%22%2F%3E%3C%2Fsvg%3E');
}
/* 十字 */
.iconbutton.cross {
	border-radius: 100vh;
	min-height: auto;
	min-width: auto;
	width: 3rem;
	height: 3rem;
}
.iconbutton.cross span {
	mask-size: 210%;
	mask-position: center;
	mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2064%2064%22%3E%20%3Cpath%20d%3D%22M32.27%2C17.64c-7.98%2C0-14.45%2C6.47-14.45%2C14.45s6.47%2C14.45%2C14.45%2C14.45%2C14.45-6.47%2C14.45-14.45-6.47-14.45-14.45-14.45ZM40.07%2C33.1h-6.8v6.79c0%2C.55-.45%2C1-1%2C1s-1-.45-1-1v-6.79h-6.79c-.55%2C0-1-.45-1-1s.45-1%2C1-1h6.79v-6.8c0-.55.45-1%2C1-1s1%2C.45%2C1%2C1v6.8h6.8c.55%2C0%2C1%2C.45%2C1%2C1s-.45%2C1-1%2C1Z%22%2F%3E%3C%2Fsvg%3E');
}



/* ---------------------------------------- */
/* favicons */
.favorite {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-bottom: 0.5rem;
}
.favorite span {
	display: block;
	margin: 0 0.15rem;
	width: 1.4rem;
	height: 1.4rem;
	mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M287.9%200c9.2%200%2017.6%205.2%2021.6%2013.5l68.6%20141.3%20153.2%2022.6c9%201.3%2016.5%207.6%2019.3%2016.3s.5%2018.1-5.9%2024.5L433.6%20328.4l26.2%20155.6c1.5%209-2.2%2018.1-9.7%2023.5s-17.3%206-25.3%201.7l-137-73.2L151%20509.1c-8.1%204.3-17.9%203.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1%20218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9%2019.3-16.3l153.2-22.6L266.3%2013.5C270.4%205.2%20278.7%200%20287.9%200zm0%2079L235.4%20187.2c-3.5%207.1-10.2%2012.1-18.1%2013.3L99%20217.9%20184.9%20303c5.5%205.5%208.1%2013.3%206.8%2021L171.4%20443.7l105.2-56.2c7.1-3.8%2015.6-3.8%2022.6%200l105.2%2056.2L384.2%20324.1c-1.3-7.7%201.2-15.5%206.8-21l85.9-85.1L358.6%20200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9%2079z%22%2F%3E%3C%2Fsvg%3E');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	cursor: pointer;
	opacity: 0.5;
}
.favorite span.on {
	mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M316.9%2018C311.6%207%20300.4%200%20288.1%200s-23.4%207-28.8%2018L195%20150.3%2051.4%20171.5c-12%201.8-22%2010.2-25.7%2021.7s-.7%2024.2%207.9%2032.7L137.8%20329%20113.2%20474.7c-2%2012%203%2024.2%2012.9%2031.3s23%208%2033.8%202.3l128.3-68.5%20128.3%2068.5c10.8%205.7%2023.9%204.9%2033.8-2.3s14.9-19.3%2012.9-31.3L438.5%20329%20542.7%20225.9c8.6-8.5%2011.7-21.2%207.9-32.7s-13.7-19.9-25.7-21.7L381.2%20150.3%20316.9%2018z%22%2F%3E%3C%2Fsvg%3E');
	opacity: 1.0;
}


/* ---------------------------------------- */
/* content系 */

.content_div {
	margin: 1.5rem 5rem;
}
/* BP:smartphone */
@media screen and (max-width: 480px) {
	.content_div {
		margin: 1.5rem 1rem;
	}
}


/* ---------------------------------------- */
/* header text */
.header_text {
	font-size: 1.5rem;
	text-align: center;
	padding: 0.25rem 0;
	margin: 0.5rem auto;
	/*color: #444;*/
}
.header_text:first-of-type ,
.header_text.underline {
	margin-top: 0;
	margin-bottom: 1.8rem;
	/*border-bottom: 1px solid #444;*/
	border-bottom-width: 0.07rem;
	border-style: solid;
}

.input_div {
	max-width: 30rem;
	width: 100%;
	margin: 0.5rem auto;
	display: block;
}

/* BP:smartphone */
@media screen and (max-width: 480px) {
	.header_text {
		font-size: 1.2rem;
	}
}

/* ---------------------------------------- */
/* 画像ヘッダー */
.image_header {
	width: 100%;
	position: relative;
	margin-bottom: 3.5rem;
}
.image_header_wapper {
	width: 100%;
	/*aspect-ratio: 3/1;*/
	overflow: hidden;
}
.image_header .image_header_bg {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.image_header .image_header_title {
	position: absolute;
	bottom: -2.8rem;
	right: 10%;
	text-align: right;
	font-size: 1.0rem;
}
.image_header .image_header_title span {
	display: block;
	font-size: 0.85rem;
}
.image_header .list_event_icons {
	position: absolute;
	z-index: 10;
	left: 10%;
	bottom: -3rem;
}


/* ---------------------------------------- */
/* マイページ系 */

/* プロフィールカード */
.profile_card {
	text-align: center;
}
.profile_card_icon, .profile_card_text {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.profile_card_icon {
	margin-right: 1rem;
	width: 9rem;
}
.profile_card_point {}
.profile_card_point p {
	display: inline-block;
	margin-right: 1rem;
}
.profile_card_point p:last-of-type {
	margin-right: 0;
}

/* アイコンリスト系 */
.base_even_icons {
	display: flex;
	gap: 0.5rem;
	margin-bottom: 1rem;
}
.base_even_icons ul.list_event_icons {
	flex: 1;
	border-left-width: 1px;
	border-left-style: solid;
	padding-left: 0.5rem;
}
.list_event_icons {}
.list_event_icons > li ,
.list_event_icons > div {
	display: inline-block;
	vertical-align: top;
	width: 17rem;
	/*width: 11rem;*/
	padding: 0.4rem 0.75rem;
	margin-bottom: 0.85rem;
	/*background-color:#fee;*/
	/*height: 6.5rem;*/
}
.list_event_icons.mini > li ,
.list_event_icons.mini > div {
	width: 7.5rem;
}
.list_event_icons > li a ,
.list_event_icons > div a {
	width: 100%;
}
.list_event_icons > li a:hover, .list_event_icons > li a:active ,
.list_event_icons > div a:hover, .list_event_icons > div a:active {
	opacity: 0.6;
}
.list_event_icons > li img ,
.list_event_icons > div img {
	width: 100%;
	height: 100%;
	vertical-align: top;
	aspect-ratio: 16 / 9;
	object-fit: contain;
}
.list_event_icons > li .radius_icon img ,
.list_event_icons > div .radius_icon img {
	aspect-ratio: 1 / 1;
}
.list_event_icons > li p ,
.list_event_icons > div p {
	/*font-size: 0.9rem;*/
}
.list_event_icons > li p.sub ,
.list_event_icons > div p.sub {
	font-size: 0.7rem;
}

.event_icon.gray {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 0.5rem;
}

.event_icon.add_button {
	height: 7.5rem;
}
.event_icon.add_button div {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-width: 0.1rem;
	border-style: solid;
	border-radius: 0.5rem;
}
/*.event_icon.add_button button {
	min-width: auto;
	margin: auto;
	padding: 0.5rem;
}*/

/* 事業者情報 */
.production_card {
	text-align: center;
	margin-right: 1.5rem 2rem;
}
.production_card_icon, .production_card_text {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.production_card_icon {
	width: 35%;
	margin: 1rem;
}

/* エール履歴 */
.yelltable {
	margin: auto;
}
.yelltable tr {}
.yelltable td {
	padding: 0.75rem 0.5rem;
	text-align: left;
}
.yelltable img.yell {
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 0.25rem;
	vertical-align: bottom;
}

/* 受け取ったエール */
.list_yell_icons {
	max-width: 24rem;
	margin: auto;
	position: relative;
}
.list_yell_icons.nextload {
	padding-bottom: 2rem;
}
.list_yell_icons .nextloadbtn {
	display: none;
}
.list_yell_icons.nextload .nextloadbtn {
	position: absolute;
	display: block;
	width: 80%;
	height: 1.8rem;
	line-height: 2rem;
	text-align: center;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.85;
	cursor: pointer;
	border-radius: 0.5rem;
	margin: auto;
}
.list_yell_icons li {
	display: flex;
}
.list_yell_icons li .yell_icon {
	width: 5rem;
}
.list_yell_icons li .yell_msg {
	flex: 1;
	margin: 0.5rem;
	text-align: left;
}
.list_yell_icons li .yell_msg img {
	width: 1rem;
	height: 1rem;
	vertical-align: text-top;
	margin-right: 0.25rem;
}



/* BP:smartphone */
@media screen and (max-width: 480px) {
	.profile_card_text {
		width: 13rem;
	}
	.list_event_icons > div {
		text-align: center;
	}
	.list_event_icons > li {
		width: 10.5rem;
		/*width: 6rem;*/
		padding: 0.2rem 0.4rem;
	}
	.list_event_icons.mini > li ,
	.list_event_icons.mini > div {
		width: 6.75rem;
	}
	.list_event_icons > li p {
		font-size: 0.8rem;
	}
	.base_even_icons.smartphone {
		display: block;
		margin-bottom: 1rem;
	}
	.base_even_icons.smartphone ul.list_event_icons {
		border-left-width: 0;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}
	.smartphone .list_event_icons > li {
		display: inline-block;
		width: 7.5rem;
	}
	hr.smartphone {
		display: none;
	}
}


/* ---------------------------------------- */
/* ショップ系 */

.list_shopitem {
	margin: 0 1rem;
}
.list_shopitem > li {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 1rem;
}
.list_shopitem .shopitem_icon {
	width: 8rem;
	margin-right: 1rem;
}
.list_shopitem .shopitem_info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.list_shopitem .shopitem_info .shopitem_text {
}
.list_shopitem .shopitem_info .shopitem_buy {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-left: auto;
}
.list_shopitem .shopitem_info .shopitem_buy > span {
	margin-left: 1rem;
}


/* ---------------------------------------- */
/* パフォーマー投票系 */

/* 一覧 */
.list_performer_vote {
	margin: 0 1rem;
}
.list_performer_vote > li {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 1.5rem;
}
.list_performer_vote .performer_icon {
	width: 8rem;
	margin-right: 1rem;
}
.list_performer_vote .performer_icon.mini > div {
	margin: 0.4rem;
}
.list_performer_vote .performer_text {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.list_performer_vote .performer_text > p {
	width: 100%;
}
.list_performer_vote .performer_text > div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-left: auto;
}
.performer_text p.bold_text>span {
	display: block;
	font-size: 0.8rem;
}

/* 投票 */
.event_and_performer {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.event_and_performer .event_icon {
	width: 10rem;
}
.event_and_performer > div {
	margin: 0 1rem;
}

.list_volt_cheerup {
	max-width: 35rem;
	margin: 0.5rem auto;
}
.list_volt_cheerup > li {
	display: inline-block;
	vertical-align: top;
	width: 7.5rem;
	padding: 0.4rem 0.75rem;
	margin-bottom: 0.85rem;
}
.list_volt_cheerup > li a {
	cursor: pointer;
}
.list_volt_cheerup > li a img {
	vertical-align: bottom;
}
.list_volt_cheerup > li button {
	min-width: auto;
	margin: 0;
	font-size: 0.9rem;
}


/* BP:smartphone */
@media screen and (max-width: 480px) {
	.list_performer_vote {
		margin: 0;
	}
	.list_performer_vote .performer_text > div {
		display: block;
		margin-left: auto;
		text-align: right;
	}
}


/* ---------------------------------------- */
/* イベント情報系 */

/* ヘッダー */
.image_header.info {
	margin-bottom: 2rem;
}
.image_header.info .image_header_title {
	position: static;
	bottom: -4.0rem;
	font-size: 1.8rem;
	text-align: center;
	left: 0;
	right: 0;

}
.image_header.info.noimg {
	margin-bottom: 10rem;
}
.image_header.info.noimg .image_header_wapper {
	display: none;
}
.image_header.info.noimg .image_header_title {
	bottom: 3rem;
}

.event_text,
.event_img {
	margin: 1.5rem 0;
}
.event_img {
	text-align: center;
}
.event_img img {
	width: 100%;
	height: auto;
}

/* 事業者バナーリンク */
.button_banner {}
.button_banner button {
	padding:0.25rem 0.5rem;
}
.button_banner button > div {
	width:7.5rem;
	display:inline-block;
}
.button_banner div > img {
	width: 100%;
	height: 100%;
	vertical-align: top;
	border-radius: 0.75rem;
	aspect-ratio: 16 / 9;
	object-fit: contain;
}
.button_banner button > p {
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 0.5rem;
}


/* ---------------------------------------- */
/* TOPページ */
/* 俳優・イベント */
.list_event_icons.toppage li {
	position: relative;
	width: 18rem;
	height: 10rem;
	padding: 0;
	margin: 0 1rem 3rem 1rem;
}
.list_event_icons.toppage li:first-of-type {
	margin-bottom: 6rem;
	transform-origin: top center;
	transform: scale(1.4);
}
.list_event_icons.toppage li .eventdiv {
	padding: 5% 0 0 0;
	text-align: right;
}
.list_event_icons.toppage li .eventdiv img {
	aspect-ratio: 3/1;
	object-fit: cover;
}
.list_event_icons.toppage li .eventdiv p {
	padding-left: 50%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.list_event_icons.toppage li .userdiv {
	position: absolute;
	width: 45%;
	top: 0;
	left: 1%;
}
.list_event_icons.toppage li .userdiv a {
    width: 100%;
    cursor: pointer;
}
.list_event_icons.toppage li .userdiv a:hover,
.list_event_icons.toppage li .userdiv a:active {
	opacity: 1.0;
}
.list_event_icons.toppage li .userdiv p {
	font-weight: bold;
}
.list_event_icons.toppage li .userdiv p span {
	display: block;
	font-size: 85%;
}
/* オーディエンス */
.list_event_icons.topaudience li {
	margin: 0 1rem 2rem 1rem;
}
.list_event_icons.topaudience li:first-of-type {
	margin-bottom: 4rem;
	transform-origin: top center;
	transform: scale(1.25);
}
.list_event_icons.topaudience li a {
	width: 100%;
}
.list_event_icons.topaudience li p {
	font-weight: bold;
}
.list_event_icons.topaudience li p span {
	display: block;
	font-size: 85%;
}
/* スマホ */
@media screen and (max-width: 480px) {
	.list_event_icons.toppage li {
		width: 9rem;
		height: 5rem;
	}
	.list_event_icons.toppage li:first-of-type {
		margin-bottom: 4rem;
		transform-origin: top center;
		transform: scale(1.3);
	}
	.list_event_icons.topaudience li {
		margin: 0 0.75rem 1.0rem 0.75rem;
	}
	.list_event_icons.topaudience li:first-of-type {
		margin-bottom: 3rem;
	}
}

/* ---------------------------------------- */
/* TOPページ2 */
.list_event_icons.toppage2 {
	max-width: 35rem;
	margin: 0.5rem auto 3rem auto;
	display: flex;
	align-items: center;

}
.list_event_icons.toppage2 .event_icon {
	width: 9rem;
	padding: 0;
	margin: 0 1.5rem 0 0;
}
.list_event_icons.toppage2 .event_icon.movie {
	width: 15rem;
}
.list_event_icons.toppage2 .event_icon a {
	margin: 0;
}
.list_event_icons.toppage2 .event_icon_text {
	flex: 1;
	font-size: 1rem;
	font-weight: bold;
}
.list_event_icons.toppage2 .event_icon_text span {
	display: block;
	font-size: 0.85rem;
	font-weight: normal;
}
.list_event_icons.toppage2 .event_icon_text.user span {
	font-size: 1rem;
	text-align: right;
}
.list_yell_ranking {
	display: flex;
	justify-content: space-around
}
.list_yell_ranking > div {
	margin: 1.0rem;
}
/* 画面小 */
@media screen and (max-width: 720px) {
	.list_yell_ranking {
		display: block;
	}
	.list_yell_ranking > div {
		margin: 0;
	}
}
/* スマホ */
@media screen and (max-width: 480px) {
	.list_event_icons.toppage2 .event_icon {
		width: 7.5rem;
	}
	.list_event_icons.toppage2 .event_icon.movie {
		/*width: 8.5rem;*/
		width: 12rem;
		margin-right: 1rem;
	}
	.list_event_icons.toppage2 .event_icon_text {
		/*font-size: 0.9rem;*/
	}
	.list_event_icons.toppage2 .event_icon_text span {
		font-size: 0.85rem;
	}
}
/* ---------------------------------------- */
/* TOPページ ニューストピック */
.newstopic {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.list_newstopic {
	width: 50%;
	margin-bottom: 0.5rem;
}
.list_newstopic .list_event_icons {
	width: auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.list_newstopic .list_event_icons > div {
	margin-bottom: 0rem;
}
.list_newstopic .event_comment {
	margin: -0.25rem 0.25rem 1rem 1rem;
	font-size: 0.85rem;
}
.list_newstopic .list_event_icons .event_icon {
	width: 100%;
}
.list_newstopic .list_event_icons .event_icon_text {
	width: 100%;
	font-size: 1rem;
	font-weight: bold;
	margin-top: 0.5rem;
}

@media screen and (max-width: 480px) {
	.list_newstopic {
		width: 100%;
	}
	.list_newstopic .list_event_icons .event_icon {
		width: 12rem;
		margin-right: 1rem;
		padding: 0;
		margin: 0 1rem 0 0;
	}
	.list_newstopic .list_event_icons .event_icon_text {
		width: 50%;
	}
	.list_newstopic .event_comment {
		margin: 0rem 0rem 1.5rem 0.25rem;
	}
}


/* ---------------------------------------- */
/* リスト一部表示 */
.onlyfirst {
	overflow: hidden;
	height: 18rem;
	position: relative;
}
.onlyfirstopen {
	display: none;
}
.onlyfirst .onlyfirstopen {
	position: absolute;
	display: block;
	width: 100%;
	height: 1.8rem;
	line-height: 2rem;
	text-align: center;
	bottom: 0;
	opacity: 0.85;
	cursor: pointer;
	border-radius: 0.5rem;
}


/* ---------------------------------------- */
/* 画像アップロード系 */

/* 確認 */
.imgcheck {
	max-width: 50%;
	/*aspect-ratio: 3/1;*/
	height: auto;
}
.imgcheck > img {
	object-fit: contain;
	width: 100%;
	vertical-align: bottom;
}
/* アップロード */
.imgupload {}
.imgupload .drop_area {
	display: block;
	border-width: 0.25rem;
	border-style: dashed;
	border-color: #777;
	border-radius:0.25rem;
	background-color: #ddd;
	padding: 1rem;
	cursor: pointer;
	text-align: center;
	color: #444;
}
.imgupload input[type=file] {
	/* display: none; */
}

/* ---------------------------------------- */
/* 検索ページ送りボタン */
.searchbtns {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.searchdiv0 {}
.searchdiv1 {}
.searchdiv2 {}
@media screen and (max-width: 480px) {
	.searchdiv0 { order: 1; }
	.searchdiv1 { order: 0; width: 100%; }
	.searchdiv2 { order: 2; }
}