@charset "euc-jp";

/* IMPORT :-) ?????????????????????????????????????? */
@import url(reset.css);
@import url(common.css);


/* ARTICLE_AREA?????????????????????????????????????? */

/* TOP/ITEM
---------------------------------------------------- */
#articleArea{
	width: 320px;
	margin: 15px auto 5px;
}
#articleArea article{
	background-image: url(../../img/article_top.png), url(../../img/article_bottom.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
	margin-bottom: 10px;
	padding: 11px 0 6px;
}
#articleArea article .wrap{
	width: 310px;
	margin: 0 auto;
	background: url(../../img/article_line.png) repeat-y;
	position: relative;
}
#articleArea article h1{
	width: 100px;
	position: absolute;
	right: 5px;
	top: 6px;
}
#articleArea article h1 img{
	width: 100px;
	height: auto;
}

#articleArea article .name{
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
	width: 190px;
	padding: 8px 110px 8px 8px;
	margin: 0 auto;
}
.cat1966 .name{
	background-image: url(../../img/name_line1966.gif), url(../../img/name_line1966.gif);
}
.cat1967 .name{
	background-image: url(../../img/name_line1967.gif), url(../../img/name_line1967.gif);
}
.cat1968 .name{
	background-image: url(../../img/name_line1968.gif), url(../../img/name_line1968.gif);
}
.cat1969 .name{
	background-image: url(../../img/name_line1969.gif), url(../../img/name_line1969.gif);
}
.cat4592 .name{
	background-image: url(../../img/name_line4592.gif), url(../../img/name_line4592.gif);
}
.cat4593 .name{
	background-image: url(../../img/name_line4593.gif), url(../../img/name_line4593.gif);
}
.cat4620 .name{
	background-image: url(../../img/name_line4620.gif), url(../../img/name_line4620.gif);
}
#articleArea article .text{
	padding: 18px 18px 8px;
}
#articleArea article .text img{
	display: block;
	max-width: 100%;
	height: auto;
	max-height: 350px;
	margin: 10px auto;
	object-fit: contain;
	object-position: center;
}
#articleArea article audio{
	max-width: 100%;
}
#articleArea article .date{
	padding:  0 18px 5px;
	text-align: right;
}
.cat1966 .name,.cat1966 .date{ color: #e76591;}
.cat1967 .name,.cat1967 .date{ color: #65d263;}
.cat1968 .name,.cat1968 .date{ color: #3ab1e9;}
.cat1969 .name,.cat1969 .date{ color: #e9ad3a;}
.cat4592 .name,.cat4592 .date{ color: #e9533a;}
.cat4593 .name,.cat4593 .date{ color: #934dd5;}
.cat4620 .name,.cat4620 .date{ color: #e9533a;}
/* pageswitch  */
.pageswitch{
	clear: both;
	text-align: center;
	margin: 10px auto 20px;
}


/* ARCHIVE
---------------------------------------------------- */
.archive{
	width: 320px;
	margin: 20px auto 30px;
}
.archive h2{
	text-indent: -1000em;
	background: url(../../img/archive.png) no-repeat;
	background-size: 100%;
	width: 320px;
	height: 30px;
	margin-bottom: 15px;
}
.archive li{
	margin-top: 10px;
	background: url(../../../img/icon_archive.png) no-repeat 20px center;
	padding-left: 33px;
}





/* SB?????????????????????????????????????? */
.sb_post{
	padding: 15px 5px;
	width: 270px;
	margin-top: 10px;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	margin: 10px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.sb_post li{
	display: inline-block;
	margin: 0 5px;
}
.sb_post .facebook{
	width: 92px;
}

/* VOICE?????????????????????????????????????? */
#subArea .voice{
	background: url(../../../img/side_pre.png) no-repeat;
	width: 247px;
	height: 331px;
	position: relative;
	margin: 0 auto;
}
#subArea .voice h2,#subArea .voice .text{ display: none;}
#subArea .voice .entry a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../../img/btn_entry.png) no-repeat left top;
	width: 192px;
	height: 37px;
	position: absolute;
	left: 27px;
	bottom: 38px;
}

#subArea section.babykumon_mv{
	width:240px;
	margin:20px auto 0 auto;
	text-align:center;
}
#subArea section.bnr_instagram{
	width:240px;
	margin:20px auto 0 auto;
	text-align:center;
}
#subArea section.bnrStd{
	width:240px;
	margin:20px auto 0 auto;
	text-align:center;
}
#subArea section.babykumon_mv img,
#subArea section.bnr_instagram img,
#subArea section.bnrStd img,
#subArea section.bnrJFN img,
#subArea section.bnrYoutube img{
	width:100%;
}
#subArea section.bnrJFN,
#subArea section.bnrYoutube{
	width:240px;
	margin:10px auto 0 auto;
	text-align:center;
}

#subArea section.bnrSponsor{
	width:240px;
	margin:15px auto 0 auto;
	text-align:center;
}
#subArea section.bnrSponsor img{
	width:100%;
}
#subArea section.ebook{
	margin:6px auto 0 auto;
	text-align:center;
}

#subArea section.youtubeBnr{
	width:240px;
	margin:20px auto 0 auto;
	text-align:center;
}
#subArea section.youtubeBnr video{
	width:100%;
	margin:0 0 6% 0;
}