@charset "UTF-8";
/*
 Theme Name:   西東京市文化芸術振興会 2026
 Theme URI:	http://www.nishitokyo-cap.org
 Description:  西東京市文化芸術振興会のテーマ
 Author:	   ease graphics
 Author URI:   http://www.ease-graphics.jp
 Version:	  3.0.0
*/

* {
	margin:0;
	padding:0;
	font-size:16px;
	color:#333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
	}

body,html {
	position:relative;
	width:100%;
	height:100%;
	-webkit-font-smoothing: antialiased;
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

body {
	background:url(images/bg_base.png) no-repeat top 100px center #e3e3e3;
	}

.home {
	background-position:top 450px center;
	}

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

ul {
	list-style:none;
	}

a {
	color:#a40b5d;
	text-decoration:none;
	}

a:hover {
	color:#7a6a56;
	text-decoration:underline;
	}

footer a:hover {
	color:#fff;
	opacity:0.7;
	text-decoration:none;
	}

button {
	background:transparent;
	border:none;
	cursor:pointer;
	outline:none;
	padding:0;
	appearance:none;
	}

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

.linkBtn {
	display:inline-block;
	width:auto;
	margin:15px 0 20px;
	padding:10px 15px;
	line-height:1;
	font-size:100%;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background:#a40b5d;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	}

.linkBtn:after {
	content:"  》";
	}

.linkBtn:hover {
	color:#fff;
	opacity:0.6;
	text-decoration:none;
	}

/*　　ヘッダー設定　　*/

.helmet {
	position:absolute;
	width:100%;
	height:100%;
	background:url(images/img_frame.png) no-repeat top center;
	pointer-events:none;
	z-index:2;
	}

header {
	width:100%;
	background:#fff;
	}

.wrapper {
	position:relative;
	max-width:1000px;
	margin:0 auto;
	}

.container {
	width:100%;
	margin-bottom:30px;
	}

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

.page .container {
	max-width:1000px;
	margin:0 auto;
	padding:50px 0 80px;
	}

.home .container {
	width:100%;
	margin-bottom:30px;
	padding:0;
	}

header .inner {
	width:1000px;
	margin:0 auto;
	padding:20px 0 15px 10px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

header .tittle {
	width:300px;
	margin-bottom:15px;
	font-size:160%;
	line-height:1;
	}

header .tittle a {
	text-decoration:none;
	}

header .description {
	margin-left:5px;
	font-size:80%;
	line-height:1;
	}

header nav {
	width:100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

.menu-gnavi-container {
	max-width:1000px;
	margin:0 auto;
	}

.menu-gnavi-container ul {
	overflow:hidden;
	letter-spacing:-1em;
	border-left:1px solid #ccc;
	}

.menu-gnavi-container ul li {
	display:inline-block;
	width:150px;
	height:40px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:85%;
	line-height:40px;
	letter-spacing:0;
	text-align:center;
	border-right:1px solid #ccc;
	}

.menu-gnavi-container ul a {
	position: relative;
	display:block;
	color:#333;
	text-transform:uppercase;
	text-decoration:none;
	}

@-webkit-keyframes scroll {

0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}

100% {
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	}
}

@keyframes scroll {
 
0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	}

100% {
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	}
}

/*　　ワイヤー設定　　*/

main {
	padding:60px 0 50px;
	}

.home main {
	padding:50px 0 0;
	}

/*　　フロントページ スライダー　　*/

#topSlide .slick-slider div {
	overflow: hidden;
	position: relative;
	transition: none;
	}

#topSlide .slidewrap {
	background:linear-gradient(90deg,#a40b5d 0%,#a40b5d 50%,#fff 50%,#fff 100%);
	}

#topSlide .thumbwrap {
	background:#000;
	border-top:1px solid #fff;
	}

#topSlide .slider {
	max-width:1000px;
	margin: auto;
	background:#000;
	}

#topSlide .slider a:hover img {
	opacity:0.8;
	}

#topSlide .slider .slick-slide::after {
	content:"\f061";
	position: absolute;
	top:0;
	bottom:0;
	left:-45px;
	width:45px;
	margin: auto;
	font-family:'Font Awesome 5 Free';
	font-weight:600;
	color:#fff;
	line-height:380px;
	text-align: center;
	background:#a40b5d;
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
	}

#topSlide .slider .slick-slide:hover::after {
	left:0;
	opacity:0.8;
	}

#topSlide .thumbnail {
	position: relative;
	max-width:1000px;
	margin: auto;
	}

#topSlide .slider img {
	width: 100%;
	height: auto;
	}

#topSlide .thumbnail:after {
	content:'';
	display: block;
	position:absolute;
	top:0;
	right:0;
	width:75%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:1;
	pointer-events:none;
	}

#topSlide .thumbnail .slick-slide {
	cursor:pointer;
	}

#topSlide .thumbnail .slick-slide:hover img {
	opacity:0.7;
	}

#topSlide .thumbnail .slick-arrow {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:30px;
	height:30px;
	font-size:16px;
	line-height:30px;
	color:#fff;
	text-align:center;
	background:#a40b5d;
	border-radius:49.999%;
	z-index:2;
	cursor:pointer;
	-webkit-transition: all 0.5s;
 	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
  	transition: all 0.5s;
	}

#topSlide .thumbnail .next {
	left:-15px;
	}

#topSlide .thumbnail .next:before {
	content:"\f0d9";
	margin-right:3px;
	font-family:'Font Awesome 5 Free';
	font-weight:600;
	}

#topSlide .thumbnail .prev {
	right:-15px;
	}

#topSlide .thumbnail .prev:before {
	content:"\f0da";
	margin-left:3px;
	font-family:'Font Awesome 5 Free';
	font-weight:600;
	}


/*　　ニュースティッカー　　*/

.news {
	margin-bottom:50px;
	padding:20px 0 20px 180px;
	height:90px;
	background:#fff;
	z-index:2;
	}

.news:before {
	position:absolute;
	top:10px;
	left:0;
	content:'最新情報';
	width:150px;
	height:70px;
	line-height:70px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#aa8855;
	text-align:center;
	border-right:1px solid #bbb;
	background:#fff;
	z-index:2;
	}

.news .line {
	overflow:hidden;
	height:50px;
	padding:5px 60px 5px 5px ;
	}

.news .line span {
	display:block;
	margin-bottom:8px;
	color:#555;
	}

.slick-arrow:before {
	content:inherit;
	}

.news .slick-arrow {
	display:block;
	position:absolute;
	right:5px;
	left:inherit;
	top:inherit;
	width:40px;
	height:40px;
	font-size:20px;
	line-height:40px;
	color:#bbb;
	text-align:center;
	background:#fff;
	z-index:2;
	cursor:pointer;
	-webkit-transition: all 0.5s;
 	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
  	transition: all 0.5s;
	}

.news .next {
	top:-15px;
	border-bottom:1px solid #ddd;
	}

.news .prev {
	bottom:-15px;
	}

.news .next:after {
	content: " \f106";
	font-family:'Font Awesome 5 Free';
	font-weight:600;
	}

.news .prev:after {
	content: " \f107";
	font-family:'Font Awesome 5 Free';
	font-weight:600;
	}

/*　　フロントページ設定　　*/

.top1st {
	position:relative;
	margin-bottom:60px;
	padding:0 400px 0 0;
	}

.home #event {
	position:relative;
	width:100%;
	min-height: 560px;
	padding:35px;
	background:#fff;
	border-top:5px solid #7a6a56;
	}

.home #facebook {
	position:absolute;
	top:0;
	right:0;
	width:350px;
	}

.home #topics {
	position:relative;
	width:100%;
	margin-bottom:50px;
	padding:0;
	}

.home #event h2,
.home #topics h2 {
	height:35px;
	margin-bottom:20px;
	padding:0 0 0 15px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:110%;
	line-height:35px;
	border-left:5px solid #a40b5d;
	}

.home #topics h2 {
	margin-bottom:30px;
	}


/*　　フロントページ イベント情報　　*/

.home #event article {
	position:relative;
	padding:13px 10px;
	border-bottom:1px solid #aaa;
	}

.home #event article .member {
	margin-bottom:5px;
	font-size:90%;
	font-weight:600;
	color:#444;
	}

.home #event article h3 {
	margin-bottom:10px;
	text-align: justify;
	}

.home #event article h3 a {
	font-size:100%;
	line-height:1.35;
	}

.home #event article ul {
	padding:5px 0 0;
	line-height:1;
	border-top:1px dotted #ccc;
	}

.home #event article li {
	display: inline-block;
	margin-right: 5px;
	font-size:75%;
	line-height:1;
	}

.home #event article li span {
	display: inline-block;
	padding:3px 8px;
	font-size:85%;
	font-weight:600;
	line-height:1;
	color:#fff;
	background:#a40b5d;
	border-radius:2px;
	}

.home #event article .cap span {
	background:#a40b5d;
	}

.home #event article .tax span {
	background:#aa8855;
	}

.home #event article .date::before,
.home #event article .venue::before {
	margin-right: 5px;
	font-family:'Font Awesome 5 Free';
	font-weight:600;
	color:#666;
	}

.home #event article .date::before {
	content:"\f017";
	}

.home #event article .venue::before {
	content:"\f3c5";
	}

.home #event .btn,
.home #topics .btn {
	position: relative;
	display:block;
	width:180px;
	height:35px;
	margin: auto;
	line-height:35px;
	font-size:80%;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background:#a40b5d;
	}

.home #event .btn {
	position: absolute;
	top:35px;
	right:35px;
	}

.home #event .btn::after,
.home #topics .btn::after {
	content:'〉';
	position: absolute;
	top:0;
	right:5px;
	height:35px;
	line-height:35px;
	}

.home #event .btn:hover,
.home #topics .btn:hover {
	opacity:0.6;
	text-decoration:none;
	}


/*　　フロントページ トピック情報　　*/

.home #topics .inner {
	padding-right:105px;
	letter-spacing:-0.4em;
	}

.home #topics article {
	display: inline-block;
	width:25%;
	margin:0 35px 40px 0;
	letter-spacing:0;
	vertical-align:top;
	}

.home #topics article:nth-child(4n) {
	margin-right:-105px;
	}

.home #topics article .date {
	margin-top:8px;
	font-size:0.85em;
	color:#555;
	}

.home #topics article .date span {
	display: inline-block;
	margin-right:5px;
	padding:3px 6px 2px;
	font-size:0.8em;
	line-height:1;
	color:#fff;
	vertical-align: bottom;
	border-radius: 2px;
	}

.home #topics article h1 {
	width: 100%;
	margin:10px 0 0;
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.95em;
	font-weight:400;
	line-height:1.35;
	letter-spacing:0;
	text-align: justify;
	}

.home #topics article a h1 {
	color:#222;
	}

.home #topics article a:hover {
	text-decoration:none;
	}

.home #topics article a:hover img {
	opacity:0.6;
	}

.home #topics li .date span {
	margin:0 10px 0 0;
	padding:2px 5px;
	font-size:80%;
	line-height:1;
	text-align:center;
	color:#fff;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	background:#999;
	}

.home #topics li .title {
	font-size:100%;
	}


/*　　会員提供情報　　*/

.officer,
.personal,
.organize {
	margin-top:20px;
	padding:20px;
	background:#fff;
	}

.officer h2,
.personal h2,
.organize h2 {
	padding:10px;
	font-size:105%;
	font-weight:normal;
	line-height:1;
	background:#eee;
	}

.page-id-48 ul.mList {
	margin-right:20px;
	font-size:90%;
	line-height:1.4;
	letter-spacing:-1em;
	}

.page-id-48 ul.mList li {
	display:inline-block;
	width:50%;
	margin-right:20px;
	vertical-align:top;
	line-height:1.4;
	letter-spacing:0.04em;
	border-top:1px solid #ccc;
	}

.page-id-48 ul.mList li:nth-child(2n) {
	margin-right:-20px;
	}

.page-id-48 dl {
	font-size:90%;
	line-height:1.4;
	}

.page-id-48 dt {
	float:left;
	padding:10px 0 10px 5px;
	font-weight:bold;
	line-height:1.6;
	}

.page-id-48 dd {
	padding:10px 0 10px 5px;
	line-height:1.6;
	text-align:justify;
	}

.page-id-48 dd br:first-child {
	display:none;
	}

.officer dt {
	width:280px;
	border-top:1px solid #ccc;
	}

.officer dt span {
	display:inline-block;
	width:130px;
	margin:0 20px 0 0;
	padding:10px 5px;
	font-size:90%;
	line-height:0;
	text-align:center;
	color:#fff;
	background:#a40b5d;
	}

.officer dd {
	width:100%;
	margin-right:0;
	border-top:1px solid #ccc;
	}

.page-id-48 ul.mList li:first-child,
.page-id-48 ul.mList li:nth-child(2),
.page-id-48 .officer dt:first-child,
.page-id-48 .officer dd:nth-child(2) {
	border-top:none;
	}

.personal dt {
	width:100px;
	}

.personal dd {
	margin-left:110px;
	}

.organize dt {
	width:280px;
	}

.organize dd {
	margin-left:290px;
	}


/*　　イベント一覧　　*/

#eventMain .catSearch {
	max-width:700px;
	margin:0 auto 40px;
	}

#eventMain .catSearch ul.parent {
	margin:0 25px 5px 0;
	letter-spacing:-0.4em;
	}

#eventMain .catSearch ul li a {
	display:block;
	height:40px;
	line-height:40px;
	font-size:90%;
	color:#a40b5d;
	background:#fff;
	}

#eventMain .catSearch ul li a:hover {
	color:#fff;
	text-decoration:none;
	background:#a40b5d;
	}

#eventMain .catSearch ul.parent li {
	display: inline-block;
	width:16.666%;
	margin:0 5px 0 0;
	text-align:center;
	vertical-align: top;
	letter-spacing: 0;
	}

#eventMain .catSearch ul.parent li:nth-child(6n) {
	margin-right:-25px;
	}

.post-type-archive-event #eventMain .catSearch ul li.all a,
.term-concert #eventMain .catSearch ul li.concert a,
.term-performing #eventMain .catSearch ul li.performing a,
.term-exhibition #eventMain .catSearch ul li.exhibition a,
.term-lecture #eventMain .catSearch ul li.lecture a,
.term-other #eventMain .catSearch ul li.other a {
	color:#fff;
	background:#a40b5d;
	}

#eventMain .noEntry {
	margin-bottom:300px;
	text-align:center;
	}

#eventMain article {
	overflow: hidden;
	position:relative;
	min-height:150px;
	margin-bottom:20px;
	padding:0;
	background:#fff;
	border-left:10px solid #a40b5d;
	}

#eventMain article::before {
	content: '';
	display:block;
	position: absolute;
	left:-100px;
	top:0;
	width:100px;
	height:100%;
	background:#a40b5d;
	z-index: 1;
	transition:all 0.3s ease-out;
	}

#eventMain article:hover::before {
	left:0;
	}

#eventMain article a {
	display: block;
	padding:20px 20px 20px 220px;
	color:#333;
	}

#eventMain article a:hover {
	text-decoration: none;
	}

#eventMain article img {
	position: absolute;
	top:20px;
	left:20px;
	width:auto;
	height:110px;
	z-index:2;
	}

#eventMain article h1 {
	width:auto;
	margin:0 0 10px;
	padding-bottom:8px;
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:125%;
	font-weight:700;
	line-height:1.3;
	text-align:left;
	letter-spacing:0;
	border-bottom:1px solid #bbb;
	}

#eventMain article .member {
	margin-bottom:15px;
	font-size:90%;
	font-weight:bold;
	color:#a40b5d;
	}

#eventMain article .member span {
	display: inline-block;
	margin-right: 10px;
	padding:3px 8px;
	font-size:80%;
	font-weight:600;
	line-height:1;
	color:#fff;
	background:#a40b5d;
	}

#eventMain article li,
.single article .left .related .article li {
	display:inline-block;
	margin:0 15px 10px 0;
	font-size:90%;
	}

#eventMain article ul .cap
.single article .left .related .article ul .cap {
	margin-right:5px;
	}

.single article .left .related .article ul .cap,
.single article .left .related .article ul .tax {
	margin-bottom:0;
	}

.single article .left .related .article ul .date,
.single article .left .related .article ul .venue {
	display:block;
	}

.single article .left .related .article ul .venue {
	margin-bottom:0;
	}

#eventMain article .date::before,
#eventMain article .venue::before,
.single article .left .related .article .date::before,
.single article .left .related .article .venue::before {
	margin-right: 5px;
	font-family:'Font Awesome 5 Free';
	font-weight:600;
	}

#eventMain article .date::before,
.single article .left .related .article .date::before {
	content: " \f017";
	}

#eventMain article .venue::before,
.single article .left .related .article .venue::before {
	content: " \f3c5";
	}

#eventMain article li span,
.single article .left .related .article li span {
	display: inline-block;
	padding:3px 8px;
	font-size:85%;
	font-weight:600;
	line-height:1;
	color:#fff;
	border-radius:2px;
	}

#eventMain article .cap span,
.single article .left .related .article .cap span {
	background:#a40b5d;
	}

#eventMain article .tax span,
.single article .left .related .article .tax span {
	background:#aa8855;
	}

/*　　投稿リストページフォーマット　　*/

#topicsArchive .inner {
	max-width:1000px;
	margin:0 auto;
	padding:0 0 20px;
	}

#topicsArchive h1,
.archive h1,
.page h1 {
	width:50%;
	margin:0 auto 40px;
	font-size:130%;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:600;
	letter-spacing:0.1em;
	line-height:1;
	text-align:center;
	}

#topicsArchive article .thumb {
	overflow:hidden;
	position:relative;
	width:100%;
	height:175px;
	vertical-align:bottom;
	}

#topicsArchive article .thumb img {
	position:absolute;
	width:100%;
	height:auto;
	bottom:0;
	}

#topicsArchive article h2 span {
	font-size:90%;
	letter-spacing:0.08em;
	}



#topicsArchive #media {
	margin-bottom:40px;
	}

/*　　3分割　　*/

#topicsArchive #media .special {
	margin-right:80px;
	}

#topicsArchive #media .special::after{
	content: "";
	display: block;
	clear: both;
	}

#topicsArchive #media .special article {
	float:left;
	width:33.333%;
	margin:0 40px 30px 0;
	}

#topicsArchive #media .special article:nth-child(2n) {
	margin:0 40px 30px 0;
	}

#topicsArchive #media .special article:nth-child(3n) {
	margin-right:-80px;
	}

#topicsArchive #media .special article img {
	width:100%;
	height:auto;
	}

#topicsArchive #media .special article h2 {
	display:block;
	padding:0;
	font-size:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	line-height:1.2;
	letter-spacing:0;
	text-align:left;
	border-left:none;
	}

#topicsArchive #media article h2:after {
	position:inherit;
	right:inherit;
	top:inherit;
	content:"";
	font-family:'Font Awesome 5 Free';
	}

#topicsArchive #media .special article span {
	display:inline-block;
	margin:5px auto 6px;
	padding:3px 5px;
	font-size:81%;
	text-align:center;
	color:#fff;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	background:#a40b5d;
	}

#topicsArchive #media article a:hover,
#topicsArchive #media article a:hover h2,
#topicsArchive #topics article a:hover,
#topicsArchive #topics article a:hover h2 {
	text-decoration:none;
	color:#a40b5d;
	}


#topicsArchive #topics ul {
	margin-right:10px;
	margin-bottom:20px;
	letter-spacing:-0.4em;
	text-align:center;
	}

#topicsArchive #topics li {
	display:inline-block;
	width:16.666%;
	margin:0 2px 0 0;
	letter-spacing:0;
	text-align:center;
	}

#topicsArchive #topics li:nth-child(6n) {
	margin-right:-10px;
	}

#topicsArchive #topics li a {
	display:block;
	padding:15px;
	font-size:90%;
	line-height:1;
	color:#666;
	background:#efefef;
	}

#topicsArchive #topics li.current-cat a {
	color:#fff;
	background:#a40b5d;
	}

.category-live #topicsArchive #topics li.current-cat a {
	color:#fff;
	background:#036eb5;
	}

.category-report #topicsArchive #topics li.current-cat a {
	color:#fff;
	background:#d93;
	}

.category-column #topicsArchive #topics li.current-cat a {
	color:#fff;
	background:#8fc31f;
	}

.category-news #topicsArchive #topics li.current-cat a {
	color:#fff;
	background:#7a6a56;
	}

#topicsArchive #topics li a:hover {
	color:#fff;
	background:#a40b5d;
	text-decoration:none;
	}

#topicsArchive #topics .frame {
	margin-top:50px;
	margin-right:100px;
	letter-spacing:-0.4em;
	}

#topicsArchive #topics .frame article {
	display:inline-block;
	width:33.333%;
	margin:0 40px 40px 0;
	letter-spacing:0;
	vertical-align:top;
	}

#topicsArchive #topics .frame article:nth-child(3n) {
	margin-right:-80px;
	}

#topicsArchive #topics .frame article img {
	width:100%;
	height:auto;
	}

#topicsArchive #topics .frame article p {
	font-size:90%;
	line-height:1;
	color:#555;
	}

#topicsArchive #topics .frame article p span,
.media #archive li p span {
	display:inline-block;
	margin:5px auto 6px;
	padding:3px 5px;
	font-size:90%;
	text-align:center;
	color:#fff;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	background:#999;
	}

#topicsArchive #topics article h2 {
	font-size:100%;
	font-weight:normal;
	line-height:1.2;
	text-align:left;
	}

#topicsArchive #topics article h2 a {
	color:#333;
	}

#topicsArchive #topics article h2 a:hover {
	color:#a40b5d;
	text-decoration:none;
	}


/*　　振興会について　　*/

.about article {
	margin-bottom:30px;
	background-color:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}

.about article h2 {
	display:block;
	padding:30px 25px;
	font-size:130%;
	line-height:1;
	letter-spacing:0.1em;
	text-align:center;
	}

.about article h2 span {
	display:inline-block;
	margin-bottom:15px;
	font-size:80%;
	}

.about article p {
	padding:0 75px 50px;
	font-size:95%;
	line-height:1.9;
	text-align:justify;
	color:#333;
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	transition:none;
	}

.about article.msg .wrap {
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	transition:none;
	}

.about article.msg p {
	padding:0 75px;
	}

.about article.msg h2,
.about article.gist h2,
.about article.purpose h2,
.about article.proceeding h2 {
	position:relative;
	cursor:pointer;
	}

.about article.msg  h2:after {
	position:absolute;
	right:30px;
	top:45%;
	content: " \f107";
	font-family: 'Font Awesome 5 Free';
	}

.about article.gist  h2:after,
.about article.purpose  h2:after,
.about article.proceeding  h2:after {
	position:absolute;
	right:30px;
	content: " \f107";
	font-family: 'Font Awesome 5 Free';
	}

.about article.msg .open:after,
.about article.gist .open:after,
.about article.purpose .open:after,
.about article.proceeding .open:after {
	content: " \f106";
	}

.about article.msg h2:hover,
.about article.msg h2:hover span,
.about article.gist h2:hover,
.about article.purpose h2:hover,
.about article.proceeding h2:hover {
	color:#999;
	}

.about article.gist h2 br,
.about article.purpose h2 br,
.about article.proceeding h2 br {
	display:none;
	}

.about article.msg .wrap,
.about article.gist p,
.about article.purpose p,
.about article.proceeding div {
	display:none;
	}

.about article .profile {
	position:relative;
	min-height:165px;
	margin:15px 75px 0;
	padding:15px 0 50px 200px;
	border-top:1px solid #ccc;
	}

.about article .profile p {
	margin:0;
	padding:0;
	font-size:75%;
	line-height:1.8;
	text-align:justify;
	color:#666;
	}

.about article .profile .circleImg {
	position:absolute;
	top:15px;
	left:0;
	width:164px;
	height:164px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	border-radius:82px; 
    -webkit-border-radius:82px;  
    -moz-border-radius:82px;  
	}

.about article.proceeding ul {
	padding:0 75px 50px;
	}

.about article.proceeding li {
	padding:20px 0;
	border-bottom:1px solid #ccc;
	}

.about article.proceeding li:first-child {
	border-top:1px solid #ccc;
	}

.about article.proceeding li h3 {
	display:inline-block;
	}

.about article.proceeding li h3::before {
	margin-right:5px;
	content: " \f1c1";
	font-family: 'Font Awesome 5 Free';
	font-weight:400;
	color:#a40b5d;
	}

.about article.proceeding li span {
	display:inline-block;
	font-size:0.9em;
	color:#444;
	}

.about .link {
	margin-right:105px;
	font-size:90%;
	line-height:1.4;
	letter-spacing:-2em;
	}

.about .link li {
	display:inline-block;
	width:25%;
	margin-right:35px;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	letter-spacing:0.04em;
	background:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}

.about .link li:nth-child(4n) {
	margin-right:-105px;
	}

.about .link li .break {
	display:none;
	}

.about .link li a {
	display:block;
	padding:15px;
	color:#333;
	}

.about .link li a i {
	display:block;
	margin-bottom:10px;
	font-size:180%;
	color:#a40b5d;
	}

.about .link li a:hover,
.about .link li a:hover i {
	color:#999;
	text-decoration:none;
	}


/*　　メデイアページフォーマット　　*/

.media .inner {
	width:1000px;
	margin:0 auto;
	}

.media .inner:after {
	content: '';
	display: block;
	clear: both;
	}

.media #left {
	float:left;
	width:50%;
	background-color:#a40b5d;
	}

.media #left h1 {
	width:100%;
	margin:25px auto 20px;
	padding:0;
	font-size:140%;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#fff;
	line-height:1.4;
	letter-spacing:0.1em;
	text-align:center;
/*	border-bottom:1px solid #fff;  */
	}

.media #left h1 span {
	font-size:80%;
	color:#fff;
	letter-spacing:0.1em;
	}

.media #left hr {
	width:50px;
	height:1;
	margin:5px auto 20px;
	border:none;
	border-top:1px solid #fff;
	}

.media #left img {
	width:100%;
	height:auto;
	}

.media #left p {
	margin:0 25px;
	font-size:90%;
	line-height:2;
	color:#fff;
	text-align:justify;
	}

.media #left .spec {
	margin:25px;
	padding:15px 20px 10px;
	background:#fff;
	}

.media #left .spec dl {
	font-size:90%;
	line-height:1.4;
	}

.media #left .spec dt {
	float:left;
	width:90px;
	padding:0;
	text-align:right;
	}

.media #left .spec dd {
	margin-left:90px;
	padding:0 0 5px 0;
	text-align:justify;
	}

.media #left .spec dd:after {
	content: '';
	display: block;
	clear: both;
	}

.media #left .spec  p {
	margin:0;
	padding:0;
	font-size:80%;
	line-height:1.35;
	color:#666;
	}

.media #right {
	float:right;
	width:50%;
	border-top:10px solid #a40b5d;
	}

.media .radio #right,
.media .letternews #right {
	background:#fff;
	}

.media.pede #right h2 {
	margin:20px 0 10px;
	font-size:100%;
	font-weight:normal;
	color:#a40b5d;
	line-height:1.4;
	letter-spacing:0.08em;
	text-align:center;
	}

.media #right .pede-entry {
	width:auto;
	padding:25px;
	background:#fff;
	}

.media #right .pede-entry p {
	margin:10px 0 0;
	}

.media #right .pede-entry a {
	display:block;
	width:250px;
	height:35px;
	margin:30px auto 20px;
	line-height:35px;
	font-size:85%;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background:#a40b5d;
	}

.media #right .pede-entry span.wait {
	display:block;
	width:280px;
	height:45px;
	margin:30px auto 20px;
	line-height:45px;
	font-size:100%;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background:#999;
	}

.media #right .scrollframe::-webkit-scrollbar {
	overflow:hidden;
	width:8px;
	background:#f3f3f3;
	}
.media #right .scrollframe::-webkit-scrollbar:horizontal {
	height:1px;
	}
.media #right .scrollframe::-webkit-scrollbar-button {
	display:none;
	}
.media #right .scrollframe::-webkit-scrollbar-piece {
	background:#eee;
	}
 .media #right .scrollframe::-webkit-scrollbar-piece:start {
	background:#eee;
	}
.media #right .scrollframe::-webkit-scrollbar-thumb {
	background:#ccc;
	}
.media #right .scrollframe::-webkit-scrollbar-corner {
	background:#ccc;
	}

.media.pede #right .scrollframe {
	overflow:scroll;
	margin:25px;
	padding-right:10px;
	}

.media article {
	width:100%;
	margin-bottom:25px;
	}

.media article h2 {
	height:35px;
	line-height:35px;
	border:1px solid #7a6a56;
	}

.media article h2 span {
	display:inline-block;
	width:110px;
	height:34px;
	margin:-2px 10px 0 0;
	line-height:35px;
	text-align:center;
	color:#fff;
	background:#7a6a56;
	}

.media article div {
	position:relative;
	width:100%;
	min-height:140px;
	margin:10px 0 0;
	padding:0 0 0 110px;
	}

.media .radio article div {
	min-height: auto;
	margin:10px 0 0;
	padding:0;
	}

.media article img {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:auto;
	border:1px solid #ccc;
	}

.media article p {
	font-size:90%;
	line-height:1.6;
	color:#555;
	}

.media.photo article .flyer {
	margin:20px 0 0;
	padding:30px 0;
	text-align:center;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	}

.media.photo article .flyer img {
	position:relative;
	top:inherit;
	left:inherit;
	width:150px;
	height:auto;
	border:1px solid #ccc;
	}

.media.photo article .flyer a {
	max-width:280px!important;
	width:100%!important;
	margin:10px auto 0!important;
	}

.media .radio article p {
	margin-top:8px;
	font-size:90%;
	font-weight:normal;
	line-height:1.3;
	color:#555;
	}

.media .radio article p.guest {
	font-size:110%;
	font-weight:bold;
	line-height:1.3;
	color:#333;
	}

.media .radio article p.guest span {
	font-size:80%;
	font-weight:normal;
	}

.media.pede #right h2,
.media.entryform #right h2 {
	margin:10px 0 20px;
	font-size:110%;
	font-weight:normal;
	color:#a40b5d;
	line-height:1.4;
	letter-spacing:0.08em;
	text-align:center;
	}

.media #right .pede-entry a {
	display:block;
	width:280px;
	height:50px;
	margin:30px auto 20px;
	line-height:50px;
	font-size:100%;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background:#a40b5d;
	}

.media #right .scrollframe {
	overflow:scroll;
	height:800px;
	margin:25px;
	padding-right:10px;
	}

.media.pede #right .scrollframe,
.media.entryform #right .scrollframe {
	height:250px!important;
	}

.media.pede article,
.media.entryform article {
	width:100%;
	margin-bottom:15px;
	padding:0 10px 15px 10px;
	border-bottom:1px solid #ccc;
	}

.media.pede article:last-child,
.media.entryform article:last-child {
	width:100%;
	margin-bottom:15px;
	padding:0 10px ;
	border-bottom:none;
	}

.media.pede article h2,
.media.entryform article h2 {
	height:auto;
	padding:0;
	line-height:1.4;
	font-size:90%;
	font-weight:normal;
	border:none;
	}

.media.pede #right .details,
.media.entryform #right .details {
	padding:15px 10px 5px;
	font-size:90%;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	}

.media.pede #right .details dl,
.media.entryform #right .details dl {
	font-size:90%;
	line-height:1.4;
	}

.media.pede #right .details dt,
.media.entryform #right .details dt {
	float:left;
	width:80px;
	padding:0 0 0 10px;
	}

.media.pede #right .details dd,
.media.entryform #right .details dd {
	margin-left: 80px;
	padding:0 0 5px 0;
	text-align:justify;
	}

.media.pede #right .details dd:after,
.media.entryform #right .details dd:after {
	content: '';
	display: block;
	clear: both;
	}

.media.pede #right .details  p.title,
.media.entryform #right .details  p.title {
	margin:0 0 8px;
	font-size:100%;
	line-height:1.35;
	color:#a40b5d;
	}

.media.pede #right .details p.notes,
.media.entryform #right .details p.notes {
	margin:5px 0 10px;
	font-size:85%;
	line-height:1;
	color:#333;
	}

.media.pede  #right .point,
.media.entryform #right .point {
	position:relative;
	width:100%;
	min-height:inherit;
	margin:15px 0 0;
	padding:25px 25px 15px;
	font-size:90%;
	background:#f3f3f3;
	}

.media.pede  #right .point h2,
.media.entryform #right .point h2 {
	margin:5px 0 10px;
	}

.media.pede #right .point ul,
.media.entryform #right .point ul {
	margin:0;
	}

.media.pede #right .point li,
.media.entryform #right .point li {
	margin:0 0 7px;
	padding-left:25px;
	font-size:95%;
	line-height:1.5;
	text-indent:-1.7em;
	text-align:justify;
	}

.media.pede #right .point li::before,
.media.entryform #right .point li::before{
	content:'>> ';
	color:#a40b5d;
	}

.media.pede #right .point dl,
.media.entryform #right .point dl {
	margin:0;
	font-size:95%;
	}

.media.pede #right .point dt,
.media.entryform #right .point dt {
	margin:0 0 4px;
	padding-left:0;
	line-height:1.5;
	color:#a40b5d;
	text-align:justify;
	}

.media.pede #right .point dd,
.media.entryform #right .point dd {
	margin:0 0 8px;
	padding-left:1em;
	line-height:1.5;
	text-align:justify;
	}

.media.pede #right .form,
.media.entryform #right .form {
	margin:20px;
	}

.media.pede #right .form p.notes,
.media.entryform #right .form p.notes {
	margin-bottom:20px;
	padding:10px 10px 8px 10px;
	font-size:80%;
	line-height:1.5;
	text-align:justify;
	background:#eee;
	}

.media.pede #right .form p.req,
.media.entryform #right .form p.req {
	margin:0 0 10px;
	font-size:70%;
	color:#d00;
	}

.media.pede #right .form ul,
.media.entryform #right .form ul {
	font-size:100%;
	letter-spacing:-1em;
	}

.media.pede #right .form li,
.media.entryform #right .form li  {
	display:inline-block;
	width:100%;
	margin:0 0 15px 0;
	padding:2px 0 2px 10px;
	letter-spacing:0;
	vertical-align:top;
	border-left:5px solid #a40b5d;
	}

.media.pede #right .form li.btnFrame,
.media.entryform #right .form li.btnFrame {
	margin:0 0 15px 0;
	padding:0;
	text-align:center;
	border-left:none;
	}

.media.pede #right .form li span,
.media.entryform #right .form li span {
	display:block;
	margin:0 0 5px;
	font-size:80%;
	}

.media.pede #right .form li span.hidden,
.media.entryform #right .form li span.hidden {
	margin:0;
	font-size:100%;
	}

.media.pede #right .form li span b.req,
.media.entryform #right .form li span b.req {
	font-size:60%;
	color:#d00;
	}

input,
select {
	vertical-align:middle;
	}

.media.pede  #right .form input,
.media.entryform #right .form input {
	width:100%;
	padding:5px;
	font-size:80%;
	border:1px solid #bbb;
	}

.media.pede #right .form .double input,
.media.entryform #right .form .double input {
	float:left;
	width:48%;
	margin-right:2%;
	}

.media.pede #right .form select,
.media.entryform #right .form select {
	float:left;
	width:25%;
	margin:0;
	padding:5px;
	font-size:80%;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	border:1px solid #bbb;
	border-radius:0;
	}

.media.pede #right .form input.zipcode,
.media.entryform #right .form input.zipcode {
	width:30%;
	margin:0 0 5px 5px;
	}

.media.pede #right .form input.address,
.media.entryform #right .form input.address {
	width:100%;
	}

.media.pede #right .form .tel input,
.media.entryform #right .form .tel input {
	width:0;
	}

.media.pede #right .form .tel input.phone {
	float:left;
	width:50%;
	margin-left:2%;
	}

.media.photo #right .form .tel input.phone {
	float:left;
	width:50%;
	margin-left:0;
	}

.media.entryform #right .form .uploader input {
	width:100%;
	padding:5px;
	font-size:80%;
	border:none;
	background:#f9f9f9;
	}

.media.entryform #right .form .uploader img {
	width:100%;
	height:auto;
	}

.media.entryform #right .form .comment textarea {
	width:100%;
	height:80px;
	padding:5px;
	font-size:80%;
	border:1px solid #bbb;
	}

.mwform-radio-field,
.mwform-radio-field-text {
	display:inline-block!important;
	margin:5px 0 0!important;
	}

.media.pede #right .form label {
	display:inline-block;
	padding:2px 10px 7px;
	background:#f3f3f3;
	}

.media.pede #right .form label span,
.media.entryform #right .form label span {
	font-size:100%!important;
	}

.media.pede #right .form label input,
.media.entryform #right .form label input {
	width:auto;
	}

.media.pede #right .form .member input,
.media.entryform #right .form .member input {
	margin:5px 0 0;
	width:20%;
	}

.media.pede #right .form .member textarea,
media.entryform #right .form .member textarea {
	width:100%;
	height:60px;
	margin:5px 0 0;
	padding:5px;
	font-size:80%;
	line-height:1.5;
	border:1px solid #bbb;
	}

.media.pede #right .form .btn,
.media.entryform #right .form .btn {
	display:inline-block;
	width:200px;
	height:40px;
	margin:0 5px;
	padding:0 10px;
	font-size:100%;
	line-height:40px;
	color:#fff;
	background:#a40b5d;
	border:none;
	}

.media.pede #right .form .btn:hover,
.media.entryform #right .form .btn:hover {
	opacity:0.6;
	text-decoration:none;
	}

.media.pede #right .form li .error,
.media.entryform #right .form li .error {
	display:none;
	}

#mailform .error:before {
	content:'※ ';
	}

#mailform dd.input_error input,
#mailform dd.input_error textarea,
.media.pede #right .form li.input_error input,
.media.pede #right .form li.input_error textarea,
.media.pede #right .form li.input_error label,
.media.entryform #right .form li.input_error input,
.media.entryform #right .form li.input_error textarea,
.media.entryform #right .form li.input_error label {
	background:#ffedf3;
	}

#mailform .errorField {
	font-size:95%;
	margin-bottom:10px;
	}

.media.pede #right .form .errorField,
.media.entryform #right .form .errorField {
	font-size:85%;
	margin-bottom:10px;
	}

#mailform .errorField span ,
.media.pede #right .form .errorField span,
.media.entryform #right .form .errorField span {
	display:block;
	padding:8px;
	font-size:85%;
	line-height:1;
	background:#ffedf3;
	}

.media.pede #right .form .preview,
.media.entryform #right .form .preview {
	display:none;
	}

.media.pede #right .mw_wp_form_preview .preview,
.media.entryform #right .mw_wp_form_preview .preview {
	display:block;
	margin-bottom:15px;
	padding:0 0 15px;
	font-size:85%;
	line-height:1.6;
	text-align:center;
	border-bottom:1px solid #ccc;
	}

.media.pede #right .mw_wp_form_preview ul li span,
.media.entryform #right .mw_wp_form_preview ul li span {
	margin:0 0 15px;
	color:#888;
	}

.media.pede #right .mw_wp_form_preview ul li span.hidden,
.media.entryform #right .mw_wp_form_preview ul li span.hidden {
	display:none;
	}

.media.pede #right .form .thanks,
.media.entryform #right .form .thanks {
	min-height:300px;
	margin:40px 0 50px;
	}

.media.pede #right .form .thanks p,
.media.entryform #right .form .thanks p {
	width:100%;
	text-align:center;
	}

.media.pede #right .form .thanks .text01,
.media.entryform #right .form .thanks .text01 {
	margin:30px 0 0;
	font-size:110%;
	color:#a40b5d;
	}

.media.pede #right .form .thanks .text02,
.media.entryform #right .form .thanks .text02 {
	margin:20px 0 0;
	font-size:85%;
	color:#444;
	line-height:1.8;
	text-align:justify;
	}

.media.pede #right .form .thanks p.notes,
.media.entryform #right .form .thanks p.notes {
	margin:20px 0;
	text-align:justify;
	}


.media.pede #right .scrollframe article,
.media.entryform #right .scrollframe article {
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	}

.media.pede #right .scrollframe article h3,
.media.entryform #right .scrollframe article h3 {
	height:auto;
	padding:0;
	line-height:1.4;
	font-size:90%;
	font-weight:normal;
	border:none;
	}

.media.pede #right .scrollframe article p,
.media.entryform #right .scrollframe article p {
	padding:8px 0 0;
	font-size:70%;
	font-weight:normal;
	color:#666;
	line-height:1;
	}

.media #archive {
	padding:80px 0 0;
	text-align: center;
	}

.media #archive .head {
	position: relative;
	margin:0 0 60px;
	font-weight:600;
	}

.media #archive .head::after {
	content:'';
	position: absolute;
	left:0;
	right:0;
	bottom:-25px;
	margin:auto;
	width:70px;
	border-top:1px solid #999;
	}

.media #archive ul {
	letter-spacing:-0.4em;
	}

.media #archive li {
	display:inline-block;
	width:calc(25% - 120px / 4);
	margin:0 40px 40px 0;
	letter-spacing:0;
	text-align:left;
	vertical-align:top;
	}

.media #archive li:nth-child(4n) {
	margin-right: 0;
	}

.media #archive li .date {
	font-size:85%;
	line-height:1;
	color:#555;
	}

.media #archive li .title {
	font-size:90%;
	line-height:1.6;
	text-align: justify;
	}
.media #archive li .title a {
	color:#333;
	}

.media #archive .btn {
	display:inline-block;
	width:auto;
	padding:15px 50px;
	color:#fff;
	background:#a40b5d;
	}

.media #archive .btn:hover {
	color:#fff;
	text-decoration:none;
	opacity:0.6;
	}


/*　　会員募集　　*/

.recruit article {
	position:relative;
	max-width:900px;
	margin:30px auto 0;
	padding:30px 50px 30px 250px;
	background:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}

.recruit article.rec03 {
	padding:30px 50px;
	}

.recruit .lead {
	max-width:900px;
	margin:10px auto 0;
	font-size:100%;
	line-height:1.7;
	text-align:center;
	color:#555;
	}

.recruit article h2 {
	position:absolute;
	top:40px;
	left:50px;
	width:150px;
	height:150px;
	line-height:150px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#fff;
	text-align:center;
	background:#a40b5d;
	border-radius:75px;
	-webkit-border-radius:75px;
	-moz-border-radius:75px;
	}

.recruit article.rec03 h2 {
	position:inherit;
	top:inherit;
	left:inherit;
	width:100%;
	height:auto;
	margin:0 0 15px;
	line-height:1;
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#a40b5d;
	text-align:center;
	background:none;
	border-radius:none;
	-webkit-border-radius:none;
	-moz-border-radius:none;
	}

.recruit article li {
	margin:0;
	padding:10px 0 7px 1.5em;
	font-size:95%;
	line-height:1.6;
	text-align:justify;
	text-indent:-1.5em;
	background:#fff;
	border-top:1px dashed #ccc;
	}

.recruit article li:first-child {
	border-top:none;
	}

.recruit article li:before {
	content:"□ ";
	}

.recruit article.rec03 li {
	display:inline-block;
	margin:8px 5px 0 0;
	padding:5px 10px;
	font-size:95%;
	line-height:1.6;
	text-align:justify;
	text-indent:0;
	background:#eee;
	border-top:none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	}

.recruit article.rec03 li:before {
	content:inherit;
	}

.recruit dl {
	margin:30px auto 0;
	padding:20px;
	background:#e3e3e3;
	border:2px solid #7a6a56;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}

.recruit dt {
	margin:0 0 10px 0;
	padding:10px;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background:#7a6a56;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}

.recruit dd {
	margin:0;
	padding:0;
	font-size:100%;
	text-align:center;
	}

.recruit dd p {
	margin:20px 0 0;
	font-size:95%;
	line-height:1.5;
	}

.recruit dd .adress {
	width:80%;
	margin:20px auto 0;
	padding:15px;
	font-size:100%;
	font-weight:700;
	line-height:1.8;
	background:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}

.recruit dd a.form {
	display:block;
	max-width:300px;
	margin:25px auto 0;
	padding:20px 50px;
	font-size:110%;
	font-weight:700;
	line-height:1;
	color:#fff;
	background:#a40b5d;
	}

.recruit dd a.form:hover {
	text-decoration:none;
	background:#7a6a56;
	}


/*　　個別投稿ページ　　*/

.single article {
	position:relative;
	padding:0;
	letter-spacing:-0.4em;
	}

.single article .left,
.single article .right {
	display:inline-block;
	letter-spacing:0;
	vertical-align:top;
	}

.single article .left {
	width:calc(100% - 250px);
	margin-right:10px;
	line-height:0;
	}

.single article .right {
	width:240px;
	}

.single article img {
	max-width:100%;
	height:auto;
	}

.single article #body {
	padding:30px 40px 40px;
	line-height:1;
	background:#fff;
	}

.single article h1 {
	margin:15px 0;
	padding:0 0 25px;
	font-size:120%;
	font-weight:400;
	border-bottom:1px solid #ccc;
	}

.single article .left p {
	margin:30px 0 0;
	font-size:100%;
	line-height:2;
	text-align:justify;
	}

.single article .left .spec {
	display: flex;
    flex-wrap: wrap;
	width:100%;
	margin-top:40px;
	padding:0 15px;
	color:#333;
	line-height:1.7;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

.single article .left .spec dt {
	width:150px;
	padding:10px 10px 0;
	font-size:90%;
	color:#a40b5d;
	text-align: right;
	border-top:1px dotted #ccc;
	}

.single article .left .spec dd {
	width: calc(100% - 150px);
	padding:10px;
	font-size:90%;
	border-top:1px dotted #ccc;
	}

.single article .left .spec dt:nth-child(1),
.single article .left .spec dd:nth-child(2) {
	border-top:none;
	}

.single article .left .related {
	margin-top:5px;
	padding:20px 30px 30px;
	line-height:1;
	background:#fff;
	}

.single article .left .related .head {
	margin:0 0 5px;
	font-size:90%;
	}


.single article .left .related .article {
	width:100%;
	margin:20px 0 0 0;
	padding:10px;
	color:#333;
	border:1px solid #ddd;
	}

.single article .left .related .article:first-child {
	margin-top:0;
	}

.single article .left .related .article:hover {
	background:#eee;
	border:1px solid #eee;
	}

.single article .left .related .article a {
	display:flex;
	}

.single article .left .related .article a:hover {
	text-decoration:none;
	}

.single article .left .related .article a .img {
	width:200px;
	}

.single article .left .related .article a .body {
	width:calc(100% - 200px);
	padding:10px 0 0 15px;
	font-size:90%;
	}

.single article .left .related .article a p {
	margin:5px 0;
	font-size:120%;
	}

.single article .left .related .article a:hover p {
	color:#a40b5d;
	text-decoration:none;
	}

.single article .left .pdf {
	margin-top:30px;
	padding:0 5px 0 15px;
	border-left:5px solid #ccc;
	}

.single article .left .pdf p {
	min-height:30px;
	margin:0 0 10px;
	padding:5px 0 5px 30px;
	font-size:100%;
	line-height:1.6;
	text-align:justify;
	background:url(images/icon_pdf.png) no-repeat center left;
	}

.single article .left .pdf p::before {
	content:'【PDF】';
	color:#a40b5d;
	}

.single article .left .pdf a {
	display:inline-block;
	margin:0;
	padding:8px 30px;
	font-size:95%;
	line-height:1;
	text-align:center;
	color:#fff;
	background:#a40b5d;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	}

.single article .left .pdf a:hover {
	text-decoration:none;
	opacity:0.6;
	}

.single article .left .youtubeFrame {
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin-bottom:40px;
	}

.single article .left .youtubeFrame iframe {
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
	}

.single article .right p,
.single article .right div {
	margin-bottom:2px;
	padding:10px 13px;
	font-size:90%;
	line-height:1.5;
	text-align: justify;
	background:#fff;
	}

.single article .right p span,
.single article .right div span {
	display:block;
	margin-bottom:2px;
	font-size:80%;
	color:#999;
	}

.single article .right p.cat {
	color:#fff;
	}

.single article .right p.cat span {
	font-size:60%;
	color:#fff!important;
	}

.single article .right p.txt {
	margin:5px 0 0;
	padding:5px 0;
	font-size:75%;
	line-height:1.5;
	color:#777;
	background:none;
	border-top:1px dashed #ddd;
	}

.single article .right .tool {
	}

.single article .right .tool li {
	margin-top: 3px;
	font-size:85%;
	}

.single article .right .tool li a {
	font-size:100%;
	color:#333;
	text-decoration:underline;
	}

.single article .right .tool li::before {
	margin-right: 5px;
	font-family:'Font Awesome 5 Free';
	font-size:85%;
	font-weight:600;
	color:#a40b5d;
	}

.single article .right .tool .mail::before {
	content:"\f0e0";
	}

.single article .right .tool .tel::before {
	content:"\f095";
	}

.single article .right .tool .web::before {
	content:"\f108";
	}



.single article .right .flyer {
	margin-top:10px;
	padding:0;
	background:none;
	line-height:0;
	}

.single article .right .flyer img {
	width:100%;
	height:auto;
	}

.single article .right .flyer a.btn {
	display:block;
	width:100%;
	height:45px;
	line-height:45px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background:#a40b5d;
	}


/*　イベント詳細ページ　*/

.single-event .single article .left {
	background:none;	
	}

.single-event .single article .left .stage {
	background:#fff;
	}

.single-event .single article h1 {
	margin:15px 0 0;
	padding:0 0 15px;
	font-size:130%;
	font-weight:400;
	border-bottom:1px solid #ccc;
	}

.single-event .single article .offer {
	margin:0;
	padding:3px 10px;
	font-size:85%;
	font-weight:400;
	background:#ebe9e6;
	}

.single-event .single article .offer span {
	font-size:100%;
	font-weight:400;
	color:#7a6a56;
	}

.single-event .single article .right .cat {
	background:#7a6a56;
	}

.single-event .single article .right p span,
.single-event .single article .right div span {
	color:#a40b5d;
	}

.single .timetable {
	margin-top:50px;
	}

.single-event .single .timetable {
	margin-top:5px;
	padding:30px;
	background:#fff;
	}

.single .timetable .head {
	margin:0 0 5px;
	font-size:95%;
	font-weight:600;
	line-height:1;
	color:#a40b5d;
	text-align:justify;
	}

.single .timetable span {
	font-size:90%;
	font-weight:normal;
	color:#666;
	}

.single .timetable ul {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:95%;
	}

.single .timetable li {
	display:flex;
	padding:6px 10px;
	line-height:1.6;
	text-align:justify;
	}

.single .timetable li span.time {
	margin:0 10px 0 0;
	color:#333;
	}

.single .timetable li span.cont {
	color:#333;
	}

.single .timetable li span.genre {
	font-size:90%;
	color:#333;
	}

.single .timetable li:nth-child(2n) {
	background:#eee;
	}



.single #pager {
	margin-top:30px;
	padding:10px 0 0;
	font-size:80%;
	border-top:1px solid #999;
	}

.single #pager .prev {
	float:left;
	width:48%;
	text-align:left;
	}

.single #pager .next {
	float:right;
	width:48%;
	text-align:right;
	}

.single  #pager:after {
	content: '';
	display: block;
	clear: both;
	}

#layer {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	background:#000;
	}

#modal {
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:800px;
	height:450px;
	margin:auto;
	padding:20px;
	z-index:101;
	background:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}

#modal > .close {
	position:absolute;
	top:-15px;
	right:-15px;
	width:30px;
	height:30px;
	line-height:27px;
	color:#fff;
	font-size:22px;
	text-align:center;
	background:#757575;
	border-radius:30px;
	z-index:102;
	cursor:pointer;
	box-shadow:0 0 3px 0 #000;
	}

#modal .iContainer {
	width:100%;
	height:100%;
	}

#modal iframe {
	box-sizing:border-box;
	width:100%;
	height:100%;
	border: none;
	}

body.single-actor {
	background:none;
	}

.actFrame .left {
	float:left;
	width:35%;
	}

.actFrame .left img {
	width:100%;
	height:auto;
	}

.actFrame .right {
	float:right;
	width:60%;
	}

.actFrame .right h1 {
	margin:10px 0;
	font-size:125%;
	font-weight:600;
	color:#039;
	line-height:1.35;
	}

.actFrame .right p {
	font-size:90%;
	color:#444;
	line-height:1.75;
	}

/*　　プライバシーポリシー　　*/

#poricy p.txt {
	max-width:800px;
	margin:0 auto 50px;
	font-size:100%;
	line-height:1.5;
	}

#poricy article {
	position:relative;
	max-width:900px;
	margin:20px auto 0;
	padding:30px;
	background:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}

#poricy h2 {
	padding: 1px 0 1px 15px;
	font-size:110%;
	border-left:3px solid #a40b5d;
	}

#poricy ul {
	margin:10px 0 0 20px;
	font-size:100%;
	line-height:1.65;
	}

#poricy ul.child {
	margin-left:40px;
	list-style-type: decimal;
	}

#poricy li {
	margin:5px 0 0 20px;
	}


/*　　共通フォーマット　　*/

#goTop {
	display:block;
	position:fixed;
	right:20px;
	bottom:0;
	width:60px;
	height:60px;
	font-size:13px;
	line-height:60px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	background:#a40b5d;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	z-index:10;
	}

/*　　ボタンの設定　　*/

.button,
.button::after {
	-webkit-transition: all 0.5s;
 	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
  	transition: all 0.5s;
	}

.button {
	position:relative;
	display:block;
	padding:15px 10px;
	font-size:90%;
	line-height:1;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background:#a40b5d;
	}

.button:hover {
	opacity:0.6;
	color:#fff;
	}

.button::after {
	height: 100%;
	left: 0;
	top: 0;
	width: 0;
	}

#more-button {
	width: 250px;
	height:40px;
	margin:30px auto 0;
	font-size:90%;
	line-height:40px;
	text-align:center;
	background:#fff;
	border:1px solid #999;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	cursor:pointer;
	}

#more-button:hover {
	color:#fff;
	background:#999;
	border:1px solid #999;
	}

.scroller-status {
	display: none;
	margin-top:30px;
	font-size:90%;
	color:#666;
	}

.infinite-scroll-request {
	animation: scroll-request 1.1s infinite linear;
	border: 4px solid #00b8d4;
	border-left: 4px solid #fff;
	border-radius: 50%;
	height: 48px;
	margin: auto;
	width: 48px;
	}

@keyframes scroll-request {

	0% {
		transform: rotate(0deg);
	}

100% {
		transform: rotate(360deg);
	}
}

.infinite-scroll-last,
.infinite-scroll-error {
	color: #757575;
	text-align: center;
	}

/*　　画像マウスオーバー　　*/

 .thumb {
	overflow: hidden;
	background:#333;
	}

.thumb img {
	display: block;
	}

a:hover .thumb img {
	transform: scale(1.1);
	opacity:0.7;
	}



/*　　Pager 基本設定　　*/

.pager {
	margin:0 auto;
	}



/*　　ナビゲーション設定　　*/

.fadeIn {
	display:block!important;
	}

#overlay {
	display:none;
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:110%;
	background-color:rgba(0, 0, 0, 0.9);
	z-index:5;
	}

.home .sticky {
	top: 0px;
	background-color:rgba(255, 255, 255, 0.95);
	opacity: 1;
	}

#toggle {
	display:none;
	}


@media only screen and (max-width:800px) {
	
* {
	font-size:14px;
	}

.overlay_on {
	overflow:hidden;
	}

#overlay {
	display:block;
	opacity:0;
	transition: opacity 0.5s ease 0s;
	pointer-events: none;
	}

.overlay_on #overlay {
	opacity:1;
	pointer-events:auto;
	}

#toggle {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:58px;
	height:58px;
	padding:10px;
	font-family:Copperplate, serif;
	line-height:1;
	color:#fff;
	background:#a40b5d;
	cursor:pointer;
	z-index:99;
	}

#toggle span {
	display:block;
	position:absolute;
	left:20px;
	height:1px;
	width:20px;
	background:#fff;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	}

#toggle span:nth-child(1) {
	top:23px;
	}

#toggle span:nth-child(2) {
	top:30px;
	}

#toggle span:nth-child(3) {
	top:37px;
	}

/* #nav-toggle 切り替えアニメーション */

.open-nav #toggle span:nth-child(1) {
	width:20px;
	height:1px;
	top:30px;
	left:20px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	}

.open-nav #toggle span:nth-child(2) {
	width:0;
	left:50%;
	}

.open-nav #toggle span:nth-child(3) {
	width:20px;
	height:1px;
	top:30px;
	left:20px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}

.open-nav {
	max-height:100% !important;
	}

header .logo {
	float:none;
	margin:10px 0 5px 10px;
	}

.menu-gnavi-container {
	float:none;
    visibility:hidden;
    position:fixed;
    display:table;
    top: 0;
    right:0;
    width:100%;
    height:100%;
    -webkit-transition:all .5s;
    transition:all .5s;
    opacity:0;
	z-index:10;
	}

.open-nav .menu-gnavi-container {
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
	}

.menu-gnavi-container ul {
	width:100%;
	margin:0;
	padding:58px 0 0;
	text-align:center;
	background:url(images/logo_spnav.png) no-repeat top 12px left 10px;
	border-left:none;
	}

.menu-gnavi-container ul li:first-child {
	border-top:1px solid #555;
	}

.menu-gnavi-container ul li {
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	font-size:100%;
	text-align:center;
	border:none;
	border-bottom:1px dashed #666;
	}

.menu-gnavi-container ul li:after {
	position:absolute;
	right:15px;
	top:15%;
	content: " \f105";
	font-family: 'Font Awesome 5 Free';
	font-weight:600;
	color:#fff;
	}

.menu-gnavi-container ul a {
	padding:10px;
	color:#fff;
	}

}

/*　　パンくずリスト　　*/

#breadcrumb {
	padding:10px;
	border-bottom:1px solid #ccc;
	background:#fff;
	}

#breadcrumb ul {
	max-width:1000px;
	margin:0 auto;
	}

#breadcrumb li {
	display:inline-block;
	padding:0 5px 0 0;
	font-size:80%;
	line-height:1;
	}

#breadcrumb li:after {
	content:' > ';
	}

#breadcrumb li:last-child:after {
	content:'';
	}

#breadcrumb li a {
	text-decoration:none;
	}

#breadcrumb li a span {
	color:#a40b5d;
	}

#breadcrumb li:last-child a span {
	color:#555;
	}


/*　　問い合わせフォーム　　*/

#mailform {
	max-width:800px;
	margin:0 auto;
	text-align:center;
	}

#mailform .lead {
	margin:0 50px 30px;
	font-size:90%;
	line-height:1.6;
	text-align:justify;
	}

#mailform .target {
	margin:0 0 30px;
	padding:15px;
	font-size:90%;
	line-height:1.6;
	text-align:justify;
	border:1px solid #999;
	}

#mailform .target span {
	display:block;
	margin-bottom:6px;
	padding:5px 10px;
	color:#fff;
	text-align:center;
	background:#7a6a56;
	}

#mailform span.Y {
	margin:5px 0 5px 10px;
	padding:3px 7px;
	font-size:70%;
	line-height:1;
	color:#d00;
	background:#fff;
	}

#mailform span.N {
	margin:5px 0 5px 10px;
	padding:3px 7px;
	font-size:70%;
	line-height:1;
	color:#666;
	background:#fff;
	border: 1px solid #999;
	}

.mw_wp_form_confirm #mailform span.Y,
.mw_wp_form_confirm #mailform span.N {
	display:none;
	}

#mailform dl {
	background:#a40b5d;
	border: 4px solid #fff;
	}

#mailform dt,
#mailform dd {
	padding: 15px 15px 0 15px;
	font-size:90%;
	line-height:1.5;
	text-align:left;
	border-top: 1px solid #e3e3e3;
	}

#mailform dt:nth-child(1),
#mailform dd:nth-child(2) {
	border-top:none;
	}

#mailform dt {
	float: left;
	width: 30%;
	color:#fff;
	}

#mailform dd {
	background:#fff;
	margin-left: 30%;
	padding-bottom:15px;
	}

#mailform dd span.error {
	display:none;
	}

#mailform dd:after {
	content: '';
	display: block;
	clear: both;
	}

#mailform .choice02,
#mailform .choice03 {
	display:none;
	}

.mw_wp_form_confirm #mailform .choice02,
.mw_wp_form_confirm #mailform .choice03 {
	display:block;
	}

#mailform dd input {
	width:70%;
	padding:5px;
	border:1px solid #999;
	}

#mailform dd input.tel,
#mailform dd input.fax {
	width:auto;
	}

#mailform dd input.zipcode {
	width:30%;
	margin-left:3px;
	}

#mailform dd input.address {
	width:100%;
	margin-top:10px;
	}

#mailform dd input.choice {
	width:auto;
	padding:5px;
	border:none;
	}

#mailform input::placeholder {
	color:#bbb;
	}

#mailform dd textarea {
	width:100%;
	height:150px;
	margin:0;
	padding:5px;
	border:1px solid #999;
	}

#mailform .btn_send {
	margin-top:20px;
	padding:15px 50px;
	font-size:90%;
	line-height:1;
	color:#fff;
	background:#a40b5d;
	border:1px solid #ccc;
	}

#thanks {
	max-width:800px;
	margin:0 auto;
	padding:30px;
	background:#fff;
	border-radius:10px; 
    -webkit-border-radius:10px; 
    -moz-border-radius:10px;
	}

#thanks h2 {
	margin:0 auto 15px;
	padding:15px;
	font-size:140%;
	font-weight:normal;
	color:#fff;
	text-align:center;
	background:#a40b5d;
	border-left:none;
	border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-border-radius:6px;
	}

#thanks  p {
	margin:30px 0 0;
	font-size:95%;
	line-height:1.8;
	color:#555;
	}

#thanks img {
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
	}

#mailform .btn_back {
	margin-top:20px;
	padding:15px 50px;
	font-size:90%;
	line-height:1;
	color:#fff;
	background:#7a6a56;
	border:1px solid #ccc;
	}

#title {
	width:100%;
	height:240px;
	margin:0;
	background:#eee;
	}

/*　　フッター部分　　*/

footer {
	position:relative;
	width:100%;
	padding:20px 0;
	text-align:center;
	background:url(images/bg_footer.png) repeat-x;
	z-index:1;
	}

footer .menu-gnavi-container,
footer .menu-gnavi-container ul {
	float:none;
	}

footer ul {
	margin-bottom:10px;
	letter-spacing:-1em;
	}

footer li {
	display:inline-block;
	margin:0 0 5px;
	padding:0;
	font-size:70%;
	line-height:1;
	letter-spacing:normal;
	border-left:1px solid #fff;
	}

footer li:first-child {
	border-left:none;
	}

footer li a {
	display:block;
	margin:0;
	padding:3px 15px;
	color:#fff;
	text-decoration:none;
	}

footer small {
	display:block;
	width:100%;
	margin-top:20px;
	font-size:80%;
	line-height:1;
	text-align:center;
	color:#fff;
	}

#floatForm {
	max-width:500px;
	margin:0 auto 30px;
	padding:20px;
	text-align:center;
	background:#fff;
	border:2px solid #a40b5d;
	box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.1);
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	z-index:2;
	}

#floatForm .name {
	margin-bottom:10px;
	font-size:100%;
	font-weight:700;
	color:#333;
	line-height:1;
	}

#floatForm .txt {
	margin-bottom:15px;
	font-size:80%;
	line-height:1.5;
	color:#666;
	}

#floatForm div {
	padding-right:20px;
	letter-spacing:-0.4em;
	}

#floatForm a {
	position: relative;
	display:inline-block;
	width:50%;
	margin-right:15px;
	height:40px;
	font-size:90%;
	line-height:40px;
	text-align:center;
	letter-spacing:0;
	color:#fff;
	background:#a40b5d;
	}

#floatForm a:nth-child(2n) {
	margin-right:-20px;
	}

#floatForm a:hover {
	opacity:0.6;
	text-decoration:none;
	}


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

header .inner {
	width:auto;
	margin:0;
	padding:20px 15px 15px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

main {
	padding:50px 30px 30px;
	}

.home main {
	max-width:auto;
	margin:0 auto;
	padding:30px;
	}

.media .inner {
	width:100%;
	margin:0;
	}

}

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

main {
	padding:6vw;
	}

.home main {
	max-width:auto;
	margin:0 auto;
	padding:4vw 6vw;
	}

.news {
	margin-bottom:15px;
	}

.top1st {
	min-height:inherit;
	margin-bottom:8vw;
	padding:0;
	}

.home #event {
	width:100%;
	min-height:inherit;
	}

.home #event h2{
	margin-bottom:10px;
	}

.home #topics h2 {
	margin-bottom:20px;
	}

.home #topics .inner {
	margin:0;
	padding-right:30px;
	}

.home #topics article {
	width:50%;
	margin:0 30px 40px 0;
	}

.home #topics article:nth-child(2n),
	.home #topics article:nth-child(2n) {
	margin-right:-30px;
	}

.home #facebook {
	position:static;
	top:inherit;
	right:inherit;
	margin: auto;
	}

.organize dt {
	float:none;
	width:100%;
	padding-bottom:0;
	}

.organize dd {
	margin-left:0;
	padding-top:0;
	}

}

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

body {
	background:#e3e3e3;
	}

header .inner {
	padding:15px 15px 5px;
	}

header .tittle {
	margin-bottom:0;
	}

header .description {
	display:none;
	margin:10px 0 5px;
	font-size:70%;
	line-height:1.4;
	color:#666;
	text-align:justify;
	}
.home header .description {
	display:inherit;
	}

header nav {
	border-bottom:none;
	}


/*　　振興会について　　*/

.about article h2 {
	padding:25px;
	font-size:125%;
	line-height:1.4;
	letter-spacing:0.1em;
	text-align:center;
	}

.about article h2 span {
	margin-bottom:5px;
	}

.about article.msg h2:hover,
.about article.msg h2:hover span,
.about article.gist h2:hover,
.about article.purpose h2:hover {
	color:#333;
	}

.about article p {
	padding:0 20px 20px;
	}

.about article.msg p {
	padding:0 20px;
	}

.about article .profile {
	min-height:auto;
	margin:15px 0 0;
	padding:20px;
	}

.about article .profile p {
	margin:15px 0 0;
	padding:0;
	font-size:75%;
	line-height:1.8;
	text-align:justify;
	color:#666;
	}

.about article .profile .circleImg {
	position:inherit;
	top:inherit;
	left:inherit;
	width:150px;
	height:150px;
	margin:0 auto;
	border-radius:75px; 
    -webkit-border-radius:75px;  
    -moz-border-radius:75px;  
	}

.about article.proceeding ul {
	padding:0 20px 20px;
	}

.about .link {
	margin-right:60px;
	}

.about .link li {
	margin-right:20px;
	}

.about .link li:nth-child(4n) {
	margin-right:-60px;
	}

.about .link li .break {
	display:inherit;
	}

/*　　個別投稿ページ　　*/

.single article {
	position:relative;
	padding:0;
	}

.single article .left,
.single article .right {
	display:block;
	width:100%;
	}

.single article .right {
	margin-top:10px;
	}

.single article #body {
	padding:5vw;
	}

.single article h1 {
	margin:10px 0 15px;
	padding:0 0 15px;
	font-size:120%;
	font-weight:400;
	line-height:1.3;
	border-bottom:1px solid #ccc;
	}

.single-event .single article h1 {
	margin:0;
	padding:0 0 3vw;
	}

.single-event .single article .offer {
	margin-bottom:5vw;
	}

.single .timetable {
	padding:5vw;
	}

.single article .left .spec {
	display:block;
	margin-top:4vw;
	padding:0px 1vw;
	}

.single article .left .spec dt {
	width:100%;
	padding:2vw 2vw 0.5vw;
	text-align: left;
	}

.single article .left .spec dd {
	width:100%;
	margin-left:0;
	padding:0vw 2vw 2vw;
	border-top:none;
	}

.single article .left p {
	margin:3vw 0 0;
	font-size:95%;
	line-height:1.8;
	}

.single article .right p,
.single article .right div {
	margin-bottom:2px;
	padding:10px;
	line-height:1.5;
	background:#fff;
	}

.single article .right p span,
.single article .right div span {
	display:block;
	margin-bottom:5px;
	font-size:60%;
	color:#999;
	}

.single article .right p.cat {
	color:#fff;
	}

.single article .right p.cat span {
	font-size:60%;
	color:#fff;
	}

.single article .right p.txt {
	margin:5px 0 0;
	padding:5px 0;
	font-size:75%;
	line-height:1.5;
	color:#777;
	background:none;
	border-top:1px dashed #ddd;
	}

.single  #pager {
	margin-top:15px;
	padding:10px 0 30px;
	font-size:80%;
	border-top:1px solid #999;
	}

.single  #pager .prev {
	float:left;
	width:48%;
	text-align:left;
	}

.single  #pager .next {
	float:right;
	width:48%;
	text-align:right;
	}

.single  #pager:after {
	content: '';
	display: block;
	clear: both;
	}

#modal {
	top:5%;
	bottom:inherit;
	left:5%;
	right:inherit;
	width:90%;
	height:90%;
	margin:auto;
	padding:0;
	}

#modal .iContainer {
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	}

.actFrame .left {
	float:none;
	width:100%;
	}

.actFrame .right {
	float:none;
	width:100%;
	}

.actFrame .right h1 {
	margin:20px 20px 10px;
	font-size:125%;
	font-weight:600;
	color:#039;
	line-height:1.35;
	}

.actFrame .right p {
	margin:0 20px 10px;
	font-size:90%;
	color:#444;
	line-height:1.75;
	}

/*　　トピックス　　*/

#topicsArchive #media {
	margin:30px 20px 40px;
	}


#topicsArchive #topics ul {
	text-align:left;
	}

#topicsArchive #topics li {
	width:33.333%;
	margin:0 2px 2px 0;
	}

#topicsArchive #topics li:nth-child(5n) {
	margin-right:2px;
	}

#topicsArchive #topics li:nth-child(3n) {
	margin-right:-4px;
	}


.media #archive {
	padding:8vw 0 2vw;
	}

.media #archive .head {
	margin:0 0 8vw;
	}

.media #archive .head::after {
	bottom:-3.5vw
	}

.media #archive li {
	width:calc(50% - 6vw / 2);
	margin:0 6vw 6vw 0;
	}

.media #archive li:nth-child(2n) {
	margin-right:0;
	}



/*　　3分割　　*/

#topicsArchive #media .special {
	margin-right:20px;
	}

#topicsArchive #media .special article {
	width:50%;
	margin:0 20px 20px 0;
	}

#topicsArchive #media .special article:nth-child(3n) {
	margin-right:20px;
	}

#topicsArchive #media .special article:nth-child(2n) {
	margin-right:-20px;
	}


#topicsArchive article .thumb {
	width:100%;
	height:135px;
	}

#topicsArchive #topics .frame {
	margin:30px 20px 40px;
	padding-right:30px;
	}

#topicsArchive #topics .frame article {
	width:50%;
	margin:0 30px 30px 0;
	}

#topicsArchive #topics .frame article:nth-child(3n) {
	margin-right:30px;
	}

#topicsArchive #topics .frame article:nth-child(2n) {
	margin-right:-30px;
	}

.media #left {
	float:none;
	width:100%;
	margin-bottom:20px;
	border-bottom:1px solid #a40b5d;
	}

.media #right {
	float:none;
	width:100%;
	border-bottom:1px solid #fff;
	}

#modal {
	width:600px;
	height:600px;
	}

}

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

.home main {
	padding:4vw;
	}

/*　　フロントページ　　*/

.top1st {
	margin-bottom:8vw;
	}

/*　　ニュースティッカー　　*/

.news {
	margin-bottom:5vw;
	padding:45px 1.5vw 1.5vw;
	height:auto;
	}

.news:before {
	top:0;
	left:0;
	width:200px;
	height:35px;
	line-height:35px;
	color:#fff;
	background:#aa8855;
	border-right:none;
	}

.news .line {
	padding:5px;
	}

.news .slick-arrow {
	width:35px;
	height:35px;
	line-height:35px;
	}

.news span.next {
	top:-40px;
	right:35px;
	border:1px solid #ddd;
	}

.news span.prev {
	bottom:inherit;
	top:-40px;
	right:-0.5vw;
	border:1px solid #ddd;
	}

/*　　フロントページ　イベント情報　　*/

.home #event {
	padding:4vw;		
	}

.home #event h2 {
	height:auto;
	padding:1.5vw 0 1vw 10px;
	line-height:1;
	}

.home #event article {
	padding:1vw;
	}

.home #event article h3 {
	margin:0 0 1vw;
	}

.home #event article ul {
	padding:1.5vw 0 0;
	}

.home #event .btn {
	position: relative;
	top:inherit;
	right:inherit;
	margin-top:5vw;
	}

.home #topics .inner {
	padding-right:3vw;
	}

.home #topics article {
	margin:0 4vw 6vw 0;
	}

#topicsArchive h1,
.archive h1,
.page h1 {
	width:100%;
	margin:0 auto 25px;
	font-size:125%;
	}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
	}

/*　　振興会について　　*/

.about article {
	margin-bottom:20px;
	}

.about article.proceeding li span {
	display:block;
	margin-top:2vw;
	}

.about .link {
	margin-right:20px;
	}

.about .link li {
	display:inline-block;
	width:50%;
	margin:0 20px 20px 0;
	}

.about .link li:nth-child(4n) {
	margin-right:-20px;
	}

.about .link li:nth-child(2n) {
	margin-right:-20px;
	}

.about .link li .break {
	display:none;
	}

/*　　イベント情報　　*/

#eventMain article {
	margin-bottom:4vw;
	padding:0;
	border-left:none;
	border-top:5px solid #a40b5d;
	}

#eventMain article::before {
	content:inherit;
	}

#eventMain article a {
	padding:4vw;
	}

#eventMain article img {
	position:relative;
	top:inherit;
	left:inherit;
	width:100%;
	height:auto;
	margin-bottom:3vw;
	}

#eventMain article li {
	display:block;
	margin:0 2vw 2vw 0;
	}

#eventMain article ul .cap,
#eventMain article ul .tax {
	display:inline-block;
	}

#eventMain article li:last-child {
	margin-bottom:0;
	}

/*　　記事ページ 関連リンク　　*/

.single article .left .related .article {
	padding:2vw;
	}

.single article .left .related .article a {
	display:block;
	}

.single article .left .related .article a .img {
	width:100%;
	margin-bottom:1vw;
	}

.single article .left .related .article a .body {
	width:100%;
	padding:2vw;
	font-size:100%;
	}



/*　　会員紹介　　*/

.officer dt {
	width:100%;
	}

.officer dd {
	width:100%;
	}



/*　　　募集案内　　　*/

.recruit article {
	position:relative;
	max-width:inherit;
	width:auto;
	margin:30px auto 0;
	padding:20px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	}

.recruit article.rec03 {
	margin-bottom:20px;
	padding:20px;
	}

.recruit .lead {
	text-align:justify;
	line-height:1.5;
	}

.recruit dd p {
	margin:10px;
	text-align:justify;
	line-height:1.5;
	}

.recruit dd .adress {
	width:auto;
	margin:10px;
	padding:10px 15px;
	text-align:justify;
	line-height:1.5;
	}

.recruit article h2 {
	position:static;
	top:inherit;
	left:inherit;
	width:auto;
	height:auto;
	padding:10px;
	font-size:110%;
	line-height:1;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	}

.recruit article.rec03 h2 {
	position:static;
	top:inherit;
	left:inherit;
	width:auto;
	height:auto;
	margin:0 0 5px;
	padding:10px;
	font-size:110%;
	line-height:1.3;
	color:#fff;
	background:#a40b5d;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	}

.recruit article.rec03 li {
	margin:8px 5px  0 0;
	padding:5px 10px 5px 2em;
	font-size:95%;
	line-height:1.5;
	text-align:justify;
	text-indent:-1.5em;
	}

.recruit article.rec03 li:first-child {
	margin:0 5px 0 0;
	}

.recruit article.rec03 li:before {
	content:inherit;
	}

}

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

/*　　フロントページ　　*/

/*　　会員提供情報　　*/

#event article {
	margin:10px 0 0;
	padding-left:0;
	}

#event article .date {
	position:inherit;
	top:inherit;
	left:inherit;
	margin-bottom:5px;
	font-size:110%;
	}

#event article .date br {
	display:none;
	}

#event article .member {
	margin:0 0 7px 15px;
	}

#event article h3 {
	margin:0 0 5px 15px;
	padding-bottom:5px;
	}

#event article h3 a {
	text-decoration:underline;
	}

#event article .venue {
	margin:0 0 10px 15px;
	}

#event .btn,
#topics .btn {
	float:none;
	display:block;
	width:100%;
	height:35px;
	}

#topics ul {
	margin-top:-10px;
	}

#topics li .title {
	font-size:100%;
	}

/*　　　　*/

.page-id-48 ul.mList {
	margin-right:0;
	}

.page-id-48 ul.mList li {
	width:100%;
	margin-right:0;
	}

.page-id-48 ul.mList li:nth-child(2n) {
	margin-right:0;
	}

.page-id-48 ul.mList li:nth-child(2),
.page-id-48 .officer dd:nth-child(2) {
	border-top:1px solid #ccc;
	}

.organize dt {
	float:left;
	width:280px;
	padding-bottom:10px;
	}

.organize dd {
	margin-left:290px;
	padding-top:10px;
	}


/*　　メディア 詳細ページ　　*/

.media #left hr {
	margin:0 auto 5vw;
	}

.media #left p {
	margin:0 5vw;
	}

.media #left .spec {
	margin:5vw;
	padding:3vw 2vw 2vw;
	}

/*　　トピックス 記事一覧枠　　*/

.single article h1 {
	font-size:110%;
	}


/*　　3分割　　*/

#topicsArchive #media .special {
	margin-right:0;
	}

#topicsArchive #media .special article {
	width:100%;
	margin:0 0 20px 0;
	}

#topicsArchive #media .special article:nth-child(2n) {
	margin-right:0;
	}

#topicsArchive #media .special article:nth-child(3n) {
	margin-right:0;
	}

#topicsArchive #topics .frame {
	margin-right:0;
	}

#topicsArchive #topics .frame article {
	width:100%;
	margin:0 0 20px 0;
	}

#topicsArchive #topics .frame article:nth-child(3n) {
	margin-right:0;
	}

#topicsArchive #topics .frame article:nth-child(2n) {
	margin-right:0;
	}

.media #right .scrollframe {
	height:600px;
	margin:15px;
	}

.media.pede #right .scrollframe,
.media.entryform #right .scrollframe {
	overflow:hidden;
	height:auto!important;
	}

/*　　イベント情報　　*/

#eventMain .catSearch {
	width:100%;
	margin:0 auto 6vw;
	}

#eventMain .catSearch ul.parent {
	margin:0;	
	}

#eventMain .catSearch ul.parent li {
	width:calc(20% - 20px /5);
	}

#eventMain .catSearch ul.parent li:first-child {
	width:100%;
	margin-bottom:5px;
	}

	
/*　　応募フォーム　　*/

#mailform {
	max-width:inherit;
	width:auto;
	margin:0 auto;
	}

#mailform .lead {
	margin:0 10px 20px;
	}

#mailform dl {
	background:none;
	border:none;
	}

#mailform dt,
#mailform dd {
	padding: 10px;
	border-top: none;
	}

#mailform dt:nth-child(1),
#mailform dd:nth-child(2) {
	border-top:none;
	}

#mailform dt {
	float:none;
	width:100%;
	padding:10px;
	background:#a40b5d;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	}

#mailform dd {
	width:100%;
	margin:0 0 10px 0;
	padding:10px;
	}

#mailform dd input {
	width:100%;
	padding:6px;
	}

#mailform .btn_send {
	margin:20px auto;
	padding:15px 50px;
	font-size:90%;
	line-height:1;
	color:#fff;
	background:#a40b5d;
	border:1px solid #ccc;
	}

#mailform .btn_back {
	margin:20px auto;
	padding:15px 50px;
	font-size:90%;
	line-height:1;
	color:#fff;
	background:#7a6a56;
	border:1px solid #ccc;
	}


/*　　フッター設定　　*/

footer {
	padding-bottom:50px;
	background:#a40b5d;
	}

#floatForm {
	display:none;
	width:auto;
	max-width:inherit;
	margin:0 20px 20px;
	padding:15px;
	}

#floatForm .name {
	margin-bottom:10px;
	font-size:100%;
	font-weight:700;
	color:#333;
	line-height:1.3;
	}

#floatForm .txt {
	margin-bottom:5px;
	font-size:80%;
	line-height:1.5;
	color:#666;
	}

#floatForm div {
	padding-right:0;
	}

#floatForm a {
	width:100%;
	margin-right:0;
	margin-top:10px;
	padding:15px 10px;
	height:auto;
	font-size:90%;
	line-height:1;
	}

#floatForm a:nth-child(2n) {
	margin-right:0;
	}

#floatForm a:hover {
	opacity:1;
	text-decoration:none;
	}

#goTop {
	position:fixed;
	right:0;
	bottom:0;
	width:100%;
	height:40px;
	font-size:12px;
	line-height:40px;
	background:#a40b5d;
	border-left:none;
	border-right:none;
	}

}

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

/*　　振興会について　　*/

.about article {
	margin-bottom:15px;
	}

.about article h2 {
	padding:10px 50px 10px 15px;
	}

.about article.idea h2 {
	padding:10px 15px;
	}

.about article.msg h2,
.about article.gist h2,
.about article.purpose h2 {
	position:relative;
	cursor:pointer;
	}

.about article.msg  h2:after {
	right:15px;
	top:38%;
	}

.about article.gist  h2:after,
.about article.purpose  h2:after {
	right:15px;
	top:38%;
	}

.about article a:hover {
	color:#333;
	}

.about article.gist h2 br,
.about article.purpose h2 br {
	display:inherit;
	}

.about .link li .break {
	display:inherit;
	}

/*　　会員紹介　　*/

.organize dt {
	float:none;
	width:100%;
	padding-bottom:0;
	}

.organize dd {
	margin-left:0;
	padding-top:0;
	}

/*　　トピックス メディア枠　　*/

#topicsArchive #media {
	margin-bottom:40px;
	}

#topicsArchive #media div {
	margin-right:0;
	}

#topicsArchive #media div article {
	float:none;
	width:100%;
	margin:0 0 10px 0;
	}

#topicsArchive #media div article:nth-child(2n) {
	margin-right:0;
	}

}