@charset "UTF-8";
@import url("../Standard/style.css");
@import url(http://fonts.googleapis.com/css?family=Prata);
/* 本文はNotoを利用（サイトのテイストに応じて適宜変更可能） */
/* https://fonts.google.com/?subset=japanese */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese');

/*
	Theme Name: Standard child
	Template: Standard
*/

/* 
	Main Color: 121212;
	Sub Color: 
	Link Color(normal): 2882e6;
	Link Color(hover): 1370d8;

	Standard子テーマ用のスタイルを書く
*/


/*--- Main Color変更（TODO:管理画面で変更できるようにする） ---*/

#menu {
	background: #121212;
	
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #eeeeee)); /* 左の値が上端、右の値が下端 */
/*	background: -webkit-linear-gradient(top, #fafafa, #eeeeee);       /* Safari 5.1+, Chrome 10+, iOS Safari 5.1+, Android 4.0+ */
/*	background:    -moz-linear-gradient(top, #fafafa, #eeeeee);       /* Firefox 3.6-15.0 */
/*	background:      -o-linear-gradient(top, #fafafa, #eeeeee);       /* Opera 11.10-12.10 */
/*	background:         linear-gradient(to bottom, #fafafa, #eeeeee); /* IE10, Firefox 16.0+, Opera 12.50+ */
/*	border-top: 3px solid #121212; */
/*	border-bottom: 1px solid #ddd; */
}

.menu-secondary li li a {
	background: #121212;
}

.title, .title-home {
	border-left: 5px solid #121212;
	font-weight: bold;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active, .wp-pagenavi a:focus {
    color: #121212;
}

.wp-pagenavi span.current {
    background: #121212;
    border: 1px solid #121212;
}

.wp-pagenavi a:hover {
    background: #121212;
    border: 1px solid #121212;
}

.wp-pagenavi span.pages {
    color: #121212;
}

.wp-pagenavi span.extend {
    color: #121212;
}

#footer-container {
    background: #121212;
}

.info1column li a .news {
	background: #121212;
}
.info2column .info-meta .news {
	background: #121212;
}
.show-thumbnail-title .info-meta .news {
	background: #121212;
}

i {
	color: #121212;
}

.subtitle, .subtitle0 {
    border-left: 5px solid #121212;
}

.header-right ul li:before {
	color: #121212;
}

.menu-secondary li li a {
	color: #fff;
	background: #121212; /* サブメニューの背景色 */
}

.menu-secondary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:focus, 
.menu-secondary li li:hover > a, .menu-secondary li li.current-cat > a, .menu-secondary li li.current_page_item > a, .menu-secondary li li.current-menu-item > a {
	color: #fff;
	background: #222; /* サブメニューの背景色：オンクリック時 */
}

/* =========================================================
 * 見出し装飾
========================================================= */
/* グラデーションと角丸を使った見出し */
.heading1 {
}
.heading1:before {
	border-left:5px #121212 solid;
}
/* グラデーションと角丸を使った見出し下線付き */
.heading2 {
	border-bottom: 2px solid #121212;
}
.heading2:before {
	border-left:5px #121212 solid;
}
/* ボーダーを利用した見出し */
.heading3 {
	background-color: #121212;
}
/* チェックマークの見出し */
.heading5{
}
.heading5:after, .heading5:before{
	background:#121212; 
}
/* 四角2つのワンポイントを付ける */
.heading6{
}
.heading6:before{
	background:#121212; 
}
.heading6:after{
	background:#121212; 
}
/* 円を重ね合わせた見出し */
.heading7{
}
.heading7:before{
	background-color:#121212;
}
.heading7:after{
	background-color:#121212;
}

.heading8 {
	background: #121212;
}

.widgettitle {
	/*border-bottom: 2px solid #121212;*/
}
.widgettitle:before {
	border-left:5px #121212 solid;
}

/*--- その他変更は下記へ ---*/


/* =========================================================
 * 共通
========================================================= */
body {
	color: #111;
	background: #ffffff url(images/background.gif) left top repeat;
    /* font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', "heisei-mincho-std", HG明朝E, 'MS P 明朝', 'MS PMincho', 'MS 明朝', serif; */
    font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 游明朝, YuMincho, HGS明朝E, 'MS PMincho', serif;
}
h1, h2, h3, h4, h5 {
	color: #222;
    /* font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', "heisei-mincho-std", HG明朝E, 'MS P 明朝', 'MS PMincho', 'MS 明朝', serif; */
    font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 游明朝, YuMincho, HGS明朝E, 'MS PMincho', serif;
	font-weight: bold;
}
a {
	color: #111;
}
a:hover,
a:active,
a:focus {
	color: #000000;
}

.bgblack {
	background: #000000;
}
.bgbkptn {
	background: #111111 url(images/bg-bkptn.png) left top repeat;
}
.bgrice {
	background: #fff url(images/bg-rice.jpg) left top repeat;
}
.bgnouka {
	text-shadow: 0 0 2px #fff;
	background: url(images/bg-nouka.png) right bottom no-repeat;
}

.green-box {
	background: #E7E3D8;
	box-shadow: 0px 0px 1px #aaa;
	-moz-box-shadow: 0px 0px 1px #aaa;
	-webkit-box-shadow: 0px 0px 1px #aaa;
	text-shadow: 1px 1px 1px #ffffff;
}

/* =========================================================
 * MetaSlider
========================================================= */
.metaslider #metaslider_container_2442 .caption-wrap {
	position: absolute;
	top: 40%;
	left: 0;
	background: none;
	color: #111;
	opacity: 1;
	margin: 0;
	display: block;
	width: 100%;
	line-height: 1.4em;
	
	text-align: center;
	font-size: 46px;
}
#metaslider_2376 .flex-control-nav {
	bottom: 15px;
	z-index: 100;
}
@media only screen and (max-width: 768px) {
	.metaslider #metaslider_container_2442 .caption-wrap {
		top: 35%;
		font-size: 30px;
	}
}
@media only screen and (max-width: 480px) {
	.metaslider #metaslider_container_2442 .caption-wrap {
		top: 30%;
		font-size: 24px;
	}
}

/* =========================================================
 * ヘッダー
========================================================= */
#header {
	height: auto;
	padding: 15px 0 0 0;
	text-align: center;
	background: #fafafa url(images/bg-header.gif) left top repeat;
}
#header .logo {
	float: none;
}
#header h1 {
	font-size: 12px;
	line-height: 20px;
	margin: 5px 0 0 0;
	padding: 0;
	letter-spacing: -0.2px;
}

.metaslider .flexslider {
	margin: 0 !important;
}

.header-right {
	text-align: right;
	color: #111111;
	width: 100%;
	padding-top: 5px;
}

.header-right .header-tel {
	font-family: 'Prata', serif;
	font-weight: normal;
	color: #111111;
	font-size: 22px;
	line-height: 26px;
}
.header-right .header-tel a {
	color: #222222;
	text-decoration: none;
}
.header-right .header-tel a:hover,
.header-right .header-tel a:active,
.header-right .header-tel a:focus {
	color: #222222;
}

.header-time {
	line-height: 24px;
}


/* =========================================================
 * フッター
========================================================= */
#footer-menu {
	display: none;
}
#footer-widgets-container {
	color: #222;
	background: #121212 url(images/bg-footer.gif) left top repeat;
}
#footer-widgets-container a {
	color: #222;
}
#footer-widgets-container a:hover,
#footer-widgets-container a:active,
#footer-widgets-container a:focus {
	color: #111;
}
.footer-widget-menu li a {
	color: #222;
}
.footer-widget-menu li a:hover,
.footer-widget-menu li a:active,
.footer-widget-menu li a:focus {
	color: #111;
}
.footer-widget-tel,
.footer-widget-fax,
.footer-widget-mail {
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
}


/* =========================================================
 * メニュー
========================================================= */

/* メニューの色を反転させる場合に利用（背景が薄い色の場合）
.menu-secondary li a {
	color: #333;
}
.menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus,
.menu-secondary li:hover > a, .menu-secondary li.current-cat > a, .menu-secondary li.current_page_item > a, .menu-secondary li.current-menu-item > a {
	color: #333;
	background-color:rgba(0, 0, 0, 0.05);
}
*/

#menu {
    /* font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', "heisei-mincho-std", HG明朝E, 'MS P 明朝', 'MS PMincho', 'MS 明朝', serif; */
    font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 游明朝, YuMincho, HGS明朝E, 'MS PMincho', serif;
}
.menu-secondary li a {
	color: #fff;
	padding: 19px 20px 19px 20px; /* 上下の調整：メニューの縦幅とline-heightの差を測って半分に上下の値をふる 19+15+20=54 */
	margin: 0;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-decoration: none;
	
	/* min-width: 162px; メニュー数5つ  (20+162+20)x5=1010 */
	/* min-width: 128px; /* メニュー数6つ  (20+128+20)x6=1008 */
	/* min-width: 104px; /* メニュー数7つ  (20+104+20)x7=1008 */
    min-width: 123px;
    text-align: center;
}

/* Arrows - Menu Secondary */

.menu-secondary a.sf-with-ul {
	padding-right: 20px;
	min-width: 1px;
	/* min-width: 162px; メニュー数5つ  (20+162+20)x5=1010 */
	/* min-width: 128px; /* メニュー数6つ  (20+128+20)x6=1008 */
    /* min-width: 104px; /* メニュー数7つ  (20+104+20)x7=1008 */
    min-width: 123px;
}



/* =========================================================
 * トップページ
========================================================= */

.top-intro {
	background: url(images/bg-intro.png) center bottom repeat;
}

h2.intro {
	font-size: 22px;
	line-height: 30px;
	margin: 0 0 10px 0;
	text-shadow: 1px 1px 1px #ffffff;
}
.txt-intro {
	text-shadow: 1px 1px 1px #ffffff;
}


/* =========================================================
 * コンテンツ
========================================================= */
.flowtitle {
	color: #fff;
	background: #111;
	padding: 0 0 0 15px;
	font-size: 20px;
	line-height: 34px;
	margin: 0 0 15px 0;
	
	border-radius: 17px; /* CSS3草案 */
	-moz-border-radius: 17px; /* for Firefox, Mozilla */
	-webkit-border-radius: 17px; /* for Safari, Chrome */
	-khtml-border-radius: 17px; /* for Old Safari, KHTML */
}


/* =========================================================
 * レスポンシブ
========================================================= */
@media only screen and (max-width: 768px) {
	#menu {
		background: none;
	}
	
	.pc-hidden {
		color: #fafafa;
		padding: 5px 0;
		display: block;
	}
	
	.header-right {
		text-align: center;
		margin-bottom: 10px;
		padding: 0;
		width: 100%;
	}
}

/* =========================================================
 * 投稿の見出し設定
========================================================= */
.post .entry h2 {
    font-size: 24px;
    line-height: 1.5;
    padding: 10px 0;
    margin: 2em 0 0.5em 0;
    border-bottom: 1px dotted #ccc;
}
.post .entry h2:nth-of-type(1) {
    /* margin: 0.5em 0 1em 0; */
}

.post .entry h3 {
    font-size: 22px;
    line-height: 1.5;
    padding: 5px 0 5px 10px;
    margin: 1.5em 0 0.5em 0;
    border-bottom: 1px dotted #ccc;
    border-left: 5px solid #121212;
}
.post .entry h4 {
    font-size: 21px;
    line-height: 1.5;
    margin: 1em 0 0.5em 0;
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
}
.post .entry h5 {
    font-size: 18px;
    line-height: 1.5;
    margin: 1em 0 0.5em 0;
}
/* 目次設定 */
.post .entry #ez-toc-container p.ez-toc-title {
    font-size: 20px;
    line-height: 1.75;
    padding: 5px 0;
}
.post .entry div#ez-toc-container ul li {
    font-size: 100%;
}
.post .entry #ez-toc-container ul, 
.post .entry #ez-toc-container li, 
.post .entry #ez-toc-container ul li, 
.post .entry .ez-toc-widget-container, 
.post .entry .ez-toc-widget-container li {
    line-height: 1.75;
}

/* 2020.4.29 */
ul, ol {
    margin: 0 0 20px 0;
    padding-left: 25px;
}
