@import url('https://fonts.googleapis.com/css?family=Kosugi|Noto+Sans+JP:900');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:400,500,700,800,900&display=swap&subset=japanese');

@charset "UTF-8";
/*\*/

/*------------------------------
サイト名：NMB48 OFFICIAL WEB SITE for SMARTPHONE
作成日：2018.9.28
修正日：2018.9.28
ガイドライン：Ver.01
製作者：株式会社エムアップ
------------------------------*/

/* ------------------------------------
 * 標準スタイルのリセット
 * ------------------------------------ */
ul{
	margin-left:0;
	padding-left:0;
}

li {
	list-style:none;
}

img {
	width:100%;
}


.inr {
	width:1024px;
	margin:0 auto;
}

@media screen and (max-width:1024px){
	.inr {
		width:95%;
	}
}

h4{
	font-size:30px;
}

h4 span {
	border-bottom:solid rgba(196,60,48,0.5);
}

@media screen and (max-width:767px){
	h4{
		font-size:20px;
	}
}


/* ------------------------------------
 * ブロックごとの設定
 * ------------------------------------ */



.schedule ul {
	display:flex;
	flex-wrap:wrap;
}

.schedule ul li {
	width:21.5%;
	margin:0.5%;
	padding:1%;
	border:solid 1px #eee;
	background:#f3f3f3;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.schedule ul li strong {
	display:block;
	font-weight:bold;
}

.schedule ul li img {
	margin-bottom:1%;
}

.schedule ul li img.nmblogo {
	width:50%;
	margin:0 auto 1%;
	display:block;
}

.schedule ul li em {
	font-size:80%;
	display:block;
}

.schedule strong {
	font-size:25px;
}

@media screen and (max-width:767px){
	.schedule ul {
		display:block;
	}

	.schedule ul li {
		width:95%;
		margin:0.5em auto;
	}

	.schedule strong {
		font-size:17px;
	}


}


.member ul {
	display:flex;
	flex-wrap:wrap;
}

.member ul li {
	width:32.3%;
	margin:0.5%;
}

.member ul li ol {
	display:flex;
	width:30%;
	margin:1% auto;
	padding-left:0;
}

.member ul li ol li {
	width:50%;
	margin:2%;
}

@media screen and (max-width:767px){
	.member ul li ol {
		width:50%;
	}
}

 
#contents{
    clear:both;
}
 
#contents div {
    padding: 1em 0;
    background: white;
    text-align: left;
    /*border: 1px solid #c15757;
    border-top: none;*/
}
 
#contents p{
    margin-top:20px;
    line-height:2em;
    color:#333;
}
 
#contents strong {
    font-size: 2em;
    font-weight: bold;
    color: #c15757;
    text-decoration: underline;
}


body {
	margin:0;
	font-family: 'M PLUS 1p', sans-serif;
}

em {
	font-style:normal;
}

strong {
	font-weight:normal;
}

#wrapper{
	text-align:center;
}

/*#header {
	position:relative;
	height:auto;
	background:url(../img/header_small.jpg);
	width:100%;
	padding-top:51.83%;
	background-size:contain;

}

@media screen and (max-width:767px) {
	#header{
		background:url(../img/header2.png);
		background-size:contain;
		padding-top:87.75%;
	}
}*/

#header {
	/*margin:5% 0;*/
}

#header .mainvisual {
	width:25%;
	margin:0 auto;
}

@media screen and (max-width:767px){
	#header .mainvisual {
		width:50%;
	}
}

#header .catch {
	position:absolute;
	bottom:5%;
	left:10%;
	width:80%;
}

#header .catch img {
	width:100%;
}

#header img {
	width:100%;
}

#content {
	padding-bottom:5%;
}

h2 {
	font-size:30px;
}

h3 {
	text-align:left;
	/*border-bottom:solid 1px #aaa;*/
	color:#fff;
	background:#000;
	padding:0.5em 1em;
	margin-bottom:1em;
}

.ayumi ul {
	display:flex;
	flex-wrap:wrap;
}

.ayumi ul li {
	width:24%;
	margin:0.5%;
}


ul.snsIcons {
	padding: 10px 10px 0 0;
	border-bottom: dotted 1px #dbc79e;
	text-align: right;
}

ul.snsIcons li {
	display: table-cell;
	float: right;
	height: 30px;
	vertical-align: middle;
}

* html ul.snsIcons li {/* IE 6 */
	display: inline;
	zoom: 1;
}

*:first-child+html ul.snsIcons li {/* IE 7 */
	display: inline;
	zoom: 1;
}

ul.snsIcons li a img {
	margin: 0;
}


/* ------------------------------------
 * Go To TOP
 * ------------------------------------ */
 
#toTop {
	position: fixed;
	bottom: 12px;
	right: 7px;
	z-index: 1000;
}
#toTop a {
	overflow: hidden;
	display: block;
	width: 30px;
	height: 30px;
	background-color: rgba(186, 48, 37, 0.8);
	background-image: url(../img/btn_totop.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
	-moz-background-size: 14px 14px;
	text-indent: -9999px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* ------------------------------------
 * Footer
 * ------------------------------------ */
.nmb48logo {
	text-align: center;
	margin-bottom: 50px;
}
.nmb48logo a {
	margin: 0 10px;
}
.logonmb48 {
	max-width: 65px;
}
.logo10th {
	max-width: 124px;
}
footer {
	padding: 3%;
	background:#000;
	border-top:none;
}
footer small {
	font-size: 75%;
	color: #fff;
}

.mainvisual {
	position:relative;
}

.mainvisual a {
	position:absolute;
	width:5%;
	right:5%;
	bottom:5%;
}

@media screen and (max-width:767px){
	.mainvisual a{
		width:15%;
	}
}

