:root {
	--main-color: 0, 0, 0; /* #000000 */
	--sub-color: 170, 170, 170;	/* #AAAAAA  */
	--accent-color: 255, 255, 255; /* # */
	--font-color: 41, 41, 41; /* #292929 */
	--header-font-color: 255, 255, 255; /* #ffffff */
	--footer-font-color: 255, 255, 255; /* #ffffff */
	--background-color: 255, 255, 255; /* #ffffff */
	--btn-font-color: 41, 41, 41; /* #292929 */
	--btn-background-color: 255, 255, 255; /* #ffffff */
}


/********************************
共通
*********************************/
table {
	width: auto;
	border: 2px solid rgba(var(--sub-color));
}

#content > .inner {
	width: auto;
	padding: 30px 60px 30px 60px;
}


/*--- ボタン ---*/
input[type="submit"], input[type="button"] {
	color: rgba(var(--btn-font-color));
	background-color: rgba(var(--btn-background-color)) ;
	border-color: rgba(var(--btn-background-color)) ;
	font-weight: bold;
}
input[type="submit"]:hover, input[type="button"]:hover {
	color: rgba(var(--btn-background-color));
	background-color: rgba(var(--btn-font-color), 0.3);
	border-color: rgba(var(--btn-background-color));	
	transition; background-color 0.5s, border-color 0.5s, color 0.5s;
}

/*--- 先頭に戻るボタン ---*/




/********************************
ヘッダー
*********************************/
.header-logo {
	font-size: 25px;
	max-width: 400px;
}

.header-nav li > a:hover, .header-nav .sub-menu li a:hover {
	color: rgba(var(--sub-color));
	opacity: 1;
}

.header-nav .sub-menu {
	width: auto;
}

.header_title {
	padding-top: 110px;
}

/*-- レスポンシブ --*/
@media screen and (max-width: 767px) {
	.header-logo {
		font-size: 20px;
		margin-top: 8px;
	}
	
	h1 {
		padding-left: 0;
	}
	
	.header_title {
		padding-top: 85px;
	}

}


.drawer-nav li a {
	padding: 15px 12px 15px 0px;
}
.drawer-nav li a:hover {
	color: rgba(var(--sub-color));
	opacity: 1;
}

ul.drawer-nav,
ul.sub-menu {
	list-style: none;
}



/********************************
hタグ
*********************************/
h1 { font-size: 25px; }
h2 { font-size: 22px; }
h3 { font-size: 17px; }
h4 { font-size: 16px; }
h1 {
	padding-left: 15px;
	border-bottom: 1px solid #0A0A0A;
}

h2 {
	padding-left: 5px;
	border-bottom: 1px dashed #0A0A0A;
	margin: 0 0 5px 0;
}


/********************************
ウィジェット
*********************************/
.widget_calendar .wp-calendar-table,
.widget_categories select,
.widget_archive select {
	width: 100%;
}



/********************************
ブログ
*********************************/
#pickup {
	height: 0; /*--- blogページだけページタイトルの位置がこのdiv分下がるため ---*/
}

/*--- ページ送り---*/