body { background:#fff !important; }

#journal_hd {border-bottom:1px solid #ccc; padding:10px 2px 17px; width:1186px; margin:0 auto; text-align:left; position:relative;}


#journal_hd em { font-size:12px; padding:10px 4px 0; display:block; color:#111 }#journal_hd a.logo:link {color: #111; text-decoration: none;}
#journal_hd a.logo:visited {color: #111; text-decoration: none;}
#journal_hd a.logo:hover {color: #111; text-decoration: none;}
#journal_hd a.logo:active {color: #111; text-decoration: none;}


#journal_hd ul { position:absolute; right:110px; top:49px; }

#journal_hd ul li.navi { float:left; font-family: 'Noto Sans', sans-serif; font-size:14px; letter-spacing:0.5px; line-height:100%; position:relative; }

#journal_hd ul li.navi a.bt_navi {text-decoration: none; color: #111; padding-bottom:5px; position:relative; z-index:100; }
#journal_hd ul li.navi a.bt_navi:link {color: #111; text-decoration: none;}
#journal_hd ul li.navi a.bt_navi:visited {color: #111; text-decoration: none;}
#journal_hd ul li.navi a.bt_navi:hover {color: #111; text-decoration: none; border-bottom:2px solid #222; }
#journal_hd ul li.navi a.bt_navi:active {color: #111; text-decoration: none; border-bottom:2px solid #222; }
#journal_hd ul li.navi.on a.bt_navi { border-bottom:2px solid #222; }

#journal_hd ul li.navi:after{content:"|";  padding:0 25px;}
#journal_hd ul li.navi:nth-child(1){ padding:0; content:""; }

#journal_hd ul li ul {position:absolute; top:0px; left:-120px; z-index:99; display:none;}
#journal_hd ul li .sub_menu {background:#fff; width:300px; border:#ddd 1px solid; margin-top:35px; box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.1);}


.sub_navi_menu {margin:28px 27px 20px; width:auto; }
.sub_navi_menu b { padding:0 0 20px 6px; }

.sub_navi_menu b:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.sub_navi_menu b { display:inline-block; }
/*\*/
* html .sub_navi_menu b { height:1%; }
.sub_navi_menu b { display:block; }
/**/


.sub_navi_menu div { width:100%; float:left; }
.sub_navi_menu div a { 
	font-size:13px;
	margin:15px 0 0;
	border-bottom:#ccc solid 1px;
	padding:0 7px 15px 7px;
	text-align:left;
	display:block;
	background:url(/res/s/common/img/arrows_01.png) no-repeat right 1px;
	background-size:12px 12px;
}

#journal_top { text-align:left; padding-bottom:0px; margin-top:0px; }

#journal_yymmdd{
	z-index:9;
	width:130px;
	height:130px;
	-webkit-border-radius:65px;
	-moz-border-radius:65px;
	border-radius:65px;
	background-color: #2a4f83;
	position:absolute;
        right:-5px; top:25px;
        font-family: 'Noto Sans', sans-serif;
text-align:center;
color:#fff;
}

.journal_mm { font-size:12px; line-height:1em; margin-top:23px; letter-spacing:0.1em; }
.journal_dd { font-size:50px; line-height:1em; margin:2px;}
.journal_week { font-size:12px; line-height:1em; letter-spacing:0.1em; }


#journal_top_pickup { margin:10px auto 40px; width:1190px;}

.archive_ti { margin-top:50px;  font-family: 'Noto Sans', sans-serif;
    font-size: 28px;
    letter-spacing: 0.4px;
    line-height: 100%; }




#journal_new { margin:10px auto 50px; width:1190px; clear:both; }



.journal_bnr{ float:left; width:270px; margin:0 35px 0 0; padding-bottom:30px; }
.journal_bnr:nth-child(4n) { margin:0; clear:right; }

.journal_bnr:nth-child(4n+1) { clear:left; }

.journal_bnr a img { width:270px; height:auto; }
.journal_bnr a .bnr_day { padding:5px 18px 0px; font-size:11px; font-family: 'Noto Sans', sans-serif; letter-spacing:0.1em; } 
.journal_bnr a .bnr_name { padding:6px 18px 6px; font-size:12px; text-decoration: underline; }


.journal_bnr .bnr_tag { margin-left:16px; }

.journal_bnr .bnr_tag a {
 float:left;
 margin:3px 4px 4px 2px;
 background: #f0f0f0;
 border: 1px solid #ddd;
 color: #333;
 display: inline-block;
 font-size: 11px;
 line-height: 100%;
 padding: 9px 10px 8px;
 text-decoration: none;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 width:auto !important;
}

.journal_ti { ont-family: "Montserrat",sans-serif;
 font-size:22px;
 font-weight:bold;
 letter-spacing: 0.2px;
 line-height:100%;
 clear:both;
 margin:40px auto 13px;
width:1190px;
}

.journal_ti2 { ont-family: "Montserrat",sans-serif;
 font-size:22px;
 font-weight:bold;
 letter-spacing: 0.2px;
 line-height:100%;
 clear:both;
 /*border-top:#ccc 1px solid;*/
 border-bottom:#ccc 1px solid;
padding:15px;
text-align:center;
margin-top:1px;
margin-bottom:2px;
}

.journal_top_pickup_bg { background:url(../img/bg_01.gif) center top repeat-y; padding:15px 0 0px; margin-bottom:13px; }
.journal_top_pickup_bg #journal_top_pickup { margin:10px auto 0; }
.journal_top_pickup_bg .bnr_tag a { background: #fff; }


#journal_top_main { margin:0px auto 20px; width:1190px; padding-bottom:15px; position:relative;}
#journal_top_main .left { width:715px; float:left; }

#journal_top_main .left a img { width:685px; height:auto; }
#journal_top_main .left .journal_bnr { float:left; margin:0; padding-bottom:0px; width:685px; }

#journal_top_main .right { float:left; width:475px; }
#journal_top_main .right .journal_bnr { float:left; margin:0; padding:22px 0 0 0;  width:475px; }
#journal_top_main .popular_left { width:175px; float:left; }
#journal_top_main .popular_left a img { width:170px; height:auto;}
#journal_top_main .popular_right { width:295px; float:left; margin-top:-2px; }

#cate_bnr_journal .journal_bnr{ float:left; width:444px; margin:0; padding-bottom:18px; }
#cate_bnr_journal .journal_bnr img { width:444px; height:auto; }
#cate_bnr_journal .journal_bnr:nth-child(3) { clear:left; }

#journal_main #cate_bnr_journal .journal_bnr img { width:595px; height:auto; }
#journal_main #cate_bnr_journal .journal_bnr { width:595px; }
#journal_main #cate_bnr_journal .journal_bnr a { float:none; }