@charset "utf-8";
/* CSS Document */

body {font-family:'helvetica',Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;}
#global-header #nav-header {padding:0 0 0 5px;}
#global-header #logo {max-width:none;}
#global-header #logo h1 a { width:118px; display:block; background:url(/vol1/images/sp/logo-mainichi-en.png) no-repeat 0px 0px;background-size:118px;background-position: 0 center;}
#sub-header .sub-header-txt {font-size:1.2rem; padding: 8px 0 6px; float:right;}
.menu-sub ul {width:80%; margin:auto;}
.menu-sub li {width:25%;}
.menu-main li {float:none;width:100%;}
.share2 .hb,
.share2 .fsbots {display:none;}
.ad-bnr-w300h250:after {content:'Advertisement';text-align:center;display:block;font-size:12px;font-size:1.2rem;color:#666;}
#bottom-share .share2 li {margin: 0 3px 0 17px;}

#shortDescription {margin:var(--space-base);}

#menu {background: #022237; margin-top: 1px; padding-top:1px;}
#menu li a {display: block; color:#F4F4F4;}
.menu-close {background: #1C3B4B;}
.menu-close a {color:#F4F4F4;display:block;}
.icon-close {background:url(/vol1/images/sp/icons-menu.png) no-repeat 0 -170px; background-size:100%; height:24px;}

aside.photo-movie {padding:0;}
.list-typeB .title {font-weight:normal;}

/* page-top button */
#page-top {position: fixed; bottom:-100px; right:7px; font-size: 77%; z-index:10000;}
#page-top a {display: block; background:url(/vol1/images/sp/icon-totop.png) no-repeat #007BC8 center center; background-size:22px; height:50px; width:50px; border-radius:25px; border:3px solid #FFF; box-sizing:border-box;}

#MovieList { border-bottom:1px solid #CCC; display:flex; justify-content: space-around; flex-wrap: wrap;}
#MovieList li { width:48%; min-height:160px; }
#MovieList li a {font-size:1.2rem; }
#MovieList .thumb img { width:100%;}
#MovieList .caption { display:inline-block; padding:6px;}

.logo-thechosunilbo{width:177px;height: 45px;margin-left:15px;display:block;
background:transparent url(/vol1/images/pc/logo-thechosunilbo.png) 2px 2px no-repeat;
background-size:172px auto;text-indent: 100%;overflow: hidden;white-space: nowrap;}

/*広告対応 チケット5662*/
.ad-bnr-w320h50 {padding: 0;}
.l-inner-ad {background: #f4f4f4;text-align: center;padding: 12px 8px;}
.l-inner-ad .inner {display: flex;justify-content: center;align-items: center;}

.videodetail {margin-top: 12px; line-height:150%; padding:0 var(--space-base);}
.videodetail-link {margin: 4px 0; text-align:right;}
.videodetail-link a {color:#0078C6;font-weight: bold;}


/*----------------------------------------
 Piano popup
----------------------------------------*/
.popuppanel{
	position: fixed;
	right: 8px;
	bottom: 8px;
	width: 74%;
	z-index: 100;
}

#pi-sp-all-popup .popuppanel {bottom: 130px;}
#pi-sp-all-popup .popuppanel.is-hide{display:none;}

.popuppanel4{
	background: #fff;
	position: relative;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	margin-top: 12px;
}

.popuppanel4-inner{
	padding: 12px 40px 12px 12px;
}

.popuppanel4 p{
	font-size:1.2rem;
	line-height: 1.67;
	color: #484848;
}

.popuppanel4 a{color:#0078c6;}

.popuppanel-article{
	background: #fff;
	position: relative;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	margin-top: 12px;
}

.popuppanel-article-inner{
	padding: 8px;
	display:flex;
	justify-content:space-between;
}

.popuppanel-article-image{
	width: 64px;
	min-width: 64px;
	height: 64px;
	overflow: hidden;
	position: relative;
}

.popuppanel-article-image img{
	object-fit: cover;
	width: 64px;
	height: 64px;
}

.popuppanel-article-detail{
	width: calc(100% - 72px);
}

.popuppanel-article-shoulder{
	font-size:1.2rem;
	font-weight:bold;
	line-height: 1.5;
	color: #767676;
	margin-bottom: 2px;
}

.popuppanel-article-title{
	font-size:1.3rem;
	font-weight:bold;
	line-height: 1.5;
	color: #484848;
	margin-bottom: 2px;
}

.popuppanel-article-title.is-small{
	font-size:1.2rem;
}

.popuppanel-article-text{
	font-size:1.2rem;
	line-height: 1.5;
	color: #484848;
}

.popuppanel-close{
	display: block;
	content: '';
	background: url(/vol1/images/v2/common/icon_close_popup.svg) 0 0 no-repeat;
	background-size: 100%;
	width: 36px;
	height:36px;
	position: absolute;
	right: -2px;
	top: -6px;
	cursor: pointer;
	z-index: 10;
}

/* end */