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

	サイドバー 【sidebar】

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#sidebarBlock { text-align:left; }
#sidebarBlock > section { margin-bottom:20px; }
#sidebarBlock h5 { color:#fff; background:#999; padding:10px; line-height:1; }
#sidebarBlock h5 + form,
#sidebarBlock h5 + ul { margin:10px 0; }
#sidebarBlock a { display:block; font-size:0.8rem; }

/*-------------------- [+D]投稿者リスト --------------------*/
#sidebarBlock #userList { }
#sidebarBlock #userList ul { }
#sidebarBlock #userList li a { padding:10px 0; border-bottom:1px dotted #dedede; overflow:hidden; }
#sidebarBlock #userList li a .img_box { float:left; width:40px; margin-right:10px; }
#sidebarBlock #userList li a .data_box { float:right; width:calc(100% - 50px); }

/*-------------------- [+D]カテゴリーリスト --------------------*/
#sidebarBlock #categoryList { }
#sidebarBlock #categoryList ul { text-align:left; }
#sidebarBlock #categoryList li a { position:relative; padding:10px 0 10px 1em; }
#sidebarBlock #categoryList li a::before { position:absolute; content:''; top:23px; left:0; width:5px; height:5px; border-radius:100%; background:#999; text-indent:-1em; opacity:0.6; }
#sidebarBlock #categoryList .level_1 { }
#sidebarBlock #categoryList .level_1 > li > a { padding-left:0; border-bottom:1px dotted #dedede; }
#sidebarBlock #categoryList .level_1 > li > a::before { display:none; }
#sidebarBlock #categoryList .level_2 { margin-bottom:10px; }
#sidebarBlock #categoryList .level_3,
#sidebarBlock #categoryList .level_4 { padding-left:1em; }
#sidebarBlock #categoryList li a span { position:absolute; top:18px; right:0; display:inline-block; text-align:center; line-height:1; width:30px; border-radius:5px; padding:2px; color:#fff; background:#dedede; }

/*-------------------- [+D]タグリスト --------------------*/
#sidebarBlock #tagList { }
#sidebarBlock #tagList li { display:inline-block; margin:0 5px 5px 0; }
#sidebarBlock #tagList li a { display:inline-block; padding:2px 5px; border:1px solid #dedede; border-radius:5px; }
#sidebarBlock #tagList li a span { display:inline-block; vertical-align:middle; text-align:center; line-height:1; width:30px; border-radius:5px; padding:2px; color:#fff; background:#dedede; margin-left:5px; }

/* カテゴリー・タグリスト (n件以降+1) More*/
#sidebarBlock #categoryList li:nth-child(n+11),
#sidebarBlock #tagList li:nth-child(n+11) { display:none; }
/* more */
#sidebarBlock .but_more { text-align:right; margin:0 0 20px 0; cursor:pointer; }
#sidebarBlock .but_more span { display:inline-block; padding:0 5px; border-radius:3px; color:#fff; background:#ccc; font-size:0.8rem; }




/*-------------------- [+D]ランキング・[+D]最新記事・[+D]おすすめ記事 --------------------*/
#sidebarBlock #rankingList li,
#sidebarBlock #recentlyList li,
#sidebarBlock #recommendList li { position:relative; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccc; }
#sidebarBlock #rankingList a,
#sidebarBlock #recentlyList a,
#sidebarBlock #recommendList a { display:block; overflow:hidden; }
#sidebarBlock #rankingList .img_box,
#sidebarBlock #recentlyList .img_box,
#sidebarBlock #recommendList .img_box { float:left; width:40px; margin-right:10px; }
#sidebarBlock #rankingList .img_box img,
#sidebarBlock #recentlyList .img_box img,
#sidebarBlock #recommendList .img_box img { transition:0.3s ease; }
#sidebarBlock #rankingList .data_box,
#sidebarBlock #recentlyList .data_box,
#sidebarBlock #recommendList .data_box { float:right; width:calc(100% - 50px); line-height:1.4; margin:0; }
/* hover */
#sidebarBlock #rankingList li:hover .img_box img,
#sidebarBlock #recentlyList li:hover .img_box img,
#sidebarBlock #recommendList li:hover .img_box img { transform:scale(1.2); }
/* ranking */
#sidebarBlock #rankingList li { }
#sidebarBlock #rankingList li::after { position:absolute; top:0; left:0; width:10px; height:10px; padding:5px; font-size:12px; text-align:center; line-height:1; color:#fff; background:rgba(0,0,0,0.6); }
#sidebarBlock #rankingList li:nth-child(1)::after { content:'1'; }
#sidebarBlock #rankingList li:nth-child(2)::after { content:'2'; }
#sidebarBlock #rankingList li:nth-child(3)::after { content:'3'; }
#sidebarBlock #rankingList li:nth-child(4)::after { content:'4'; }
#sidebarBlock #rankingList li:nth-child(5)::after { content:'5'; }
#sidebarBlock #rankingList li:nth-child(6)::after { content:'6'; }
#sidebarBlock #rankingList li:nth-child(7)::after { content:'7'; }
#sidebarBlock #rankingList li:nth-child(8)::after { content:'8'; }
#sidebarBlock #rankingList li:nth-child(9)::after { content:'9'; }
#sidebarBlock #rankingList li:nth-child(10)::after { content:'10'; }

/*-------------------- [+D]月別アーカイブ --------------------*/
#sidebarBlock #monthlyList .form_pulldown { width:100%; }
#sidebarBlock #monthlyList select { width:100%; }

/*-------------------- [+D]検索 --------------------*/
#sidebarBlock #searchForm { }
#sidebarBlock #searchForm .searchform input[type="text"] { width:calc(100% - 2rem - 25px); }
#sidebarBlock #searchForm .searchform input[type="submit"] { width:calc(2rem + 20px); }

/*-------------------- [+D]イベントカレンダー --------------------*/
/*
#sidebarBlock #eventCalendar { }
#sidebarBlock #eventCalendar .date_box { text-align:center; margin:10px auto; overflow:hidden; }
#sidebarBlock #eventCalendar .date_box li { float:left; }
#sidebarBlock #eventCalendar .date_box li:nth-child(1),
#sidebarBlock #eventCalendar .date_box li:nth-child(3) { width:30px; }
#sidebarBlock #eventCalendar .date_box li:nth-child(2) { width:calc(100% - 60px); }
#sidebarBlock #eventCalendar .date_box li a { color:#aaa; }
#sidebarBlock #eventCalendar table { width:100%; text-align:center; }
#sidebarBlock #eventCalendar tbody tr { border-bottom:1px solid #eee; }
#sidebarBlock #eventCalendar th,
#sidebarBlock #eventCalendar td { border-radius:5px; }
#sidebarBlock #eventCalendar th { width:calc(100% / 7); text-align:center; background:#ddd; color:#fff; border-right:1px solid #fff; }
#sidebarBlock #eventCalendar td { }
#sidebarBlock #eventCalendar td.active { background:#FFF0F0; padding-bottom:5px; }
#sidebarBlock #eventCalendar td.active a { font-size:1rem; }
#sidebarBlock #eventCalendar td.active a.icon { display:block; line-height:1.2; color:#F98082; }
#sidebarBlock #eventCalendar td.active a:hover { text-decoration:underline; }
*/

/*-------------------- [+D]バナー --------------------*/
/*#sidebarBlock #bannerList li { margin-bottom:10px; }*/



/*--------------------------------------------------------------
	widget
--------------------------------------------------------------*/
.widget { margin-bottom:40px; }
.widget_calendar h5,
.widget_text h5,
.widget_media_gallery h5,
.widget_meta h5,
.widget_media_video h5 { margin-bottom:20px; }


/* calendar widget */
.widget_calendar { }
#wp-calendar { text-align:center; width:100%; margin:auto; }
#calendar_wrap { padding:15px 0; }
#calendar_wrap th { text-align:center; background:#dedede; border-right:1px solid #fff; border-radius:5px; color:#fff; }
#calendar_wrap th:last-child { border-right:none; }
#calendar_wrap td { }
#wp-calendar tr td { }
#wp-calendar caption { text-align:center; line-height:1; padding:0 0 15px 0; }

#wp-calendar td a { font-size:1rem; text-decoration:underline; border-radius:5px; cursor:pointer; }
#wp-calendar #today { }
#wp-calendar #prev { text-align:left; }
#wp-calendar #next { text-align:right; }
#wp-calendar #next a,
#wp-calendar #prev a { background:none; text-decoration:none; }


/* pages widget_meta */
.widget_pages { }
.widget_pages li a,
.widget_meta li a{ display:block; padding:10px; border-bottom:1px dotted #dedede; }


/* widget_nav_menu */
.widget_nav_menu li a { display:block; padding:10px; border-bottom:1px dotted #dedede; }
.widget_nav_menu li .sub-menu a { position:relative; padding-left:25px; }
.widget_nav_menu li .sub-menu a::before { position:absolute; content:''; left:10px; top:20px; width:6px; height:6px; border-radius:100%; background:#dedede; }
.widget_nav_menu li .sub-menu .sub-menu .sub-menu a { position:relative; padding-left:40px; }
.widget_nav_menu li .sub-menu .sub-menu .sub-menu a::before { left:25px; }


/* widget_recent_comments */
.widget_recent_comments a { display:inline-block !important; }
.widget_recent_comments li { padding:10px; border-bottom:1px dotted #dedede; }


/* widget_rss */
.widget_rss {}
.widget_rss h5 a { display:inline-block !important; }
.widget_rss h5 img { width:14px !important; height:14px !important; vertical-align:middle; margin-right:5px; }
.widget_rss li { padding:10px; border-bottom:1px dotted #dedede; }

/**
 * Gallery (Twenty Fourteen)
 */
.gallery {
    overflow:hidden;
}
 
.gallery-item {
    float: left; 
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
}
 
.gallery-columns-1 .gallery-item {
    max-width: 100%;
}
 
.gallery-columns-2 .gallery-item {
    max-width: 48%;
    max-width: -webkit-calc(50% - 4px);
    max-width:         calc(50% - 4px);
}
 
.gallery-columns-3 .gallery-item {
    max-width: 32%;
    max-width: -webkit-calc(33.3% - 4px);
    max-width:         calc(33.3% - 4px);
}
 
.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: -webkit-calc(25% - 4px);
    max-width:         calc(25% - 4px);
}
 
.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: -webkit-calc(20% - 4px);
    max-width:         calc(20% - 4px);
}
 
.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: -webkit-calc(16.7% - 4px);
    max-width:         calc(16.7% - 4px);
}
 
.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: -webkit-calc(14.28% - 4px);
    max-width:         calc(14.28% - 4px);
}
 
.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: -webkit-calc(12.5% - 4px);
    max-width:         calc(12.5% - 4px);
}
 
.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 4px);
    max-width:         calc(11.1% - 4px);
}
 
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
}
 
.gallery-caption {
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    color: #fff;
    /* font-size: 12px; */
    font-size: 80%;
    line-height: 1.5;
    margin: 0;
    max-height: 60%;
    opacity: 0;
    padding: 6px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%;
}
 
.ie7 .gallery-caption,
.ie8 .gallery-caption {
    background: #000;
    filter: alpha(opacity=0);
}
 
.gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
 
.gallery-item:hover .gallery-caption {
    opacity: 1;
}
 
.ie7 .gallery-item:hover .gallery-caption,
.ie8 .gallery-item:hover .gallery-caption {
    filter: alpha(opacity=70);
}
 
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}












@media screen and (max-width:768px) {
	/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

		サイドバー 【sidebar】

	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	#sidebarBlock { }
	#sidebarBlock > section { margin-bottom:1px;}
	#sidebarBlock h5 { cursor:pointer; padding:15px 10px; }
	#sidebarBlock h5 + form,
	#sidebarBlock h5 + ul { }
	#sidebarBlock a { padding-bottom:10px; font-size:0.9rem; }
	/* + */
	.accordion { position:relative; }
	.accordion::after,
	#sidebarBlock h5::before { position:absolute; content:''; top:50%; right:10px; width:15px; height:1px; background:#fff; }
	#sidebarBlock h5::after { position:absolute; content:''; top:calc(50% - 7px); right:17px; width:1px; height:15px; background:#fff; }
	/* - */
	.accordion.active::after,
	#sidebarBlock h5.active::after { display:none; }
	
	#sidebarBlock h5 + form,
	#sidebarBlock h5 + ul,
	#sidebarBlock h5 + img,
	#sidebarBlock h5 + div { margin:10px 20px 20px 20px; display:none; }

	/* カテゴリー・タグリスト (n件以降+1) More*/
	#sidebarBlock #categoryList li:nth-child(n+11),
	#sidebarBlock #tagList li:nth-child(n+11) { }
	/* more */
	#sidebarBlock .but_more {  display:none }
	#sidebarBlock .but_more span { }

	
	/*--------------------------------------------------------------
		widget
	--------------------------------------------------------------*/
}