<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

.mb-special * {
   font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}

.mb15 { margin-bottom: 15px !important; }
.mb30 { margin-bottom: 30px !important; }

.alignC { text-align:center !important; }

.hover-opa a{
   -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.hover-opa a:hover{ opacity: 0.7; }


.mb-special {
	background: url(../images/megalobox/bg.jpg) center top no-repeat;
	background-size: cover;
	/*background-size: 100% auto;*/
	background-attachment: fixed;
	padding: 20px 0;
    /*margin-top: -20px;*/
}


/* banner */
.mb-special #banner {
	margin-bottom: 10px;
}

/* description */
.mb-special .mb-desc {
	padding: 5px 10px;
	margin: 0 10px 40px;
	color: #fff;
	font-size: 17px;
    text-shadow:1px 1px 7px #000;
}



/* post */
.mb-special .article {
	background:none;
    border-top: solid 5px #b50600;
    border-bottom: solid 5px #b50600;
}
.mb-special .article .article-contents { padding: 20px; }
.mb-special .article .fig { margin: 0 auto; }
.mb-special .article .fig img { width: 100%; }
.mb-special .article h3 { margin-bottom: 20px; }

.mb-special .article a {
    background: rgba(0,0,0,0.6);
    border: none;
    color: #fff;
}
.mb-special .article .time { color: #fff; }


#post-share { margin-left: 10px; }
#post-share li {
    float: left;
    margin-left: 5px;
}
p#mb-copyright {
    text-align: center;
    font-size: 10px;
    color: #fff;
    margin-top: 20px;
}





/* ------------------------------------

   side

--------------------------------------*/
.side-megalobox #side-container .common_navigation-box-wrap{ margin:auto; }

.common_navigation li {
	margin-bottom: 15px;
	background: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
}
.common_navigation li:last-child {
	margin-bottom: 40px;
}
.common_navigation li a,
.common_navigation li span {
	display:block;
	font-size: 0;
}
.side-megalobox#side .common_navigation li img {
    max-width: 100%;
}

.common-movie .widget_text { list-style: none; }
.common-movie .thumbnail { margin-bottom: 10px; }
.common-movie .thumbnail img {
    width: 100%;
	max-width: 100%;
	height: auto;
}



.side-megalobox .common-movie .mb-movie {
	margin: 0 auto 20px;
}
.side-megalobox .common-movie .mb-movie * {
	color: #fff;
}
.side-megalobox .common-movie .mb-movie .boxvideo-contents {
	padding: 20px;
	background: rgba(0,0,0,0.6);
	border-top: solid 5px #997402;
	border-bottom: solid 5px #997402;
}
.side-megalobox .common-movie h3 {
    text-align: center;
	color: #fff;
	margin: 0 auto 15px;
}
.side-megalobox .common-movie h3 img {
	max-width: 100%;
}





/* sp banner */
#mb-sp-side ul {
    overflow: hidden;
	padding: 0 10px;
    margin-bottom: 15px;
}
#mb-sp-side ul li {
	width: 100%;
    margin-bottom: 5px;
    font-size: 0;
}
#mb-sp-side ul li:last-child {
	margin-bottom: 0;
}
#mb-sp-side li a,
#mb-sp-side li span {
    display: block;
	font-size: 0;
}
#mb-sp-side li img { width: 100%; }







@media screen and (min-width: 769px) {
    .mb-special #main-container {
       width: 680px;
    }
	.mb-special #main {
       width: 680px;
       float: left;
    }
	.mb-special-post #main {
       padding-top: 10px;
	   background: #fff;
	}
	.side-megalobox#side {
		width: 320px;
		float: right;
		margin-right: 10px;
    }
	.side-megalobox #side-container {
		width: 320px;
	}


}


@media screen and (max-width: 768px) {
/*
	.mb-special-post {
		background: none !important;
	}
*/
	
	.side-megalobox  #side-container { width: 100% !important; }


	.mb-special .sp-bnr { text-align:center; }
	.mb-special .sp-bnr img {
		box-shadow: 1px 1px 5px #999;
		-moz-box-shadow: 1px 1px 5px #999;
		-webkit-box-shadow: 1px 1px 5px #999;
		-o-box-shadow: 1px 1px 5px #999;
		-ms-box-shadow: 1px 1px 5px #999;
	}


    .side-megalobox .common-movie { margin: 0 10px 30px; }
    .side-megalobox .common-movie .inner { padding: 10px; border-top: none; }

	.side-megalobox .common-movie h3 img {
		max-width: 50%;
	}
	.mb-special .common-movie .thumbnail {
		width: 30%;
		float: left;
		margin-bottom: 0;
	}
	.mb-special .common-movie .thumbnail img { width: 100%; }
	.mb-special .common-movie .textArea {
		width: 65%;
		float: right;
	}
    .mb-special .common-movie .boxvideo-contents { overflow: hidden; }

    .mb-special .common-movie .textArea {
        width: 65%;
        float: right;
	}


}


</pre></body></html>