/*
Theme Name: Honjo Shakyo Theme
Author: Knet
Author URI: http://ww2.honjo-shakyo.or.jp/
Description: 本庄市社会福祉協議会のテーマ
*/

@charset "utf-8";


/*-------------------------------------------*/
/*	全体設定
/*-------------------------------------------*/

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

.clearfix {
	overflow: hidden;
	zoom: 1;				 /* IE6 */
}

html, body {height: 100%;}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url("/images/background/bg_02.png");
	background-position: left top; 
	background-size: auto; 
	background-repeat: repeat; 
	background-attachment: scroll; 
	margin: auto;

    color: #4A2500;			/* #4A2500 = こげ茶 */

}

/*
body:before {
    display: block;
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    min-width: 1040px;
    height: 10px;
    background: url(/images/background/body_bg03.png) repeat-x;
    z-index: -2;
}
*/

body:after {
    display: block;
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 158px;
    background: url(/images/background/body_bg04.png) no-repeat 50% 0;
    z-index: -1;
     background-color: #fff;
}

ul,ol {list-style: none;}

/* 開催日を過ぎたイベントに対するコメント */
	div.past-event {
	border: 4px double #ddd;
	margin: 2em 0;
	padding: 1em auto;
	text-align: center;
	color: red;
	}

/*-------------------------------------------*/
/*	検索窓（searchform.php）
/*-------------------------------------------*/
@media (min-width: 661px) {
form#searchform {text-align: right; padding-right: 10px;}
}

@media (max-width: 660px) {
form#searchform {text-align: center;}
}

/* search.php */
div.search-container {
padding: 0px  1em;
max-width: 960px;
margin-left: auto;
margin-right: auto;
font-size: 1.1em;
line-height: 1.8em;
color: #330000;
}

/* searchform.php */
.s{
 border: 1px solid #D6D6D6;
 margin: 0 0 0 10px;
 height: 28px;
 width: 180px;
 border-radius:7px;
 }

 .searchsubmit {
 width: 35px;
 height: 30px;
 padding: 0;
 font-family: FontAwesome;	/*虫眼鏡表示のため headerにもリンク有り*/
font-size: 20px;
 border: none;
 background: transparent;
 cursor: pointer;
 margin-right: 3px;
 }


/*-------------------------------------------*/
/*	ヘッダー・ナビゲーション（ボタンタイプ）
/*-------------------------------------------*/

div.pc-nb {background-color: #fff; margin-bottom: -9px;}		 /* margin-bottom -9px 下罫と密着させる */

a.ral {text-decoration: none; color: #4A2500 !important; font-weight: bold;} /* #fff → #4A2500 */
a.ral:link {text-decoration: none;color: #4A2500 !important; }
a.ral:visited {text-decoration: none;color: #4A2500 !important; }
a.ral:hover {text-decoration: underline;color: #4A2500 !important; }
a.ral:active {text-decoration: none;color: #4A2500 !important; }

/* オンマウスで少し上に動かす */
.pc-navi-button3 img{
  	transition: 0.3s;
}
 
.pc-navi-button3 img:hover{
		-webkit-transform: translate(0px,-2px);
		-moz-transform: translate(0px,-2px);
		-ms-transform: translate(0px,-2px);
		-o-transform: translate(0px,-2px);
		transform: translate(0px,-2px);
}

@media (min-width: 661px) {

div.pc-nb div.pc-navi-button3 {max-width: 960px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 2px;}


div.pc-nb div.pc-navi-button3 img.nami {width: 10.5%; padding-left: 0; padding-right: 0;}
div.pc-nb div.pc-navi-button3 img.nami2 {width: 12.5%; padding-left: 0; padding-right: 0;}
/* 
ul.sp-navi-button {display: none;}
*/
}

@media (max-width: 660px) {
div.pc-navi-button3 {display: none;}
 /* ul.sp-navi-button {display: block;} */
}

/*
ul.pc-navi-button,ul.sp-navi-button {width: 100%; margin-top: 0; padding-left: 1%; padding-right: 1%;}
div.pc-navi-button2 {margin-bottom: 10px;}
ul.pc-navi-button li {float: left; height: 80px;text-align: center;}
ul.sp-navi-button li {height: 60px;text-align: center;}

ul.pc-navi-button li a {
	display: block;
	width: 100%;
	padding-top: 1.65em;
	padding-bottom: 2em;
}

ul.pc-navi-button li a {
	display: block;
	width: 100%;
	padding-top: 1.45em;
	padding-bottom: 2em;
}


ul.sp-navi-button li#bnavi05 a {
	display: block;
	width: 100%;
	padding-top: 1.35em;
	padding-bottom: 2em;
}
*/

/*-------------------------------------------*/
/*	ヘッダー・ナビゲーション（.sp-nav）
/*-------------------------------------------*/
div.sp-nav {display: none;}

@media (max-width: 660px) {
div.sp-nav {display: block;}
}

/*-------------------------------------------*/
/*	#header
/*-------------------------------------------*/
/* design skin 002 */
div.headlogo-inside {max-width: 960px; margin-right: auto; margin-left: auto;}

.innerBox img {max-width: 100%;}
#headerTop	{ display:none; color:#666; border-top: 3px solid #ff99cb; background:#f3f3f3; overflow:hidden; width:100%; padding:2px 0px; clear:both; font-size:85.7%; }
#headerTop #site-description { padding: 2px 0 0 5px; font-size:10px;line-height:120%;}
#header	{ display:block; overflow:hidden; }
#header	{ padding-top:15px; }

#header	{ margin-left: 3%; margin-right: 3%; z-index: 999;}

@media (min-width: 661px) {
#header	{ margin-top: -10px;}
}

@media (max-width: 660px) {
#header	{ margin-left: 0px; margin-right: 0px; background-color: #fff;}
}


#header #site-title { font-size: 24px; line-height:45px; margin:0px;padding-bottom:10px; font-weight:lighter; text-align: center; }
#header #site-title a { color: #000; font-weight: bold; text-decoration: none; }
#header #site-title a img	{ max-height:60px;  margin-top:3px; }
#header #headContact	{ font-size:100%;line-height:110%;margin:0px 0px 10px; white-space:nowrap; text-align:center; }
#header #headContactInner	{ color:#333; }
#header #headContact #headContactTxt,
#header #headContact #headContactTime	{ font-size:10px;}
#header #headContact #headContactTxt	{ letter-spacing:0px;margin-bottom:1px; }
#header #headContact #headContactTel	{ font-size:18px; line-height:21px;margin-bottom:2px; font-family:'Lato', sans-serif; color:#5ead3c; font-weight: bold; }
#header #headContact #headContactTime	{ font-size:12px; line-height:15px;}

@media (min-width: 660px) {
#headerTop	{ display:block; }
#header	{ padding-top:30px; }
#headerTop #site-description	{ line-height:150%; }
#header #site-title	{ padding-bottom:30px;float:left; text-align: left; z-index: 999;}
#header #headContact	{ float:right; text-align:right; }
#header #headContact #headContactTxt	{ font-size:11px;}
#header #headContact #headContactTime	{ font-size:12px;}
#header #headContact #headContactTel	{ font-size:24px;margin-bottom:4px; color:#333;}
#header div.site-title2 img {vertical-align: bottom;}
#header div.site-title2 {margin-top: 0px;}
}

/* style.css */
#headerTop {border-top: 3px solid #ff99cb !important; }
#headerTop #site-description {font-size: 14px !important; color: #44210b !important; font-weight: bold;}
#header #headContact #headContactTxt, #header #headContact #headContactTime {color: #000 !important; font-weight: bold;}
#header #headContact #headContactTel {color: #ff99cb !important;}

/* original-css */
#header #site-title {display: none;}
#header #headContact {display: none;}
#header div.site-title2 {max-width: 960px; width: 100%; display: inline-block;}
#header div.site-title2 img.top-logo-left {width: 280px; margin-left: 40px;}
#header div.site-title2 img.top-logo-right {width: 250px;}
#header div.site-title2 div.right-address-parts {float: right; display: block; margin-top: -80px; margin-right: 40px;}



@media (min-width: 661px) {
div.search-form-for-pc {display: block;}
div.search-form-for-sp {display: none;}
}

@media (max-width: 660px) {
#header p#site-title {display: block; text-align: center;}
#header #headContact {display: block;}
#header p#site-title img {max-width: 70%;}
#header div.site-title2 {display: none;}
div.search-form-for-pc {display: none;}
div img.top-logo-left {display: none;}
div img.top-logo-right {display: none;}
div.search-form-for-sp {display: block;}
}

/* 768px以下のときだけtelタグを有効にする */

 @media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}



/*-------------------------------------------*/
/*	お知らせバー（caution）
/*-------------------------------------------*/
/* ※理由は不明だがstyle.css でこの設定を実施すると固定ページのCautionBoxの縦幅が狭い。これを回避するため、各固定ページのCustom CSSごとに同じ設定を追記した。 */
#CautionBox {
	background-color: #EBE45E;			/* #EBE45E = 黄土色 */
	margin: 1px 0px 0px 0px;
	padding: 10px 0;
}


div#CautionBox p {
	display: inline-block;
	vertical-align:middle;
	margin: 0px 0px 0px 3%;

}

div#CautionBox .CautionBox-inside {max-width: 960px; text-align: center; margin-left: auto; margin-right: auto;}

p.oshirase-comment a {text-decoration: none; color: #fff; font-weight: bold;}
p.oshirase-comment a:link {text-decoration: none;}
p.oshirase-comment a:visited {text-decoration: none;}
p.oshirase-comment a:hover {text-decoration: underline;}
p.oshirase-comment a:active {text-decoration: none;}

@media (max-width: 660px) {
div#CautionBox p.oshirase-banner {display: none;}
}

div.top-widget-title4 {padding-top: 0px; padding-bottom: 0px; line-height: 0em;}


/*-------------------------------------------*/
/*	bx-slider
/*-------------------------------------------*/
.bx-wrapper .bx-viewport {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border:none;
		background-color:transparent;
		max-width: 92%;
}

div.slider-box {margin-bottom:1em;}

.bxslider img { 
    margin:0 auto; 
    display:block; 
    max-width: 820px !important;
    width: 100%;
}

 .slider-box {margin-top: -10px;} /* 上のお知らせバーとの間を少し空ける */


div.slideShow div.bx-wrapper div.bx-viewport ul.bxslider li img {max-width: 840px !important; margin-left: 2.8% !important;}

@media (max-width: 660px) {
div.slider-box {display: none;}
}


/*-------------------------------------------*/
/*	3PR・エリア
/*-------------------------------------------*/
#main #container {
	padding-top: 15px;
	overflow: visible;
	margin-left: 3%;
	margin-right: 3%;
}

#main #container .innerBox {
	text-align: left;
	width: 94%;
}

#main #container #content {
	margin: 0 3% 0;
	padding-bottom: 30px;
}

#content h3.topPrTit {
	border-left: 3px solid #ff99cb;
	margin: 0px 0px 9px;
	line-height: 150%;
	font-size: 16px;
	padding-left: 10px;
	text-decoration: none !important;
	color: #44210b !important;									/* #44210b = こげ茶色 */
}

#content h3.topPrTit a:link {text-decoration: none; color: #44210b;}
#content h3.topPrTit a:visited {text-decoration: none; color: #44210b;}
#content h3.topPrTit a:hover {text-decoration: underline; color: #44210b;}
#content h3.topPrTit a:active {text-decoration: none; color: #44210b;}

#content div.moreLink a {
	background: url(/images/icons3/icon_try1_white.gif) 5px 50% no-repeat #ff99cb;
	margin-top: 10px;
	display: inline-block;
	overflow: hidden;
	font-size: 13px;
	line-height: 1.2em;
	text-decoration: none;
	color: #fff;
	padding: 5px 15px 5px 20px;
	border-radius: 3px;
	box-shadow: inset 1px 1px 0 rgba(0,0,0,0.2);
}

#content div.moreLink a:hover {
	background-color: #ff99ff;						/* #ff33ff = 濃ピンク, #ff99ff = 薄いピンク */
}

#topPr .topPrOuter	{ display:block; overflow:hidden; margin-bottom:20px; padding-bottom:10px;border-bottom:1px solid #ccc;}
#topPr p a	{ text-decoration:none; line-height:16px; color:#44210b;}
#topPr p a:hover	{ text-decoration:underline;color:#44210b; }
#topPr p.topPrDescription	{ margin-bottom:0px; font-size:14px;line-height:130%; padding:0px; }
#topPr .prImage	{ float:left;width:70px; margin-right:10px; overflow:hidden;margin-bottom:10px; }
#topPr .prImage img.imageWide	{ display:none;}
#topPr .prImage img.imageSmall	{ display:block;}
#topPr .prImage a	{ display:block; }
#topPr .prImage a img	{ display:block; }
#topPr .topPrTxtBox	{ display:block; overflow:hidden; }

@media (min-width: 660px) { 
#topPr { display:block; overflow:hidden; margin-bottom:25px; }
#topPr .topPrOuter	{ padding-bottom:0px;border-bottom:none;}
#topPr #topPrLeft 	{ width:33.1%; text-align:left; float:left;display:block; overflow:visible; }
#topPr #topPrCenter { width:33.1%; text-align:center;float:left;display:block; overflow:visible; }
#topPr #topPrRight 	{ width:33.1%; text-align:right;float:right; display:block; overflow:visible; }
#topPr #topPrLeft .topPrInner 	{ float:left; }
#topPr #topPrCenter .topPrInner	{ margin:0px auto;}
#topPr #topPrRight .topPrInner	{ float:right; }
#topPr .topPrInner	{text-align:left;width:95%;}

#topPr .topPrInner p	{ padding:0px; }
#topPr .topPrInner p.topPrDescription	{ font-size:16px; }
#topPr .prImage	{ float:none;width:100%; margin-right:0px; }
#topPr .prImage img { height:auto; }
#topPr .prImage img.imageWide	{ display:block;}
#topPr .prImage img.imageSmall	{ display:none;}

#topPr	{margin-bottom:35px; }
#topPr .topPrOuter	{margin-bottom:0px; }
#topPr .topPrInner	{padding:0px 17px; width:auto; }
#topPr #topPrLeft .topPrInner,
#topPr #topPrCenter .topPrInner,
#topPr #topPrRight .topPrInner	{ float:none; }
}

/* 660px以下 */
@media (max-width: 660px) {
#topPr  {
	text-align: left;}
}


/*-------------------------------------------*/
/*	お知らせ・タブエリア
/*-------------------------------------------*/

#NewsBox {
    float: left;
    width: 93%;
    margin: 0px 3% 30px 3%;
    text-align: left;
}


#box1 p, #box2 p, #box3 p, #box4 p, #box5 p, #box6 p {
    font-size: 14px;
    text-align: right;												/* 追加 全体がセンター寄せなのに対し、このブロックだけは左寄せの方がみやすい */
}

#box1 p a, #box2 p a, #box3 p a, #box4 p a, #box5 p a, #box6 p a {
    display: block;
    margin: 0px 20px;
    padding: 10px 0px 10px 0px;
    border-top: solid 1px #fff;
}

#box1 ul, #box2 ul, #box3 ul, #box4 ul, #box5 ul, #box6 ul {
    background-color: #fff;
    padding: 25px;
    height: 118px;
    overflow-y: auto;
}

#box1 ul li, #box2 ul li, #box3 ul li, #box4 ul li, #box5 ul li, #box6 ul li {
    font-size: 14px;
    margin-bottom: 15px;
}


#box1 {
	background-color: #b4ada9;
	padding: 20px 20px 0px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
}
#box2 {
	background-color: #e99280;
	padding: 20px 20px 0px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
}
#box3 {
	background-color: #f0b970;
	padding: 20px 20px 0px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
}
#box4 {
	background-color: #b5957e;
	padding: 20px 20px 0px;
}
#box5 {
	background-color: #66b68e;
	padding: 20px 20px 0px;
}
#box6 {
	background-color: #a68eb6;
	padding: 20px 20px 0px;
}

ul.tabs-nav li.box1 {
	background-color: #b4ada9;
	border-top-left-radius : 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	margin-left: 0px !important;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
}

ul.tabs-nav li.box2 {
	background-color: #e99280;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	margin-left: -4px !important;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
}

ul.tabs-nav li.box3 {
	background-color: #f0b970;
	margin-left: -4px !important;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
}

ul.tabs-nav li.box4 {
	background-color: #b5957e;
	margin-left: -4px !important;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
}

ul.tabs-nav li.box5 {
	background-color: #66b68e;
	margin-left: -4px !important;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
}

ul.tabs-nav li.box6 {
	background-color: #a68eb6;
	margin-left: -4px !important;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
}


#box1 ul, #box2 ul, #box3 ul, #box4 ul, #box5 ul, #box6 ul {
    background-color: #fff;
    padding: 25px;
    height: 118px;
    overflow-y: auto;
}

#box1 ul li a, #box2 ul li a, #box3 ul li a, #box4 ul li a, #box5 ul li a, #box6 ul li a {
    font-weight: normal;
    color: #44210b;
    text-decoration: none;
}

#box1 ul li a:link, #box2 ul li a:link, #box3 ul li a:link, #box4 ul li a:link, #box5 ul li a:link, #box6 ul li a:link {
    font-weight: normal;
    color: #44210b;
    text-decoration: none;
}

#box1 ul li a:visited, #box2 ul li a:visited, #box3 ul li a:visited, #box4 ul li a:visited, #box5 ul li a:visited, #box6 ul li a:visited {
    font-weight: normal;
    color: #44210b;
    text-decoration: none;
}

#box1 ul li a:hover, #box2 ul li a:hover, #box3 ul li a:hover, #box4 ul li a:hover, #box5 ul li a:hover, #box6 ul li a:hover {
    font-weight: normal;
    color: #ff33ff;
    text-decoration: underline;
}

#box1 ul li a:active, #box2 ul li a:active, #box3 ul li a:active, #box4 ul li a:active, #box5 ul li a:active, #box6 ul li a:active {
    font-weight: normal;
    color: #44210b;
    text-decoration: none;
}

/* 一覧表を見る */
p.linkage-list a {text-decoration: none; color: white !important;}
p.linkage-list a:link {text-decoration: none; color: white !important;}
p.linkage-list a:visited {text-decoration: none; color: white !important;}
p.linkage-list a:hover {text-decoration: underline; color: white  !important;} /* #ff33ff → white /
p.linkage-list a:active {text-decoration: none; color: white  !important;}

/* 新着記事にNEW!表示 */
span.new {
	font-size: 74%;
	padding: 1px 5px;
	vertical-align: middle;
	color: White;
	background-color: #ff4500;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.tabs-nav {border: 0px !important;}
.tabs-nav li.selected {border: 0px !important;}


/* スマホでタブの文字数を減らす */
@media screen and (max-width:659px) {
	span.ghost {
		display: none;
	}
}

/*-------------------------------------------*/
/*	バナー・リンクエリア
/*-------------------------------------------*/
/* part1 バナーエリア */
div#MenuBox2 {
	display: none;
}

div#MenuBox ul li {
    display: inline-block;
    width: 238px;
    height: 100px;
}

#MenuBox ul {
    text-align: center;
}

@media (max-width: 660px) {

div#MenuBox {
	display: none;
}
div#MenuBox2 {
	display: block;
}

div#MenuBox2 ul li {
	display: block;
	width: 100%;
	text-align: center;
	margin-left: -3%;
}

div#MenuBox2 ul li img {
	width: 90%;
	 }
}

/* オンマウスで少し右上に動かす */
.photo1 img{
  	transition: 0.3s;
}
 
 
.photo1 img:hover{
		-webkit-transform: translate(3px,-2px);
		-moz-transform: translate(3px,-2px);
		-ms-transform: translate(3px,-2px);
		-o-transform: translate(3px,-2px);
		transform: translate(3px,-2px);
}


/*-------------------------------------------*/
/*	links ※footer直上
/*-------------------------------------------*/
/* 基本設定 */
footer div.ft_tb, footer div.ft_sp { 
	display: none; 
}

footer div.ft ul {
	text-align: center;
}

footer div.ft ul li {
	display: inline-block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

footer div.ft ul li {
	text-align: center;
	border-right: 1px solid #42210b;		/* #44210b = こげ茶色 */
	line-height: 1.2;
	padding: 0 5px;
}

footer div.ft li:first-child {
	border-left: 1px solid #42210b;			/* #44210b = こげ茶色 */
}

footer div.ft li a {
	color: #44210b;							/* #44210b = こげ茶色 */
	padding: 0 10px;
	text-decoration: none;
}

footer div.ft li a:link, footer div.ft li a:visited, footer div.ft li a:active {
	text-decoration: none;
	color: #44210b;							/* #a9a9a9 = dark silver */ /* #44210b = こげ茶色 */
}

footer div.ft li a:hover {
	text-decoration: underline;
	color: #ff3300;							/* #ff3300 = 赤系 */
}

footer div.ft a, footer div.ft a img {
    outline: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/* tablet-mode設定 */
@media screen and (min-width: 661px) and (max-width: 969px) {
footer div.ft {
	display: none;
}

footer div.ft_tb {
	display: block;
	text-align: center;
}

footer div.ft_tb ul li {
	display: inline-block;
	padding: 0;
	text-align: center;
}

footer div.ft_tb ul li {
	text-align: center;
	border-right: 1px solid #42210b;		/* #44210b = こげ茶色 */
	line-height: 1.2;
	padding: 0 5px;
}

footer div.ft_tb li:first-child {
	border-left: 1px solid #42210b;			/* #44210b = こげ茶色 */
}

footer div.ft_tb li a {
	color: #44210b;							/* #44210b = こげ茶色 */
	padding: 0 10px;
	text-decoration: none;
}

footer div.ft_tb li a:link, footer div.ft_tb li a:visited, footer div.ft_tb li a:active {
	text-decoration: none;
	color: #44210b;							/* #44210b = こげ茶色 */
}

footer div.ft_tb li a:hover {
	text-decoration: underline;
	color: #ff3300;							/* #ff3300 = 赤系 */
}
}

footer div.ft_tb a, footer div.ft_tb a img {
    outline: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/* sp-mode設定 */
@media screen and (max-width: 660px) {
footer div.ft {
	display: none;
}

footer div.ft_sp {
	display: block;
}

footer div.ft_sp div.navi {
	margin-top: 10px;
	background-color: #f3f3f3;		/* #f3f3f3 = silver */

	border: 1px solid #000;
	text-align: center; 
}

footer div.ft_sp div.navi a {
	display: block;					/* クリッカブルエリアの拡大 */
	zoom: 1;						/* IE6以前に対応 */
	padding-top: 15px;
	padding-bottom: 15px;
	text-decoration: none;
}

footer div.ft_sp div.navi a:link, footer div.ft_sp div.navi a:visited, footer div.ft_sp div.navi a:active {
	color: #44210b;							/* #44210b = こげ茶色 */
	text-decoration: none;
	font-weight: bold;
}


footer div.ft_sp div.navi a:hover {
	background-color: #fff;
	color: #ff3300;					/* #ff3300 = 赤系 */ 
	text-decoration: underline;
	font-weight: bold;
}

footer div.ft_sp div.navi a, footer div.ft_sp div.navi a img {
    outline: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
}

/*-------------------------------------------*/
/*	#footer
/*-------------------------------------------*/
/* design skin 002 */
/* backtop（移動する上へ戻るボタン） */
#back-top {display: block; opacity: 1; z-index: 500; position: relative;}
#back-top #pagetop { display: block; overflow: hidden; width: 45px; height: 45px; }
#back-top a { display: block; overflow: hidden; position: fixed; bottom: 20px; right: 20px; }
#pagetop	{ display:block; overflow:hidden; clear:both; z-index:5; }
#pagetop a	{ color: #333; background:url(/images/icons2/icon_arrow_top_gry.png) center bottom no-repeat #e6e6e6; float:right; display:block; position:relative; padding:5px 15px 5px 15px;font-size:11px; text-decoration:none;margin-bottom:0px;font-family:'Lato', sans-serif; letter-spacing:1px; }
#pagetop a:hover	{ background:url(/images/icons2/icon_arrow_top.png) center bottom no-repeat #ff73ff; color:#FFF; }

/* pagetop（固定の上へ戻るボタン） */
#pagetop2	{ display:block; overflow:hidden; clear:both; z-index:5; margin-top: 1em;}
#pagetop2 a	{ color: #333; background:url(/images/icons2/icon_arrow_top_gry.png) center bottom no-repeat #e6e6e6; float:right; display:block; position:relative; padding:5px 15px 5px 15px;font-size:11px; text-decoration:none;margin-bottom:0px;font-family:'Lato', sans-serif; letter-spacing:1px; }
#pagetop2 a:hover	{ background:url(/images/icons2/icon_arrow_top.png) center bottom no-repeat #ff99ff; color:#FFF; } /* background-color:#ff73ff; → #ff99ff */
#pagetop2 .innerBox		{ text-align:left;width:94%; margin:0px 3%;}

/* footer */
#footer	{ margin:0px; padding:0px; display:block; overflow:hidden; }
#footer	{ background:url(/images/icons2/bg_bk.jpg) left top repeat; text-align:left; /* min-width: 1500px; */ width: 100%;}
#footer .footer-inside {max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; padding: 0;}

/* 660px以下 */
@media (max-width: 660px) {
#footer .footer-inside  {
	max-width: 660px; width: 100%; margin-left: 3%; padding: 0;}
}

#footer dl#footerOutline	{ margin:0px; line-height:150%;width:220px; }
#footer dl#footerOutline dt	{ color: #d2d2d3; margin-bottom:8px;line-height:150%; }
#footer dl#footerOutline dt img	{ margin-bottom:5px;max-width:220px; }
#footer dl#footerOutline dd	{ color: #d2d2d3; font-size:85.7%; line-height:150%; }

/* siteBottom */
#siteBottom {background:url(/images/icons2/bg_bk.jpg) left top repeat; clear:both; padding:15px 0px 20px; font-size:88%; font-family:Arial, Helvetica, sans-serif; color: #fff; border-top:1px solid #fff; }
#siteBottomInner	{ text-align:center; }
#siteBottom a	{ color: #fff; text-decoration:none; }
#siteBottom #copy	{ text-align:center; }
#siteBottom #powerd,
#siteBottom #powerd a	{ color:#cccccc; }

/* 連絡先コーナーのemailアドレス */
span.email-001 img {vertical-align: middle !important;}
span.email-002 {padding-left: 0px;}
a.email-003 {text-decoration: none !important; color: #fff !important;}
a.email-003:hover {color: #000; text-decoration: underline !important;}

/* 児玉支所他の事業所追加 */
div.footer-block-in {
	margin: 0px 20px;
	width: 94%;
	color: #fff;
	font-size: 0.9em;
}

/* 本庄市社会福祉協議会のタイトルを消去（自動表示） */
div#footerInner dl#footerOutline dt {display: none !important;}

/* 855px以下 */
@media (max-width: 1100px) {
div.address-box-01 {
	display: none !important;
}
div.address-box-02 {
	display: block !important;
}
}

/* 856px以上 */
@media (min-width: 1101px) {
div.address-box-01 {
	display: block !important;
}
div.address-box-02 {
	display: none !important;
}
}

/* 社団法人 本庄市社会福祉協議会 をspで２行表示 */
div.footer-block div.footer-block-in ul li h3 br.title-sp {
	display: none;
}

@media (max-width: 1100px) {
div.footer-block div.footer-block-in ul li h3 br.title-sp  {
	display: block;
}

div.footer-block div.footer-block-in {
	margin-left: 0px;
}
}

@media (max-width: 680px) {

div.footer-block div.footer-block-in {
	margin-left: 0px;											/* スマホで見た時に、住所の左側が少し切れてしまう対策 */
	font-size: 0.8em;
}


#footer {
	background: #68A934;
}
}

a.care-plan-center {color: white !important; font-weight: normal !important;}
a.care-plan-center:link {color: white !important;}
a.care-plan-center:visited {color: white !important;}
a.care-plan-center:hover {color: white !important;}
a.care-plan-center:active {color: white !important;}

div.machinami {display:block; margin-bottom: -7px; text-align: center;}

/* 
div.machinami img { min-width: 1500px; width: 98%; margin-left: auto; margin-right: auto;}
 */

div.machinami img { width: 100%; height: 80px; object-fit: cover;}

/* telタグを装飾 */
div.address-box-02 a.tel-tag {color: white; font-weight: normal;}


/*-------------------------------------------*/
/*	固定ページ
/*-------------------------------------------*/
/* カスタム投稿タイプ h1 class="p-article__ttl と同じ設定 */
div.container {
max-width: 960px;
margin-left: auto;
margin-right: auto;
padding: 0px  1em;
font-size: 1.1em;
line-height: 1.8em;
}

/* wordpressのオリジナルタイトル */
h1.h1 {display: none !important;}

/* 自作タイトル */
h1.new-h1::before {
    content: " ● ";
}

h1.new-h1 {
    color: #505050;
    padding: 0.2em 0.5em 0;
    line-height: 1.3;
    vertical-align: middle;
    border-radius: 5px 0px 0px 5px;
	border-top: #f7b29e 5px solid;
	border-bottom: #f7b29e 5px solid;
}

@media (min-width: 961px) {
h1.new-h1 {
font-size: 2em;}
}

@media (min-width: 731px) and (max-width: 960px) {
h1.new-h1 {
font-size: 1.5em;}
}

@media (max-width: 730px) {
h1.new-h1 {
font-size: 1.125em;}
}

div.container-inside { max-width: 960px; width: 100%; text-align: center; margin-left: auto; margin-right: auto; padding: 0;}

p.haikei {
 color: #330000;
padding: 0.25em;
border: solid 2px #ff7f50; /* #6cb4e4 */
border-radius : 15px;
background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
 background: repeating-linear-gradient(-45deg, #ffe4c4, #ffe4c4 3px,#f2eed5 3px, #f2eed5 7px); 
}

p.haikei2{
color: #505050;
padding: 0.5em;
line-height: 1.3;
background: #f7b29e;
vertical-align: middle;
border-radius: 0px 0px 0px 0px;
font-weight: bold;
}

p.haikei2:before {
content: '●';
color: white;
margin-right: 8px;
margin-left: 8px;
}

div.content-title {
	width: 100%;
	padding-top:0.3em;
}

/* 同一ページ内にコンテンツが２つ以上存在する場合の区切れ線 */
hr.hasen {
border:none;
 border-top:dashed 1px #000;
 height:1px;
 }

/* ダウンロードページのへリンク */
h4.to-download-page {
color: #69bd83;							/* #68a934 */
padding: 0.5em 0;
border-top: solid 3px #69bd83;			/* #68a934 */
border-bottom: solid 3px #69bd83;		/* #68a934 */
}

h4.to-download-page span.download-comment {font-size: 0.8em;}


/*-------------------------------------------*/
/*	固定ページ：カテゴリーＴＯＰ
/*-------------------------------------------*/
/* 本文全体 */
div.category {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1em;
	padding-right: 1em;
}


/* カテゴリートップ・リンク */
div.wrapPagecontent ul li {
    display: block;
    float: left;
    width: 47%;
    list-style-type: none;
    margin: 0 1% 1% 0;
    border: 1px solid #E6DFD7;
    color: #4A2500 !important;
    font-size: .875em;
    font-weight: bold;
    line-height: 1;
    border-radius: 3px;
    box-shadow: 0 2px 0 rgba(0,0,0,.05);
}

div.wrapPagecontent ul li:hover {
		border:1px solid #F8BBAA;
		background-color:#F8F8F8 !important;
}

@media screen and (max-width: 768px){
div.wrapPagecontent ul li {
	clear: both;
	display: block;
	width: 95%;
	}
}

div.wrapPagecontent ul li img {
	vertical-align: middle;
}

div.wrapPagecontent ul li a {
	display: block;
/* 	height: 100%; */							/* この設定なんだっけ？ 活かすとレイアウトが壊れます */
	padding: 10px 10px 10px 10px;
}

div.wrapPagecontent ul li a:link {color: #4A2500 !important; text-decoration: none;}
div.wrapPagecontent ul li a:visited {color: #4A2500 !important; text-decoration: none;}
div.wrapPagecontent ul li a:hover {color: #ed5225 !important; text-decoration: underline;}
div.wrapPagecontent ul li a:active {color: #4A2500 !important; text-decoration: none;}

/* カテゴリートップ・リンク先 */
div.wrapPagecontent h3.page-title {
    background-image: url(/images/category/barH02.png) !important;
    background-position: 0 bottom !important;
    background-repeat: repeat-x !important;
    padding: 0 0 25px 0;
}

div.wrapPagecontent h3.page-title {
    font-weight: bold;
    font-size: 1.3em;
    margin: 50px 0 25px;
    line-height: 1.4;
}

div.wrapPagecontent div.linkHeading h3 a {
    display: block;
    position: relative;
    padding: 12px 40px 12px 10px;
    background-image: url(/images/category/bg08.png) !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    border: 1px solid #FDE8E1; 
}

div.wrapPagecontent div.linkHeading h3 a:hover{
	background-image: none !important;

}

div.wrapPagecontent div.linkHeading h3 {
    display: block;
    background-image: none !important;
    font-size: 1em;
    margin: 20px 0 10px !important;
    padding: 0;
    background-color: #F3EDD1 !important;
}

div.wrapPagecontent div.linkHeading h3 a:link {color: #4A2500 !important; text-decoration: none;}
div.wrapPagecontent div.linkHeading h3 a:visited {color: #4A2500 !important; text-decoration: none;}
div.wrapPagecontent div.linkHeading h3 a:hover {color: #ed5225 !important; text-decoration: underline;}
div.wrapPagecontent div.linkHeading h3 a:active {color: #4A2500 !important; text-decoration: none;}


/*-------------------------------------------*/
/*	プラグイン：Contact form 7
/*-------------------------------------------*/
 .wpcf7 input[name="your-name"], .wpcf7 input[name="your-email"], .wpcf7 input[name="your-email_confirm"], .wpcf7 input[name="your-subject"] {
	width: 80%;
	height: 35px !important;
}
 
.wpcf7 textarea[name="your-message"] {
	width: 80%;
	height: 250px !important;
}

span.reconfirm-email-address {font-size: 0.8em; color: red;}
br.in-smart-phone {display: none;}

/* 660px以下 */
@media (max-width: 660px) {
 .wpcf7 input[name="your-name"], .wpcf7 input[name="your-email"], .wpcf7 input[name="your-email_confirm"], .wpcf7 input[name="your-subject"] {
	width: 95%;
	height: 60px !important;
}

.wpcf7 textarea[name="your-message"] {
	width: 95%;
}

span.reconfirm-email-address {font-size: 0.9em;}

br.in-smart-phone {display: block;}
}

/* イベントフォーム１, ２専用 */
 .wpcf7 input[name="your-name1"], .wpcf7 input[name="your-name2"], .wpcf7 input[name="your-furigana1"], .wpcf7 input[name="your-furigana2"], .wpcf7 input[name="zip1"], .wpcf7 input[name="zip2"], .wpcf7 input[name="prefecture"],  .wpcf7 input[name="city"], .wpcf7 input[name="street"], .wpcf7 input[name="your-building"], .wpcf7 input[name="your-telephone"],  .wpcf7 input[name="your-age"]
  {
	height: 35px !important;
}

.wpcf7-select[name="your-sex"],  .wpcf7-select[name="your-syuwa"] {height: 35px !important; width: 80px;}

/*-------------------------------------------*/
/*	投稿ページ：管理画面
/*-------------------------------------------*/
/* 未分類 Uncategorized カテゴリ を非表示にする */

ul.categorychecklist li#category-1 {
 display: none !important;
}


/*-------------------------------------------*/
/*	固定ページ：info
/*-------------------------------------------*/
ul.news-list li.latest-information, ul.news-list li.donate-information, ul.news-list li.recruit {display: inline;}


/*-------------------------------------------*/
/*	投稿ページ：single.php
/*-------------------------------------------*/

/* カテゴリーを横並び */
div.p-article__category ul {padding-left: 0px; margin-top: 0px;}
div.p-article__category ul li {display: inline-block;}

h1.p-article__ttl:before {
	content: ' ●';
}

h1.p-article__ttl {							/* 固定ページ div.container と同じ設定 */
    color: #4A2500;			/* #505050; → #4A2500 = こげ茶 */
    padding: 0.2em 0.5em 0;
    line-height: 1.3;
    vertical-align: middle;
    border-radius: 5px 0px 0px 5px;
	border-top: #f7b29e 5px solid;
	border-bottom: #f7b29e 5px solid;
}

@media (min-width: 961px) {
h1.p-article__ttl {
font-size: 2em;}
}

@media (min-width: 731px) and (max-width: 960px) {
h1.p-article__ttl {
font-size: 1.5em;}
}

@media (max-width: 730px) {
h1.p-article__ttl {
font-size: 1.125em;}
}

a.button-002 {text-decoration: none; color: #330000;}
a.button-002:link {text-decoration: none; color: #330000;}
a.button-002:visited {text-decoration: none; color: #330000;}
a.button-002:hover {text-decoration: underline; color: #ff99ff;}
a.button-002:active {text-decoration: none; color: #330000;}

.button-001 {
    color: #fff;
    border: 2px #ff0000 solid;
    border-radius: 5px;
    background-color: #fff0f5;
    padding: 5px 10px;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: (0,0,0,0);
}

p.p-article__open {/* margin-left: 2%; */ margin-bottom: 0;}
/* div.p-article__category {margin-left: 2%; margin-bottom: 0;} */
div.p-article__category__footer p {font-size: 0.8em; margin-bottom: 0;}
footer.p-article__footer {font-size: 0.8em;}
div.yoko {display: inline;}
div.p-article__prev-post {float: left;}
div.p-article__next-post {float: right;}


/* スラッグに色を付ける */
.notice {
    display: none;
}

.donate-information {
    color: #fff;
    text-decoration: none;
    border-radius:5px;
    margin: 0 3px;
    padding: 2px 5px;
    background-color: blue;
    font-size: 0.8em;
}

.recruit {
    color: #fff;
    text-decoration: none;
    border-radius:5px;
    margin: 0 3px;
    padding:2px  5px;
    background-color: gray;
    font-size: 0.8em;
}

.new-blog {
    color: #fff;
    text-decoration: none;
    border-radius:5px;
    margin: 0 3px;
    padding:2px  5px;
    background-color: red;
    font-size: 0.8em;
}


/*-------------------------------------------*/
/*	検索結果表示ページ：search.php
/*-------------------------------------------*/

#CautionBox.search {
    background-color: #EBE45E;		/* #EBE45E = 黄土色 */
    margin: 1px 0px 0px 0px;
    padding: 23px 0;
}

div.search-container {
padding: 0px  1em;
max-width: 960px;
margin-left: auto;
margin-right: auto;
font-size: 1.1em;
line-height: 1.8em;
color: #330000;
}

div.search-container h2 {font-weight: normal; font-size: 1em;}
div.search-container p {margin-top: -15px; font-size: 0.9em;}


/*-------------------------------------------*/
/*	タクソノミー：taxonomy.php
/*-------------------------------------------*/
div.taxonomy-container {
padding: 0px  1em;
max-width: 960px;
margin-left: auto;
margin-right: auto;
font-size: 1.1em;
line-height: 1.8em;
color: #330000;
}

@media (min-width: 961px) {
div.taxonomy-container h2 {font-weight: normal; font-size: 0.9em;}  /* 1em → 0.9em */
div.taxonomy-container p {margin-top: -15px; font-size: 0.8em;}		/* 0.9em → 0.8em */
}

@media (min-width: 731px) and (max-width: 960px) {
div.taxonomy-container h2 {font-weight: normal; font-size: 0.85em;}		/* 0.95em → 0.85em */
div.taxonomy-container p {margin-top: -15px; font-size: 0.8em;}			/* 0.85em → 0.8em */
}

@media (max-width: 730px) {
div.taxonomy-container h2 {font-weight: normal; font-size: 0.9em;}		/* 0.9em → 0.8em */
div.taxonomy-container p {margin-top: -15px; font-size: 0.8em;}			/* 0.8em → 0.75em */
}

/* ボタンデザイン：すべて */
li.vol-a-all {font-size: 0.9em;}

li.vol-a-all a,li.vol-a-all-footer a {
 display: inline-block;
 width: 60px;
 padding-top: 0.001em;
 padding-bottom: 0.001em;
 padding-right: 0.1em;
padding-left: 0.1em;
 text-align: center;
 text-decoration: none;
 color: #F59C83;
 border: 2px solid #F59C83;
 border-radius: 3px;
 transition: .4s;
}

li.vol-a-all a:hover,li.vol-a-all-footer a:hover {
 background: #F59C83;
 color: #fff;
}

/* 高齢者 */
li.vol-b-senior {font-size: 0.9em;}

li.vol-b-senior a {
 display: inline-block;
/* width: 60px; */
 padding-top: 0.001em;
 padding-bottom: 0.001em;
 padding-right: 0.1em;
padding-left: 0.1em;
 text-align: center;
 text-decoration: none;
 color: #A588D9;
 border: 2px solid #A588D9;
 border-radius: 3px;
 transition: .4s;
}

li.vol-b-senior a:hover {
 background: #A588D9;
 color: #fff;
}

/* 障害児・者 */
li.vol-c-disable {font-size: 0.9em;}

li.vol-c-disable a {
 display: inline-block;
/* width: 60px; */
 padding-top: 0.001em;
 padding-bottom: 0.001em;
 padding-right: 0.1em;
padding-left: 0.1em;
 text-align: center;
 text-decoration: none;
 color: #F6A48D;
 border: 2px solid #F6A48D;
 border-radius: 3px;
 transition: .4s;
}

li.vol-c-disable a:hover {
 background: #F6A48D;
 color: #fff;
}

/* 子ども */
li.vol-d-child {font-size: 0.9em;}

li.vol-d-child a {
 display: inline-block;
/* width: 60px; */
 padding-top: 0.001em;
 padding-bottom: 0.001em;
 padding-right: 0.1em;
padding-left: 0.1em;
 text-align: center;
 text-decoration: none;
 color: #FFA41A;
 border: 2px solid #FFA41A;
 border-radius: 3px;
 transition: .4s;
}

li.vol-d-child a:hover {
 background: #FFA41A;
 color: #fff;
}

/* 災害 */
li.vol-e-disaster {font-size: 0.9em;}

li.vol-e-disaster a {
 display: inline-block;
/* width: 60px; */
 padding-top: 0.001em;
 padding-bottom: 0.001em;
 padding-right: 0.1em;
padding-left: 0.1em;
 text-align: center;
 text-decoration: none;
 color: #F59C83;
 border: 2px solid #F59C83;
 border-radius: 3px;
 transition: .4s;
}

li.vol-e-disaster a:hover {
 background: #F59C83;
 color: #fff;
}

/* 趣味・特技 */
li.vol-f-hobby {font-size: 0.9em;}

li.vol-f-hobby a {
 display: inline-block;
/* width: 60px; */
 padding-top: 0.001em;
 padding-bottom: 0.001em;
 padding-right: 0.1em;
padding-left: 0.1em;
 text-align: center;
 text-decoration: none;
 color: #CEAF67;
 border: 2px solid #CEAF67;
 border-radius: 3px;
 transition: .4s;
}

li.vol-f-hobby a:hover {
 background: #CEAF67;
 color: #fff;
}

/* その他 */
li.vol-g-others {font-size: 0.9em;}

li.vol-g-others a {
 display: inline-block;
/* width: 60px; */
 padding-top: 0.001em;
 padding-bottom: 0.001em;
 padding-right: 0.1em;
padding-left: 0.1em;
 text-align: center;
 text-decoration: none;
 color: #B3AA9B;
 border: 2px solid #B3AA9B;
 border-radius: 3px;
 transition: .4s;
}

li.vol-g-others a:hover {
 background: #B3AA9B;
 color: #fff;
}

/* 単発マーク・継続マーク */
li.vol-x-single::before {
 font-family: "Font Awesome 5 Free";
 content: "\f141";
 font-weight: 900; 
 font-size: 0.85em;
}

li.vol-z-continue::before {
 font-family: "Font Awesome 5 Free";
 content: "\f337";
  font-weight: 900;
  font-size: 0.9em;
}

/* 時計マーク */
section.articles_index div h2 a::before {
 font-family: "Font Awesome 5 Free";
 content: "\f017";
 font-weight: 400; 
 font-size: 0.9em;
}

/* ページャーを追加 */
.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	width: auto;
	color: #fff;
	background: #47BEA0;
}
.pagination a:hover{
	color: #47BEA0;
	background: #F9D635;
}
.pagination .current{		/* 現在アクティブなページ */
	padding: 10px 15px 10px 15px;
	background: #F9D635;
	color: #47BEA0;
}
@media only screen and (max-width: 480px) {
.pagination {
	font-size: 12px;
	line-height: 12px;
}
.pagination span, .pagination a {
	padding: 8px 10px 8px 10px;
}
.pagination .current{
	padding: 8px 10px 8px 10px;
}
}

/* 抄録のデザイン */
div.syouroku p {margin-bottom: -15px;}


/*-------------------------------------------*/
/*	タクソノミー：single-self_made.php
/*-------------------------------------------*/
#CautionBox-taxonomy {
	background-color: #EBE45E;			/* #EBE45E = 黄土色 */
	margin: 1px 0px 0px 0px;
	padding: 10px 0;
	height: 25px;
}

div.taxonomy-contents {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}


div.taxonomy-contents p.volunteer-bosyuu {line-height: 1.5em;}


div.taxonomy-contents table.volunteer-bosyuu {width: 100%; border: solid 1px ; border-collapse: collapse;}
div.taxonomy-contents table.volunteer-bosyuu tr td {border: solid 1px ; padding: 0 0.5em 0;}


@media (min-width: 961px) {
div.taxonomy-contents {font-size: 0.9em;}
div.taxonomy-contents p.volunteer-bosyuu {font-size: 0.8em;}
div.taxonomy-contents table.volunteer-bosyuu {font-size: 0.9em;}
}

@media (min-width: 731px) and (max-width: 960px) {
div.taxonomy-contents {font-size: 0.85em;}
div.taxonomy-contents p.volunteer-bosyuu {font-size: 0.75em;}
div.taxonomy-contents table.volunteer-bosyuu {font-size: 0.85em;}
}

@media (max-width: 730px) {
div.taxonomy-contents {font-size: 0.8em;}
div.taxonomy-contents p.volunteer-bosyuu {font-size: 0.7em;}
div.taxonomy-contents table.volunteer-bosyuu {font-size: 0.8em;}
}



/*-------------------------------------------*/
/*	SPトップページ：ボタンバナー350x350
/*-------------------------------------------*/

@media screen and (max-width: 660px) {
    table.top-sp-button {
        display: block;
    }
}


@media screen and (min-width: 661px) {
    table.top-sp-button {
        display: none;
    }
}

table.top-sp-button {
	max-width: 660px;
	width: 85%;
	margin: 0 auto;
}


/*-------------------------------------------*/
/*	パンくずリスト
/*-------------------------------------------*/

@media (min-width: 1243px) {
div.breadcrumbs {
font-size: 14px;
}
}

@media (max-width: 1242px) {
div.breadcrumbs {
font-size: 10px;
}
}

span.breadcrumbs-c {
color: #4a2500;
font-weight: bold;
}

hr.breadcrumbs-hr {
border-top: 1px dashed #4a2500;
margin-top: 6px;
}