/* ヘッダーの背景色 */
.site-header{
	background-color: #f0eeeb;
}
/* サイトタイトルと詳細の文字色 */
.site-title a,
.site-title a:link,
.site-title a:visited,
.site-description{
	color:#40382f;
}
/* 固定ページタイトルの文字 */
h1.entry-title{
	font-size:1.5rem !important;
	line-height:1.5rem;
	padding:0 0 0.8rem !important;
	margin:0.8em 0 0 0 !important;
	border-bottom:3px dotted;
}

h3.entry-title{
	padding:0 0 0.3rem;
	margin:0 0 0.5rem 0 !important;
	border-bottom:3px dotted;
	font-size:1.8rem;
}

.entry-content h2{
	font-size:1.3rem !important;
	margin:2em 0 0.5rem 0;
	padding:0;
}
.entry-content h3{
	font-size:1.1rem !important;
	margin:1.5em 0 0.8rem 0;
	padding:0.4em 0.6rem 0.2rem;
	color:#40382f;
	background-color:#c0b5a6;
	border-radius:4px;
}
.entry-content h4{
	font-size:1.15rem !important;
	margin:0.8em 0 0.5em 0;
	padding: 0 0 0 0;
	display: flex;
  align-items: center;
}
.entry-content h4::before {
	background-color: #c0b5a6; 
	border-radius: 1px;
	content: "";
	display: block;
	height: 12px; 
	width: 12px;
	margin-right:8px;
	margin-top:-4px;
	}
.entry-content h5{
	font-size:1rem !important;
	margin:0.5rem 0 0.5rem 0;
	padding:0;
}
/* entryとtextwidgetの画像のボーダー */
.entry-content img{
	border:10px solid #FFF;
	margin:0.5em 0 0.8em;
	padding:0;
	border-radius:4px;
}
.textwidget img{
	border:10px solid #FFF;
	margin:0.2em 0 0.5em;
	padding:0;
	border-radius:4px;
}
.textwidget img{
	margin-right:0.5em;
	float:left;
}
.bordernone{
	border:none !important;
}

/* 固定ページタイトルの背景 */
.entry-header{
	margin:0 !important;
	padding:0 !important;
}
/* エントリーの背景*/
.entry-content{
	background-color:rgba(255,255,255,0);
	border-bottom:2px dotted #fff;
	padding:1em auto 2em;
	margin:1em auto 2em;
}

/* グローバルナビメニューの背景色 */
.navigation-top,
.navigation-top .sub-menu,
.navigation-top .toggled-on .menu {
	background-color:#fff;
}
/* グローバルナビメニューの余白 */
.site-branding {
		margin-top: 0;
		margin-bottom: 0 !important; /* override styles added by JavaScript */
	}
.main-navigation a {
	padding: 0 0.5em;
}
/* スクロールボタンの位置 */
	.site-header .navigation-top .menu-scroll-down {
		top: -0.2em;
		color:#c0b5a6;
	}
 
/* グローバルナビメニューの文字色 */
.navigation-top a,
.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle,
.site-header .navigation-top .menu-scroll-down {
	color: #51442c;
	
	
}

.navigation-top a:hover,
.navigation-top a:focus{
	color: #c0b5a6;
}
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #c0b5a6;
}
abbr[title] {
	border-bottom: 1px #c0b5a6 dotted;
	text-decoration: none;
}
 
/* コンテンツ部分の背景色 */
.site-content {
	background-color:#f0eeeb;
	background-image:url("http://jukkagraph.net/img_wpt27_child/entry_bg.jpg");
	background-repeat:repeat; 
	padding:1em 0 0 0 !important;
}

 
/* == レイアウト == */
.site-content .wrap {
padding:1.2em;
background-color: rgba(255,255,255,0.7);
border-radius: 4px;
}
.site-branding .wrap{
	max-width: 92%;
	text-align: center;
}
.navigation-top .wrap {
	max-width: 92%;
	padding: 0.5em 0;
}
@media screen and (min-width: 48em) {
.site-content .wrap {
max-width: 92%;/* 1000px */
padding:1.2em;
margin: 1em auto;
background-color: rgba(255,255,255,0.7);
	border-radius: 4px;
}

	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 58%;/* 58% */
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 26%;/* 36% */
	}
	.page-two-column .panel-content .entry-header {
		float: left;
		width: 36%;
	}

	.page-two-column .panel-content .entry-content {
		float: right;
		width: 58%;/* 58% */
	}

	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 58%;/* 58% */
	}
	
	.search-submit{
		max-width: 48px;
	}
	.search-submit svg{
		margin-top: 2px !important;
		margin-left: -2px !important;
		width:24px !important;
	}
	
	
body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		float: left;
		width: 26%;/* 36% */
	}

	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: right;
		width: 68%;/* 58% */
	}

	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 4em;
	}

	.navigation.pagination {
		clear: both;
		float: right;
		width: 68%;/* 58% */
	}
.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
.archive:not(.has-sidebar) 
.entry-content blockquote.alignleft,
.page-two-column .entry-content blockquote.alignleft {
		margin-left: -72.5%;
		width: 68%;/* 58% */
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright {
		margin-right: 0;
		width: 26%;/* 36% */}
	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 26%;/* 36% */
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		width: 68%;/* 58% */
	}

	.social-navigation {
		clear: left;
		float: left;
		margin-bottom: 0;
		width: 26%;/* 36% */
	}

	.site-info {
		float: left;
		padding: 0.7em 0 0;
		width: 68%;/* 58% */
	}

	.wrap {
		max-width: 1200px;
		padding-left: 1em;
		padding-right: 1em;
	}

	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 68%;/* 58% */
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 26%;/* 36% */
	}}
 
/* フッターの背景色 */
.site-footer {
	background-color:#c0b5a6;
	margin-top:0;
}
/* サイドバーの文字 */
.widget ul li,
.widget ol li {
	border-bottom: 1px dotted #fff;
	border-top: none;
}
.widget ul li:first-child,
.widget ol li:first-child{
	border-top: 1px dotted #fff;
}

.widget ul li {
    position: relative;
    padding-left: 12px;
}
.widget ul li:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 4px transparent;
    border-left: solid 6px #c0b5a6;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
}
/* 文字の色 */
h1,h2,h3,h4,h5,h6,
body,
button,
input,
select,
textarea,
.page .panel-content .recent-posts .entry-title,
h2.widget-title,
entry-header{
	color:#51442c;
}

.red{
	color:#f00 !important;
}
.small{
	font-size:80%;
}

/* ボタンの色 */
button,
input[type="button"],
input[type="submit"] {
	background-color: #51442c;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #c0b5a6;
	color: #fff;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #6e5a42;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #6e5a42;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #c0b5a6;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #c0b5a6;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #c0b5a6;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #c0b5a6;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

/* box */
.txt_box{
	padding:10px;
	border:solid 1px #fff;
	background-color: rgba(255,255,255,0.8);
}
img.border{
	border:solid 1px #c0b5a6 !important;
}

/* 矢印 */
.arrow {
    position: relative;
    display: inline-block;
    padding-left: 20px;
	margin-bottom:0.2em;
}
.arrow:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #c0b5a6;
    border-radius: 50%;
    position: absolute;
    top: 42%;
    left: 0;
    margin-top: -8px;
}
.arrow:after {
    content: '';
    width: 0;
    height: 0;
    border: solid 4px transparent;
    border-left: solid 6px #fff;
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -6px;
}

/* エントリー内 p,ul,ol */
.entry-content p{
	line-height:1.8em;
	padding:0;
	margin:1em 0 0 0;
}
.entry-content ul li,.entry-content ol li {
  text-indent: 0.15em;
  list-style-position: inside;
	line-height:1.5em;
	padding:0 0 1em 0;
}
/* リンク文字の色 */
a {
	color: #836347;
	text-decoration:underline;
	text-decoration-style: dotted;
}
a:hover,
a:active {
	color: #da6a39 !important;
}
.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 0px 0 rgba(218, 106, 57, 0) !important;/*下線の太さと色*/
	box-shadow: inset 0 0px 0 rgba(218, 106, 57, 0) !important;/*下線の太さと色*/
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	color:#6d553c;/* タイトル文字リンクの色 */
	-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 0px 0 rgba(255, 255, 255, 1);
}
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: rgba(204, 122, 50, 1);/*マウスオーバー時の下線の太さと色（4番目は透過）*/
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(218, 106, 57, 0) !important;/*マウスオーバー時の下線の太さと色（4番目は透過）*/
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(204, 122, 50, 0) !important;/*マウスオーバー時の下線の太さと色（4番目は透過）*/
}
/* ヘッダーの高さ */
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
  height: 50vh;  /* 75vh  */
}
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
  position: absolute; /* fixed */
}

/*カレンダー*/
#wp-calendar a:link{
	background-color:rgba(255,255,255,0.6);
	display:block;
	margin:0;
	padding:0;
	color:#51442c;
	text-decoration:underline;
	text-decoration-style: dotted;
}
#wp-calendar {
    border-collapse: collapse;
    border-top: 1px dotted rgba(255,255,255,0.5);
	border-right:1px dotted rgba(255,255,255,0.5);
    margin-left: 0px;
}
#wp-calendar thead tr th {
    border-bottom: 1px dotted rgba(255,255,255,0.5);
    border-left: 1px dotted rgba(255,255,255,0.5);
	width:14.285%;
}

/*土曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(7){
  background-color: rgba(203,237,238,0.5);
	padding-right:0.5em;
}

/*日曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(1){
  background-color: rgba(238,209,203,0.5);
	padding-left:0.3em;
	
}
#wp-calendar thead tr th:nth-child(2),
#wp-calendar thead tr th:nth-child(3),
#wp-calendar thead tr th:nth-child(4),
#wp-calendar thead tr th:nth-child(5),
#wp-calendar thead tr th:nth-child(6){
  background-color: rgba(255,255,255,0.3);
	text-align:center !important;
}


#wp-calendar td {
    text-align: center;
    padding: 0px;
    border-bottom: 1px dotted rgba(255,255,255,0.5);
    border-left: 1px dotted rgba(255,255,255,0.5);
}
#wp-calendar caption {
    font-weight: bold;
    text-align: left;
}
#wp-calendar tbody tr #today {
    background-color: rgba(237,233,212,0.8);
}

/*blockquote（引用）*/
blockquote {
    position: relative;
    padding: 15px 15px 0px 55px;
    box-sizing: border-box;
    font-style: italic;
    color: #7d7462;
background:rgba(255,255,255,0.5);
	font-size:90%;
	border:1px #fff solid;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 8px;
    width: 34px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    color: #FFF;
    font-size: 16px;
    line-height: 28px;
    background: #c0b5a6;
    font-weight: 900;
}

blockquote:after{
    content: '';
    position: absolute;
    left: 8px;
    top: 30px;
    height: 0;
    width: 0;
    border-left: 17px solid #c0b5a6;
    border-right: 17px solid #c0b5a6;
    border-bottom: 8px solid transparent;
}

/*code（コード枠）*/
code{
	border:1px #fff solid;
border-radius:4px;
	padding:1em;
	margin:0.5em 0 1em ;
background:rgba(255,255,255,0.5);
	overflow: auto;
	white-space: pre-wrap; 
	display: block;
	word-wrap: break-word;
		font-size:80%;
	line-height:1.1em;
}


@media screen and (min-width: 48em) {
  .has-header-image.twentyseventeen-front-page .custom-header,
  .has-header-video.twentyseventeen-front-page .custom-header,
  .has-header-image.home.blog .custom-header,
  .has-header-video.home.blog .custom-header {
    height: auto;
  }
  .twentyseventeen-front-page.has-header-image .custom-header-media,
  .twentyseventeen-front-page.has-header-video .custom-header-media,
  .home.blog.has-header-image .custom-header-media,
  .home.blog.has-header-video .custom-header-media {
    height: 75vh; /* 100vh */
  }
	
}