@charset "utf-8";

body {
	font-family: "UD Digi Kyokasho N-R", "Arial", sans-serif;
}
#wrap {
	width: 100%;
	height: 100%;
	word-wrap:break-word;
	font-size: 140%;
}
header#header {
	width: 100%;
	height: auto;
	max-height: 100%;
	position: fixed;
	top: 0;
	z-index: 10;/* その他コンテンツより上位に固定 */
	background: rgba(255,255,255,0.9);
}
header#header .inner {
	max-width: 1440px;
	margin: 0 auto;
}
#content {
	width: 96%;
	max-width: 1440px;
	margin: 0 auto;
}
.inner {
	width: 96%;
	margin: 0 auto;
}
footer#footer {
	width: 100%;
	overflow: hidden;
	clear: both;
}
a:hover > img {
	opacity: 0.7;
}

/* ------------------------------------------------------ */



/* サイトロゴ
------------------------------------------------------ */
#site-title {
	width: 240px;
	display: inline-block;
	background: #FFF;
	margin: 10px;
	padding: 0!important;
	float: left;
}
#site-title a {}
#site-title img {
	max-width: 100%;
}

#top-contact {
	width: 240px;
	padding: 5px 0;
	float: right;
	text-align: center;
}
#top-contact a {
	display: inline-block;
	border: 1px solid #999;
	border-radius: 16px;
	margin: 5px;
	padding: 2px;
}
#top-contact a:hover,
#top-contact a:active {
	opacity: 0.4;
}

/* グローバルナビゲーション
------------------------------------------------------ */
html.menu-open {
	overflow: hidden!important;
}
html.menu-open header#header {
	min-height: 100vh;
	background: rgba(0,0,0,0.5)!important;
}
html.menu-open #pagetop {
	display: none;
}
#g-navi-btn {
	width: 60px;
	height: 60px;
	display: inline-block;
	float: right;
	margin: 20px;
	border: 1px solid #555;
	border-radius: 5px;
	background-image: url(images/g-navi-btn.png);
	background-color: #FFF;
	cursor: pointer;
	display: none;
}
#g-navi-btn {
	background-position: top center;
}
#g-navi-btn.open {
	background-position: bottom center;
}
nav#g-navi {
	position: relative;
	padding: 10px 0;
}
nav#g-navi > ul {
	margin: 0;
	display: flex;
}
nav#g-navi > ul > li {
	padding: 5px 5px 30px;
	flex-grow: 1;
	list-style-type: none;
	text-align: center;
	position: relative;
	font-size: 150%;
}
nav#g-navi > ul > li > ul {
	display: none;
	width: 100%;
	margin-top: 30px;
	background: rgba(255,255,255,0.9);
}
nav#g-navi ul li a {
	color: #000;
	text-shadow: 3px 3px 5px #FFF, -3px 3px 5px #FFF, 3px -3px 5px #FFF, -3px -3px 5px #FFF;
	font-weight: bold;
	padding: 10px;
	display: block;
	text-decoration: none;
	border-bottom: 2px solid #FCE;
	position: relative;
}
nav#g-navi ul li a::after {
	content: "";
	height: 4px;
	background: #F90;
	position: absolute;
	left: 0;
	bottom: -2px;

	/* 下線を徐々に表示させるアニメーション */
	width: 0%;
	transition: 1.0s;
	transition-delay: 0s;
}
nav#g-navi ul li a:hover::after,
nav#g-navi ul li a:active::after {
	width: 100%;
}


@media only screen and (min-width: 1181px){
 header#header {
	overflow: visible;
 }
 #top-contact {
	float: right;
	padding-bottom: 15px;
 }
 #g-navi-btn {
	display: none;
 }
 nav#g-navi {
	position: relative;
	margin: 0;
	margin-right: 280px;
 }
 nav#g-navi ul li a {
	padding-left: 0;
	border-bottom: none;
 }
 nav#g-navi ul li a::after {
	left: -5px;
 }
 nav#g-navi > ul {
	display: flex;
 }
 nav#g-navi > ul > li {
	margin-top: 5px;
	padding: 5px 5px 0px;
	font-size: 130%;
	text-align: center;
 }
 nav#g-navi > ul > li:not(:last-child) > a {
	border-right: 1px solid #555;
 }
 nav#g-navi > ul > li > ul {
	margin-top: 20px;
	background: rgba(255,255,255,0.9);
 }
 nav#g-navi > ul > li:hover > ul,
 nav#g-navi > ul > li:active > ul {
	display: block;
 }
 nav#g-navi > ul > li > ul > li {
	font-size: 80%;
	padding: 0px;
 }
 nav#g-navi > ul > li > ul > li:last-child {
	padding: 5px 0px;
 }
 nav#g-navi > ul > li:hover > ul > li:first-child::after {
	content:"";
	width: 0;
	height: 0;
	border-width: 0px 20px 20px;
	border-style: solid;
	border-color: transparent transparent rgba(255,255,255,0.9) transparent;
	position: absolute;
	top: -20px;
	left: calc(50% - 20px);
 }
 nav#g-navi > ul > li > ul {
	display: none;
	position: absolute;
 }
}
@media only screen and (max-width: 1180px){
 header#header {
	overflow: auto;
 }
 #top-contact {
	float: left;
	background: transparent;
	margin-top: 5px;
 }
 html.menu-open #top-contact {
	background: #fff;/* メニューを開いているときのみ */
 }
 #g-navi-btn {
	display: inline-block;
 }
 nav#g-navi {
	clear: both;
	display: none;
 }
 nav#g-navi.open {
	display: block;
 }
 nav#g-navi > ul {
	display: block;
	background: rgba(255,255,255,0.8);
 }
 nav#g-navi > ul > li {
	padding: 0px;
	text-align: left;
 }
 nav#g-navi > ul > li.menu-item-has-children > a {
	padding-left: 2em;
	position: relative;
 }
 nav#g-navi > ul > li.menu-item-has-children::before {
	content: "▼";
	color: #00F;
	position: absolute;
	left: 5px;
	top: 10px;
 }
 nav#g-navi > ul > li.menu-item-has-children.open::before {
	content: "▲";
	color: #999;
 }
 nav#g-navi > ul > li > ul {
	margin-top: 0px;
	background: transparent;
 }
 nav#g-navi > ul > li.open > ul {
	display: block;
 }
 nav#g-navi > ul > li > ul > li {
	margin-left: 30px;
 }
 nav#g-navi > ul > li > ul> li > a {
	padding: 5px;
 }
}


/* ページトップボタン
------------------------------------------------------ */
#pagetop {
	position: fixed;
	bottom: 25px;
	right: 10px;
	z-index: 10;
}
#pagetop > a {
	background-image: url(images/pagetop.png);
	background-color: rgba(255,255,255,0.8);
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #05F;
	border-radius: 10px;
	display: inline-block;
	width: 50px;
	height: 50px;
	padding: 5px;
	color: transparent;
}
#pagetop > a:hover,
#pagetop > a:active {
	background-color: rgba(255,255,100,0.8);
}


/* フッター
------------------------------------------------------ */
footer#footer .inner{
	width: 100%;
	background: #FCC;
	text-align: center;
	font-weight: bold;
}




/* 一般コンテンツ
------------------------------------------------------ */
.post_box {
	max-width: 1440px;
	padding: 0 30px 15px;
	margin: 0 auto;
	font-size: 120%;
	position: relative;
}

#content .post_box h2.second-title {
	font-size: 160%;
	color: #03C;
	background: url(images/second-ttl.png) left center no-repeat;
	line-height: 45px;
	padding-top: 5px;
	padding-left: 50px;
	margin: 10px 0px;
	letter-spacing: 1.0em;
}
#content .post_box h2.second-title::after {/* セカンドページ用デザインリセット */
	display: none;
}

/* GoogleMap */
iframe.map {
	width: 96%;
	margin: 10px 2% 0;
	border: 1px solid #999;
}

/* 施設案内ページGoogleMap */
.googlemap {
  width: 55%;
  position:relative!important;
  padding-bottom: 25%;
}
.googlemap iframe {
  width: 100%;
  height: 100%;
  position:absolute;
}
@media only screen and (max-width: 639px){
 .googlemap {
	width: 100%;
	padding-bottom: 0;
	margin-bottom: 30px;
 }
 .googlemap iframe {
 	position: relative;
 	height: 300px;
 }
}



/* お知らせ
------------------------------------------------------ */
span.new {
	color: #F00;
	text-shadow: 2px 2px 3px #999;
	margin-left: 5px;
}
span.cat {
	font-size: 80%;
	background: #FC5;
	color: #000;
	padding: 0px 3px;
	margin-left: 5px;
	border: 1px solid #999;
	border-radius: 10px;
}



/* トップページデザイン
------------------------------------------------------ */

/* HOME：ページトップ写真 */
#photo_home {
	margin: 100px auto 0px;
	text-align: center;
}
#photo_home img {
	max-width: 100%;
	margin: 0 auto;
}
.home-txt {
	padding: 30px 15px;
}
#photo_home::after {
	content: "";
	width: 100%;
	height: 50px;
	display: block;
	background: linear-gradient(to bottom, #DDD 0%, #FFF 75%);
}
.home-txt .inner {
	width: 96%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 35px;
}
.home-txt p {
	font-size: 130%;
}
@media only screen and (min-width: 1181px) {
 .home-txt h1 { letter-spacing: 1.0em; }
}
@media only screen and (min-width: 801px) and (max-width: 1180px){
 .home-txt h1 { letter-spacing: 0.5em; }
}
@media only screen and (max-width: 800px){
 .home-txt h1 { letter-spacing: 0.25em; }
}


/* HOME：お知らせ */
#news {
	background: #ffe9ee;
}

#news dl {
	background: #FFF;
	margin: 10px 15px 30px;
	padding: 10px;
	box-shadow: 5px 5px 10px #FFF, -5px -5px 10px #FFF, -5px 5px 10px #FFF, 5px -5px 10px #FFF;
}
#news dl dd {
	padding: 10px 15px 20px;
}

#news dt{
    float:left;
    padding:10px 5px;
}
#news dt a,
.date a {
     border-radius:5px;
     color:#fff;
     margin: 0 10px;
     padding: 1px 10px 2px;
     text-decoration:none;
     font-size: 75%;
     white-space: nowrap;
}
#news dt a.kosugi,
.date a.kosugi  { background:rgb(255,   0,   0); }
#news dt a.aiai,
.date a.aiai    { background:rgb(229,  66, 255); }
#news dt a.esupoir,
.date a.esupoir,
#news dt a.espoir,
.date a.espoir { background:rgb(255, 155,  66); }
#news dt a.oogoen,
.date a.oogoen  { background:rgb( 66, 164, 255); }
#news dt a.taikou,
.date a.taikou  { background:rgb( 32, 157,  57); }
#news dt a.tsunagu,
.date a.tsunagu  { background:rgb( 240, 190,  30); }

#news dd .sticky,
#news dd .kiji-new { font-size: 65%; font-weight: bold; padding: 0 5px; white-space: nowrap; text-shadow: 1px 1px 1px #FFF, 1px 1px 2px #000; }
#news dd .sticky   { color: #00F; }
#news dd .kiji-new { color: #F00; }

#news dt a:hover,
#news dt a:active,
.date a:hover,
.date a:active { opacity: 0.5; }
#news dd {
     margin-left:100px;
     padding:10px 5px;
}
#news dd a {
   text-decoration: none;
}
@media only screen and (max-width: 799px){
 #news .inner { width: 96%; }
 #news dt { float: none; }
 #news dd { margin-left: 0; }
}

.more_link a {
	background: #FFF;
}

/* HOME：施設案内 */
#shisetsu {}

#shisetsu .place_box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
#shisetsu .place_box > div {
	width: 30%;
	text-align: center;
	margin-bottom: 30px;
	font-size: 140%;
}
#shisetsu .place_box > div a {
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	background: #000;
}
#shisetsu .place_box > div img {
}
#shisetsu .place_box > div a:hover img,
#shisetsu .place_box > div a:active img {
	opacity: 0.3;
}
#shisetsu .place_box > div a:hover::after,
#shisetsu .place_box > div a:active::after {
	content: attr(data-txt);
	color: #000;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 160%;
	text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF;
}
@media only screen and (max-width: 1180px){
 #shisetsu .place_box > div {
	width: 46%;
	font-size: 130%;
 }
}
@media only screen and (max-width: 900px){
 #shisetsu .place_box > div {
	font-size: 110%;
 }
}
@media only screen and (max-width: 640px){
 #shisetsu .place_box > div {
	width: 90%;
 }
}

/* HOME：施設のとりくみ */
#torikumi {
	background: transparent;
	margin-bottom: 50px;
}
#torikumi .swiper-container {
	margin: 0px auto;
	padding-bottom: 20px;/* ページネーション位置設定 */
}

#torikumi .swiper-slide {
	overflow: hidden;
	margin: 30px auto;
	background: #FFF;
	border-radius: 50px;
}
#torikumi .swiper-slide > div {
	margin: 0 auto;
	padding: 20px;
}
#torikumi .swiper-slide > div:nth-child(1) {
	text-align: center;
}
#torikumi .swiper-slide > div:nth-child(2) {
}

#torikumi .swiper-slide > div:nth-child(1) img {
	width: 80%;
}

#torikumi h3 {
	font-size: 130%;
	color: #F7F;
	background: none!important;
	margin: 0!important;
}

#torikumi .swiper-slide > div:nth-child(2) div {
	margin: 5px;
	margin-left: 30px;
	padding: 10px;
	font-size: 110%;
}

#torikumi .swiper-button-prev {
/*	left: -50%;*/
}
#torikumi .swiper-button-next {
/*	right: -50px;*/
}
.swiper-pagination span {
	width: 20px;
	height: 20px;
}
@media only screen and (min-width: 981px){
 #torikumi .swiper-container {
	width: calc(100% - 110px);
 }
 #torikumi .swiper-slide > div {
	width: 48%;
	float: left;
 }
 #torikumi .swiper-slide > div:nth-child(1) {
	padding-left: 50px;
 }
 #torikumi .swiper-slide > div:nth-child(2) {
	padding-right: 50px;
 }
}
@media only screen and (max-width: 980px){
 #torikumi .swiper-container {
	width: 100%;
 }
 #torikumi .swiper-slide > div {
	width: 100%;
	float: none;
 }
 #torikumi .swiper-button-prev,
 #torikumi .swiper-button-next {/* ページ送りボタン非表示 */
	display: none;
 }

}

/* HOME：フッターバナー */
#banner {
	padding: 10px;
	position: relative;
	margin-top: 240px;
}
#banner::before {
	width: 100%;
	height: 180px;
	content: "";
	display: block;
	position: absolute;
	top: -180px;
	left: 0;
	background-image: url(images/city.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#banner .inner {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
@media only screen and (min-width: 1600px) {
 #banner .inner {
	max-width: 1560px;
 }
}
@media only screen and (min-width: 840px) and (max-width: 1599px) {
 #banner .inner {
	max-width: 780px;
 }
}
@media only screen and (max-width: 839px) {
 #banner .inner {
	max-width: 520px;
 }
}
#banner ul {
	overflow: hidden;
	margin-bottom: 10px;
}
#banner ul li {
	float: left;
	list-style: none;
	margin: 5px;
}
#banner a img {
	background: #FFF;
	max-width: 100%;
}
@media only screen and (max-width: 839px) {
 #banner ul li {
	width: calc(50% - 10px);
 }
}

/* アクセスカウンター */
.counter {
	border: 1px solid #000;
	padding: 2px 10px 1px;
	background: #FFF;
	float: right;
	margin-right: 70px;/* page-topボタン回避 */
	display: inline-block;
}



/* セカンドページデザイン
------------------------------------------------------ */

/* ページタイトル */
#topphoto {
	margin: 100px 0 30px;
	padding: 0px 20px;
	background: linear-gradient(to right bottom, #FFF 0%, #DEF 75%);
}
#topphoto h1 {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 20px 0;
	background: url(images/pagettlbg.png) left center no-repeat;
	background-size: contain;
	text-shadow: #FFF 0 0 7px, #FFF 0 0 7px, #FFF 0 0 7px, #FFF 0 0 7px;

	font-size: 300%;
	font-weight: bold;
	text-align: right;
}
/* コンテンツタイトル */
#content .post_box h2 {
	font-size: 160%;
	line-height: 45px;
	padding: 5px 20px;
	margin: 10px 0px 30px;
	position: relative;
	color: #555;
}
#content .post_box h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 100%;
	background: linear-gradient(to right, rgba(80,80,80,1) 0%, rgba(80,80,80,0) 40%);
}
/* 小見出し１ */
#content .post_box h3 {
	background: #FED;
	padding: 10px 20px 5px;
	margin: 20px 0;
}
#content .post_box h3.color1 { background: #EEE!important; }
#content .post_box h3.color2 { background: #FDE!important; }
#content .post_box h3.color3 { background: #DEF!important; }
/* 小見出し２ */
#content .post_box h4,
#content .post_box h4.color1,
#content .post_box h4.color2 {
	width: auto;
	margin: 10px 15px;
	padding: 15px 10px 10px;
	line-height: 1.0;
	float: left;
}
#content .post_box h4 + * {
	clear: both;
}

#content .post_box h4::after,
#content .post_box h4.color1::after,
#content .post_box h4.color2::after {
	content: "";
	height: 0;
	width: 0;
	display: block;
	clear: both;
}
#content .post_box h4 {
	border: 2px solid #777;
	color: #777;
}
#content .post_box h4.color1 {/* アッシュ */
	border: 2px solid #777!important;
	color: #777!important;
}
#content .post_box h4.color2 {/* 朱色 */
	border: 2px solid #f66!important;
	color: #f66!important;
}
#content .post_box h4.color3 {/* 淡青色 */
	border: 2px solid #48F!important;
	color: #48F!important;
}

#content .post_box p {
	margin-bottom: 1.0em;
}
.waku,
.waku-red,
.waku-blue {
	margin: 5px;
	padding: 10px;
	border: 1px solid #777;
}
.waku-red { border-color: #F00; }
.waku-blue { border-color: #00F; }

/* 施設案内ページ
----------------------------- */
.shisetsu-flex-tbl {
	display: flex;
	align-items: center;
	gap: 20px;
}
.shisetsu-flex-tbl > div {
	width: auto;
}
@media only screen and (min-width: 1080px) {
  .shisetsu-flex-tbl > div:nth-child(1) {
	flex: 4;
  }
  .shisetsu-flex-tbl > div:nth-child(2) {
	flex: 1;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1079px){
  .shisetsu-flex-tbl > div:nth-child(1) {
	flex: 2;
  }
  .shisetsu-flex-tbl > div:nth-child(2) {
	flex: 1;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px){
  .shisetsu-flex-tbl > div:nth-child(1) {
	flex: 3;
  }
  .shisetsu-flex-tbl > div:nth-child(2) {
	flex: 2;
  }
}
.shisetsu-flex-tbl img.waku {
	padding: 3px;
	background: #fff;
}
.shisetsu-flex-tbl img.waku:nth-of-type(odd) {
	transform: rotate(3deg);
}
.shisetsu-flex-tbl img.waku:nth-of-type(even) {
	transform: rotate(-5deg);
}
@media only screen and (max-width: 759px){
  .shisetsu-flex-tbl {
	display: block;
	margin-bottom: 50px;
  }
  .shisetsu-flex-tbl > div:nth-child(2) img {
	width: 100%;
	max-width: 400px;
  }
}




/* ------------------------------------------------------
	各施設イメージカラー設定（bodyタグに専用ID）
------------------------------------------------------ */

/* エスポワールこすぎ
----------------------*/
body#espoir {}
/* ヘッダー */
body#espoir header#header { background: linear-gradient(#ffeebb 50%, #ffddaa 100%); }
/* メインコンテンツ */
body#espoir section:nth-child(even) { background: #ffeebb; }
/* フッター */
body#espoir footer#footer .inner{ background: #FB0; color: #FFF; }
/* HOME：トップ写真下 */
body#espoir .home-txt { background: #ffeebb; }
/* HOME：フッターバナー */
body#espoir #banner { background: #ffeebb; }
/* HOME：施設のとりくみ */
body#espoir #torikumi .swiper-slide { border: 1px solid #C90; }
/* セカンド：ページタイトル */
body#espoir #topphoto h1 { background-image: url(images/pagettlbg-espoir.png); }
/* コンテンツタイトル※要色調整 */
body#espoir #content .post_box h2::after { background: linear-gradient(to right, rgba(255,150,30,1) 0%, rgba(100,80,60,0) 40%); }
/* 小見出し１ */
body#espoir #content .post_box h3 { background: #EDF; }
/* 小見出し２ */
body#espoir #content .post_box h4 { border: 2px solid #F70; color: #F70; }


/* 太閤の杜
----------------------*/
body#taikou {}
/* ヘッダー */
body#taikou header#header { background: linear-gradient(#e3f1cf 50%, #ccddbb 100%); }
/* メインコンテンツ */
body#taikou section:nth-child(even) { background: #e3f1cf; }
/* フッター */
body#taikou footer#footer .inner{ background: #090; color: #FFF; }
/* HOME：トップ写真下 */
body#taikou .home-txt { background: #e3f1cf; }
/* HOME：フッターバナー */
body#taikou #banner { background: #e3f1cf; }
/* HOME：施設のとりくみ */
body#taikou #torikumi .swiper-slide { border: 1px solid #0C5; }
/* セカンド：ページタイトル */
body#taikou #topphoto h1 { background-image: url(images/pagettlbg-taikou.png); }
/* コンテンツタイトル */
body#taikou #content .post_box h2::after { background: linear-gradient(to right, rgba(30,150,30,1) 0%, rgba(60,100,60,0) 40%); }
/* 小見出し１ */
body#taikou #content .post_box h3 { background: #FED; }
/* 小見出し２ */
body#taikou #content .post_box h4 { border: 2px solid #090; color: #090; }


/* 大江苑（おおごえん）
----------------------*/
body#oogoen {}
/* ヘッダー */
body#oogoen header#header { background: linear-gradient(#eeffff 50%, #ddeeff 100%); }
/* メインコンテンツ */
body#oogoen section:nth-child(even) { background: #ddf9ff; }
/* フッター */
body#oogoen footer#footer .inner{ background: #059; color: #FFF; }
/* HOME：トップ写真下 */
body#oogoen .home-txt { background: #ddf9ff; }
/* HOME：フッターバナー */
body#oogoen #banner { background: #ddf9ff; }
/* HOME：施設のとりくみ */
body#oogoen #torikumi .swiper-slide { border: 1px solid #09F; }
/* セカンド：ページタイトル */
body#oogoen #topphoto h1 { background-image: url(images/pagettlbg-oogoen.png); }
/* コンテンツタイトル※要色調整 */
body#oogoen #content .post_box h2::after { background: linear-gradient(to right, rgba(30,150,200,1) 0%, rgba(60,60,100,0) 40%); }
/* 小見出し１ */
body#oogoen #content .post_box h3 { background: #DFE; }
/* 小見出し２ */
body#oogoen #content .post_box h4 { border: 2px solid #00F; color: #00F; }

/* つな～ぐ
----------------------*/
body#tsunagu {}
/* ヘッダー */
body#tsunagu header#header { background: linear-gradient(#ffd 50%, #e5e599 100%); }
/* メインコンテンツ */
body#tsunagu section:nth-child(even) { background: #ffd; }
/* フッター */
body#tsunagu footer#footer .inner{ background: #fe5; color: #000; }
/* HOME：トップ写真下 */
body#tsunagu .home-txt { background: #ffd; }
/* HOME：フッターバナー */
body#tsunagu #banner { background: #ffd; }
/* HOME：施設のとりくみ */
body#tsunagu #torikumi .swiper-slide { border: 1px solid #FC0; }
/* セカンド：ページタイトル */
body#tsunagu #topphoto h1 { background-image: url(images/pagettlbg-tsunagu.png); }
/* コンテンツタイトル※要色調整 */
body#tsunagu #content .post_box h2::after { background: linear-gradient(to right, rgba(255,220,30,1) 0%, rgba(100,80,60,0) 40%); }
/* 小見出し１ */
body#tsunagu #content .post_box h3 { background: #FFF999; }
/* 小見出し２ */
body#tsunagu #content .post_box h4 { border: 2px solid #EE5; color: #CC5; }