@charset "UTF-8";
body.pc,
body.tablet {
	background: #000000 url(/applause/lionking/special/report_backstage/images/bg.jpg) top center no-repeat;
}

.section {
	padding: 58px 0 0;
}

body.sp .section p {
	width: 100%;
/*	background: rgba(0,0,0,1.0);*/
}

body.sp .section {
	padding: 0;
	background: #000000 url(/applause/lionking/special/report_backstage/images/s/bg.jpg) top center no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}

body.pc .section h1,
body.tablet .section h1 {
	margin-bottom: 90px;
}

body.sp .section h1 {
	width: 75%;
	padding: 5% 0 0;
	margin: 0 auto 9%;
}

body.sp .section h1 img {
	width: 100%;
}

body.pc .section h2,
body.tablet .section h2 {
	margin-top: 40px;
	margin-bottom: 0px;
}

body.sp .section h2 {
	margin-top: 15%;
}

body.pc .section h3,
body.tablet .section h3 {
	margin-bottom: 27px;
	font-size: 150%;
	line-height: 1.4;
	color: #fdcf00;
}

body.sp .section h3 {
	color: #fdcf00;
}

.twoColumnsType {
	width: 960px;
	margin-top: 2%;
}
body.pc .twoColumnsType dl dt,
body.tablet .twoColumnsType dl dt,
body.sp .twoColumnsType dl dt{
	color: #fdcf00;
	margin: 0.3em 0;
	line-height: 1.4;
}

.twoColumnsType dl dt {
	font-size: 19.2px;
}

body.sp .twoColumnsType dl dt {
	width: 100%;
	font-size: 288%;
}

body.pc .twoColumnsType dl dd span,
body.tablet .twoColumnsType dl dd span,
body.sp .twoColumnsType dl dd span{
	font-size: 80%;
	color: #f05700;
}

.right {
	margin: 0 auto;
	text-align: right;
}

body.pc .right {
	width: 720px;
}

.threeColumnsType2,
body.sp .threeColumnsType2 {
	margin: 75px auto;
}

/*report_twtList
-------------------------*/
.reportList {
	width: 100%;
	background: #000000;
}

body.pc .reportList,
body.tablet .reportList {
	width: 930px;
	margin: 1em 0 6em;
	padding: 20px 0 0 30px;
}

body.sp .reportList {
	width: 96%;
	margin: 1em 0 2em;
	padding: 1em 2% 1.5em;
}

body.pc .reportList h4,
body.tablet .reportList h4{
	font-size: 150%;
	margin: 0.8em 0 1em;
}

body.sp .reportList h4{
	font-size: 200%;
	font-weight: bold;
	margin: 0.5em 0 0;
}

.reportList p {
	padding: 0;
}

body.pc .reportList p,
body.tablet .reportList p {
	width: 435px;
	margin: 0 30px 30px 0;
	float: left;
}

body.sp .reportList p {
	width: 96%;
	margin: 0.5em auto;
	float: none;
}

.reportList p > a {
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}

body.pc .reportList p > a,
body.tablet .reportList p > a {
	padding: 14px;
	border: 2px solid #666666;
	background: #171717 url('/applause/lionking/special/report_twt/images/thmn/arrow_right.gif') 400px 50% no-repeat;
}

body.sp .reportList p > a {
	padding: 3%;
	border: 2px solid #666666;
	background: #171717 url('/applause/lionking/special/report_twt/images/thmn/arrow_right_s.gif') 95% 50% no-repeat;
}

body.pc .reportList p > a:hover,
body.tablet .reportList p > a:hover{
	background-color: rgba(255,255,255,0.2);
	border: 2px solid #666666;
	text-decoration: none;
}

body.pc .reportList p > a > img,
body.tablet .reportList p > a > img {
	width: 109px;
}

body.sp .reportList p > a > img {
	width: 100%;
}

.reportList p > a > span {
	color: #f05700;
}

body.pc .reportList p > a > span,
body.tablet .reportList p > a > span {
	width: 320px;
	padding-right: 5px;
	padding-left: 15px;
	font-size: 130%;
}

body.sp .reportList p > a > span {
	width: 75%;
	padding-right: 5%;
	padding-left: 5%;
	font-size: 90%;
	font-weight: bold;
	line-height:1.4;
}

body.pc ul.twit,
body.tablet ul.twit {
	width:85%;
	margin:0 auto 2%;
	display: flex;
}
body.pc ul.twit li,
body.tablet ul.twit li {
	display:block;
    width: 45%;
    margin: 0 10% 0 0;
	}

body.pc ul.twit li:nth-child(2),
body.tablet ul.twit li:nth-child(2) {
	margin-right:0 !important;
}

body.sp ul.twit twitterwidget.twitter-tweet {
	width: 520px !important;
}

body.sp ul.twit {
	margin:0 auto;
}
body.sp ul.twit li {
	display:block;
	width:90%;
	margin:10% auto 0;
}
listItem::first-of-type{
margin-top:0 !important;
}

body.pc ul.twit li.listItem div.spView,
body.tablet ul.twit li.listItem div.spView {
	display:none;
}

body.sp ul.twit li.listItem div.spView {
	display:block;
}

body.pc ul.twit li.listItem .pcView,
body.tablet ul.twit li.listItem .pcView {
/*	width:450px;*/
	margin-top:10px;
	display:block;
}
body.sp ul.twit li.listItem .pcView {
	display:none;
}

.attention {
	display:block;
	color:#d5b95a;
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:0!important;
}

#pv h3 {
	color: #f3b700;
	margin-bottom:0.5em;
}

body.pc .section h3 {
	font-size: 18px;
}
body.tablet .section h3,
body.sp .section h3 {
	font-size: 190%;
}

.listItem.shorts{
	display: flex;
	flex-direction: column;
}
.listItem.shorts iframe{
    aspect-ratio: 9/16;
}
.listItem iframe{
width:100%;
    aspect-ratio: 16/9;
margin-top:auto;
    border: 1px solid gray;
}

.twit.clearfix{
    margin-top: 60px !important;
}

body.pc ul.twit li, body.tablet ul.twit li{
display: flex;
    flex-direction: column;
    width: 48%;
    margin: 0 4% 0 0;
}
body.pc ul.twit, body.tablet ul.twit{
    width: 85%;
    margin: 0 auto 10%;
    display: flex;
}
body.tablet .section h3, body.sp .section h3{
    font-size: 250%;
}
.twit.clearfix + .twit.clearfix{
margin-top: 30px !important;
}
.twit.clearfix{
        margin-top: 60px !important;
}
.listItem_wrap{
	width: 95%;
	margin: 60px auto 10%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}
body.sp .listItem_wrap{
	grid-template-columns: repeat(2, 1fr);
}
