@charset "UTF-8";
/*
Theme Name: adachi-chiro2021
Description: This theme uses it for adachi-chiro based on the famous <a href="http://mapleworks.jp/">MapleWorks</a>.
Version: 1.0
Author: MapleWorks
Author URI: http://mapleworks.jp/
*/

body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	background-color: hsl(30, 40%, 90%);
	line-height: 1.5;
/*
    padding-top: 5rem;
*/
}


/* ------------------- 基本構造 ------------------- */

/* ヘッダーとフッターをバーの形にする設定 */
header	{
	padding-top: 10px;
	border-bottom: solid 1px #dddddd;
	background: hsl(38.8, 100%, 50%);
	overflow: hidden;
	border-radius: 0.5rem !important;
    padding-left: 10px;
    padding-right: 10px;
}


footer	{
	clear: both;
	border-top: solid 1px #dddddd;
}

/* ボックスの上下の間隔 */
.sub-header	{
	clear: both;
	padding-top: 5px}


.container {
	background-color: white;
  border-radius: 0.5rem !important;
}

.contents	{padding-top: 20px;
	padding-bottom: 20px
	
	background-color: hsl(0, 100%, 100%);
	}

.sub	{padding-top: 20px;
	padding-bottom: 20px}

footer	{padding-top: 15px;
	padding-bottom: 15px}

@media (max-width: 599px) {
	.contents	{padding-top: 10px}
}


/* ボックスの左右の余白 */
header, footer, .container, .sub-header
	{padding-left: 10px;
	padding-right: 10px}




@media (min-width: 768px) and (max-width: 1039px) {
	/* 全体の横幅 */
	header	{
		width: 760px;
		width: 100%;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		}
		
	.header-inner
		{
		width: 100%;
		margin-left: auto;
		margin-right: auto}

	.container, .footer-inner, .sub-header
		{
		width: 747px;
/*
		width: 100%;
		max-width: 1000px;
*/
		margin-left: auto;
		margin-right: auto}
}


@media (min-width: 1040px) {


	/* コンテンツとサイドバーを横に並べる設定 */
	.container:after	{content: "";
		display: block;
		clear: both}

	.contents	{
	float: left;
		width: 100%;
/*
	max-width: 600px;
*/
		margin-right: -300px}

	.sub	{float: left;
		width: 300px}

	/* コンテンツとサイドバーの間隔 */
	.contents	{padding-right: 350px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box}
}

@media (min-width: 1040px) {
	/* 全体の横幅 */


	header	{
/*
		width: 1000px;
		width: 100%;
*/
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;

		}






	.container, .header-inner, .footer-inner, .sub-header
		{
/*
		width: 1000px;
*/
		width: 100%;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto}
}


	.footer-btm
	{
    width: 100%;
	height: 130px;
	margin-left: auto;
	margin-right: auto;
/*
	background-size: cover;
*/
	background-image: url(/img/footer.png);
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
    }

@media (min-width: 1040px) {
	/* 全体の横幅 */
	.footer-btm
		{
		width: 100%;
		margin-left: auto;
		margin-right: auto}
}


/* ------------------- ヘッダー ------------------- */

/* サイト名 */
.site h1 a	{display: inline-block;
	padding: 10px;
	background-color: #00a0e9;
	color: #ffffff;
	text-decoration: none}

.site h1	{margin: 0;
	font-family: 'Arial Black', sans-serif;
	font-size: 30px}

	.header-top
	{
    width: 100%;
/*
	height: 125px;
*/
	margin-left: auto;
	margin-right: auto;
	background-size: 100%;
	background-image: url(http://adachi-chiro.com/wp-content/themes/adachi2021/img/header.png);
	background-position: 0% 0%;
	background-repeat: no-repeat;
    border-radius: 0.4rem !important;
    }


#head-title {
    padding-left: 10%;
    padding-right: 20%;
}

	#menu-sitenav {
	}



@media (max-width: 768px) {

	#head-title {
	    padding-left: 5%;
	    padding-right: 5%;
	}


	#menu-sitenav {
	    margin: 0px 0 0;
	        margin-top: 0px;
/*
	    margin-top: -20px;
	    position: absolute;
	    top: 70px;
	    right: 0;
	    z-index: 1500;
	    width: 70%;
*/
	    padding: 5px 5px;
	    border-radius: 10px;
	    list-style: none;
		background-color: hsl(90, 75%, 50%);
			}



}

@media (min-width: 1040px) {
	/* 全体の横幅 */
	.header-top
		{
		width: 1000px;
		width: 100%;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto}
}

/* ------------------- フッター ------------------- */

/* コピーライト */
.copyright p	{margin: 0;
	color: #a0cdff;
	font-size: 14px}



/* ------------------- 記事の概要 ------------------- */

/* 概要 */
.gaiyou a	{display: block;
	padding: 20px 0;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	text-decoration: none}

.gaiyou a:hover	{background-color: #eeeeee}

.gaiyou a:after	{content: "";
	display: block;
	clear: both}

.gaiyou img	{
	float: left;
	width: 160px
	padding-left: 5px;
	padding-right: 5px;
	}

.gaiyou .text	{float: none;
	width: auto;
	margin-left: 230px}

.gaiyou h1	{margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px}

.gaiyou p	{margin: 0;
	font-size: 14px}

.gaiyou .kiji-date	{margin-bottom: 8px}


@media (max-width: 599px) {
	.gaiyou a	{padding: 10px 0}

	.gaiyou img	{width: 100px}

	.gaiyou .text	{margin-left: 110px}

	.gaiyou h1	{font-size: 16px}

	.gaiyou p	{visibility: hidden;
		height: 0}

	.gaiyou .kiji-date	{margin-bottom: 0}
}


/* 概要（大サイズ） */
.gaiyou-large a	{display: block;
	padding: 20px 0;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	text-decoration: none}

.gaiyou-large:first-child a	{padding-top: 0}

.gaiyou-large a:hover	{background-color: #eeeeee}

.gaiyou-large h1	{margin-top: 10px;
	margin-bottom: 10px;
	font-size: 26px}

.gaiyou-large p	{margin: 0;
	font-size: 14px}

.gaiyou-large .kiji-date	{margin-bottom: 8px}

.gaiyou-large .thumb	{width: 100%;
	height: 350px;
	background-size: cover;
	background-position: 50% 50%}


@media (max-width: 599px) {
	.gaiyou-large a	{padding: 10px 0}

	.gaiyou-large h1	{font-size: 18px}

	.gaiyou-large p	{font-size: 12px}

	.gaiyou-large .thumb	{height: 200px}
}


/* ------------------- 記事 ------------------- */

/* 記事 */
.kiji:after	{content: "";
	display: block;
	clear: both}

.kiji h1	{margin-top: 0;
	margin-bottom: 10px;
color: #3366cc;
	font-size: 24px}

.kiji p	{margin-top: 0;
	margin-bottom: 20px;
color: #666666;}

@media (max-width: 599px) {
	.kiji h1	{font-size: 24px}

	.kiji p	{font-size: 14px}
}


/* 小見出し */
.kiji h2	{position: relative;
	margin-top: 40px;
	padding-left: 40px;
	padding-bottom: 5px;
	border-bottom: solid 2px #00a0e9;
	font-size: 20px;
	clear: both}

.kiji h2:before	{position: absolute;
	left: 0px;
	top: -3px;
	content: '\f1ea';	/* far fa-newspaper  */
	color: #00a0e9;
	font-family: 'Font Awesome 5 Free';
	font-size: 28px;
	line-height: 1}

.kiji h3	{margin-top: 25px;
	padding-left: 10px;
	border-left: solid 10px #a5e2fe;
	font-size: 18px;
	clear: both}

@media (max-width: 599px) {
	.kiji h2	{padding-left: 31px;
		font-size: 18px}

	.kiji h2:before	{font-size: 20px}

	.kiji h3	{padding-left: 6px;
		font-size: 15px}
}


/* 補足情報 */
.point	{position: relative;
	margin: 40px 0 30px;
	padding: 25px 20px 20px;
	border-radius: 10px;
	background-color: #cfedb7;
	font-size: 14px;
	clear: both}

.point:before	{position: absolute;
	left: 15px;
	top: -15px;
	content: '\f0eb';
	z-index: 2;
	width: 32px;
	height: 32px;
	padding-top: 3px;
	border-radius: 16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #5ab80e;
	color: #ffffff;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 1;
	text-align: center}

.point:after	{position: absolute;
	left: 32px;
	top: -8px;
	z-index: 1;
	content: 'POINT';
	padding: 3px 10px 3px 20px;
	border-radius: 5px;
	background-color: #5ab80e;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1}

/* 注意書き */
.attention	{position: relative;
	margin: 40px 0 30px;
	padding: 20px;
	border-radius: 10px;
	border: dotted 2px #ff0000;
	background-color: #ffefef;
	font-size: 14px;
	clear: both}

.attention:before	{position: absolute;
	left: 20px;
	top: -15px;
	content: '\f071';
	background-color: #ffffff;
	color: #ff0000;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 1}


/* 投稿日・更新日 */
.kiji-date	{margin-bottom: 20px;
	color: #666666;
	font-size: 12px}

@media (max-width: 599px) {
	.kiji-date	{font-size: 11px}
}


/* タグ */
.kiji-tag	{margin-bottom: 18px}

.kiji-tag ul	{margin: 0;
	padding: 0;
	list-style: none}

.kiji-tag li a	{display: block;
	margin-right: 5px;
	margin-bottom: 2px;
	padding: 3px 5px;
	border-radius: 2px;
	background-color: #75dbe7;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none}

.kiji-tag li a:hover	{background-color: #94ecf6}

.kiji-tag ul:after	{content: "";
	display: block;
	clear: both}

.kiji-tag li	{float: left;
	width: auto}


/* パンくずリスト */
.bread ol	{margin: 0;
	padding: 0;
	list-style: none}

.bread li a	{display: inline-block;
	padding: 5px 5px;
	color: #888 !important;
	font-size: 12px;
	text-decoration: none}

.bread li a[href]:hover	{background-color: #eeeeee}

.bread ol:after	{content: "";
	display: block;
	clear: both}

.bread li	{float: left;
	width: auto}

.bread li:after	{content: '\003e';
	margin-left: 2px;
	margin-right: 2px;
	color: #888888}

.bread li:last-child:after	{content: none}

.bread i	{font-size: 14px}

.bread span	{display: inline-block;
	text-indent: -9999px}

@media (max-width: 599px) {
	.bread li:last-child	{
/*
		text-indent: -9999px
*/
	    text-indent: 0;
	}
	
	.search .bread li:last-child {
	    text-indent: 0;
	}
}


/* シェアボタン */
.share	{margin-top: 40px;
	clear: both}

.share ul	{margin: 0;
	padding: 0;
	list-style: none}

.share li a	{display: block;
	padding: 8px 17px;
	border-radius: 10px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none}

.share li a:hover	{opacity: 0.8}

.share ul:after	{content: "";
	display: block;
	clear: both}

.share li	{float: left;
	width: auto;
	margin-right: 5px}

.share-tw	{background-color: #55acee}
.share-fb	{background-color: #3b5998}
.share-gp	{background-color: #dd4b39}

@media (max-width: 599px) {
	.share span	{display: inline-block;
		text-indent: -9999px}

	.share li a	{padding: 8px 10px}
}


/* ページネーション */
.pagination	{margin: 40px 0 30px;
	text-align: center}

.pagination ul	{display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none}

.pagination li a,
.pagination li > span
	{display: block;
	margin: 0 5px;
	padding: 6px 8px;
	border: solid 1px #cccccc;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.pagination li > span
	{background-color: #efefef}

.pagination li a:hover	{background-color: #eeeeee}

.pagination ul:after	{content: "";
	display: block;
	clear: both}

.pagination li	{float: left;
	width: auto}


/* 記事一覧のページネーション */
.pagination-index li .dots
	{padding: 6px 2px;
	border-color: transparent;
	background-color: transparent}

@media (max-width: 599px) {
	.pagination-index li a,
	.pagination-index li > span
		{margin: 0;
		padding: 6px 7px;
		border-left: none;
		font-size: 12px}

	.pagination-index li:first-child a,
	.pagination-index li:first-child > span
		{border-left: solid 1px #cccccc}

	.pagination-index li .dots
		{border-right-color: #cccccc}
}



/* ------------------- サイドバー ------------------- */

/* メニュー */
.mymenu	{
	margin-bottom: 30px;
	clear: both;
}

.mymenu h2 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #ffffff;
    padding: 10px 15px 7px;
    letter-spacing: 2px;
    line-height: 1em;
	border-radius: 10px;
	background-color: hsl(200, 90%, 70%);
	font-size: 18px;
	border-radius: 0.4rem !important;
}


.mymenu_con h2	{
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: solid 2px #dddddd;
	color: #3366cc;
	font-size: 18px;
	color: #666666;
}




.mymenu ul {
    width: 90%;
    margin: 0 auto 0 auto;
    padding: 0;
    list-style: none;
}



.mymenu li a	{
	display: block;
	padding: 10px 5px;
	color: #000000;
/*
	font-size: 14px;
	margin-left: 20px;
*/
	margin-top: 10px;
	margin-bottom: 0px;
	text-decoration: none}

.mymenu li a:hover	{
/*
	background-color: #eeeeee
*/
}

.mymenu ul#menu-contents li a	{
	padding: 10px 25px;
}







/* サムネイル画像を付けたメニューのデザイン */
.mymenu-thumb li a	{
/*
	padding: 10px 25px;
*/
	border-bottom: dotted 1px #dddddd;
	color: #666
}

.mymenu-thumb li a:hover {
    color: lightgreen;
}

.mymenu-thumb li a:after	{
	content: "";
	display: block;
	clear: both}

.mymenu-thumb li .thumb	{float: left;
	width: 60px;
	height: 60px;
	background-size: cover;
	background-position: 50% 50%}

.mymenu-thumb li .text	{float: none;
	width: auto;
	font-size: 14px;
	margin-left: 75px}

.mymenu-thumb li span	{display: block;
	color: #666666;
	font-size: 12px}



/* サムネイル画像に文字を重ねたメニュー */
.mymenu-large li a	{position: relative;
	margin-bottom: 10px;
	padding: 0}

.mymenu-large li a:hover	{opacity: 0.8}

.mymenu-large li .thumb	{width: 100%;
	height: 130px;
	background-size: cover;
	background-position: 50% 50%}

.mymenu-large li .text	{position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px 10px;
	background-color: rgba(0,0,0,0.5);
	color: #ffffff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}


@media (min-width: 400px) and (max-width: 1039px) {
	.mymenu-large ul:after	{content: "";
		display: block;
		clear: both}

	.mymenu-large li	{float: left;
		width: 50%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box}

	.mymenu-large li:nth-child(odd) {clear: both;
		padding-right: 7px}

	.mymenu-large li:nth-child(even) {padding-left: 7px}
}



/* 関連記事メニュー */
.mymenu-related	{margin: 40px 0 0;
	padding: 20px;
	border: solid 1px #dddddd;
	background-color: #fafafa}

.mymenu-related h2	{
/*
	padding: 0 0 0 7px;
	border-left: solid 8px #bac6cb;
*/
	border-bottom: none;
	font-size: 20px;
	font-weight: normal
}

.mymenu-related h2:before	{content: none}

.mymenu-related li a	{border: none;
	color: #666}


@media (max-width: 599px) {
	.mymenu-related	{padding: 10px}

	.mymenu-related li .thumb	{width: 80px;
		height: 50px}

	.mymenu-related li .text	{margin-left: 95px}
}


@media (min-width: 600px) {
	.mymenu-related ul:after	{content: "";
		display: block;
		clear: both}

	.mymenu-related li	{float: left;
		width: 25%;
		padding: 0 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box}

	.mymenu-related li .thumb	{width: 100%;
		height: 80px;
		margin-bottom: 5px}

	.mymenu-related li .text	{margin-left: 0}
}



/* ------------------- ウィジェット ------------------- */

/* 検索フォーム */
.search-field	{
	width: 80%;
	height: 44px;
	padding: 5px;
	border: 1px solid #ced4da;
    border-radius: .25rem;
	background-image: none;
	font-family: inherit;
	font-size: 14px;
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

.screen-reader-text
	{display: block;
	visibility: hidden;
	height: 0}

.search-submit {
    padding: 7px;
    border: solid 2px #dddddd;
	color:#666666;
	background-color:#ffffff;
    border-radius: .25rem;
}

.search-submit:hover {

    background-color: #dddddd;

}

/* タグクラウド */
.tagcloud a	{display: inline-block;
	color: #2288bb;
	text-decoration: none}

/* 広告 */
.myad	{text-align: center}


/* ------------------- 固定ページ ------------------- */

/* コンテンツメニュー */
.mymenu-page	{border: solid 2px #dddddd}

.mymenu-page h2	{margin: 0;
	padding: 10px}

.mymenu-page li a	{padding: 20px 10px;
	border-bottom: solid 1px #dddddd}

.mymenu-page li:last-child a	{border: none}



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

.mymenu_con ul {
    margin: 0;
    padding: 0 10px;
    list-style: none;
}

/* トップページのコンテンツメニュー */
.mymenu-top li a	{position: relative;
	margin-bottom: 10px;
	padding: 0;
	text-decoration: none;
	color: #666666;
	}

.mymenu-top li a:hover	{opacity: 0.8}

.mymenu-top li .thumb	{width: 100%;
	height: 100px;
	background-size: cover;
	background-position: 50% 50%}

.mymenu-top li h2	{
	margin: 5px 0 5px;
	border: none;
	font-size: 20px}

.mymenu-top li p	{margin: 0;
	font-size: 14px}


@media (min-width: 600px) {
	.mymenu-top ul:after	{content: "";
		display: block;
		clear: both}

	.mymenu-top li	{float: left;
		width: 50%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box}

	.mymenu-top li:nth-child(odd) {clear: both;
		padding-right: 15px}

	.mymenu-top li:nth-child(even) {padding-left: 15px}
}


/* トップページのお知らせメニュー */
.mymenu-news	{padding: 20px;
	border: solid 1px #dddddd}

.mymenu-news ul	{list-style: none}

.mymenu-news li	{position: relative;
	padding-left: 20px}

.mymenu-news li:before	{position: absolute;
	left: 0px;
	top: 12px;
	content: '\f138';
	color: #aaaaaa;
	font-family: 'FontAwesome';
	line-height: 1}


/* ヘッダー画像 */
.hero	{position: relative}

.hero-img	{width: 100%;
	height: 300px;
	margin: 60px 0 10px;
	background-color: #dddddd;
	background-size: cover;
	background-position: 50% 50%}

.hero-text	{position: absolute;
	top: 120px;
	right: 30px;
	color: #ffffff;
	font-size: 30px;
	font-family: 'Montserrat', sans-serif;
	text-shadow: 0 0 10px #000000}

@media (max-width: 599px)	{
	.hero-img	{height: 200px}

	.hero-text	{top: 100px;
		right: 10px;
		font-size: 18px;
		text-align: center}
}



/* ------------------- 画像 ------------------- */

/* 画像のキャプション */
.wp-caption-text	{margin: 0;
	color: #666666;
	font-size: 10px;
	text-align: center}

.wp-caption-text a	{color: #666666}

/* 画像の配置 */
.aligncenter	{
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto
}

.alignnone	{
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto
}

@media (max-width: 599px) {

	.alignnone,
	.alignleft,
	.alignright
				{
		display: block;
		margin-top: 30px;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto
	}
}

@media (min-width: 600px) {
	.alignleft	{
		float: left;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-right: 30px
	}

	.alignright	{
		float: right;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-left: 30px
	}
}


/* Internet Explorer用の設定 */
a img	{border: none}

/* 大きい画像用の設定 */
img, .wp-caption	{max-width: 100%;
	height: auto}

/* アイキャッチ画像 */
.catch	{margin-top: 30px;
	margin-bottom: 30px}


/* ------------------- 外部コンテンツ ------------------- */
iframe	{max-width: 100%}


/* YouTubeのビデオ */
.ytvideo	{position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px}

.ytvideo iframe	{position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%}



/* ------------------- カテゴリー／タグ ------------------- */

.contents > h1	{margin-top: 0;
	font-size: 34px}

@media (max-width: 599px) {
	.contents > h1	{font-size: 22px}

	.archive .bread li:last-child	{text-indent: 0}
}




/* ------------------- ナビゲーションメニュー ------------------- */

#mainmenu	{display: none}

.mainmenu ul	{
	margin: 0;
	padding: 0;
	list-style: none
	}

.mainmenu li a	{
	display: block;
	padding: 10px 5px;
	color: #999999;
	font-size: 14px;
	text-decoration: none;
    border-radius: 10px;
	background-color: #ffffff;
	}

@media (max-width: 768px) {

	.mainmenu li a:hover {
		background-color: hsl(90, 75%, 70%);
	}

	.mainmenu li a:active {
		background-color: hsl(90, 75%, 70%);
	}

	.mainmenu li a	{
		padding: 10px 25px;
	}
}

/*
@media (min-width: 768px) {
*/

	.mainmenu li:nth-child(1) a {
/*
	    background-color:hsl(20, 100%, 60%);
*/
		border: solid 2px hsl(20, 100%, 60%);
	}

	.mainmenu li:nth-child(1) a:hover {
	    background-color:hsl(20, 100%, 70%);
	}

	.mainmenu li:nth-child(2) a {
/*
	    background-color:hsl(200, 100%, 60%);
*/
		border: solid 2px hsl(200, 100%, 60%);
	}

	.mainmenu li:nth-child(2) a:hover {
	    background-color:hsl(200, 100%, 70%);
	}

	.mainmenu li:nth-child(3) a {
/*
	    background-color:hsl(50, 100%, 60%);
*/
		border: solid 2px hsl(50, 100%, 60%);
	}

	.mainmenu li:nth-child(3) a:hover {
	    background-color:hsl(50, 100%, 70%);
	}

	.mainmenu li:nth-child(4) a {
/*
	    background-color:hsl(95, 100%, 60%);
*/
		border: solid 2px hsl(95, 100%, 60%);
	}

	.mainmenu li:nth-child(4) a:hover {
	    background-color:hsl(95, 100%, 70%);
	}

	.mainmenu li:nth-child(5) a {
/*
	    background-color:hsl(30, 100%, 60%);
*/
		border: solid 2px hsl(30, 100%, 60%);
	}

	.mainmenu li:nth-child(5) a:hover {
	    background-color:hsl(30, 100%, 70%);
	}

	.mainmenu li:nth-child(6) a {
/*
	    background-color:hsl(320, 100%, 60%);
*/
		border: solid 2px hsl(320, 100%, 60%);
	}

	.mainmenu li:nth-child(6) a:hover {
	    background-color:hsl(320, 100%, 70%);
	}

	.mainmenu li.menu-smile a {
		border: solid 2px hsl(200, 100%, 60%);
	}

	.mainmenu li.menu-smile a:hover {
	    background-color:hsl(200, 100%, 70%);
	}

	.mainmenu li.menu-smile a {
	    background-color:hsl(200, 100%, 70%);
		border: solid 2px hsl(200, 100%, 70%);
	}

	.mainmenu li.menu-smile a:hover {
	    background-color:hsl(200, 100%, 60%);
		border: solid 2px hsl(200, 100%, 60%);
	}


/* トグルボタン */
.header-inner	{position: relative}

/*
.header-inner {
    width: 100%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    max-width: 100%;
}
*/

#navbtn	{
/*
	top: 15px;
position: absolute;
	right: 0;
*/
	float: right;
	padding: 6px 12px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	cursor: pointer}

#navbtn:hover	{background-color: #dddddd}

#navbtn:focus	{outline: none}

#navbtn i	{color: #888888;
	font-size: 18px}

#navbtn span	{display: inline-block;
	text-indent: -9999px}

.site:after	{
	content: "";
	display: block;
	clear: both}


@media (min-width: 768px) {
	/* サイト名とナビゲーションメニューを横に並べる設定 */
	.header-inner:after	{content: "";
		display: block;
		clear: both}

	.site	{float: left;
		width: auto}

	.sitenav	{float: right;
		width: auto
		margin-bottom: 10px;
		}

	/* ナビゲーションメニューのリンクを横に並べる設定 */
	#mainmenu	{display: block !important}



	.mainmenu ul:after	{content: "";
		display: block;
		clear: both}

	.mainmenu li	{float: left;
		width: auto}

	.mainmenu li a	{padding: 10px 15px}


	/* トグルボタン */
	#navbtn	{display: none}
}


/*********************************************
/*
/* Footer
/*
/********************************************/

/****************************************
.btn-pagetop
****************************************/
.btn-pagetop {
  border-bottom: 5px solid #a8c9e8;
  background: #fbfbfb;
}

.btn-pagetop .container {
  text-align: right;
}

.btn-pagetop .container a {
  display: inline-block;
  width: 50px;
  height: 25px;
  text-decoration: none;
  color: #fff;
  -webkit-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
  background: #a8c9e8;
}

.btn-pagetop .container a:hover {
  text-decoration: none;
  background: #c1d5e8;
}

.btn-pagetop .container a i {
  padding-top: 5px;
}

/****************************************
.footer
****************************************/
.footer {
/*
  background: #2d5e93;
  background: hsl(210, 70%, 50%);
*/
}

.footer .container {
  padding: 10px 0;
    background: rgba(110, 201, 247, 0.8);
}

.footer-nav {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 34px;
  margin: 0;
  color: #666;

}

@media screen and (min-width: 768px) {
  .footer-nav>div {
    float: left;
    max-width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .footer-nav>div {
    max-width: 25%;
    text-align: left;
  }
}

.footernav-title {
  font-size: 16px;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

.footernav-title .glyphicon-chevron-down:before {
  margin-right: 10px;
}

@media screen and (min-width: 768px) {
  .footernav-title .glyphicon-chevron-down:before {
    display: none;
  }
}

.footer-nav .list-group {
  margin-bottom: 0;
}

.footer-nav .list-group a {
  font-size: 14px;
  position: relative;
  display: block;
  padding: 10px 15px;
  color: #666;
}

.footer-nav .list-group a:hover {
  text-decoration: none;
  color: #6aaae6;
  color: hsl(10.1, 95.6%, 64.5%);
}

.footer-logo {
  margin-top: 20px;
}

.footer-icon .container {
  list-style-type: none;
}

.footer-icon p,
.footer-icon ul {
  width: 100%;
  text-align: center;
}

.footer-icon li {
  display: inline-block;
  float: none;
}

.footer-icon li a:hover {
  opacity: 0.6;
}

.footer-icon li img {
  width: 40px;
  height: auto;
  border: 2px solid #bedaff;
}

.sns-icon {
  float: left;
}

.copyright {
  text-align: center;
  color: #a0cdff;
  color: #666;

}

.copyright p{
  color: #666;

}

.footer-logo img
{
	max-width: 100%;
	height: auto;
}


.tel-number a {
    color:#fff;
    text-decoration:none;
}

ul.thumb-box {
	list-style: none;
	padding: 0px;
	margin: 10px 0px 10px;
}

.thumb-box li a {
	position: relative;
	display: block;
	overflow: hidden;
	/* padding: 4px; */
	color: #666;
	/* 
	 */
	/* border: 1px solid #eaeaea; */
	-webkit-border-radius: 4px;
	/* border-radius: 4px; */
	background: #fff;
	margin-bottom: 10px;
	text-decoration: none;
}


.thumb-box li a:hover {
    color: lightgreen;
}

.thumb-box li .thumb {
    width: 100%;
    height: 100px;
    background-size: cover;
    background-position: 50% 50%;
}

.thumb-box h3 {
    font-size: 16px;
    margin: 5px 0 5px;
}



.thumb-box p {
    margin: 0;
	font-size: 14px;

}

.thumb-box li:nth-child(2n+1) {
    clear: both;
    padding-right: 15px;
}


.thumb-box li a.wht_new {
	margin: 0;
	padding: 0 0 0 0;
	border: none;
	font-size: 0.9em;
	/* position: relative; */
	/* display: block; */
	/* overflow: hidden; */
	color: #666; 
	/* -webkit-border-radius: 4px; */
	/* border-radius: 4px; */
	/* background: #fff; */
	/* margin-bottom: 10px; */
	/* text-decoration: none; */
}

.thumb-box li a.wht_new:hover {
    color: lightgreen;
}





section {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 4px;
/*
	color: #666;
*/
	border: 1px solid #eaeaea;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	margin-bottom: 10px;
	text-decoration: none;
}



.metaslider {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
    width: 80%;

}

0

.thumb-box li .bg_100 {
    background-position: 100% 100%;
}

.thumb-box li .bg_75 {
    background-position: 100% 75%;
}


.thumb-box li .bg_50 {
    background-position: 100% 50%;
}

.thumb-box li .bg_25 {
    background-position: 100% 25%;
}


.thumb-box li .bg_0 {
    background-position: 100% 0%;
}



0


/* ------------------- page_top ------------------- */

#pagetop a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 30px;
  color: #fff;
  position: absolute;
  width: 30px;
  height: 30px;
  top: -20px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/* ------------------- select_box ------------------- */
select{
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
	background-color:#fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


label {

    display: inline;
/*
*/
    margin-bottom: .5rem;

}

/* ------------------- animation ------------------- */

a {
/*    color: #333;
*/
    transition: 0.5s ease 0s;
}




#pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-align: center;
    z-index: 999;

}


#pagetop a {
    display: block;
    padding: 10px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
/*    background-color: hsl(320, 100%, 50%);
	*/
	color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    opacity: 0.8;
}

#pagetop a:hover {
    text-decoration: none;
/*    background:     #efea3a;
*/
    opacity: 0.3;
}



/* ページTOPに戻る */
.pagetop{
    display: none;
    position: fixed;
    right: 15px;
    bottom: 60px;
}
.pagetop a{
    display: block;
    font-size: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    background: #7db4e6;
    border-radius: 50%;
    line-height: 50px;
}
.pagetop a i{
    font-size: 20px;
    color:#fff;
    line-height: 50px;
}





@media screen and (max-width: 768px) {
	#pagetop {
	    position: fixed;
	    bottom: 2px;
	    right: 2px;
	}
}

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

	img, .wp-caption {
	    margin-left: auto;
	    margin-right: auto;
	}

}


/* ------------------- prev next page_navi ------------------- */


.navigation {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.navigation:after{
	content: "";
	display: block;
	clear: both;
}

.navi_right{
	float: right;
}

.navi_left{
	float: left;
}


/* ------------------- exclusive on mobile ------------------- */

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

	#mymenu-qr {
/*
		display: none;
*/
	}

}


/* ------------------- table data ------------------- */

.kiji table {
    border-collapse: collapse;
    border-style: none none none none;
    border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}


.kiji th {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: hsl(210, 50%, 60%);
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 5px;
	padding-bottom: 15px;
	vertical-align: top;
/*
	background-color: hsl(210, 50%, 90%);
	color: #666;
*/
	text-decoration: none;
}

th.td-tsuki {
	background-color: aqua;
	background-color: hsl(180, 90%, 70%);
	color: #666;
}

th.td-hoshi {
	background-color: purple;
	background-color: hsl(300, 90%, 40%);
	color: #555;
}

th.td-kirin {
	background-color: pink;
	color: #666;
}

th.td-panda {
	background-color: lightgreen;
	color: #666;
}

th.td-tanpopo {
	background-color: yellow;
	background-color: hsl(60, 95%, 65%);
	color: #666;
}

th.td-turip {
	background-color: red;
	background-color: hsl(0, 100%, 70%);
	color: #666;
}

th.td-momo {
	background-color: orange;
	background-color: hsl(40, 95%, 65%);
	color: #666;
}

th.td-candy {
	background-color: pink;
	color: #666;
}

th.td-coocky {
	background-color: cyan;
	background-color: hsl(180, 90%, 70%);
	color: #666;
}

th.td-prin {
	background-color: yellow;
	background-color: hsl(60, 95%, 65%);
	color: #666;
}



.kiji th.td-kuuhaku {
		display:none;
}

.kiji td.td-kuuhaku {
		display:none;
}

.kiji td {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: hsl(210, 50%, 60%);
	padding-top: 15px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 15px;
	vertical-align: top;
	color: #666;
	text-decoration: none;

}

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

	.kiji td {
		padding-left: 20px;
		padding-right: 20px;
	}

	.kiji h2:before	{
		top: 0px;
	}
	
}







.navi_right a,
.navi_left a
 {
	font-size: 14px;
}


.kiji h3 a {
text-decoration: none;
}

.kiji h3 a,
.navi_right a,
.navi_left a,
.kiji p a
 {
	color: #999;
	
}


.kiji h3 a:hover,
.navi_right a:hover,
.navi_left a:hover,
.kiji p a:hover
 {
	color: lightgreen;
	text-decoration: none;
}


.kiji {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}



#dl_contents {
	padding-bottom: 40px;
}

#dl_contents p a {
    display: block;
    text-align: center;
}


.wpcf7 {
    clear: both;
}


.wpcf7-form input {
	width: 80%;
}


.wpcf7-form textarea {
	width: 80%;
}

.wpcf7-submit {
	padding: 7px;
	border: solid 2px #dddddd;
	color:#666666;
	background-color:#ffffff;
	border-radius: .25rem;
	width: 100px;
}

.wpcf7-submit:hover {
    background-color:#dddddd;
}





/* ------------------- cat_menu pics + menu ------------------- */


ul.cat_menu {
    list-style: none;
    padding: 0;
}

ul.mapsite {
    list-style: none;
    padding: 0px;
    margin: 10px 0px 10px;
}


ul.mapsite li {
    margin: 0;
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 10px;
    list-style-type: none;
    color: #999;
/*
	background-image: url(http://adachi-chiro.com/wp-content/themes/adachi2021/img/tu_red_16.gif);
	align-content: ;
    background-repeat: no-repeat;
*/
}


ul.mapsite li::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f5d1';
	font-size: 20px;
	color: red;
	margin: 0;
	padding: 0 10px 0 0;
}


ul.mapsite li a {
	color: #999;
}

ul.mapsite li a:hover {
	color: lightgreen;
	text-decoration: none;
}

ul.mapsite li ul {
    list-style: none;
    padding: 0px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

ul.mapsite li ul li {
    margin: 0;
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    list-style-type: none;
/*
	background-image: url(http://adachi-chiro.com/wp-content/themes/adachi2021/img/tu_or_16.gif);
    background-repeat: no-repeat;
*/
}




ul.mapsite li ul li::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f5d1';
	font-size: 20px;
	color: orange;
	margin: 0;
	padding: 0 10px 0 0;
}







@media (max-width: 599px) {

	ul.cat_menu .menu_list{

	    width: 70%;
	    margin-left: auto;
	    margin-right: auto;

	}
}


.wp-caption {
    border: 1px solid #ddd;
	text-align: center;
    padding-top: 4px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
/*
	background-color: #f3f3f3;
    margin: 10px;
*/
}


p.wp-caption-text {
    margin: 0;
    color:     #666666;
    padding: 5px 0 5px;
    font-size: 14px;
}


table#data h3 {
    margin: 0;
    padding-top: 3px;
    padding-left: 0px;
    padding-bottom: 2px;
/*
    padding-left: 25px;
    background-image: url(http://adachi-chiro.com/wp-content/themes/adachi2021/img/fr_bl_20.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
*/
    border: none;
}

.kiji table th.dayly,
.kiji table td.dayly
 {
    text-align: center;
}


table#data h3.odd {
/*
    background-image: url(http://adachi-chiro.com/wp-content/themes/adachi2021/img/fr_red_20.gif);
*/
}

table#data h3.odd::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f5d1';
	font-size: 30px;
	color: orange;
	margin: 0;
	padding: 0 10px 0 0;
}

table#data h3.even::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f5d1';
	font-size: 30px;
	color: red;
	margin: 0;
	padding: 0 10px 0 0;
}






table#data h3.even {
/*
    background-image: url(http://adachi-chiro.com/wp-content/themes/adachi2021/img/fr_or_20.gif);
*/
}

table#data td.dayly::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f5d1';
font-size: 30px;
color: red;
margin: 0;
padding: 0 10px 0 0;
}


table#data td.naiyou p {
    margin-top: 0;
    margin-bottom: 10px;
    color:     #666666;
    padding-left: 10px;
}



table#data h2 {
    margin: 0;
    padding-top: 3px;
    padding-left: 30px;
    padding-bottom: 3px;
    background-image: url(http://adachi-chiro.com/wp-content/themes/adachi2021/img/fr_bl_24.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: none;
}


table#data h2:before	{
	content: none;
}





@media (max-width: 599px) {

	.kiji td {
		padding-left: 20px;
		padding-right: 20px;
	}

}

/* ------------------- header search ------------------- */
article.search:after	{content: "";
	display: block;
	clear: both}

article.search h1	{margin-top: 0;
	margin-bottom: 10px;
color: #3366cc;
	font-size: 24px}

article.gaiyou p,
article.search p	{
	margin-top: 0;
	margin-bottom: 20px;
	color: #666666;
}

@media (max-width: 599px) {
	article.search h1	{font-size: 24px}

	article.search p	{font-size: 14px}
}


/* 小見出し */
article.gaiyou h2,
article.search h2	{
/*
    margin: 0;
    padding-top: 3px;
    padding-left: 30px;
    padding-bottom: 3px;
    background-image: url(http://adachi-chiro.com/wp-content/themes/adachi2021/img/fr_bl_24.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: none;
    font-size: 20px;
    color: #666;
*/
    padding-top: 3px;
	padding-left: 20px;
	padding-bottom: 5px;
	border-bottom: solid 2px #00a0e9;
	font-size: 20px;
	clear: both;

	}

article.gaiyou h2:before,
article.search h2:before
	{
/*
	content: none;
	position: absolute;
	left: 0px;
	top: -3px;
*/
	padding-right: 10px;
	content: '\f1ea';	/* far fa-newspaper  */
	color: #00a0e9;
	font-family: 'Font Awesome 5 Free';
	font-size: 28px;
	line-height: 1;
	}

article.gaiyou h3,
article.search h3	{
/*
    margin: 0;
    padding-top: 3px;
    padding-left: 25px;
    padding-bottom: 2px;
    background-image: url(http://adachi-chiro.com/wp-content/themes/adachi2021/img/fr_or_20.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: none;
    font-size: 16px;
    color: #666;
	padding-left: 10px;
	border-left: solid 10px #a5e2fe;
*/
    color: #666;
    padding-top: 3px;
    padding-bottom: 2px;
	font-size: 18px;
	}

@media (max-width: 599px) {
	article.search h2	{
		font-size: 18px
	}

	article.search h2:before	{font-size: 20px}

	article.search h3	{
		font-size: 15px
	}
}

.pagination {
    display: block;
}


.mymenu-related li .text {
	font-size: 13px;
}


.metaslider img {
    border-radius: 0.4rem !important;
}


h5.card-title {
    font-size: 16px;
    margin-top: 10px;
/*
    padding-left: 10px;
    border-left: solid 10px #a5e2fe;
*/
}

p.card-text {
    font-size: 14px;
}


div.card a {
    color: #666;
    text-decoration: none;
}

div.card a:hover {
    color: lightgreen;
}



div.slider
{
/*
	height: 241px;
*/
	position: relative;
	z-index: 0;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.wpsisac-slick-carousal-wrp
{
box-sizing: border-box;
}


.list-group-item a {
	text-decoration: none;
    color: #666;
    transition: 0.5s ease 0s;
}


.list-group-item a:hover {
	color: lightgreen;
}


.media-body .text-primary{
    color: #666;
}

.media-body a {
	text-decoration: none;
    color: #666;
    transition: 0.5s ease 0s;
}


.media-body a:hover {
	color: lightgreen;
}


 .far,
 .fas
{
/*
    padding-right: 10px;
*/
}

.thumb-box h3 {
    margin-top: 10px;
    padding-left: 10px;
    border-left: solid 10px #a5e2fe;
}







table#data td.nennkan h3.odd::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f073';
    font-size: 30px;
    color: lightblue;
/*
    margin: 0;
    padding: 0 10px 0 0;
*/
}

table#data td.nennkan h3.even::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f073';
    font-size: 30px;
    color: lightgreen;
/*
    margin: 0;
    padding: 0 10px 0 0;
*/
}


@media (max-width: 599px) {

	td.nennkan {
	    width: 30%;
	    padding-left: 10px;
	    padding-right: 10px;
	}
}




table#data td.nennkan h3{
    padding-left: 0px;
    padding-right: 0px;
}


article.kiji {
	margin-bottom: 50px;
}


/* サムネイル画像のないテキストメニューのデザイン */
.mymenu-text li a	{
	padding: 2px 25px;
/*
*/
	border-bottom: dotted 1px #dddddd;
	color: #666;
}

.mymenu-text li a:hover {
    color: lightgreen;
}

.mymenu-text li a:after	{
	content: "";
	display: block;
	clear: both}



.mymenu-text li .text	{float: none;
	width: auto;
/*
	font-size: 14px;
	margin-left: 75px
*/
	}

.mymenu-text li span	{display: block;
	color: #666666;
	font-size: 12px}


.contents p {
    color: #666;
}


.card-body {
    padding: .50em;
}

h5.card-title {
    font-size: 1.0rem;
}

.gaiyou img {
    padding-left: 20px;
}


.navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: hsl(20, 100%, 50%);
/*
    background-color: hsla(0, 0%, 100%, 0.95);
*/
}


.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.5);
}


.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.95);
}

.btn {
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
}

.navbar-light .navbar-brand {
    color: rgba(247, 244, 244, 0.0);
}

input#kw {
    width: 70%;
	border-radius: 0.4em;
/*
    min-width: 200px;
*/
}


@media (min-width: 768px) {

	.navbar {
/*
		float: right;
*/
	}

}

@media (min-width: 599px) {

	.gaiyou img {
	    max-width: 160px;
	}
}


h5.card-title:before	{
/*
	position: absolute;
	left: 0px;
	top: -3px;
	line-height: 1;
	color: #00a0e9;
*/
	content: '\f133';	/* far fa-calendar */
	color: hsl(40, 100%, 50%);
	font-family: 'Font Awesome 5 Free';
	font-size: 20px;
	padding-right: 5px;
}

article.gaiyou h3:before,
article.search h3:before	{
	content: '\f133';	/* far fa-calendar */
	color: hsl(40, 100%, 50%);
	font-family: 'Font Awesome 5 Free';
	font-size: 20px;
	padding-right: 5px;

}

/* ------------------- 2021.3.1 ------------------- */

.navbar-brand {
    font-size: 1.0rem;
    white-space: normal;
}

.nav-link {
font-size: 0.95em;
    white-space: nowrap;
}


.jumbotron {
    background-position: center bottom;
    padding: 0;
	margin: 0;
	background-color: white;
}


.jumbotron h1 {
    text-indent: -9999px;
    font-size: 0.1em;
}

.jumbotron p {
    font-size: 0.9em;
}


#small_navi{
	clear:both;
	margin : 0;
	padding: 0;
	position : relative;
	top : 8px;
	height : 30px;
/*
	border: 1px solid #00dcdc;
*/
}

#small_navi ul {
	float: right;
/*
	border: 1px solid #0000cc;
	
*/
}


#small_navi ul li {
	float: left;
/*
	border: 1px solid #00dc00;
*/
	list-style: none;
}

#small_navi ul li a {
	font-size : 0.75em;
	font-weight: normal;
	text-decoration: none;
	padding : 10px 10px 10px 10px;
	line-height: 200%;
	color:#444;
/*
	color:#3366aa;
	border: 1px solid #ff0000;
*/
}

#small_navi ul li a:hover {
	color:#FF6600;
}


/*　=====================　*/

#menubar {
/*
*/
	background:url(./img/menubar_bg.gif) no-repeat;
	margin: 0 0 0 0px;
	clear: both;
	height: 55px;
	overflow: hidden;
	}
	
#menubar a {
	background: url(./img/btn_bg.gif) no-repeat;
	color: #94be36;
	display: block;
	float: left;
	font-size: 11px;
	height: 55px;
	margin-right: 2px;
/*
	padding: 10px 20px 0 40px;
*/
	padding: 10px 15px 0 30px;
	}
	


#menubar a:hover {
    text-decoration: none;
    background-image: none;
}



#menubar h2 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	}
	
.menu_a {
	width: 156px;
	}
	
.menu_b {
	width: 158px;
	}


#menubar a:after	{
	content: "";
	clear: both
	}


#menubar:after	{
	content: "";
	clear: both
	}


.description {
	position : relative;
	top : 0px;
	left : 25px;
	font-size : 1.2em;
	line-height: 120%;
	width: 720px;
	padding: 5px;
	margin : 0px 10px 0px 5px;
	text-decoration: none;
/*
  float : right;
*/
	color : 444444;
}

.description a {
	font-size : 1.0em;
	font-weight : normal;
	color : #444444;
}

.description a:hover {
	color : #f35214;
}







/*　==========#contact_box===========　*/

#contact_box {
	margin: 0 15px 10px;
	padding: 0px 0px 0px;
}

	
#contact_box dt {
/*
	color: #e65252; red
*/
	color: #fb8c00;
	width: 5em;
	}
#contact_box dd {
	margin-left: 5em;
	}

img.size-thumbnail {
	margin:0px 5px;
}


#contact_box {
	margin : 10px 0;
	padding: 0;
/*
	background: url(./img/contact_bg.gif) no-repeat top center;
	height: 80px;
	text-align: center;
	border: 1px solid #dcdcdc;
*/
	}
	
#contact_box h3 {
	height: 30px;
	margin : 0;
	padding: 12px 0 0 0;
	background: url(./img/navi_title_bg.gif) no-repeat top center;
	font-weight: bold;
	text-align: center;
	color: #8bbfd4;
/*
	color: #fff;
	color: #fb8c00;
	text-align: center;
*/
	font-size : 1.0em;
	padding-bottom: 0px;
	}

#contact_box p {
	margin : 10px 0 0 18px;
	padding: 0;
	font-size : 1.0em;
	}

/* カレンダー */
#mymenu .saturday {
	color : blue;
}

#mymenu .holiday {
	color : red;
}

li#calendar{
}


table#wp-calendar	{
	margin: 0 auto 0 auto;
	padding: 0;
	width : 80%;
	text-align: center;
	color : #666666;
	border-collapse: collapse;
	font-size : 1.0em;
}

#wp-calendar th	{
	padding : 0em 0px 0px 0px;
	border : none;
  background-color : #aacc5e;
  color : white;
}

#wp-calendar tbody tr	{
	border: none;
	}

#wp-calendar td	{
	padding : 0px 0px 0px 0px;
	border : none;
	
	}
#wp-calendar a	{
	text-decoration: none;
	color:#FF6600;
  font-weight : bold;
}


#wp-calendar a:hover	{
	color:#3366aa;
}

#wp-calendar caption	{
	padding: 3px 0;
	font-weight : bold;
	color:#aacc5e;

}

#wp-calendar tfoot tr	{
	border: none;
	}

#wp-calendar tfoot td	{
	border: none;
	}

#wp-calendar tfoot td#prev	{
	text-align: left;
	}

#wp-calendar tfoot td#next	{
	text-align: right;
	}
	

#monthlyarchives {
	   OVERFLOW: auto;
/*
	border-right : 1px solid gray;
	 border-top : 1px solid gray;
	    border-left : 1px solid gray;
	     border-bottom : 1px solid gray;
*/
	      width : 200px;
	      height : 230px;
	margin: 0.5em auto 1.0em 0;
}


#qr_code {
	width : 100%;
	text-align: center;
}

#qr_code img {
/*
*/
	margin: 0 auto;
	padding: 0;
	width : 99px;
	height : 99px;
	border: 1px solid silver;
}


#qr_code img {
    margin: 0 auto;
    padding: 0;
    width: 99px;
    height: 99px;
    border: 1px solid silver;
}


.dropdown-menu {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.1);
}



.dropdown-item {
    color: rgba(255, 255, 255, 0.8);
}

.mymenu dt{
	color: #fb8c00;
}



.sp-search-form{
  position: relative;
  box-sizing: border-box;
  border-radius: 3px;
/*
  border: 2px solid #3879D9;
  padding: 3px 10px;
  height: 2.3em;
  width: 265px;
*/
  overflow: hidden;
}




.sp-search-submit {
    cursor: pointer;
    font-family: FontAwesome;
    border: solid 1px white;
    color: #fff;
    position: absolute;
    width: 3.5em;
    height: 44px;
/*
    background: transparent;
    right: 0px;
    top: -5px;
    border-radius: 3px;
*/
	background-color: rgba(50, 149, 255, 0.7);
    outline: none;
    border-color: white;
	border-radius: .25rem;
}

.sp-search-submit:hover {
	background-color: rgba(50, 149, 255, 1.0);
}


.nav-item-indent{
	margin-left: 1.0rem;
}


.navbar {
	background-color: rgba(50, 149, 255, 0.9) !important;
}


.contents dt{
	color: #fb8c00;
}


aside.mymenu-thumb li a {
	padding: 5px 5px;
}


aside.mymenu-thumb li .text{
	font-size: 1rem;
	padding: 0.75em 0;
}



article ul {
	list-style: none;
	padding: 0 0 0 1.0em;
}

article ul.children {
	list-style: none;
	padding: 0 0 0 0.25em;
}

article li a {
    margin: 0;
    padding: 0 0 0 0;
    border: none;
    text-decoration: none;
    color: #666;
/*
    font-size: 0.9em;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 10px;
*/
}


article li a:hover {
	color: lightgreen;
	text-decoration: none;

}


article .wp-caption a {
    color: #999;
	font-size: 1.0em;
/*
    margin: 0;
    padding: 0 0 0 0;
    border: none;
    text-decoration: none;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 10px;
*/
}

article .wp-caption a:hover {
	color: lightgreen;
	text-decoration: none;

}


article dd a {
    color: #999;
	font-size: 1.0em;
}

article dd a:hover {
	color: lightgreen;
	text-decoration: none;

}



#sitemap li {
    background: url(./img/navi_li_bullet.gif) no-repeat 0em 0em;
    padding: 0px 0px 5px 25px;
}


.li_q {
	background: url(./img/li_Q.gif) no-repeat;
	color: #FF9900;
	margin-bottom: 10px;
	padding: 0 0 0 50px;
}

.li_a {
	background: url(./img/li_A.gif) no-repeat;
	margin-bottom: 10px;
	padding: 0 0 0 50px;
}


@media only screen and (max-width: 599px) {   

	body	{
	    padding-top: 3.5rem;
	}

	dd {
	    margin-left: 5rem;
	}

	.footer-logo img
	{
		max-width: 70%;
	}


	img.size-thumbnail {
		margin: 0 auto;
	}

	.mymenu dt {
	    padding-left: 3.0rem;
	}

	.mymenu dd  {
		padding-left: 3.0rem;
	}

	.contents dt{
	    padding-left: 3.0rem;
	}

	.contents dd{
	    padding-left: 3.0rem;
	}



	#contact_box  {
		padding-left: 3rem;
	}


	aside.mymenu-thumb li .text{
		font-size: 1rem;
		padding: 0.5em 0;
	}




}	/* (max-width: 599px) */