/*!
Theme Name: koseikai
Theme URI: http://underscores.me/
Author: KOSEI SHUPPAN
Author URI: https://www.kosei-shuppan.co.jp/
Description: original
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: koseikai
*/

/*全体の設定
---------------------------------------------------------------------------*/
@font-face {
  font-family: "utsukushi";
  src: url("https://www.kosei-kai.or.jp/font/utsukushi.ttf") format('truetype');
}

@font-face {
  font-family: "minamoto";
  src: url("https://www.kosei-kai.or.jp/font/SourceHanSerif-Regular.ttc") format('truetype');
}

.myFontClass {
  font-family: "utsukushi",Garamond,Times New Roman,ヒラギノ明朝 Pro W3,Hiragino Mincho Pro,HiraMinProN-W3,游明朝,Yu Mincho,游明朝体,YuMincho,HGS明朝E,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,"minamoto",serif!important;
}

html {
	/*height: 100%;*/
}

body {
	color: #333;
	margin: 0px;
	padding: 0px;
	font: 15px/1.7 Garamond,Times New Roman,ヒラギノ明朝 Pro W3,Hiragino Mincho Pro,HiraMinProN-W3,游明朝,Yu Mincho,游明朝体,YuMincho,HGS明朝E,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,"minamoto",serif!important;
	/*background: url(https://www.kosei-kai.or.jp/images/bg_under.jpg) ;*/
	position: relative;
	z-index: 0;
	height: 100%;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure {
	margin: 0px;
	padding: 0px;
}

ul {
	list-style-type: none;
}

img {
	border: none;
	vertical-align: bottom;
}

input,textarea,select {
	font-size: 1em;
}

form {
	margin: 0px;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}
/*クリアフィックス*/
.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;	
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #333;
}

a:hover {
	color: #498851;
	text-decoration: none;
}

a:focus {
	outline: none;
}

/*吹き出し
---------------------------------------------------------------------------*/
.index-list li {
	position: relative;
}

p.fukidashi {
      display: none;
      width: 180px;
      position: absolute;
      bottom: 72px;
      left: -10px;
      padding: 20px 10px 25px !important;
      border-radius: 50%;
      background: rgba(249, 193, 255, 0.95);
      color: #000;
	  font-size: 12px;
      font-weight: bold;
	  z-index: 2;
	  text-align: center;
	  height: auto;
	  font-family: "ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","Yu Gothic","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
}
/*p.fukidashi:after {
      position: absolute;
      width: 0;
      height: 0;
      left: 10px;
      bottom: -19px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color: #5bb531;
      border-width: 10px;
      pointer-events: none;
      content: " ";
}*/
.index-list li a:hover + p.fukidashi {
      display: block;
}

.index-list li a:active + p.fukidashi {
      display: none;
}

/*ページネーション
---------------------------------------------------------------------------*/
.pagination {
clear:both;
display: table;
margin: 0 auto;
padding:20px 0;
position:relative;
font-size:13px;
line-height:13px;
}

.pagination .page-numbers {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding: 8px 15px;
text-decoration:none;
width:auto;
border: 1px solid #5bb531;
}

.pagination a.page-numbers {
color:#5bb531;
background: #fff;
}

.pagination span.current {
background-color: #5bb531;
color:#fff;
}

.pagination a:hover {
color:#fff;
background: #5bb531;
}

/*サイトマップ
---------------------------------------------------------------------------*/
table.map-table {
	width: 100%;
	margin: 1% 5%;
	max-width: 300px;
}

table.map-table td a:hover {
  color: #FF9900;
}

h3.page {
    padding: .5em 1em;
    font-size: 1.4em;
    text-align: center;
	background: url(https://www.kosei-kai.or.jp/images/page-head.png) 50% 50% no-repeat;
    background-size: contain;
	margin-bottom: 2em;
}

.page-title {
	border-bottom: 1px solid #a8d2a2;
  	font-size: 1.2em;
	text-align: center;
	max-width: 1200px;
	width: 100%;
	font-weight: bold;
	margin: 1em 0;
	background: url(https://www.kosei-kai.or.jp/images/page-head.png) 50% 1px no-repeat;
	background-size: contain;
}

.pochette {
	border-bottom: 1px solid #a8d2a2;
  	padding-left: 3%;
  	font-size: 1.2em;
	max-width: 1200px;
	width: 97%;
	font-weight: bold;
	margin: 2.5em 0 1em;
}

.sitemap-wrap {
	display: flex;
	padding-top: 30px;
}

.sitemap-l, .sitemap-c, .sitemap-r {
    width: 30%;
    float: left;
    padding-left: 2%;
}
.sitemap-c {
    border-left: 3px dotted #ccc;
    border-right: 3px dotted #ccc;
    padding-left: 3%;
}
.sitemap-l span.c, .sitemap-c span.c, .sitemap-r span.c {
    color: #a97adb;
}
.sitemap-l a, .sitemap-c a, .sitemap-r a {
    text-decoration: none;
}
.sitemap-c span.top-data {
    position: relative;
    left: -0.8em;
}

.sitemap-wrap p {
    font-family: "ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","Yu Gothic","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
}

.post .sitemap-c p {
    line-height: 1.8em;
}

#contents.no-header {
    padding-top: 0;
}

.no-header .page-title.myFontClass {
    display: none;
}

/*トップの掲示板
---------------------------------------------------------------------------*/
#reception .n2-ss-align.n2-ss-align-visible {
    /* overflow: auto !important; */
}

/*.seimeibun_top {
	position: absolute;
	margin: -85px auto 25px;
    width: 100%;
	height: 60px;
	max-width: 1200px;
	text-align:center;
	font-size:120%;
}*/

.seimeibun_top {
	margin: -25px auto 25px;
    width: 100%;
	height: 60px;
	text-align:center;
	font-size:120%;
}

.seimeibun_top p.seimeibun {
	height: 60px;
	line-height: 1.4;
}

.seimeibun_top p a {
	color: #e04c02;
	font-family: suns-serif,'Hiragino Kaku Gothic Pro W3';
}

.seimeibun_top p a:hover {
	color: #498851;
}

/*wrap
---------------------------------------------------------------------------*/
#wrap {
	width: 100%;
	background: url(https://www.kosei-kai.or.jp/img/bg_orange.png) top left no-repeat #fffdf6;
	z-index: -3;
	position: relative;
	height: 100%;
}

#wrap.single {
	background: none;
	background: url(https://www.kosei-kai.or.jp/img/bg_single.jpg);
}

#wrap.single2 {
	background: none;
	background-color: #fff;
}

.single2 #wrap-inner {
	background: none;
}

#wrap.pdf-single {
	background: none;
	background: url(https://www.kosei-kai.or.jp/img/bg_single.jpg);
}

#wrap.news-single {
	background: none;
	background: url(https://www.kosei-kai.or.jp/img/bg_single.jpg);
}

#wrap.blog-single {
	background: none;
}

#wrap-inner {
    background: url(https://www.kosei-kai.or.jp/img/bg_green.png) bottom right no-repeat;
	z-index: -3;
	position: relative;
	height: 100%;
}

#wrap.single #wrap-inner {
	background: none;
}

#wrap.pdf-single #wrap-inner {
	background: none;
}

#wrap.news-single #wrap-inner {
	background: none;
}

#wrap.blog-single #wrap-inner {
	background: none;
}

#wrap.single #wrap-inner #container {
	background-color: #fff;
	padding-top:30px;
	box-shadow: 0px 0px 10px gray;
}

#wrap.single2 #wrap-inner #container {
	background-color: #fff;
	padding-top:30px;
}

#wrap.pdf-single #wrap-inner #container {
	background-color: #fffdf6;
	box-shadow: 0px 0px 10px gray;
}

#wrap.news-single #wrap-inner #container {
	background-color: #fffdf6;
	box-shadow: 0px 0px 10px gray;
}

#container {
	width: 1200px;
	height:100%;
	margin: 0 auto;
}

#container.top{
	background: url(https://www.kosei-kai.or.jp/img/hasu_trim.png) bottom right no-repeat;
}

#container.info-jiun{
	background-image: url(https://www.kosei-kai.or.jp/img/jiundai_base.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: contain;
	background-color: #d7e2f4 !important;
}

/*シャドウ効果
---------------------------------------------------------------------------*/
ul {
  list-style: none;
  margin: 0 auto 0 5%;
  padding: 0;
  text-align: left;
}

.index-list ul{
	font-size:0;
}

.index-list li {
    display: inline-block;
    vertical-align: top;
	margin: 0 0 40px 0;
	width: 20%;
}

.index-list h2 {
	margin-bottom: 40px;
	text-align: center;
	font-size: 1.7em;
}

/* Base Button Style */
.btn {
  	position: relative;
  	display: block;
 	width: 162px;
	height: 48px;
	margin: 20px auto;
	padding: 10px 8px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #000;
 	text-align: center;
 	text-decoration: none;
 	text-transform: uppercase;
 	transform-style: flat;
  	transition: all 250ms ease-out;
	line-height:1.5em;
}

.btn:before, .btn:after {
  content: "";
  position: absolute;
  z-index: -2;
  transition: all 250ms ease-out;
}

/* Paper effect – slightly raised off background */
.paper {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
  border-color: #dedede;
}

/* Flatten effect – flattens sides on hover */
.paper-flatten {
  border: 1px solid transparent;
}

.paper-flatten:before, .paper-flatten:after {
  bottom: 14px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  max-height: 100px;
  box-shadow: 0 13px 7px rgba(31, 31, 31, 0.7);
  -webkit-box-shadow: 0 13px 7px rgba(31, 31, 31, 0.7);
  -moz-box-shadow: 0 13px 7px rgba(31, 31, 31, 0.7);
}

.paper-flatten:before {
  left: 5px;
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
}

.paper-flatten:after {
  right: 5px;
  transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
}

.paper-flatten:hover {
  border-color: #ccc;
}

.paper-flatten:hover:before, .paper-flatten:hover:after {
  transition: box-shadow 600ms ease-out, left 200ms, right 200ms;
  box-shadow: 0 8px 8px rgba(31, 31, 31, 0.5);
  -webkit-box-shadow: 0 8px 8px rgba(31, 31, 31, 0.5);
  -moz-box-shadow: 0 8px 8px rgba(31, 31, 31, 0.5);
}

.paper-flatten:hover:before {
  left: 5px;
}

.paper-flatten:hover:after {
  right: 5px;
}

.index-list ul.pochette-list li:first-child a.btn {
    background: #ffe9f9;
    font-family: "ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","Yu Gothic","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif !important;
}

.livecamera {
  background-image: url(/img/livecamera_180.gif);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #66a0ec;
  background-color: #FFF;
  text-shadow: none;
  font-family: "ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","Yu Gothic","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif !important;
}

.livecamera span {
    display: inline-block;
    padding: 5px 8px;
    background-color: rgba(255,255,255,1);
}


/*下層ヘッダー
---------------------------------------------------------------------------
header {
	width: 100%;
	height: auto;
	padding:20px 0;
	position: relative;
	background: #fff;
}

.main-header-img {
	width:138px;
	margin: 0 auto;
}

.head-top {
	height: 70px;
	max-width:1200px;
	margin: 0 auto;
}

.head-top h2 {
	display: inline-block;
	line-height: 70px;
	padding-left: .5em;
}

.home {
	display: inline-block;
  float: right;
  line-height: 70px;
	margin-right: 5%;
}

.home a {
	background: #ddd;
  border-radius: 50%;
  padding: .2em 1.75em;
	text-decoration: none;
	color: #498851;
	font-weight: bold;
}*/

/*トップヘッダー
---------------------------------------------------------------------------*/
header {
	width: 100%;
	/*max-width: 1200px;*/
	height: auto;
	margin: 0 auto;
}

.head-title-top {
	position:relative;
	height: 80px;
	max-width: 1200px;
	width:100%;
	margin: 0 auto;
	background: rgba(255,255,255,0.8);
	z-index: 999;
}

.head-title-top {
    height: 55px;
}

.top-logo {
	display: block;
	width: 140px;
	margin: 0 auto;
}

.top-logo {
    line-height: 34px;
    width: 120px;
    padding: 7px 0;
}

.top-logo img {
	width: 140px;
	height: 47px;
	margin: 0.59em auto;
}

.top-logo img {
    margin: 0 auto;
    width: 120px;
    height: auto;
}

.sitemap {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
  	line-height: 80px;
	margin-right: 1em;
	font-family: suns-serif,'Hiragino Kaku Gothic Pro W3';
}

.sitemap {
	line-height: 55px;
}

.sitemap a {
	background: #ececec;
  	border-radius: 40px;
  	padding: .2em 1em;
	text-decoration: none;
	color: #498851;
	font-weight: bold;
}

.head-title {
	height: 80px;
	max-width:1200px;
	margin: 0 auto;
}

.head-title h2 {
	display: inline-block;
	line-height: 80px;
	padding-left: 5px;
	font-size: 1.8em;
}

.head-title h2 small {
	padding-right: 10px;
}

.head-title h2 small.r {
	padding-right: 0px;
	padding-left: 10px;
	font-size: .7em;
}

.home {
	display: block;
  	float: right;
  	line-height: 80px;
	margin-right: .5em;
}

.home a {
	background: #ececec;
  	border-radius: 10px;
  	padding: .2em 1.75em;
	text-decoration: none;
	color: #498851;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro W3',suns-serif;
}

/*ナビゲーション（パンくず）
---------------------------------------------------------------------------*/
nav#navbar {
	background: #a8d2a2;
}

.sky nav#navbar {
	background: #e5cced;
}

nav#navbar ul {
	height: auto;
	width: 99%;
	max-width:1200px;
	margin: 0 auto;
	padding-left: 1%;
	/*overflow: hidden;*/
}

nav#navbar ul li {
	float: left;
	text-align: center;
	/*margin-right: 1em;*/
}

nav#navbar ul li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: .5em .2em;
}

nav#navbar ul li.current a,
nav#navbar ul li a:hover {
	color: #498851;
}

.sky nav#navbar ul li a:hover {
    color: #ac67c2;
}

.sky nav#navbar ul li.current > * {
    color: #ac67c2;
}

nav#navbar ul li a:after {
	display: inline-block;
	margin: 0 .3em 0 .8em;
  	color: #fff;
  	content: "";
  	height: 16px;
  	width: 16px;
  	background: url(/images/arrow.png) no-repeat center 0;
	background-size: 10px 13px;
	vertical-align: middle;
}

nav#navbar ul li.current a::after {
	background-image: none;
}


/*下層ヘッダー画像
---------------------------------------------------------------------------*/
#head-img {
	position: relative;
	background-color: #fff;
	height: 125px;
	overflow: hidden;
	width: 100%;
	max-width: 1200px;
    margin: 0 auto;
}

#head-img img {
	max-height: 400px;
	min-height: 125px;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}

#head-img p {
  position: absolute;
  color: #fff;
  text-align: center;
  text-shadow: 1px 2px 3px #3A3A3A;
  text-shadow: #433afc 1px 1px 10px, #433afc -1px -1px 10px, #433afc -1px 1px 10px, #433afc 1px -1px 10px, #433afc 0px 1px 10px, #433afc 0-1px 10px, #433afc -1px 0 10px, #433afc 1px 0 10px;
  font-size: 1.3em;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  line-height: 1.5;
}

#head-img .c-left > p {
  position: absolute;
  color: #fff;
  text-align: left;
  text-shadow: 1px 2px 3px #3A3A3A;
  text-shadow: #433afc 1px 1px 10px, #433afc -1px -1px 10px, #433afc -1px 1px 10px, #433afc 1px -1px 10px, #433afc 0px 1px 10px, #433afc 0-1px 10px, #433afc -1px 0 10px, #433afc 1px 0 10px;
  font-size: 1.3em;
  top: 50%;
  left: 10%;
  -ms-transform: translate(-10%,-50%);
  -webkit-transform: translate(-10%,-50%);
  transform: translate(-10%,-50%);
  margin:0;
  padding:0;
  line-height: 1.5;
}

.pc-only {
	display: block;
}

.sp-only {
	display:none;	
}


/*コンテンツ
---------------------------------------------------------------------------*/
#container.top #contents {
	margin-top: -60px;
}

#contents {
	clear: left;
	width: 100%;
	padding-top: 30px;
}

#wrap.single #wrap-inner #container #contents {
	padding-top: 0;
}

#container.top #contents {
    margin-top: -50px;
}

#contents.category-14 {
	margin-top: 50px;
	background-image: url(/img/bg_101_2.jpg);
	background-repeat: repeat;
	background-position: top left;
	background-size: 940px;
	background-attachment: local;
}

#contents.category-15 {
	margin-top: 50px;
	background-image: url(/img/bg_188_2.jpg);
	background-repeat: repeat;
	background-position: top left;
	background-size: auto;
	background-attachment: local;
}

#contents.category-16 {
	margin-top: 50px;
	background-color: #F4F7FF;
	background-image: url(/img/bg_132.gif);
	background-repeat: repeat;
	background-position: top left;
	background-size: auto;
	background-attachment: local;
}

#contents.category-41 {
	margin-top: 50px;
	background-color: #F4F7FF;
	background-image: url(/img/bg_135.gif);
	background-repeat: repeat;
	background-position: top left;
	background-size: auto;
	background-attachment: local;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	width: 94%;
	padding-bottom: 80px;
	margin: 0 auto; 
}

#sky-wrap #main {
	padding-bottom:0;	
}

.blog-single #main {
    width: 92%;
}

#main p {
	padding: 0.1em 2%;
}

#main p:last-child {
	padding: 0.1em 2% 0.5em;
}

.main-img {
	position:relative;
	top: -80px;
	right: 0%;
	left: 0%;
	z-index: 1;
}

.main-img {
	top: -55px;
}

.main-img img {
	margin: 0 auto;
	width: 100%;
	position: relative;
}

.top p.arrow {
	position: absolute;
	width: 250px;
  	height: 70px;
	left: 50%;
	bottom: -30px;
	z-index: 2;
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform: translate3d(-50%, -50%, 0);
}

/*サイドコンテンツ
---------------------------------------------------------------------------*/
#main .blog-side{
    width: 28%;
    float: right;
	padding: 2% 0;
}

#main .blog-side p {
	padding: 0.2em;
    font-size: 1.1em;
}

#main .blog-side p {
	line-height: 1.4em;
}

.side_menu {
	display: block;
	padding: 5px;
	background: #fbe1fa;
	width: 200px;
	margin: 0 auto 4%;
	text-align: center;
	border: 1px solid #b5b5b5;
}

li.blog-list {
    padding: 10px 0;
    border-bottom: 3px dotted #dcb2dd;
}

.list-all {
    padding-top: 2em;
}

li.blog-list a,
.list-all a {
	text-decoration: none;
}

/*list-wrap各ブロック*/
ul.list-wrap {
	width: 28%;
	float: left;
	border-right: 2px solid #e5cced;
	padding-right: 2%;
	margin-left: 2%;
}

ul.list-wrap:first-child {
	border-left: 2px solid #e5cced;
	padding-left: 2%;
	margin-left: 0;
}

ul.list-wrap p {
	line-height: 1.4em;
	padding: .2em !important;
}

ul.list-wrap .blog-list:last-child {
	border-bottom: none;
}

ul.list-wrap .blog-list span {
	font-weight: 600;
}

/*ブログ内のボタン*/
#contents.category-14 #main .cat-top a,
#contents.category-15 #main .cat-top a,
#contents.category-16 #main .cat-top a,
#contents.category-41 #main .cat-top a {
	background-color: rgba(255,255,255,.8);
}

/*article各ブロック
---------------------------------------------------------------------------*/
#main article.list {
	background: #FFF;
	overflow: hidden;
	margin-bottom: 2em;
	width: 33.3333%;
	float: left;
}

#main article.list {
	background: none;
}

#main article.list a {
	display: block;
	height: 360px;
	min-height: 320px;
	padding: 12px;
	text-decoration: none;
	overflow: hidden;
}

#main article.list a:hover {
	opacity: .7;
}

#main article.list p {
	padding: 0px;
	color: #666;
}

#main article.list p {
	color: #333;
}

#main article.list figure img {
	width: 100%;
	height: auto;
}

#main article.list h3 {
	font-size: 1.3em;
	line-height: 1.3em;
	color: #333;
	padding: .5em 0 .2em;
}

#main article.list h4 {
	color: #333;
	font-size: 1.1em;
	line-height: 1.2em;
	padding-bottom: .8em;
}

.list-txt h3 {
	width: 44%;
	margin: 20px 3%;
	float: left;
}

.list-txt h3 a {
	display: block;
	padding: 15px;
    border: solid 1px #b1d8ac;
	background: #FFFFFF;
	text-decoration: none;
}

.list-txt h3 a:hover {
    border: solid 1px #b2d7ac;
	background: #f3fbf0 url("/images/idea_box_bg.png") right center no-repeat;
}

div.blog-wrap {
	width: 100%;
	font-size: 1.2em;
	line-height: 1.3;
}

#main article.blog-list {
	border-bottom:1px solid #e5cced;
	margin: 20px 0;
}

#main article.blog-list p {
	width: 60%;
}

#main article.blog-list p.more {
	margin-top: 10px;
	font-size: .9em;
}

/*single
---------------------------------------------------------------------------*/
.post {
	margin-bottom: 3em;
}

.post p {
	font-size: 1.4em;
	line-height: 2.2em;
}

h3.pdf-title {
    padding: .5em 1em;
    font-size: 1.6em;
	line-height: 1.2;
    text-align: center;
	background: url(https://www.kosei-kai.or.jp/images/letter-head.png) 50% 50% no-repeat;
    background-size: contain;
	margin-bottom: 2em;
}

h3.post-title {
    padding: .7em 1em .5em;
    font-size: 1.5em;
    text-align: center;
	margin-bottom: 1em;
}

h3.post-title .l-font {
    font-size: 1.4em;
}

span.sub-title {
	font-size: .8em;
}

.news-title {
	border-top: 3px solid #ac67c2;
	border-bottom: 3px solid #ac67c2;
	width: auto;
	margin: 2em auto 1em;
}

.news-title h3 {
	border-top: 1px solid #ac67c2;
	border-bottom: 1px solid #ac67c2;
	margin: 5px 0;
}

.news-post {
	width: 83%;
	padding-left: 2em;
}

.post .east-img {
	margin-top: 2em;
}

.post .east-img a {
	overflow: hidden;
	width: 25%;
	position: relative;
	height: 200px;
	display: block;
	float: left;
}

.post .east-img a img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.top-img {
	text-align: center;
}

.post .alignleft {
	float:left;
}

p.wp-caption-text {
	font-size: 13px !important;
}

.rashin {
	width: 100%;
	max-width: 320px!important;
	margin: 0 auto;
	display: block;
}

.ico-rashin {
    width: 150px;
    margin: 0 auto;
}

.r-title {
	padding: 1.5em 0;
}

.gothic {
	font-family: suns-serif,'Hiragino Kaku Gothic Pro W3';
}

.jiun-box,
.check-box {
    width: 84%;
    margin: 5% auto;
    padding: 3%;
    background: rgba(255,255,255,.7);
    border-radius: 20px;
}

.check-box {
    background: #fffadd;
}

#main .jiun-box > p {
	padding: 0.2em;
}

.jiun-box p,
.check-box p {
    padding: 0 !important;
    line-height: 1.8em !important;
}

.jiun-img {
	float: left;
	margin-right: 30px;
}

#main .blog-main {
    width: 65%;
    float: left;
	border-right: 3px solid #e5cced;
	padding-right: 5%;
}

#main .blog-main h3.post-title {
    padding: 0;
    font-size: 1.5em;
    text-align: left;
    margin-bottom: 1em;
	color: #6753f5;
}

#main .blog-main p {
	padding: 0.2em;
    font-size: 1.4em;
}

h3.kokoro{
	text-align:left;
	color:#806efe;
	margin-bottom:0em;
	padding:0 2%;
	font-size: 26px;
}

.lwmhm {
    width: 81%;
    margin: auto;
    font-size: 21px;
}

.post .lwmhm p{
    font-size: 21px;
}

.lwmhm img.aligncenter{
	margin-bottom:40px;
}

.post p img.post-alignright {
    display: block;
    margin: 1em 2% 0 auto;
    max-width: 380px;
}

/* video */
#movie-box {
	width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 2em;
}

#video {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
		
#video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
		
#thumbnail {
	width: 100%;
    max-width: 170px;
    float: left;
}
		
#thumbnail a {
	display: block;
    max-width: 150px;
    height: 80px;
	line-height: 80px;
	border: 1px solid;
	background: #000;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 1em;
}

#thumbnail a:hover {
	background: #fff;
	color: #498851;
	border: 1px solid #498851;
}
		
#thumbnail p {
    margin: 0px 0px 10px 0px;
    padding: 0px;
	font-size: 18px;
	text-align: center;
}

.page-nav {
  text-align: center;
  padding: 1.6em 0 1%;
  width: 100%;
  border-top: 1px solid #e5cced;
  border-bottom: 1px solid #e5cced;
}

.page-nav p a {
  /*color: #ac67c2;*/
  text-decoration: none;
}

.navleft {
  float: left;
  width: 45%;
  text-align: left;
  word-break: break-all;
  line-height: 1.5em;
　padding: 0;
}

.navright {
  float:right;
  width:45%;
  text-align:right;
  word-break:break-all;
  line-height:1.5em;
  padding: 0;
}

.sky-camera {
  padding: 5%;
}

.sky-camera #video {
  padding-top: 0;
}

.mainte-img img {
  width: 100%;
  height:auto;
}

.cat-top {
  width: 215px;
  margin: 3em auto 1em;
  border: 1px solid #e5cced;
}

.cat-camera {
  border: 0.5px solid #fff;
  margin: 15em auto 1em;
}

.cat-top a {
  display: block;
  padding: 8px 10px;
  text-align: center;
  font-size: 15px;
  color: #ac67c2;
  text-decoration: none;
}

.cat-camera a {
  color: #fff;
}

.cat-top a:hover {
  opacity: .7;
}


.list-txt h3 a.data {
    line-height: 1.5em;
}

/*今日の青空 エリア
---------------------------------------------------------------------------*/
#sky-wrap{
  background: url(/images/square.png) left top repeat-y,url(/images/square.png) right top repeat-y;
	background-color:#000;
}

.sky-image{
	text-align: center;
	margin: 0 auto 10px;
}

.sky-ulike {
	color: #ccc;
}

.list-sky,
.list-gallery {
	width: 100%;
}

.list-gallery {
	border-top: 1px solid;
	width: 50%;
	display: inline-block;
}

.list-sky p {
	float:left;
	color: #fff;
	text-align: left;
}

.list-gallery p a {
	color: yellow;
	display: block;
	text-decoration:none;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	padding: .5em 0 0 0;
}

.list-sky #place {
	width:200px;
}

.list-sky #comment {
	width:360px;
}

.list-sky #date {
	width:150px;
}

.list-sky #author {
	width:150px;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	width: 100%;
	padding-top: 13px;
	padding-bottom: 17px;
	color: #FFF;
	background: #a8d2a2;
	position: relative;
	height: 20px;
	font-size: 15px;
}

footer.sky  {
	background: #e5cced;
}

ul#footnav {
  /*position: absolute;
  left: -2%;*/
  float: left;
  margin-left: 1em;
}

ul#footnav li {
  float: left;
  margin-right: 20px;
  font-family: suns-serif,'Hiragino Kaku Gothic Pro W3';
}

ul#footnav li a {
	color: #000;
	font-size: 12px;
	line-height: 15px;
}

footer p#copy {
	float: right;
	margin-right: 1em;
	font-family: suns-serif,'Hiragino Kaku Gothic Pro W3';
}

footer a {
	text-decoration: none;
	color: #FFF;
}

footer a:hover {
	color: #FFF;
}

#footnav li.foot-top {
  float: left;
  margin-right: 9px;
}

#footnav li.foot-top a {
	color: #888;
	font-size: 12px;
	line-height: 15px;
	background: #fff;
	border-radius: 30px;
  	padding: .2em 1.75em;
}

#footnav li.foot-top a:hover {
	color: #ff8a00;
}

/*その他
---------------------------------------------------------------------------*/
.clear {
	clear: both;
}

.right {
	float: right;
}

.ci-bnr {
	width: 100%;
	max-width: 300px;
	margin: 3em auto;
	padding-top: 4em;
}

.pr {
	font-size: 10px;
}

.index-list li a.btn {
	font-size: 14px;
	font-weight:bold;
	display: table-cell;
	vertical-align: middle;
}

.index-list li a.btn span.new {
	font-family: suns-serif,'Hiragino Kaku Gothic Pro W3';
	display: block;
	text-align: left;
	color: #FFF;
	position: absolute;
	top: -10px;
	left: 0;
	background: #f26c29;
	padding: 0 4px;
}

span.new-blog {
    position: absolute;
}
span.new-blog:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 60px 0 0;
    border-color: #f26c29 transparent transparent transparent;
}
span.new-blog:after {
    position: absolute;
    content: "NEW";
    transform: rotate(315deg);
    display: block;
    font-size: 13px;
    white-space: pre;
    color: #fff;
    top: 12px;
    left: 4px;
    text-align: center;
    z-index: 2;
    line-height: 1.3;
	font-family: sans-serif,'Hiragino Kaku Gothic Pro W3';
	font-weight: bold;
}

.area-1200 {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

figcaption {
	font-size: 11px;
}

img {
	width: auto;
	height: auto;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

ul.pochette-list li a:hover{
	color:#e5cced;
}

.guidance{
	background-image:url(https://www.kosei-kai.or.jp/wp-content/uploads/2018/11/160527_0897_0267.jpg);
 background-size:cover;
padding-top:15%;
}

.guidance .leadcopy{background-color:rgba(255,255,255,0.8);
padding:2em 1em;}

.guidance p {
    text-align: center;
    line-height: 1.8em;
}

#main .guidance > p {
    background-color: #fff;
    font-family: "ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","Yu Gothic","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
    padding: 1em 0;
    font-size: 1.2em;
}

#main .guidance > p span {
    display: block;
    line-height: 1.5em;
	margin-top:.5em;	
}

.guidance a{color:#498851;}

.guidance ul{
width:60%;
margin:20px auto;
}

#main .guidance ul li p {
    text-align: left;
    line-height: 1.5em;
    padding: 0;
}

/*概要ページ
---------------------------------------------------------------------------*/
div.data {
	background: url(https://www.kosei-kai.or.jp/img/bg_orange.png) top left no-repeat #fcf7e5 !important;
}
#contentsDataWrapp {
      max-width: 1200px;
    width: 100%;
    margin:0 auto;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

#contentsDataWrapp .menuBox {
    float: left;
    width: 16.66667%;
    height: 100%;
    margin: 0px; 
}

.pc-DataMenu {
	display: block;	
}
.sp-DataMenu {
	display: none;	
}

.menuBox ul {
    box-sizing: border-box;
    height: 200px;
    background:#4d7a28;
    opacity: 1;
    margin: 0;
    padding:10px 0;
    list-style: none; }

.menuBox ul li {
    text-align: center;
    background: none;
    padding:.1em;    
	color: #fff;} 

.menuBox ul li a {
    color: #fff;
	text-decoration:none;
	display:block;
	font: 15px/2 Garamond,Times New Roman,ヒラギノ明朝 Pro W3,Hiragino Mincho Pro,HiraMinProN-W3,游明朝,Yu Mincho,游明朝体,YuMincho,HGS明朝E,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,"minamoto",serif !important;
}

.menuBox ul li a:hover{
	text-decoration:underline;
}

.menuBox ul li.cat-item a{
padding:0px;
font: 15px/2 Garamond,Times New Roman,ヒラギノ明朝 Pro W3,Hiragino Mincho Pro,HiraMinProN-W3,游明朝,Yu Mincho,游明朝体,YuMincho,HGS明朝E,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,"minamoto",serif !important;
}

.ctgr {
  text-align: center;
  line-height: 20px;
  margin-top: 10px; }
  .ctgr a {
    display: block; }
  .ctgr label {
    display: block; }
.ctgr .btn{
	width: 80%;
	height:auto;
}
.ctgr .paper-flatten:hover {
    background: #a8d2a2;
	color: #fff;
	cursor:pointer;
}
.ctgr:hover a{
    color: #fff;
}

#main.data-width{
	width:100%;
}

#reception {
	display:-webkit-flex;
    display:flex;
    max-width: 1200px;
	margin: 0 auto 100px;
    background-color: #fff;
    /*box-shadow: 0px 0px 6px #ddd;*/
	overflow: hidden;
}

#movie-box.movie{
	max-width:700px;
	padding-bottom: 0;
	flex:2;
	overflow: hidden;
}

#reception p {
    text-align: left;
	flex:1;
	margin:0 30px;
}
span.column {
	display: block;
	height: 80px;
	margin: auto;
}
span.current{
	background: #a8d2a2;
	color: #fff;
}

.rk_movie {
	position: relative;}
.rk_movie:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 40%;
  }
.rk_movie video {
position: absolute;
top: -21.5%;
right: 0;
bottom: 0;
left: -1%;
width: 101.5%;
height: auto;
  }

/*.rk_movie{
position: relative;
height: 0;
padding-top:50%;
overflow: hidden;
}

.rk_movie iframe,
.rk_movie video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
max-width:640px;
}
*/
.data-wrap {
	margin: 30px auto 0;
}

h3.subPageTitle {
	font-size: 100%;
    position: relative;
    max-width: 1200px;
	width: 100%;
    height: 28px;
    background: url('/images/common/ttl_icon.png') left top no-repeat;
    border-bottom: 2px solid #a8d2a2;
    z-index: 1;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
}
h3.subPageTitle span {
    margin-left: 55px;
    font-size: 18px;
    line-height: 28px;
    color: #333;
}
.data-post {
	margin: 30px auto 30px;
	background: #fff;
	/*box-shadow: 0px 0px 6px #ddd;
	min-height: 500px;*/
}
.data-photo-X {
	padding: 0 0 20px 0;
	width: 100%;
	max-width: 1200px;
}
.data-photo-X img {
	width: 100%;
}
.data-photo-Y {
	padding: 0;
	height: 100%;
	float: left;
	width: 25%;
	overflow: hidden;
}
.data-photo-Y img {
	height: 100%;
}
.photo-area {
	overflow: hidden;
}
.text-area {
	padding: 2% 2% 5%;
	display: table-cell;
}
.photo-left {
	float: left;
	width: auto;
	padding: 3%;
}
.photo-right {
	float: right;
	width: auto;
	padding: 3%;
}
.photo-center {
	text-align: center;
	width: auto;
	padding: 3%;
	margin: 0 auto;
}
.text-left {
	width: 70%;
	display: inline-block;
	margin: 2% auto;
	padding-left: 2%;
}
.text-right {
	width: 70%;
	display: inline-block;
	margin: 2% auto;
}

.text-center {
    width: 100%;
    display: inline-block;
    margin: 2% auto;
}
.data-post p {
	color: #333;
	margin: 0 auto 1em;
	font-size: 1.2em;
	width: 92%;
	font-family: "ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","Yu Gothic","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
}
.data-post > p:first-of-type {
  padding-top: 2.5em !important;
}
.data-post > p:last-of-type {
  padding-bottom: 2.5em !important;
}

.data-post .text-right p {
    margin-bottom: .3em;
}

.data-link,
.aramashi {
	text-align: center;
	padding: 0.5em !important;
	background: #fff;
	box-shadow: 0px 0px 8px #ccc;
}
.aramashi {
	width: 40%;
	margin: 0 auto;
}
.data-link a,
.aramashi a {
	text-decoration: none;
}
.aramashi a {
	display: block;
}
.icon-pdf {
	padding: 0 !important;
}
.fancybox-pdf #ButtonArrow {
	margin: 10px 2px;
}
span.link-text {
	display: inline-block;
	color: #558e28;
	position: relative;
	top: 5px;
}
.annotation-text {
	padding-bottom: 40px;
}
.data-list-wrap, .map-wrap {
	max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0 0;
}
ul.data-list {
	width: 100%;
	margin: 50px auto;
}
ul.data-list li {
	display: inline-block;
	width: 24%;
	margin-bottom: 2em;
	/*float: left;*/
}
.data-thumb {
	padding: 0!important;
}
.data-thumb img {
	margin: 0 auto;
	display: block;	
}
.data-title,
ul.data-list li a{
	max-width: 138px;
	background: #fff;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	margin: 0 auto;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","Yu Gothic","ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
}
.data-title {
	border: 1px solid beige;
	padding: 0.5em 2% !important;
}
ul.other-cat {
	margin: 0 auto 30px;
	text-align: center;
	max-width: 1200px;
	width: 100%;
}
ul.other-cat li,
.data-wrap + li.cat-item {
	display: block;
	float: left;
	background: #fff;
	border: 1px solid #ddd;
	margin: 40px 10px 0;
	width: 15%;
}
ul.other-cat li a,
.data li.cat-item a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 5px 10px;
	font-family: "ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","Yu Gothic","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
}

.bg_kk{
display:block;
background-color:#d3e3fe;
padding-left: 4%;
font-family: "ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","Yu Gothic","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
}

/* kaiso history style */
.timeline-box {
	max-width: 1200px;
	margin: 0 auto;
}
.timeline {
	margin: 0 auto;
}
.bg-ayumi {
	background: #f0f5ff;
    padding-bottom: 80px;
}
.timeline > li {
  overflow: hidden;
  margin: 0 5%;
  /*padding-left: 5%;*/
  position: relative;
  border-bottom: 3px dotted #4d22b3;
}
.timeline > li:last-child {
  border-bottom: none;
}
.timeline > li p {
  margin-top: 16px;
}
.timeline-date {
	font-weight: bold;
	color: #4d22b3 !important;
}
.timeline-date {
  width: 20% !important;
  float: left;
  margin-top: 20px;
  padding: 1px !important;
}
.timeline-content {
  width: 77%;
  float: left;
  padding-left: 0px;
}
.timeline-content p {
  padding: 0 !important;
  line-height: 1.7em;
}
.timeline-content img {
  width: auto;
  max-width: 600px;
}
ul.book-list, p.book-thumb, p.book-title, p.book-text {
  margin: 0 auto;
}
ul.book-list {
	max-width: 1000px;
	padding: 3% 0;
}
ul.book-list li {
	width: 50%;
	float: left;
	height: 320px;
	padding-bottom: 15px;
}
p.book-thumb {
    width: 40%;
    float: left;
}
p.book-thumb img {
	width: 100%;
}
p.book-title, p.book-text {
	width: 53%;
	margin-left: 43%;
	font-size: 1.05em;
	padding: 0.5em !important;
}
p.book-title {
	font-size: 1.2em;
}
p.book-title > span {
	font-size: 0.8em;
	line-height: 1;
	display: block;
}
p.book-text {
	line-height: 1.8;
}

/* Map table style */
.map-wrap img.image-map {
  width: 100%;
}
.map-wrap map area {
  outline:none;
}
.data-post .base-table {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.data-post .base-table th,
.data-post .base-table td {
  padding: 5px;
  border-bottom: 1px solid #a8d2a2;
  width: auto;
  text-align: left;
  height: 40px;
  font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
}

.data-post .base-table th {
    font-weight: 500;
}

.data-post .base-table td:last-child a {
	background: #e63b7a;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 10px;
}

.data-post .base-table td:nth-last-child(2) a {
	background: #6452fe;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 10px;
}

.data-post .base-table td:last-child a:hover {
	background: #ed95b5;
}

.data-post .base-table td:nth-last-child(2) a:hover {
    background: #9795ed;
}

.data-post #map_canvas {
	width: 100%;
	height: 450px;
	margin: 0 auto;
}

 .data-post .base-table td.table-b{
	background:#a8d2a2;
	border: 1px solid #a8d2a2;
	width:15%;
}

.data-post .base-table .table-c.table-h {
    width: 40%;
}

.table-a {
    background: #4d7a28;
    color: #fff;
	border: 1px solid #a8d2a2;
}

.table-c{
	border-left: 1px solid #a8d2a2;
	min-width: 200px;
}

.base-table.table-w{
	margin-bottom:20px;
	border: 1px solid #a8d2a2;
	background:#fff;
}

.data-post.bg_clear {
    background: none;
}

/* Mobile Map style */
.map-wrap .mobile-map {
	background: url(/images/img-map-sp01.jpg) top center no-repeat #cff4f6 !important;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}
.mobile-map ul {
	width: 90%;
	margin: 0 auto;
	padding: 3% 5%
}
.mobile-map ul li {
	color: #3c2fe7;
	width: 30%;
	text-align: center;
	float: left;
	font-size: 1.2em;
	padding: 1% 1.5%;
}
.mobile-map ul.hokkaido > li {
	margin: 0 auto;
	float: none;
}
.mobile-map ul li a {
	color: #3c2fe7;
	display: block;
	text-decoration: none;
	background: rgba(229, 204, 237, 0.8);
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
}

/*本部・関連施設*/
.access{
padding-bottom: 8px;
display: inline-block;
}
.access:before{
content:"●"
}
h3.honbu{
font-size:1.8em;
color:rgba(121, 91, 255,100);
padding-left:2%;
margin-top: .5em;
font-family: "ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","Yu Gothic","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
}
.facility{
border-bottom:2px solid #a8d2a2;
margin:2% auto;
padding-bottom:2%;
}
.facility:last-child {
    border: none;
}
#main .facility>p{
display: inline-block;
margin-bottom:0;
padding-bottom:0;
line-height: 1.4;
}
.car{
display:block;
width:84%;
float:right;
}
.facility ul li div {
line-height: 1.6em;
font-size: 1.1em;
word-break: break-all;
font-family: "ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","Yu Gothic","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
}
.facility ul li div a{
text-decoration: none;
}
.facility ul li div span.caption {
font-size: .8em
}
.facility ul p.caption2 {
padding: 0 0 2px !important;
margin: 0;
font-size: 1.1em
}
.facility ul {
margin-left: 2%;
}
.facility ul.education::after {
  content: "";
  display: block;
  border: 1px solid #f0f5ff;
  margin-bottom: 1rem;
}
.facility ul::after {
  content: "";
  display: block;
  clear: both;
}
.facility ul li {
float: left;
width: 32%;
padding-bottom: 1.5em;
padding-right: .5em;
}

/*概要*/
ul.aboutlist{
    margin: 0 auto;
	padding:1em 0 50px;
}

.aboutlist> li {
    overflow: hidden;
    margin: 0 6%;
    /*padding-left: 5%;*/
    position: relative;
    border-bottom: 3px dotted #a8d2a2;
}
.about-date {
    width: 10% !important;
    float: left;
    margin-top: 20px;
    padding: 7px !important;
}
.about-content {
    width: 80%;
    float: left;
    padding-left: 0px;
}
.furi{
font-size:80%;
display:block;
line-height:1.8em;
}

#main .about-box ul.aboutlist li p{
padding-bottom:.5em;
margin: 10px auto;
line-height:1.5em;
width:100%;
}

/*法華三部経の要点*/
.data-post .sanbukyo {
  padding: 2em;
}
.data-post .sanbukyo h2 {
  margin-left: 4%;
  padding: 10px 0;
  color: #4d22b3;
}
.data-post .sanbukyo h3 {
  margin-left: 3.8%;
}
.data-post .sanbukyo h3:before {
  content: "";
  height: 18px;
  width: 18px;
  display: inline-block;
  position: relative;
  top: 2px;
  left: 2px;
  /*background-color: #367b3c;*/
  border-radius: 10px;
  margin-right: 10px;
}
.data-post .sanbukyo h3:nth-of-type(7n+1):before {
	background-color: #77bb3f;
}
.data-post .sanbukyo h3:nth-of-type(7n+2):before {
	background-color: #f6ef54;
}
.data-post .sanbukyo h3:nth-of-type(7n+3):before {
	background-color: #ff8646;
}
.data-post .sanbukyo h3:nth-of-type(7n+4):before {
	background-color: #ea535d;
}
.data-post .sanbukyo h3:nth-of-type(7n+5):before {
	background-color: #c573e1;
}
.data-post .sanbukyo h3:nth-of-type(7n+6):before {
	background-color: #3c81f1;
}
.data-post .sanbukyo h3:nth-of-type(7n):before {
	background-color: #a8c5fe;
}

.data-post .sanbukyo p {
  font-family: Garamond,Times New Roman,ヒラギノ明朝 Pro W3,Hiragino Mincho Pro,HiraMinProN-W3,游明朝,Yu Mincho,游明朝体,YuMincho,HGS明朝E,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,"minamoto",serif;
}

.data-post .sanbukyo p strong {
  font-family: "ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","Yu Gothic","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
}

span.rubi {
  font-size: 80%;
  line-height: 1.8em;
}
/* 沿革 */
.history_link{
display:inline-block;
margin:20px;
}
#main .history_link li{
float:left;
/*padding:.5em;*/
margin:5px;
}
.history_link li a{
text-decoration: none;
border: 2px #ccc solid;
padding: .5em 2em;
background: #fff;
font-family: "ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","Yu Gothic","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
}
ul.history_link>li>a{
box-sizing:border-box;
}
.bg-history{
background:#f0f5ff;
padding-bottom: 80px;
}
#main p.history_h_top, #main p.history_h{
font-weight: bold;
color: #4d22b3;
padding: 0;
margin:1em 0;
}
.bg-history .timeline-date {
    width: 15% !important;
    float: left;
    margin: 5px auto;
    padding: 7px !important;
}
.bg-history .timeline-content {
	width: 82% !important;
}
.bg-history .timeline-content dl{
padding: 13px 0 13px 13px;
font-size: 1.2em;
font-family: "ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","Yu Gothic","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
margin: 4px auto;
}
.bg-history .timeline-content dt{
float: left;
clear: left;
margin-right: 0.5em;
width: 70px;
line-height: 1.5;
}
.bg-history .timeline-content dd{
padding-left: 75px;
margin-bottom: 5px;
padding-bottom: 5px;
line-height: 1.5;
border-bottom: 2px solid #ccc;

}
.bg-history .timeline-content dd:last-child{
margin-bottom: 0;
border-bottom: none;
}
.switches {
margin-bottom: 0 !important;
padding: 0 !important;
visibility: hidden;
}

/*穂高保養センター*/
#main1 {
	clear: both !important;
    width: 100% !important;
}

.data-post.bg_hodaka {
    padding: 30px 20px 30px;
    background: #e0edd4;
}

.contbox {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}

h2.hodaka_annai {
	color: #375719;
	font-size: 1.7em;
	text-align: center;
	padding: 1em 0;
}

.contbox .text {
	margin: 2em 1em 4em !important;
	padding: 0 0 1em;
}

.contbox .photo {
	margin-bottom: 4em;
}

.photo img {
	width: 550px;
	display: block;
	margin: 0 auto;
}

#recommended, #spot {
	border: 2px solid #f4a3c0;
	background: #fff;
	border-radius: 10px;
	padding: 1em 2em 2em 2em;
	margin: 2em 1em;
}

.contbox h3 {
	font-size: 1.5em;
	color: #ed719e;
	text-align: center;
	padding-top: 1em;
}

#howto, #access {
	margin: 4em 1em;
}

.contbox h4 {
	width: 150px;
	margin: 3em auto 2em;
	padding: .2em;
	font-size: 1.2em;
	text-align: center;
	background: #fff;
	color: #ed719e;
	border: 3px solid #ed719e;
}

#recommended img {
	width: 500px;
	height: 250px;
	display: block;
	margin: 2.5em auto 0;
	object-fit: cover;
}

#spot img {
	float: left;
    width: 320px;
	margin: 1.5em 1em 2em 0;
	object-fit: cover;
	object-position: 100% 0;
}

#recommended .lead, .photo p.lead {
	text-align: center;
}

#howto .list, #access .list {
	padding: .5em 0;
	font-size: 1.05em;
}

div.sougei {
	margin: 3em 0;
}

div.sougei > p {
	font-size: 1.1em;
}

.title_ruby {
    display: none;
}

h3.subPageTitle span.title_ruby {
    display: inline-block;
	margin-left:1em;
	font-size:.8em;
}

/*遥かなる東へ*/

.cat_child{
	display:flex;
	margin:30px auto 30px;
	padding:0 2%;
}

.cat_child .left-img{
background: #fff;
margin-right:3%;
padding: 20px;
text-align:center;
box-sizing: border-box;
height: 100%;
flex:1;
}

.child_items{
	flex:2;
}

.cat_child .left-img img {
width:100%;
}

#main .left-img p {
    text-align: left;
	line-height:1.5em;
}

#main .cat_child article.list{
	width: 100%;
	border-bottom: 2px #ccc solid;
	margin-bottom: .5em;
}

#main .cat_child article.list a{
	height:auto;
	min-height:100%;
}

.cat_child figure img{
	max-width:300px;
	float:left;
	margin-right:1em;
}

/* 文化放送TKWO */
.post-3507 h3.post-title {
	display: none;
}
.tkwo-post {
	font-family: suns-serif,'Hiragino Kaku Gothic Pro W3';
	margin: 1.5em;
}
.tkwo-post::after {
	content: "";
	display: block;
	clear: both;
}
.t-title {
	background: #a80808;
	color: #fff;
	padding: .5em!important;
	text-align: center;
}
.t-size {
	font-size: 1.8em!important;
	line-height: 1.6em!important;
}
.t-title2 {
	font-size: 1.7em;
	font-weight: 600;
	text-align: center;
	padding: .5em!important;
}
.t-left {
	width: 52%;
	float: left;
	margin-right: 0.5%;
}
.t-left .t-sentence {
	padding: 0!important;
	font-size: 1.3em!important;
}
.t-right .t-sentence {
	font-size: 1.2em!important;
}
.t-sentence {
	line-height: 1.7em!important;
}
.t-right {
	width: 43%;
	float: left;
	padding: .5%;
	margin: 1%;
	background:center / cover no-repeat url(/wp-content/uploads/2019/03/img-fumon02.jpg);
}
.t-right2 img {
	width: 46% !important;
	float: left;
	padding: 0;
	margin-left: 1.5%;
}
.tkwo-post .box-wrap{
	padding-top: 4.7em !important;
}
.t-box {
	width: fit-content;
	width: -moz-fit-content;
	max-width: 250px;
	margin: 0 auto 20px;
	padding: 0!important;
	border: 2px solid #aaa;
	text-align: center;
	line-height: 1.5!important;
}
.t-box a {
	font-size: 0.8em;
	display: block;
	text-decoration: none;
	padding: .5em 1em!important;
}
.post-3507 img {
	width: 100%;
}
@media (max-width : 640px){
.tkwo-post {
	margin: 1em .5em;
}
.tkwo-post p {
	line-height: 1.6em!important;
}
.t-size {
	font-size: 1.4em!important;
}
.t-title {
	font-size: 1.1em!important;
}
.t-sentence {
	font-size: 1.2em!important;
}
.t-left, .t-right {
	width: 100%;
	float: none;
	margin: 0;
}
.t-right {
	margin: 0 auto 40px;
}
.t-right .t-box {
	width: 70%;
}
.t-box {
	width: auto;
	max-width: 100%;
	margin: 20px auto;
}
.img-fumon {
	padding-top: 5px;
}
}

/* wakis130 */
#wrap.single #wrap-inner .wakiso {
	background: url(/wp-content/uploads/2019/04/fuji_flower.jpg) top center no-repeat #eee8f3 !important;
}
.wakiso h3.post-title {
	display: none;
}
.wakiso130-post {
	font-family: suns-serif,'Hiragino Kaku Gothic Pro W3';
	margin: 1.5em;
}
.wakiso130-post::after {
	content: "";
	display: block;
	clear: both;
}
.w-title {
	font: bold 2.2em Garamond,Times New Roman,ヒラギノ明朝 Pro W3,Hiragino Mincho Pro,HiraMinProN-W3,游明朝,Yu Mincho,游明朝体,YuMincho,HGS明朝E,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,"minamoto",serif !important;
	text-align: center;
	line-height: 1.1em !important;
	padding-bottom: 1em !important;
}
.w-size {
	font-size: .7em!important;
}
.w-title2 {
	text-align: center; padding: .1em!important;
}
.w-title3 {
	font-weight: bold;
	font-size: 1.2em!important;
	text-align: center;
	display: block;
	margin: 10px auto 15px;
}
.w-box {
	clear: both;
	display: table;
	max-width: 900px;
	margin: 0 auto;
	background-color: #fff;
}
.last-box {
	clear: both;
	display: block;
	max-width: 900px;
	margin: 0 auto;
	background-color: #fff;
}
.w-box img,
.last-box img {
	width: 100%;
}
.w-logo {
	width: 60px;
	margin: 0 0 0 auto;
	padding: 0 20px 20px 0 !important;
}
.w-left {
	width: 50%;
	float: left;
}
.w-right {
	width: 50%;
	float: right;
}
.w-sentence {
	font-size: 1.14em!important;
	padding: 25px!important;
	line-height: 2em !important;
}
.w-detail,
.w-space {
	font-size: 1.1em!important;
	font-weight: bold;
	padding-top: 20px;
	display: inline-block;
	line-height: 1.5em !important;
}
.t-space {
	display: inline-block;
	padding-top: 20px;
	line-height: 1.5em !important;
}
.t-small{
	font-size: .9em !important;
    font-weight: normal;
}
.w-grid {
	display: inline-grid;
}
.wakiso130-post .t-box {
	display: table;
	width: 75%;
	margin: 20px auto 10px;
	border: 3px solid #92dc6f;
	padding: 2px 10px 1px 10px!important;
	text-align: center;
}
.wakiso130-post .t-box a {
	text-decoration: none;
	padding: .5em!important;
}
@media (max-width : 640px){
.wakiso130-post {
	margin: 1em .5em;
	}
.w-sentence {
	line-height: 1.6em!important;
	}
.w-title {
	font-size: 1.8em!important;
	}
.w-left,
.w-right {
	width: 100%;
	float: none;
	margin: 0;
	}
.w-box {
	width: auto;
	margin: 0;
	}
.wakiso130-post .t-box a {
    padding: .3em !important;
    }
}

/* radio福島 */
.post-5844 h3.post-title {
	display: none;
}
.radio-f {
	font-family: suns-serif,'Hiragino Kaku Gothic Pro W3';
	margin: 2.5em 1.5em 1.5em;
	background: url(/wp-content/uploads/2019/06/bg-radio-fukushima.jpg) top center no-repeat;
}
.radio-f p {
	line-height: 1.7 !important;
}
.f-title {
	text-align: center;
	font-weight: 600;
	padding-top: 10px !important;
}
.f-title-sp {
	display: none;
}
.w-630 {
	width: 100%;
	max-width: 630px;
	margin: 0 auto;
	padding-top: 35px !important;
}
.rfc-btn {
	width: 280px;
	background: #8de6f5;
	margin: 0 auto;
}
.rfc-btn a {
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 5px 0;
	font-weight: 800;
}
.rfc-btn a:hover {
	color: #fff;
}
@media (max-width : 640px){
.radio-f {
	background: none;
}
.f-title-sp {
	display: block;
	font-weight: 600;
}
.f-title {
	display: none;
}
.radio-f img {
	padding-top: 20px;
}
}

/* webリンク */
.post-8765 {
	font-family: suns-serif,'Hiragino Kaku Gothic Pro W3';
}
.post-8765 h3.post-title {
	display: none;
}
.post-8765 h3 {
	padding: .7em 1em .5em;
	font-size: 1.5em;
	color: #9c61ff;
	text-align: center;
	margin-bottom: .7em;
}
.weblink-info {
	width: 100%;
	max-width: 800px;
	padding: 1em 0;
	margin: 0 auto;
	font-weight: bold;
}
.weblink-info p {
	line-height: 1.8;
	font-size: 1.2em;
}
.post-8765 .mail-box {
	width: 250px;
	padding: 1em;
	border: 1px solid #9c61ff;
	margin: 0 auto 5em;
}
.post-8765 .mail-box p,
.post-8765 .mail-box a {
	font-size: 1.2em;
	color: #9c61ff;
	display: block;
	line-height: 1.4;
	text-align: center;
	font-weight: 600;
	padding: 0 !important;
	text-decoration: none;
}

/* お会式2019 */
#wrap.single .oeshiki {
    background-image: url(/wp-content/uploads/2019/08/bg-oeshiki.gif);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-family: suns-serif,'Hiragino Kaku Gothic Pro W3';
}
.post-9418  h3.post-title {
    display: none;
}
.post-9418 h3 {
    padding: .7em 1em .5em;
    font-size: 1.5em;
    color: #000;
    text-align: center;
    margin-bottom: .7em;
}
.post-9418 .oeshiki-info {
    width: 100%;
    max-width: 800px;
    padding: 1em 0;
    margin: 0 auto;
    font-size: 1.2em;
    line-height: 1.8;
}
.post-9418 .mail-box {
    width: 250px;
    padding: 0.1em;
    background: #9ac55a;
    margin: 1em auto;
}
.post-9418 .link-box {
    width: 250px;
    padding: 0.1em;
    background: #d33ea2;
    margin: 1em auto;
}
.post-9418 .mail-box a,
.post-9418 .link-box a {
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
#wrap.single .oeshiki .cat-top {
    border: 1px solid #d33ea2;
}
@media (max-width : 640px){
#wrap.single .oeshiki {
    background-size:auto 100%;
}
}

/*イラストページ*/
.ill_index {
  max-width: 550px;
  margin: auto;
  line-height:2;
}


.post .ill_index p {
    font-size: 1em;
}

.ill_index span.kiyaku {
	display:inline-block;
	font-size:0.9em;
}

span.kiyaku:before{
content:"!";
color:#f00;	
margin-right:.5em;
}

.ill_index ul {
  width: auto;
  margin: 50px auto 0;
  text-align: center;
}
.ill_index ul li {
  display: inline-block;
  max-width: 250px;
  width: 35%;
  margin:5%;
}
.ill_index a {
  display: inline-block;
  text-decoration: none;
  background-color: #ff9200;
  width: 100%;
  padding: .2em 0;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  font-size: 1.5em;
  position: relative;
  font-weight: bold;
	transition:0.3s ease-in;
}


.ill_index a.coms{
	pointer-events:none;
}

.ill_index a.coms::before {
  content: '準備中';
  background: #96d35f;
  font-size: .8em;
  border-radius: 20px;
  padding: 0em 1em;
  color: #4d7a28;
  position: absolute;
  top: -25%;
  left: 0;
  font-weight: normal;
}

h3.ill_ttl{
    background: #ff9200;
    margin:5% auto;
    padding: 0;
    color: #fff;
    width: 10%;
    min-width: 200px;
    font-family: suns-serif,'Hiragino Kaku Gothic Pro W3';
	font-size:2em;
	font-weight:inherit;
	line-height: 1.5em;
}


.ill_item ul {
    display: flex;
    margin: 5% auto;
    justify-content: space-around;
}

.ill_item ul li{
	max-width:140px;
    text-align: center;
	margin:0 10px;
}

.ill_item ul li img{
    width: 100%;
    max-width:150px;
    display: block;
	margin:auto;
}

#download {
text-decoration: none;
background: #77bb3f;
padding: 0em 1em;
color: #fff;
margin-top: 1em;
font-family: suns-serif,'Hiragino Kaku Gothic Pro W3';
display: inline-block;
font-weight: bold;
	position:relative;
	overflow:hidden;
	z-index:2;
	transition:0.3s ease-in;
}

#download:hover,
.ill_index a:hover {
	opacity:0.5;
}

#main p.ill_info span {
    width: 25%;
    max-width: 275px;
    background: #fffcab;
    font-weight: bold;
    border-radius: 20px;
    padding: .5em 2em;
    line-height: 1.7;
    float: right;
    margin-top: -15%;
	font-size: 0.7em;
}

@media(max-width:640px){
	.ill_index ul{
width:90%;
}

.ill_index ul li {
margin:0 auto 10%;
width: 45%;
}

h3.ill_ttl{
width:50%;
}

.ill_item ul{
flex-wrap: wrap;
width: 90%;
justify-content: space-between;
}

.ill_item ul li{
width:45%;
margin:10% 0;
}
	
#main p.ill_info span {
display:none;
}

}

/*ごきげんよう掲示板
---------------------------------------------------------------------------*/
/*0207*/
div.houwaList div p.houwaDay span.new {
    border: 1px solid #f00;
    color: #f00;
    padding: 0.2em;
}

div.houwaList div p.houwaDay{
	margin-bottom:.8em;
}

div.houwaList .gokigenyoLead p{
	font-size:12px;
	margin-bottom: 2em;
}


/*ごきげんよう掲示板*/
fieldset {
	padding:0;
	margin:0;
}

div.bbp-template-notice.info{
	display:none;
}

.gokigenyoBacknumber ul li.gokigenyoImage {
    display: block;
    float: none;
}

#houwaContents .gokigenyoBacknumber {
    max-width: 800px;
   /*display: flex;*/
	margin: 0 auto;
}

#bbpress-forums {
    display: flex;
    flex-direction: column;
	margin-top:1.5em;
}

#bbpress-forums ul {
    order: 2;
}

.gokigenyoBacknumber #bbpress-forums ul.bbp-lead-topic{
	margin-bottom:0;
}

.bbp-lead-topic .bbp-topic-author{
	display:none;
}

.gokigenyoBacknumber #bbpress-forums fieldset.bbp-form,
.bbp-form .bbp-form p:nth-child(3), 
.bbp-form .bbp-form p:nth-child(4) {
    display: none;
}

.archive-link{
	display:none;
}
.bbp-attachments h6{
	display:none;
}

a.bbp-author-avatar, 
#bbpress-forums ul.bbp-replies div.bbp-reply-author a.bbp-author-name ,
#bbpress-forums li.bbp-body div.bbp-reply-author a.bbp-author-name{
    pointer-events:none;
	margin:0px;
}

p.form-allowed-tags,
.bbp-reply-header a.bbp-reply-permalink,
.bbp-topic-header .bbp-meta,
.bbp-pagination{
	display: none;
}

.bbp-topic-header {
    height: 24px;
}

#bbpress-forums div.bbp-reply-author a.bbp-author-name {
    text-decoration: none;
}

.bbp-author-role,
.bbp-reply-author .avatar.photo,
#bbpress-forums .bbp-body div.bbp-reply-author br:nth-of-type(2),
#bbpress-forums .type-reply  div.bbp-reply-author br:nth-of-type(2),
#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer{
    display: none;
}


#bbpress-forums .type-reply  div.bbp-reply-author,
#bbpress-forums ul.bbp-threaded-replies div.bbp-reply-author{
	float:none;
	width:auto;
	text-align:left;
	margin:0 10px;
	font-weight:bold;
}

#bbpress-forums .type-reply  .bbp-reply-content,
#bbpress-forums ul.bbp-threaded-replies .bbp-reply-content,
#bbpress-forums li.bbp-body .bbp-topic-content{
	margin:0 auto;
	padding:0;
}

#bbpress-forums ul.bbp-replies div.reply{
	width:auto;
	padding: 1em;
	margin-bottom: -1px;
}


#bbpress-forums li.bbp-body div.bbp-topic-header,
#bbpress-forums ul.bbp-replies div.bbp-topic-header,
#bbpress-forums ul.bbp-replies div.bbp-reply-header {
    /*background-color: #ebffd7;*/
}

#bbpress-forums li.bbp-body div.bbp-reply-content h6{
	display:none;
}

#bbpress-forums .bbp-reply-form fieldset.bbp-form,
.gokigenyoBacknumber #bbpress-forums ul.bbp-lead-topic, 
.gokigenyoBacknumber #bbpress-forums ul.bbp-topics, 
.gokigenyoBacknumber #bbpress-forums ul.bbp-forums, 
.gokigenyoBacknumber #bbpress-forums ul.bbp-search-results
{
	border: 1px solid #ccc;
}

#bbpress-forums li .bbp-reply-header,
#bbpress-forums ul.bbp-replies div.reply{
	border: 1px solid #ccc;
	border-top: none;
}

#bbpress-forums ul.bbp-threaded-replies:last-child{
	border-bottom:1px solid #ccc;
	border-top: none;
	margin-top:0px;
}

.gokigenyoBacknumber #bbpress-forums ul.bbp-replies{
	border:none;
}

.gokigenyoBacknumber #bbpress-forums ul.bbp-lead-topic{
	border-bottom:none;
}

.gokigenyoBacknumber #bbpress-forums ul.bbp-lead-topic,
.gokigenyoBacknumber #bbpress-forums ul.bbp-replies{
	border-top:none;
}

#bbpress-forums div.bbp-forum-header, 
#bbpress-forums div.bbp-topic-header, 
#bbpress-forums div.bbp-reply-header
{
	border-top: 1px solid #ccc;
}

.bbp-meta span.bbp-admin-links a{
    color: #999;
}

#bbpress-forums .bbp-reply-form fieldset.bbp-form fieldset.bbp-form{
	border:none;
	margin-bottom:0;
	padding:0;
}


#bbpress-forums .bbp-reply-form fieldset.bbp-form{
	margin-bottom:30px;
}

.bbp-reply-author span{
	padding: 0 0.5em;
	color: #fff;
	border-radius: .5em;
	margin-bottom: .2em;
	display: inline-block;
}

.bbp-reply-author span.sassi {
	background: #f69d9d;
}

.bbp-reply-author span.another{
	background:#8f8fe4;
}

.bbp-reply-author span.noticed{
	background:#8ecb8e;
}

.bbp-reply-author span.idea{
	background:#f6a500;
}

.single #bbpress-forums ul.bbp-lead-topic,
.single #bbpress-forums ul.bbp-replies{
	display:none;
}

#main p.click{
	padding:0 2%;
}

p.click::before{
	content:"●";
	color:#549311;
	letter-spacing: .5em;
}

.form_link a:hover{
	opacity:.8;
}

.form_link {
  text-align: right;
}

.bn_link {
    width: 133px;
    background: #f6a500;
    display: inline-block;
    text-align: center;
    padding: 6.25px 0;
    color: #fff;
    text-decoration: none;
	border-radius:10px;
}

span.bbp-admin-links a.bbp-reply-to-link {
    background:rgb(202, 219, 254);
	color:rgb(41, 0, 130);
    padding: .5em 2em;
    font-size: 1em;
    border-radius: 15px;
}

#bbpress-forums div.bbp-reply-author img.avatar{
	vertical-align:baseline;
}

#bbpress-forums .bbp-attachments ol.with-icons {
    display: flex;
    overflow: hidden;
}

/*0305*/
.g_backnumber div#houwaContents {
    display: flex;
}

.g_backnumber .houwaList{
	order:2;
}

.g_backnumber .houwaList .houwaPost .houwaText{
	width:60%;
}

.g_backnumber p#topicPath {
    max-width: 650px;
    margin: 7px auto 13px;
}

.g_backnumber .houwaBacknumber h3{
	display:none;
}

.g_backnumber .houwaBacknumber ul li{
display: block;
float: none;
background: #ffffe0;
border: 1px solid #ddd;
}

.g_backnumber .houwaBacknumber ul li a{
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 5px 10px;
    font-family: "ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","Yu Gothic","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",suns-serif;
	background:none;
	border:none;
	position:static;
}

.g_backnumber .houwaBacknumber ul li a:hover{
	color:#666;
}

.g_backnumber .houwaBacknumber ul li a::after{
	content:"";
	display:none;
}

#bbpress-forums fieldset.bbp-form label[for="bbp_anonymous_author"] {
  font-size: 0;
}
#bbpress-forums fieldset.bbp-form label[for="bbp_anonymous_author"]:before {
  content: "お名前/ニックネーム可(必須)";
  font-size: 16px;
}

#bbpress-forums fieldset.bbp-form legend{
	display:none;
}

.bbp-template-notice:nth-of-type(2) p::after{
	content:"です。";
}

.bbp-form select{
	padding:.5em;
	padding-right:2em;
} 

.houwaText ul{
	margin-left:0px;
}

#main #bbpress-forums fieldset.bbp-form p{
	padding:0.2em 0 ;
	line-height:1.5em;
}

.gokigenyo #fancybox-title-over{
	display:none;
}

/*タブレット用（641px～1199px）
---------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:1199px){

.search {
	left:0;
	margin-left: 1em;
}

#container {
	width: auto;
	/*margin: 0px 6px;*/
}

.top p {
	/*height: 500px;*/
}

.post p img {
	width: 100%;
	height: auto;
	max-width: 1020px;
}

.post p img.size-medium {
	width: 100%;
	height: auto;
	max-width: 300px;
}

#header-img {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 50%;
	height: auto;
}

#head-img {
	height: auto;
}

#head-img p {
	font-size: 1.1em;
}

#head-img img {
	min-height: 0;
}

#main {
	width: 100%;
}

#container.top #main{
	max-width: 800px;
}

#main article.list {
  width: 31%;
  margin-left: 1%;
  margin-right: 1%;
}

#main article.list a {
	padding: 5px;
}

.list-sky p {
	width: 21% !important;
}

.index-list ul{
	margin-left:3%;
}
	
.index-list li {
	margin: 0 auto 40px;
	min-width: 140px;
	width: 25%;
}

.btn {
    width: 132px;
}

.ctgr .btn {
    width: 70%;
    height: 50px;
}

footer {
    padding-bottom: 13px;
    height: auto;
    overflow: hidden;
}

/*harukanaru*/

.cat_child figure img{
	max-width: 50%;
}

/*kyokai_news*/
.news-post {
	width: 100%;
	padding-left: 0;
}

#main article.blog-list p {
	width: 95%;
}
	
}

/*ごきげんよう掲示板(スマートフォン)
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
#houwaContents .gokigenyoBacknumber{
	flex-direction: column-reverse;
	width:100%;
	margin: 0 auto;
}

.gokigenyoBacknumber ul li.gokigenyoImage {
    float:left;
}
	
	/*.gokigenyoBacknumber #bbpress-forums div.bbp-reply-author img.avatar{
		position:static;
	}*/

.bbp-form input[type="text"],
#bbpress-forums .bbp-reply-form fieldset.bbp-form input,
#bbpress-forums .bbp-form div.bbp-the-content-wrapper textarea.bbp-the-content {
    width: 95%;
    margin: 0 auto;
    display: block;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	}

.archive-link{
	display: block;
    order: 4;
}
	
	#bbpress-forums fieldset.bbp-form div select{
		margin-left:3%;		
	}

#bbpress-forums .bbp-body .topic div.bbp-reply-author,
#bbpress-forums .bbp-body .reply div.bbp-reply-author{
    margin:10px 10px;
    min-height: 100%;
	padding:0;
}

#bbpress-forums .bbp-reply-form fieldset.bbp-form{
	padding:10px;
}

#bbpress-forums div.bbp-template-notice, div.indicator-hint{
	width:90%;
	margin: 10px auto;
}
	.bbp-submit-wrapper{
		margin:0 10px;
	}
	
	.form_link{
		text-align: center;
		display: flex;
		margin: auto;
		width: 100%;
		align-items: center;
	}
	
	.form_link span, .form_link a {
    	display: inline-block;
		vertical-align: top;
		font-size: 1rem;
	}
	
	.form_link a {
		width:30%;
		padding:.1em 0;
	}
	
	.bbp-meta span.bbp-admin-links{
		float: right;
    	clear: right;
	}
	.gokigenyoBacknumber #bbpress-forums div.bbp-reply-author img.avatar{
		margin:0px;
	}

	.gokigenyoBacknumber #bbpress-forums div.bbp-reply-author {
		width: 100%;
		text-align: left;
		font-size: 15px;
	}
	
	#bbpress-forums .type-reply  .bbp-reply-content{
		margin:auto;
		padding: 0px;
	}
	
	.gokigenyoBacknumber #bbpress-forums div.bbp-reply-author a.bbp-author-name{
		display:inline;
	}
	
	.bbp-reply-content span{
    margin: 10px 0;
    display: inline-block;
	}
	
	span.bbp-admin-links a.bbp-reply-to-link{
		font-size:1.2em;
	}
	
	/*0305*/
.g_backnumber div#houwaContents {
	  flex-direction: column;
  flex-wrap: wrap;
}

.g_backnumber .houwaList .houwaPost .houwaText{
	width:100%;
}

.g_backnumber .houwaBacknumber {
 	width:100%;
	margin: 0 auto;
}

.g_backnumber h3.mekuribu-title{
     width: 95%;
}

.g_backnumber .houwaBacknumber h3{
	display:none;
}

.g_backnumber .houwaBacknumber ul li{
	float:left;
	width:45%;
}
}

/*スマートフォン用（640px以下）
---------------------------------------------------------------------------*/
@media (max-width : 640px){
#wrap {
    background-color: #fff6db;
}

.head-title-top{
	height: 55px;
}

.top-logo {
	line-height: 34px;
    width: 100px;
    padding: 10px 0;
}

.top-logo img {
	margin: 0 auto;
    width: 100px;
    height: auto;
}

.sitemap {
	margin-right: 2%;
	line-height: 55px;
}
	
.sitemap a {
	padding: 8px 8px;
    border-radius: 10px;
    width: 130px;
    height: 40px;
}

.index-list li {
	margin: 0 auto 15px;
	min-width: 140px;
	width: 50%;
}

.index-list li a.btn {
	width: 120px;
	font-size:.77rem;
	}

.index-list h2 {
	margin-bottom: 10px;
}

/*.seimeibun_top {
    margin: -65px auto 10px;
}*/

.seimeibun_top {
    margin: 5px auto 10px;
    width: 80%;
}

#container {
	width: 100%;
}

#container.top{
	background-position: bottom right -50px;
    background-size: 80%;
}

#container.top #contents {
	margin-top: 10px;
}

#container.top > .seimeibun_top + #contents {
    margin-top: 20px;
}

#container.top #main{
	max-width: 320px;
}

#contents {
	padding:10px 1% 10px 1%;
	width: 98%;
}

header {
	height: auto;
}

.head-title h2 {
	font-size: 1.05em;
	font-weight: normal;
	width: 75%;
}

.home {
	/*margin-right: 15px;*/
    width: auto;
    line-height: 80px;
	height: auto;
}

.home a {
	padding: 8px 0.5em;
    width: 130px;
    height: 40px;
}

.sp-only {
	display: block;	
}

.pc-only,
.blog-only {
	display: none;
}
	
.photo-left p{
	display:none;
}

.top p.arrow {
	/*top: 190px;*/
	bottom: -70px;
	width: 150px;
}

.index-list li a:hover + p.fukidashi {
      display: none;
}

#head-img {
	height: auto;
}
	
#head-img p {
	font-size: .9em;
}

#head-img img {
	min-height: 0;
}

nav#navbar {
	height: auto;
	padding: 0;
	background: #a8d2a2;
}

nav#navbar ul li {
	float: left;
	border: none !important;
	margin-left: 1px;
	width: auto;
}

nav#navbar ul li a {
	font-size: 12px;
}

nav#navbar ul li:nth-child(odd) {
	margin-left: 0;
	width: auto;
}

#main {
	width: 100%;
}

#main p {
    font-size: 1.2em;
	/*line-height: 2em;*/
}

/* 日々のブログサイドバー */
#main .blog-main {
    width: 100%;
    float: none;
    border-right: none;
    padding-right: 0;
}

#main .blog-side {
    width: 100%;
    float: none;
    padding: 0;
	border-top: 3px solid #e5cced;
}

#main .blog-side ul {
	margin: 0;
}

#main .blog-side .side_menu {
    margin: 8% auto 4%;
}

#main .blog-side .list-all {
    display: none;
}

ul.list-wrap:first-child {
	border: none;
	margin: 0 auto;
}

ul.list-wrap {
    width: 90%;
    float: none;
    margin: 0 auto;
	border: none;
}

ul.list-wrap .blog-list:last-child {
    border-bottom: 3px dotted #dcb2dd;
}

#main .lwmhm{
	width:90%;
}

#main .lwmhm p{
	font-size:1em;
}
	
.post p img.post-alignright{
	margin:1em auto 20px;
	width:80%;
}

h3.post-title {
    padding: 0;
    font-size: 1.35em;
}
	
h3.kokoro{
	text-align:center;
	font-size:1em;
}

.main-img{
	top: 0px;		
}
	
.main-img img {
    margin: -5px auto 0;
}
	
#main article.list {
	width: 100%;
	float: none;
	margin-left: 0;
}

#main article.list figure img {
	max-width: 100%;
}

#main article.list h3::before {
	content: "・";
	color: #a8d2a2;
}

#main article.list h3 {
	font-size: 1.4em;
}

#main article.list h4 {
	font-size: 1.2em;
}

#main article.list a {
	height: auto;
	padding: 15px;
}

#main article.list figure img {
	width: 100%;
	height: auto;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#main article.special:first-of-type {
	margin-bottom: 3em;
}	

#main article.special,
#main article.special a {
	width: 100%;
	padding: 0;
	min-height: 0;
}

#main article.special:first-of-type figure img {
	width: 100%;
	float: none;
}

#main article.special:first-of-type h3 {
	text-align: center;
}

#main article.special figure img {
	width: 45%;
	height: auto;
	float: left;
	margin-bottom: 0;
}

#main .nobel p {
    padding-bottom: .8em;
    line-height: 2em;
	font-size: 1.1em;
}
	
.list-txt h3 {
    width: 94%;
    margin: 20px 3%;
    float: none;
}	

.post p{
	line-height:2em;		
}

.news-post {
	width: 100%;
	padding-left: 0;
}

.post .east-img a {
	width: 50%;
}

.post .east-img a img {
	width: auto !important;
}

.jiun-img {
    float: none;
    margin-right: 0px;
}	

.rashin {
	width: 60%;
	max-width: 250px;
}

.ico-rashin {
	width: 100px;
	margin: 0 auto;
}

.wp-caption	{
	width: 100% !important;
	height: auto;
}

img {
	width: 100%;
}
	
.index-list ul{
	margin-left:4%;
	max-width:640px;
}
	
.sky-image {
    width: 92%;
    margin: 0 auto;
}

.list-sky {
	width: 92%;
	margin: 0 auto;
}
	
.list-sky p {
	width: 96% !important;
	text-align: left;
}	

.list-gallery {
	width: 100%;
}

.right {
	float: none;
}

#video {
	clear: both;
}

#thumbnail {
	float: none;
	max-width: none;
}

#thumbnail a {
	float: left;
	width: 100%;
	max-width: 120px;
	height: 60px;
	line-height: 60px;
	margin-right: .2em;
}

#thumbnail p {
	font-size: 15px;
}

footer {
	height: auto;
  	overflow: hidden;
	/*padding-bottom: 5px;*/
}

#footnav {
	position: relative !important;
	left: 0 !important;
	width: 196px;
	margin: 0 auto !important;
	float: none !important;
}

.foot {
	width: 206px !important;
    padding-bottom: 5px;
    padding-left: 10px;
}

#footnav li.foot-top {
    margin-bottom: 10px;
}

#footnav li.foot-top a {
    border-radius: 6px;
    padding: .5em .6em;
}

#footnav li a {
	font-size: 13px;
}

p#copy {
	text-align: center;
	font-size: 14px;
    float: none !important;
	width: 100%;
}

#contentsDataWrapp .menuBox {
  float: none;
  width: 100%; 
  }
  
#contentsDataWrapp .menuBox ul {
  display: block;
  overflow-y: hidden;
  height: auto;
  max-height: 600px;
  padding: 5px 20px; }
.menuBox .list_child {
  float: left;
  margin-right: 10px;
  padding-bottom: 10px; }
.ctgr {
  line-height: 40px; }
.ctgr .btn {
    height: auto;
    width: 90%;
	margin:10px auto;
}	

.menuBox ul li{
	padding:5px;
}
	
.movie{
	-webkit-flex-direction:column;
	flex-direction:column;
}

#reception {
	display:block;
}

span.column {
	height: 80px;
}
.n2-ss-slider .n2-ss-layer-content {
    min-height: 80px !important;
}	

.data-post {
    min-height: auto;
}
.data-title, ul.data-list li a, .aramashi {
    font-size: .8em !important;
}
.aramashi{
	width: 94%;
}
.fancybox-pdf img {
	width: auto;
}
.data-post .sanbukyo {
    padding: 0;
}
.list-txt h3 a > small {
    width: 100%;
	display: block;
    margin: 0 auto;
    float: none;
	line-height: 1.2em;
}

.list-txt h3.myFontClass a br {
    display: none;
}

.list-txt.clearfix::after {
    content: "";
    overflow: visible;
}
	
div.data .pc-DataMenu {
	display: none;	
}
div.data .sp-DataMenu {
	display: block;	
}
div.data .data-wrap {
    margin: 0 auto;
}
div.data .map-wrap {
    padding-top: 0px;
}
ul.other-cat li, .data li.cat-item {
	float: none;
    margin: 25px auto 0;
    width: 96%;
}
.text-left, .text-right {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
}

ul.book-list li {
    width: 100%;
    float: none;
    height: 300px;
    padding-bottom: 15px;
}
p.book-thumb {
    width: 30%;
}
p.book-title, p.book-text {
	font-size: 1em !important;
	width: 60%;
	margin-left: 33%;
}

.photo img {
    width: 100%;
}
#recommended img {
    width: 100%;
    height: auto;
}
#spot img {
    float: none;
    width: 100%;
}
div.data .cat-top {
    margin: 3em auto 3em;
}
/* Map table style */
.data-post .base-table {
	margin: 10px auto;
}
.data-post .base-table tr.base-title,
.data-post .base-table td.table-a{
    display: none;
}
.data-post .base-table tr {
    display:block;
    margin-bottom: 10px;
}
.data-post .base-table th {
    display:block;
	background: #f4f4f4;
	line-height: 40px;
	margin-bottom: 20px;
}
.data-post .base-table td {
    display: list-item;
    width: 90%;
    margin-left: 7%;
    border:none;
	height: 25px;
	line-height: 1;
}
.data-post #map_canvas {
	width: 100%;
	height: 400px;
	margin: 0 auto;
}
.data-post .base-table td.table-b {
    width: 100%!important;
    margin: 0;
    padding: 1em;
    line-height: 1.5em;
    display: block;
    height: auto;
	box-sizing: border-box;
	}

.base-table td.table-c {
	line-height: 2em;
	height:auto;
	}
	
.base-table td.table-h{
	display: block;
	background: #f4f4f4;
	margin:0 0 20px;
	width:100%;
	box-sizing: border-box;
	padding-left:1em;
	}
	
	.data-post .base-table .table-c.table-h{
		width:100%;
	}
	
/* kaiso history style */
.timeline {
  list-style: none;
}

.timeline > li {
  margin-bottom: 10px;
  padding-left: 0;
}

.timeline-date, .bg-history .timeline-date {
  float: none;
  width: 70% !important;
  text-align: center;
  padding-bottom: 5px;
}

.timeline-content {
  width: 100%;
  float: none;
  border: none;
  padding-left: 0px;
  margin: 0 auto;
}

.timeline-content img {
  width: 100%;
}

.photo-left, .photo-right {
	text-align: center;
	float: none;
	width: 55%;
	padding: 3%;
	margin: 0 auto;
}

.menuBox li.cat-item {
	margin:0 auto;
}

.car{
float: none;
width:90%;
}
	
.about-date {
float:none;
width:60% !important;
text-align:center;
}
.about-content {
float:none;
width:95%;
}
.aboutlist > li{
padding:0;
}
#main .facility > p {
    margin-bottom: 1.5em;
}
	
.history_link{
width:100%;
margin:0 auto;
}
#main .history_link li{
float:none;
padding:0;
}
.history_link li a{
display:block;
padding: .2em .5em;
text-align: center;
width:100%;
}
#main p.history_h{
font-weight: bold;
color: #4d22b3;
text-align:center;
margin:0 auto;
}
.bg-history .timeline-content dl {
padding: 0;
}
	
h3.subPageTitle{
height:auto;
}

.guidance {
    background-position: center;
	font-size:.9em;
	margin-bottom: -40px;
}

.guidance ul{
width:100%;
}

.guidance p{
	text-align:left;
	line-height: 1.5em;
	}

	#main .guidance > p {
		text-align:center;
		font-size: 1em;
	}

.br-pc {
    display: none;
}

.sitemap-wrap {
    display: block;
}

.sitemap-l, .sitemap-c, .sitemap-r {
    width: 100%;
    float: none;
    padding-left: 0;
    border-left: none;
    border-right: none;
    border-bottom: 3px dotted #ccc;
}
.sitemap-c {
    padding-left: 3%;
	box-sizing: border-box;
}

.sitemap-r{
	border:none;
}
	
/*hodaka sp*/
h2.hodaka_annai{
	font-size:1.3em	
}
	
.contbox .text {
    margin: 0em auto !important;
}

.contbox .photo {
    margin-bottom: 2em;
}

#recommended, #spot{
	margin: 1em auto;
}
	
#recommended img{
margin-top:0;
}

#spot img{
margin: 1em auto 0;
}

#howto .list, #access .list {
    margin: 0 auto;
}

#howto p,
#access p{
    margin-bottom: .5em;
	font-size:1.05em;
}

#access strong{
	display:block;		
}

#main .data-post #recommended p {
    margin: 0;
    padding-bottom: 0;

}
#main .data-post #recommended p.lead {
    font-size: 1em;
    text-align: left;
    margin: 0 0 2em;

}

#main .photo p {
    margin: 0 auto;
    padding-top: 0em;
}

#spot p{
margin-bottom:0em;
}


/*harukanaru*/
.cat_child{
	display:block;
}
	
#main .cat_child article.list{
width:100%;
}

.cat_child .left-img{
margin:0;
}

#main .child_items article.list h3{
    font-size: 4.5vw;
}

#main .child_items article.list p,
#main .left-img p{
	    font-size: 4vw;
}

 #main .child_items article.list h3::before {
    content: "";
} 

/*関連施設*/
.facility ul.education::after {
  content: "";
  display: block;
  border: none;
  margin-bottom: 0;
}
.facility ul li {
  float: left;
  width: 100%;
  padding-bottom: 1.2em;
  padding-right: .5em;
}
.facility ul li div {
  line-height: 1.6em;
  font-size: 1em;
}

.blog-wrap {
	font-size: 1em !important;	
}

#main article.blog-list p {
	width: 95%;
}

}

@media (max-width : 360px){
.sitemap a {
    padding: 8px 5px;
    font-size: 11px;
}

.top p.arrow {
	/*top: 15%;*/
	bottom:-72px;
	width: 100px;
}

.seimeibun_top {
    margin: 5px auto 10px;
}



}

/*草間追加20180515*/
body #wrap.kaiso100 {
	background:url(/wp-content/uploads/2018/11/kaiso100_base03.jpg) right bottom no-repeat;
	background-size: cover;
}

body #wrap.kaiso100 #contents {
	background-color: rgba(255,255,255,0.76);	
	
}
/*草間追加20180515END*/

#ciMainMenu li {
	background: #fffda8;
	text-align: center;
}
#ciMainMenu li a {
	display: block;
}


#rollBox {
	width: 600px;
	margin:-20px auto 15px;
    overflow: hidden;
    text-align: center;
    line-height: 1.5em;
    font-size: 16px;

}
#rollText {
    white-space: nowrap;
	margin: 0 0 0 600px !important;
	width: 1520px;
    text-align: left;
}

@media (max-width : 640px){
	
#rollBox {
width: 100%;

}
#rollText {
	width: 100%;
	margin-left: 100% !important;
}
}