@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/***** common *****/
html {
	font-size: 62.5%;
}

body {
	background: #fff;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 0.1rem;
	letter-spacing: 1px;
	line-height: 1.4;
	min-width: 736px;
}

a {
	color: #2f68a1;
	transition: 0.5s ease 0s;
}

a:hover {
	color: #e9420d;
}

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

.clear {
	clear: both;
}

::selection {
	background: #338fff;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #338fff;
	color: #fff;
	text-shadow: none;
}

.entry-title {
	font-size: 33px;
	font-size: 2.0625rem;
	line-height: 1.2727272727;
	margin-bottom: 0.8484848485em;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #007acc;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
	background: #f7f7f7;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #686868;
	padding: 0.625em 0.4375em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	background-color: #fff;
	border-color: #007acc;
	color: #1a1a1a;
	outline: 0;
}


/*-----
common --------------------*/
.link {}

.title {}

.text {}

.text-s {
	font-size: 75%;
}

.address {}

.tel {}

.btn {
	border: 1px solid #ccc;
	color: #333;
	display: block;
	margin: 0 auto 8px;
	padding: 8px 0;
	text-align: center;
	text-decoration: none;
	width: 90%;
}

.btncolor_wht {
	background: #ededeb;
	background: -webkit-linear-gradient(top, #fff 20%, #ededeb 100%);
	background: linear-gradient(to bottom, #fff 20%, #ededeb 100%);
	border-radius: 4px;
	box-shadow: 1px 1px 1px #eee;
	font-weight: bold;
}

.btncolor_gry {
	background: #ccc;
	background: -webkit-linear-gradient(top, #ccc 20%, #aaa 100%);
	background: linear-gradient(to bottom, #ccc 20%, #aaa 100%);
	border-radius: 4px;
	box-shadow: 1px 1px 1px #eee;
	font-weight: bold;
}

.btncolor_wht:hover,
.btncolor_gry:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

div.mobile {
	display: none;
}

/* 文字レイアウト -------------------- */
.tar {
	text-align: right;
}

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}


/*-----
slick.js --------------------*/
section.ex-work {
	/*margin: 18px auto 25px;*/
	width: 100%;
	max-width: 740px;
}

#sample {
	margin: 18px auto 25px;
	width: 93%;
}

#sample div.slick-slide {
	margin: 0 8px;
	text-align: center;
}

.slick-slide img {
	margin: auto;
}

.slick-prev:before, .slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #666;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

section.ex-work span {
	font-size: 80%;
	margin: 1em 0 0 0.5em;
}

/*-----
tableスタイル --------------------*/
.table-style {
	width: 100%;
}

.table-style th, .table-style td {
	padding: 10px;
	border: 1px solid #ddd;
}

.table-style th {
	background: #f4f4f4;
}


/*-----
日替り画像 --------------------*/
#sample02 {
	display: table;
	margin: 10px auto 17px;
	width: 95%;
}

#sub-column .ex-work h2 {
	background: #ccc;
	font-size: 1.6rem;
	font-size: 16px;
	line-height: 49px;
	text-align: center;
}

#sample02 p.photo,
#sample02 p.text {
	display: table-cell;
}

#sample02 p.photo {
	background: #EAEAEA;
	box-shadow: 1px 1px 3px #aaa;
	padding: 15px 5px;
	text-align: center;
	width: 110px;
}

#sample02 p.photo img {
	display: inline-block;
	max-width: 100px;
	max-height: 150px;
}

#sample02 p.text {
	padding: 0 0 0 10px;
	text-align: center;
	vertical-align: middle;
}

/*-----
購読ボタン/求人ボタン --------------------*/
#sub-column .buy_page a {
	background: #ccc;
	border-bottom: 7px solid #444;
	box-shadow: 1px 2px 3px #Ccc;
	color: #333;
	display: inline-block;
	font-size: 1.5rem;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

#sub-column .buy_page.kyujin {}

#sub-column .buy_page.kyujin a {
	background: #5a75b5;
	color: #fff;
}

#sub-column .buy_page a:hover {
	border-bottom: 7px solid #C90003;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



/*-----
header --------------------*/
header {
	width: 100%;
}

#pc-hdcontainer,
#mobile-hdcontainer {
	max-width: 1020px;
	margin: auto;
	overflow: hidden;
	width: 100%;
}

#mobile-hdcontainer {
	display: none;
}

#pc-hdcontainer h1,
#pc-hdcontainer .information {
	float: left;
	margin: 15px 0;
	width: 50%;
}

#pc-hdcontainer h1 img {
	max-width: 340px;
}

#pc-hdcontainer .information {
	text-align: right;
}

#pc-hdcontainer .information img {
	padding-right: 37px;
}

#___gcse_0 {
	width: 284px;
	display: inline-block;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
	box-sizing: inherit;
}


/*-----
globalnavi --------------------*/
#globalnavi {
	background: #ccc;
	background: -webkit-linear-gradient(top, #fff 20%, #e0e0e0 100%);
	background: linear-gradient(to bottom, #fff 20%, #e0e0e0 100%);
	border-top: 1px solid #ccc;
	border-bottom: 5px solid #999;
	box-sizing: border-box;
	height: 60px;
}

#globalnavi ul {
	max-width: 1020px;
	margin: auto;
	overflow: hidden;
	width: 100%;
}

#globalnavi li {
	border-right: 1px solid #919191;
	border-left: 1px solid #e2e2e2;
	border-bottom: 6px solid transparent;
	box-sizing: border-box;
	display: table;
	float: left;
	height: 60px;
	max-width: 170px;
	transition: .5s;
	text-align: center;
	width: 16.666666%;
}

#globalnavi li:first-of-type {
	border-left: 1px solid #919191;
}

#globalnavi li a {
	color: #231815;
	display: table-cell;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	height: 100%;
	padding: 0 5px;
	text-decoration: none;
	vertical-align: middle;
}

#globalnavi li:first-child,
.about #globalnavi li:nth-child(2),
.publication #globalnavi li:nth-child(3),
.exhibit #globalnavi li:nth-child(4),
.office #globalnavi li:nth-child(5),
.syokyouiku #globalnavi li:nth-child(6),
.Page_member #globalnavi li:nth-child(2),
.Page_project #globalnavi li:nth-child(3),
.Page_agenda #globalnavi li:nth-child(4),
.Page_allot #globalnavi li:nth-child(5),
.Page_other #globalnavi li:nth-child(6),
#globalnavi li:hover {
	border-bottom: 6px solid #C90003;
}

.about #globalnavi li:first-child,
.publication #globalnavi li:first-child,
.exhibit #globalnavi li:first-child,
.office #globalnavi li:first-child,
.syokyouiku #globalnavi li:first-child,
.Page_project #globalnavi li:first-child,
.Page_agenda #globalnavi li:first-child,
.Page_allot #globalnavi li:first-child,
.Page_other #globalnavi li:first-child {
	border-bottom: 6px solid transparent;
}

.about #globalnavi li:first-child:hover,
.publication #globalnavi li:first-child:hover,
.exhibit #globalnavi li:first-child:hover,
.office #globalnavi li:first-child:hover,
.syokyouiku #globalnavi li:first-child:hover,
.Page_project #globalnavi li:first-child:hover,
.Page_agenda #globalnavi li:first-child:hover,
.Page_allot #globalnavi li:first-child:hover,
.Page_other #globalnavi li:first-child:hover {
	border-bottom: 6px solid #C90003;
}

.Page_member #globalnavi li:first-child {
	border-bottom: none;
}

.member #globalnavi li {
	max-width: 204px;
	width: 18%;
}

.member #globalnavi li:first-child {
	width: 10%;
}

.member #globalnavi li:first-child i {
	font-size: 180%;
}

/*-----
mobilenavi --------------------*/
.child {
	display: none;
}

.accordion {
	color: #fff;
}

.accordion ul {
	display: none;
}

.sb-slidebar {
	display: none;
}




/*-----
main-visual --------------------*/
#mainvisual {
	background: #ededed;
	width: 100%;
}

#mainvisual .flexslider {
	margin: auto;
	max-width: 1020px;
}

#mainvisual .non-slides {
	margin: auto;
	max-width: 1020px;
	overflow: hidden;
	position: relative;
}

#mainvisual .non-slides li {
	background: #fff
}

#mainvisual .non-slides img {
	vertical-align: text-bottom;
}

#mainvisual .non-slides p {
	font-size: 150%;
	font-weight: bold;
	height: 100%;
	margin: -12px 0 0;
	position: absolute;
	right: 10px;
	top: 50%;
}

.flex-direction-nav li:first-of-type a {
	height: 90px;
	background: url(/images/common/bg_direction_nav_pre.png) no-repeat 0 0;
	margin: -45px 0 0;
}

.flex-direction-nav li:last-of-type a {
	height: 90px;
	background: url(/images/common/bg_direction_nav_next.png) no-repeat 0 0;
	margin: -45px 0 0;
}


/*-----
contents --------------------*/
#contents {
	max-width: 1020px;
	margin: auto;
	width: 100%;
}

#contents_inner {
	display: table;
}

.breadcrumb {
	font-size: 88%;
	margin: 8px 0 0 4px;
}

.breadcrumb a {
	text-decoration: none;
}

#main-column {
	display: table-cell;
	overflow: hidden;
	padding: 25px 0 60px;
	vertical-align: top;
	width: 740px;
}

#main-column h2 {
	border: 1px solid #ccc;
	box-shadow: 1px 1px 2px #eee;
	color: #676767;
	line-height: 35px;
	padding: 0 0 0 10px;

}

#sub-column {
	display: table-cell;
	height: 200px;
	min-width: 260px;
	padding: 25px 20px 0 0;
	vertical-align: top;
}

#sub-column .box-style {
	border: 1px solid #ccc;
	margin: 0 0 18px;
}

#sub-column .sub-menu h3 {
	background: #ccc;
	border-bottom: 1px solid #aaa;
	line-height: 56px;
	text-align: center;
}

#sub-column .sub-menu ul {}

#sub-column .sub-menu li {
	border-bottom: 1px solid #ccc;
	border-left: 6px solid #888;
}

#sub-column .sub-menu li:hover {
	background: #eee;
	border-left: 6px solid #666;
}

.member #sub-column .sub-menu {
	border: none;
	margin: 0;
}

.Page_about #sub-column .sub-menu li:nth-child(1),
.Page_ideas #sub-column .sub-menu li:nth-child(2),
.Page_summary #sub-column .sub-menu li:nth-child(3),
.Page_enkaku #sub-column .sub-menu li:nth-child(4),
.Page_structure #sub-column .sub-menu li:nth-child(5),
.Page_financial #sub-column .sub-menu li:nth-child(6),
.Page_office #sub-column .sub-menu li:nth-child(7),
.Page_school_number #sub-column .sub-menu li:nth-child(8),
.Page_schedule #sub-column .sub-menu li:nth-child(9),
.Page_book #sub-column .sub-menu li:nth-child(10) {
	background: #eee;
	border-left: 6px solid #666;
}

.Page_publication #sub-column .sub-menu li:nth-child(1),
.Page_history #sub-column .sub-menu li:nth-child(2),
.Page_request #sub-column .sub-menu li:nth-child(3),
.Page_rules #sub-column .sub-menu li:nth-child(4),
.Page_form #sub-column .sub-menu li:nth-child(5),
.Page_faq #sub-column .sub-menu li:nth-child(6),
.Page_datetime #sub-column .sub-menu li:nth-child(7),
.Page_curt_superior #sub-column .sub-menu li:nth-child(8),
.Page_hardbrush #sub-column .sub-menu li:nth-child(9),
.Page_brush #sub-column .sub-menu li:nth-child(10),
.Page_various #sub-column .sub-menu li:nth-child(11),
.Page_past-superior #sub-column .sub-menu li:nth-child(12),
.syonotomo_syohou #sub-column .sub-menu li:nth-child(12) {
	background: #eee;
	border-left: 6px solid #666;
}

.Page_exhibit #sub-column .sub-menu li:nth-child(1),
.Page_kakizome #sub-column .sub-menu li:nth-child(2),
.Page_kakizome_tournament #sub-column .sub-menu li:nth-child(3),
.Page_hardbrush-ex #sub-column .sub-menu li:nth-child(4),
.Page_shiga #sub-column .sub-menu li:nth-child(5),
.Page_exam #sub-column .sub-menu li:nth-child(6),
.Page_society #sub-column .sub-menu li:nth-child(7),
.Page_personal #sub-column .sub-menu li:nth-child(8),
.Page_local #sub-column .sub-menu li:nth-child(9),
.Page_70anniversary #sub-column .sub-menu li:nth-child(10) {
	background: #eee;
	border-left: 6px solid #666;
}

.Page_syokyouiku #sub-column .sub-menu li:nth-child(1),
.Page_event #sub-column .sub-menu li:nth-child(2),
.Page_sponsor #sub-column .sub-menu li:nth-child(3),
.Page_officer #sub-column .sub-menu li:nth-child(4) {
	background: #eee;
	border-left: 6px solid #666;
}

#sub-column .sub-menu ul a {
	color: #333;
	display: inline-block;
	line-height: 42px;
	text-decoration: none;
	text-indent: 26px;
	width: 100%;
}

#sub-column .member_page a {
	background: #ccc;
	border-bottom: 7px solid #444;
	box-shadow: 1px 2px 3px #Ccc;
	color: #333;
	display: inline-block;
	font-size: 1.6rem;
	font-size: 16px;
	font-weight: bold;
	line-height: 63px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

#sub-column .member_page a:hover {
	border-bottom: 7px solid #C90003;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#sub-column .member_page i {
	font-size: 2.2rem;
	font-size: 22px;
}

#sub-column .contact h2 {
	background: #ccc;
	font-size: 1.6rem;
	font-size: 16px;
	line-height: 49px;
	text-align: center;
}

#sub-column .contact .text {
	margin: 14px auto;
	width: 90%;
}

#sub-column .contact .tel {
	letter-spacing: 0;
}

#sub-column .contact .address {
	margin-bottom: 6px;
}

#sub-column .contact .tel span.tel-num {
	color: #01204e;
	font-size: 2.0rem;
	font-size: 20px;
	font-weight: bold;
}



/****パンくず****/
#breadcrumbs ul {
	font-size: 82%;
	overflow: hidden;
}

#breadcrumbs ul li {
	float: left;
	margin: 0 2px 0 0;
}

#breadcrumbs ul li a {
	text-decoration: none;
}


/****フォーム****/
#main-column #form .short {
	width: 18%;
}

#main-column #form .half {
	width: 32%;
}

#main-column #form .long {
	width: 90%;
}

#main-column #form table input,
#main-column #form table select {
	padding: 3px 5px;
	vertical-align: bottom;
}

#main-column #form table select {
	margin: 0 4px;
}

#main-column #form table select#address {
	margin: 0 0 8px;
}

#main-column #form table th {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	background: #eee;
	padding: 12px 0 12px 15px;
	text-align: left;
	vertical-align: middle;
	width: 180px;
}

#main-column #form table td {
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 10px 14px;
	width: 60%;
}

#main-column #form table td.required {
	background: #eee;
	color: #CC0025;
	font-size: 12px;
	vertical-align: middle;
	width: 33px;
}

#main-column #form table td.required span {
	background: #C90003;
	border-radius: 6px;
	color: #fff;
	display: block;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

#main-column #form form {
	margin: 31px 0 0;
}

#main-column #form #btn {
	text-align: center;
}

#main-column #form #btn input {
	background: #ddd;
	background: -webkit-linear-gradient(top, #ddd 20%, #ccc 100%);
	background: linear-gradient(to bottom, #ddd 20%, #ccc 100%);
	color: #333;
	font-size: 105%;
	font-weight: bold;
	font-family: "メイリオ", Meiryo, Osaka, sans-serif;
	margin: 0 15px 0 0;
	padding: 10px 0;
	width: 35%;
}

#main-column #form #btn input:hover {
	background: #eee;
	background: -webkit-linear-gradient(top, #eee 20%, #ddd 100%);
	background: linear-gradient(to bottom, #eee 20%, #ddd 100%);
	color: #e9420d;
	cursor: pointer;
	transition: 0.5s ease 0s;
}

#main-column #form ul.sup {
	font-size: 90%;
	margin: 8px 0 25px;
	padding: 0 0 25px 0;
}

#main-column #form ul.sup2 {
	font-size: 90%;
	margin: 8px 0 25px;
	padding: 0 0 10px 0;
	text-align: left;
}

#main-column #form span.error {
	color: #B3070A;
	display: block;
	font-size: 1.3em;
	font-size: 13px;
	padding: 0 0 0 3px;
}


/****トップページ****/
#main-column #work {
	overflow: hidden;
}

#main-column #work article {
	display: table;
	float: left;
	margin: 22px 0;
	width: 50%;
}

#main-column #work article.work_left {
	border-right: 1px solid #ccc;
	box-sizing: border-box;
}

#main-column #work article img,
#main-column #work article .text {
	display: table-cell;
	vertical-align: top;
}

#main-column #work article img {
	max-width: 160px;
	max-height: 224px;
	padding: 0 0 0 10px;
	width: 100%;
}

#main-column #work article .text {
	font-size: 90%;
	padding: 0 15px;
	position: relative;
	width: 54%
}

#main-column #work article .sentence {
	margin: 0 0 55px;
}

#main-column #work article .title {
	color: #666;
	font-size: 1.5rem;
	font-size: 15px;
}

#main-column #work article .link {
	position: absolute;
	bottom: 0;
	right: 15px;
	text-align: right;
}

#main-column #work article .link a {
	color: #0398fc;
	margin: 0 0 0 3px;
	text-decoration: none;
}

#main-column #work article .link a:hover {
	color: #e9240d;
	text-decoration: underline;
}

#main-column #news ul {
	font-size: 90%;
	margin: 13px 0 0;
}

#main-column #news ul li {
	border-bottom: 1px dashed #ccc;
	padding: 12px 0;
}

#main-column #news ul li .icon,
#main-column #news ul li .data {
	margin-right: 10px;
}

#main-column #news ul li .icon img {
	vertical-align: bottom;
}

#main-column #news ul li a {
	color: #333;
	text-decoration: none;
}

#main-column #news ul li a:hover {
	color: #e9240d;
	text-decoration: underline;
}

#main-column #news dl dt {
	float: left;
}

#main-column #news dl dd {
	margin: 0 0 0 75px;
}

#main-column #news .toarchive {
	margin: 5px 0 0 0;
	text-align: right;
}

#contents .mobile .buy_page {
	display: none;
}

/****基本情報****/
.Page_about #main-column {}

.Page_about #main-column #about .text {
	float: left;
	width: 75%;
}

.Page_about #main-column #about .text h3 {
	font-size: 115%;
	margin: 31px 0 0;
}

.Page_about #main-column #about .text p {
	margin: 13px 0 0;
}

.Page_about #main-column #about .text dt {
	font-weight: bold;
	margin: 13px 0 0;
}

.Page_about #main-column #about .text dd {
	margin: 0 0 0 15px;
}

.Page_about #main-column #about .text ul {
	margin: 13px 0 0 15px;
}

.Page_about #main-column #about .text li {
	text-indent: -17px;
}

.Page_about #main-column #about .photo {
	float: left;
	font-size: 77%;
	text-align: center;
	width: 25%;
}

.Page_about #main-column #about .photo img {
	border: 1px solid #ccc;
	box-shadow: 1px 1px 3px #ccc;
	display: inline-block;
	margin: 39px 0 0;
	width: 120px;
}

/****書道協会理念****/
.Page_ideas #main-column #ideas {}

.Page_ideas #main-column #ideas h3 {
	font-size: 130%;
	margin: 36px auto;
	text-align: center;
}

.Page_ideas #main-column #ideas h4 {
	font-size: 110%;
	margin: 0 0 16px;
}

.Page_ideas #main-column #ideas dl {
	margin: 0 0 25px;
	padding: 0 19px;
}

.Page_ideas #main-column #ideas dt {
	font-weight: bold;
	margin: 0 0 2px;
}

.Page_ideas #main-column #ideas dd {
	margin: 0 0 13px;
}

.Page_ideas #main-column #ideas p {
	padding: 0 19px;
	margin: 0 0 13px;
}

/****事業概要****/
.Page_summary #main-column h3 {
	margin: 27px 0 0;
}

.Page_summary #main-column dt:first-child {
	margin: 7px 0 0 15px;
}

.Page_summary #main-column dt {
	margin: 18px 0 0 15px;
	text-indent: -15px;
}

.Page_summary #main-column dt:before {
	content: "・";
}

.Page_summary #main-column dd {
	margin: 0 0 0 15px;
}

.Page_summary #main-column p {
	margin: 32px 0 0;
}

.Page_summary #main-column ul {
	margin: 7px 0 0;
}

.Page_summary #main-column li {
	margin: 0 0 0 18px;
}

/****沿革****/
.Page_enkaku #main-column #enkaku dl {
	margin: 15px 0;
}

.Page_enkaku #main-column #enkaku dt {
	float: left;
}

.Page_enkaku #main-column #enkaku dd {
	padding: 0 0 10px 190px;
	margin: 0 0 10px 0px;
	border-bottom: 1px dashed #ccc;
}

/****組織****/
.Page_structure #main-column #structure h3 {
	margin: 29px 0 11px;
}

.Page_structure #main-column #structure dt {
	float: left;
}

.Page_structure #main-column #structure dt:first-of-type {
	padding: 10px 0 0 0;
}

.Page_structure #main-column #structure dd {
	padding: 0 0 10px 160px;
	margin: 0 0 10px 0px;
	border-bottom: 1px dotted #ccc;
}

.Page_structure #main-column #structure dd:first-of-type {
	padding: 10px 0 10px 160px;
	border-top: 1px dotted #ccc;
}

.Page_structure #main-column #structure span {
	width: 142px;
	display: inline-block;
}

/****2016_04_16****/


.Page_structure #main-column #structure .kain {
	width: 20%;
	float: left;
}

.Page_structure #main-column #structure .kain li {
	float: left;
	width: 100%;
}

.Page_structure #main-column #structure .cssgrid_5 {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 0px 10px;
}


/****諸表****/
.Page_financial #main-column #financial h3 {
	background: #ccc;
	margin: 19px 0 9px;
	padding: 6px 8px;
}

.Page_financial #main-column #financial ul {
	padding: 0 12px;
}

.Page_financial #main-column #financial li:before {
	background: url(../images/common/icon_pdf.gif) no-repeat;
	content: "";
	display: inline-block;
	height: 30px;
	padding: 0 5px 0 0;
	vertical-align: top;
	width: 24px;
}

/****所属支部一覧****/
.Page_office #main-column #tagswrap {
	text-align: center;
}

.Page_office #main-column #tags {
	display: inline-block;
	margin: 20px 0;
}

.Page_office #main-column #tags span {
	border-right: 1px solid #ccc;
	cursor: pointer;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}

.Page_office #main-column #tags span:last-child {
	border-right: none;
}

.Page_office #main-column #tags span:hover {
	color: #8A8A8A;
	text-decoration: underline;
}

.Page_office #main-column #tags span i {
	padding: 0 3px 0 0;
}

.Page_office #main-column #choice .tab01,
.Page_office #main-column #choice .tab02,
.Page_office #main-column #choice .tab03 {
	display: block;
}

.Page_office #main-column #choice {}

.Page_office #main-column #choice table {
	border: 2px solid #aaa;
	margin: 0 0 30px;
}

.Page_office #main-column #choice tr {}

.Page_office #main-column #choice table thead {
	background: #ddd;
}

.Page_office #main-column #choice table thead td {
	text-align: center;
}

.Page_office #main-column #choice table td {
	border: 1px solid #ccc;
	height: 55px;
	vertical-align: middle;
}

.Page_office #main-column #choice table tbody td {
	padding: 5px 4px;
}

.Page_office #main-column #choice table td:nth-child(1) {
	width: 10%;
}

.Page_office #main-column #choice table td:nth-child(2) {
	width: 20%;
}

.Page_office #main-column #choice table td:nth-child(3) {
	width: 45%;
}

.Page_office #main-column #choice table td:nth-child(4) {
	width: 25%;
}

.Page_office #main-column #choice table td .lessons {
	font-size: 120%;
	font-weight: bold;
}

.Page_office #main-column #choice table td .genre .address {
	margin: 5px 0 0;
}

.Page_office #main-column #choice table td .genre .name {}

.Page_office #main-column #choice table td .genre span {
	float: left;
	margin: 5px 3px 3px 0;
	padding: 0 2px;
}

.Page_office #main-column #choice table td .genre span.type_infant {
	background: #ccc;
}

.Page_office #main-column #choice table td .genre span.type_primaryschool {
	background: #ccc;
}

.Page_office #main-column #choice table td .genre span.type_juniorhighschool {
	background: #ccc;
}

.Page_office #main-column #choice table td .genre span.type_highschool {
	background: #ccc;
}

.Page_office #main-column #choice table td .genre span.type_university {
	background: #ccc;
}

.Page_office #main-column #choice table td .genre span.type_adult {
	background: #ccc;
}


/****年間スケジュール****/
.Page_schedule #main-column #schedule table {
	border: 1px solid #ccc;
	margin: 18px auto 50px;
	width: 98%;

	font-size: 90%;
}

.Page_schedule #main-column #schedule table thead tr {
	background: #efefef;
	color: #333;
	font-weight: bold;
	text-align: center;
}

.Page_schedule #main-column #schedule table thead td {
	padding: 11px 0;
	text-align: center;
}

.Page_schedule #main-column #schedule table tbody {
	text-align: left;
}

.Page_schedule #main-column #schedule table tbody td:first-child {
	line-height: 1.7;
}

.Page_schedule #main-column #schedule table tbody td:nth-child(2) {
	width: 40%;
}

.Page_schedule #main-column #schedule table tbody td:nth-child(1),
.Page_schedule #main-column #schedule table tbody td:nth-child(2),
.Page_schedule #main-column #schedule table tbody td:nth-child(3) {
	padding: 14px 5px;
}

.Page_schedule #main-column #schedule table tr {
	border-bottom: 1px solid #ccc;
}

.Page_schedule #main-column #schedule table td {
	border-left: 1px solid #ccc;
}

.Page_schedule #main-column #schedule table td span {
	display: inline-block;
}

.Page_schedule #main-column #schedule table td:first-child {
	width: 27%;
}

.Page_schedule #main-column #schedule table td:nth-child(2) {
	width: 53%;
}

.Page_schedule #main-column #schedule table td:nth-child(3) {
	width: 20%;
}

.Page_schedule #main-column #schedule table .closed {
	background: #eee;
	color: #aaa;
}

/****出版物のご案内****/
.Page_book #main-column #book {}

.Page_book #main-column #book h3 {
	font-size: 110%;
	margin: 36px auto;

}

.Page_book #main-column #book p {
	padding: 0 19px;
	margin: 0 0 13px;

}

.Page_book #main-column #book img {
	float: left;
	width: 30%;
	margin: 0 2% 2% 0;
}

.bookp {
	float: left;
	width: 100%;

	font-size: 90%;
}

/****書の友・書朋****/
.Page_publication #main-column #publication h3 {
	margin: 28px 0 6px;
}

.Page_publication #main-column #publication article {
	display: table;
}

.Page_publication #main-column #publication article img {
	display: table-cell;
	max-height: 224px;
	max-width: 160px;

}

.Page_publication #main-column #publication article .text {
	display: table-cell;
	width: 78%;
	vertical-align: top;
	padding: 0 21px;
}

.Page_publication #main-column #publication article .text .detail {
	border: 1px solid #888;
	display: table;
	margin: 12px 0 0;
	padding: 5px 7px;
	width: 100%;
}

.Page_publication #main-column #publication article .text .detail p {
	display: table-cell;
	font-size: 90%;
	vertical-align: middle;
}

.Page_publication #main-column #publication article .text .detail a {
	border: 1px solid #ccc;
	box-shadow: 1px 1px 2px #eee;
	display: block;
	margin: 3px 0;
	padding: 8px 10px;
}


/****歴史****/
.Page_history #main-column #history {}

.Page_history #main-column #history article {
	margin: 18px 0 0;
}

.Page_history #main-column #history article:first-of-type {
	margin: 32px 0 0;
}

.Page_history #main-column #history article div.text {
	display: table;
	margin: 10px 0;
}

.Page_history #main-column #history article div.text p {
	display: table-cell;
	vertical-align: top;
}

.Page_history #main-column #history article div.text p:first-child {
	width: 70%;
}

.Page_history #main-column #history article div.text p:last-child {
	font-size: 80%;
	letter-spacing: 0;
	padding: 0 3%;
	width: 30%;
}


/****申込み方法****/
.Page_request #main-column #request #koudoku,
.Page_form #main-column #form #koudoku {
	border: 3px solid #bbb;
	font-size: 80%;
	margin: 29px 0 0;
}

.Page_request #main-column #request #koudoku tr:nth-child(1),
.Page_form #main-column #form #koudoku tr:nth-child(1) {
	background: #eaeaea;
}

.Page_request #main-column #request #koudoku td,
.Page_form #main-column #form #koudoku td {
	border: 1px solid #ccc;
	width: 7%;
	padding: 16px 2px;
	text-align: center;
	vertical-align: middle;
}

.Page_request #main-column #request #koudoku td:nth-child(1),
.Page_form #main-column #form #koudoku td:nth-child(1) {
	background: #7b7b7b;
	color: #fff;
}

.Page_request #main-column #request #koudoku td:first-child {
	width: 67px;
}

.Page_request #main-column #request>p:nth-child(2) {
	margin: 31px 0 0;
}

.Page_request #main-column #request dl {
	margin: 30px 0 30px 17px;
}

.Page_request #main-column #request dt {
	float: left;
}

.Page_request #main-column #request dd {
	margin: 0 0 5px 92px;
}

.Page_request #main-column #request ul.flow {
	margin: 31px auto 35px;
	width: 70%;
}

.Page_request #main-column #request ul.flow li {
	background: #8A8A8A;
	border-radius: 12px;
	color: #fff;
	margin: 0 0 37px 0;
	padding: 11px 0;
	position: relative;
	text-align: center;
}

.Page_request #main-column #request ul.flow li:after {
	display: block;
	content: '';
	position: absolute;
	border-width: 20px 20px 0 20px;
	border-style: solid;
	border-color: #aaa transparent transparent transparent;
	width: 0;
	height: 0;
	top: 54px;
	left: 50%;
	margin: 0 0 0 -20px;
}

.Page_request #main-column #request ul.flow li:last-child:after {
	content: none;
}

.Page_request #main-column #request .request_btn {
	border-top: 1px solid #aaa;
	padding: 31px 0 0;
}

.Page_request #main-column #request .request_btn a.btn {
	font-size: 115%;
	padding: 13px 0;
	width: 60%;
}

.Page_request #main-column #request .request_btn p {
	margin: 0 auto;
	width: 60%;
}


/****購読申込みフォームページ****/
.publication #form .book {
	overflow: hidden;
}

.publication #form .book div {
	float: left;
	margin: 15px;
	text-align: center;
}


/****書き初め講習会参加申込みフォーム****/
#form_kakizome #mw_wp_form_mw-wp-form-2081,
#form_exhibit .mw_wp_form {
	margin: 25px 0 0;
}

#form_kakizome table th,
#form_exhibit table th {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	background: #eee;
	padding: 12px 0 12px 15px;
	text-align: left;
	vertical-align: middle;
	width: 165px;
}

#form_kakizome table td,
#form_exhibit table td {
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 10px 14px;
	vertical-align: middle;
	width: 67%;
}

#form_kakizome table td p,
#form_exhibit table td p {
	margin: 0 0 8px;
}

#form_kakizome table td span {
	display: inline-block;
	width: 70px;
}

#form_exhibit table td span {
	display: inline-block;
	width: 80px;
}

#form_kakizome table td .name {
	margin: 0 0 0 5%;
	width: 75%;
}

#form_kakizome table td .furigana {
	margin: 0 0 0 5%;
	width: 75%;
}

#form_kakizome table td .grade {
	margin: 0 0 0 5%;
}

#form_exhibit table td .name,
#form_exhibit table td .age {
	margin: 0 0 0 5%;
	/* width: 75%; */
	width: calc(100% - 5% - 100px);
}

#form_kakizome table td.required,
#form_exhibit table td.required {
	background: #eee;
	color: #CC0025;
	font-size: 12px;
	vertical-align: middle;
	width: 33px;
}

#form_kakizome table td span.mwform-zip-field,
#form_kakizome table td span.mwform-tel-field,
#form_exhibit table td span.mwform-zip-field,
#form_exhibit table td span.mwform-tel-field {
	width: 100%;
}

#form_kakizome table td span.mwform-zip-field input,
#form_kakizome table td span.mwform-tel-field input,
#form_exhibit table td span.mwform-zip-field input,
#form_exhibit table td span.mwform-tel-field input {
	width: 20%;
}

#form_kakizome table td span.mwform-zip-field input:first-of-type,
#form_exhibit table td span.mwform-zip-field input:first-of-type {
	margin: 0 0 0 5px;
}

#form_kakizome table td #prefectures,
#form_exhibit table td #prefectures {
	margin: 0 0 5px;
}

#form_kakizome label,
#form_exhibit label {
	color: #237CD9;
	cursor: pointer;
	display: inline;
	font-size: 14px;
	margin: 0;
	padding: 10px;
	text-decoration: underline;
}

#form_kakizome label:hover,
#form_exhibit label:hover {
	text-decoration: none;
}

#form_kakizome input[type="checkbox"].on-off,
#form_exhibit input[type="checkbox"].on-off {
	display: none;
}

#form_kakizome ul,
#form_exhibit ul {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	list-style: none;
}

#form_kakizome li,
#form_exhibit li {
	padding: 15px 5px;
}

#form_kakizome input,
#form_exhibit input {
	padding: 3px 5px;
	width: 98%;
}

#form_kakizome input[type="checkbox"].on-off+ul,
#form_exhibit input[type="checkbox"].on-off+ul {
	height: 0;
	overflow: hidden;
}

#form_kakizome input[type="checkbox"].on-off:checked+ul {
	height: 500px;
	margin: 40px 0 0;
}

#form_exhibit input[type="checkbox"].on-off:checked+ul {
	height: auto;
	margin: 40px 0 0;
}

#form_kakizome input[type="checkbox"].on-off:checked+ul li,
#form_exhibit input[type="checkbox"].on-off:checked+ul li {
	border-top: 1px solid #bbb;
}

#form_kakizome p.sup,
#form_exhibit p.sup {
	margin: 0 0 20px;
}

#form_kakizome #btn,
#form_exhibit #btn {
	text-align: center;
}

#form_kakizome #btn input,
#form_exhibit #btn input {
	background: #ddd;
	background: -webkit-linear-gradient(top, #ddd 20%, #ccc 100%);
	background: linear-gradient(to bottom, #ddd 20%, #ccc 100%);
	color: #333;
	font-size: 105%;
	font-weight: bold;
	font-family: "メイリオ", Meiryo, Osaka, sans-serif;
	margin: 0 15px 0 0;
	padding: 10px 0;
	width: 35%;
}

#form_kakizome #btn input:hover,
#form_exhibit #btn input:hover {
	background: #eee;
	background: -webkit-linear-gradient(top, #eee 20%, #ddd 100%);
	background: linear-gradient(to bottom, #eee 20%, #ddd 100%);
	color: #e9420d;
	cursor: pointer;
	transition: 0.5s ease 0s;
}

#form_kakizome #textarea,
#form_exhibit #textarea {
	width: 97%;
}

#form_kakizome span.error,
#form_exhibit span.error {
	color: #B3070A;
	display: block;
	font-size: 1.3em;
	font-size: 13px;
	padding: 0 0 0 3px;
	width: 100%;
}

#form_kakizome .mw_wp_form_confirm input[type="checkbox"].on-off+ul,
#form_exhibit .mw_wp_form_confirm input[type="checkbox"].on-off+ul {
	height: auto !important;
}

#form_kakizome .mw_wp_form_confirm label,
#form_exhibit .mw_wp_form_confirm label {
	display: none !important;
}

#form_kakizome .mw_wp_form_confirm table td span,
#form_exhibit .mw_wp_form_confirm table td span {
	margin: 0 1rem 0 0;
}

/****通販規約ページ****/
.Page_rules #main-column #rules {}

.Page_rules #main-column #rules h3 {
	margin: 27px 0 0;
}

.Page_rules #main-column #rules p {
	margin: 12px 0 0;
}


/****作品出品の決まり・Ｑ&Ａ****/
.Page_faq #main-column #faq {}

.Page_faq #main-column #faq h3 {
	margin: 27px 0 0;
}

.Page_faq #main-column #faq>p {
	text-align: center;
	margin: 28px 0 0;
}

.Page_faq #main-column #faq p {
	margin: 28px 0 0;
}


/****今月の優秀作品ページ****/
.Page_curt_superior #main-column #curt_superior h3 {
	margin: 28px 0 6px;
}

.Page_curt_superior #main-column #curt_superior article {
	display: table;
}

.Page_curt_superior #main-column #curt_superior article img {
	display: table-cell;
	max-height: 224px;
	max-width: 160px;

}

.Page_curt_superior #main-column #curt_superior article .text {
	display: table-cell;
	width: 78%;
	vertical-align: top;
	padding: 0 21px;
}

.Page_curt_superior #main-column #curt_superior article .text .detail {
	margin: 12px 0 0;
	padding: 5px 7px;
	width: 100%;
	text-align: right;
}

.Page_curt_superior #main-column #curt_superior article .text .detail p {
	font-size: 90%;
	width: 35%;
	display: inline-block;
	text-align: left;
}

.Page_curt_superior #main-column #curt_superior article .text .detail a {
	display: block;
	margin: 3px 0;
	text-decoration: none;
}

.Page_curt_superior #main-column #curt_superior article .text .detail a:hover {
	text-decoration: underline;
}


/****書の友硬筆・毛筆、書朋各優秀作品ページ****/
.publication #main-column h3 {
	border-bottom: 1px solid #aaa;
	border-left: 5px solid #aaa;
	margin: 31px 0 19px 0;
	padding: 0 0 0 3px;
}

.publication #main-column .photo-bundle {
	overflow: hidden;
}

.publication #main-column .indiv {
	float: left;
	margin: 15px 0;
	padding: 0 2%;
	width: 15%;
	min-width: 118px;
	max-height: 260px;
	text-align: center;
}

.publication #main-column .indiv a {
	display: block;
}

.publication #main-column .indiv img {
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100px;
	max-height: 200px;
}

.publication #main-column .indiv p {
	text-align: left;
}

.publication #main-column .indiv strong {
	font-size: 98%;
}

/****過去の優秀作品ページ****/
.Page_past-superior #main-column h3 {
	border-bottom: 1px solid #aaa;
	border-left: 5px solid #aaa;
	margin: 0;
	padding: 0 0 0 3px;
}

.Page_past-superior #main-column article {
	margin: 24px 0 0;
	overflow: hidden;
}

.Page_past-superior #main-column .detail {
	display: table;
	float: left;
	margin: 12px 0 0;
	width: 50%;
}

.Page_past-superior #main-column .detail .text {
	display: table-cell;
	vertical-align: top;
	width: 70%;
}

.Page_past-superior #main-column .detail img {
	display: table-cell;
	width: 15%;
}


/****過去の優秀作品詳細ページ****/
.syonotomo_syohou #main-column h2 {
	margin: 35px 0 0 0;
}

.syonotomo_syohou #main-column h2:first-child {
	margin: 0;
}

.syonotomo_syohou #archives>article {
	border: none;
}

.syonotomo_syohou #archives>article .entry-content {
	padding: 0;
}

.syonotomo_syohou #main-column {
	padding: 0;
}

.syonotomo_syohou #main-column h3 {
	border-bottom: 1px solid #aaa;
	border-left: 5px solid #aaa;
	margin: 31px 0 19px 0;
	padding: 0 0 0 3px;
}

.syonotomo_syohou #main-column .photo-bundle {
	overflow: hidden;
}

.syonotomo_syohou #main-column .indiv {
	float: left;
	margin: 15px 0;
	padding: 0 2%;
	width: 15%;
	min-width: 118px;
	max-height: 260px;
	text-align: center;
}

.syonotomo_syohou #main-column .indiv a {
	display: block;
}

.syonotomo_syohou #main-column .indiv img {
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100px;
	max-height: 200px;
}



/****展覧会のご案内ページ****/
.exhibit #main-column article {
	display: table;
	border-bottom: 1px solid #aaa;
	padding: 0 0 35px;
	margin: 35px 0;
}

.exhibit #main-column .exhibit_2col>.wp-block-group__inner-container {
	display: table;
}

.exhibit #main-column article:last-of-type {
	border-bottom: none;
}

.exhibit #main-column div.photo {
	display: table-cell;
}

.exhibit #main-column div.photo img {
	background: #ccc;
	width: 150px;
	height: 200px;
}

.exhibit #main-column div.exhibit_info {
	display: table-cell;
	height: 100%;
	padding: 0 0 0 15px;
	position: relative;
	vertical-align: top;
	width: 79%;
	min-width: 590px;
}

.exhibit #main-column div.exhibit_info h3 {
	font-size: 120%;
	margin: 0 0 15px 1em;
	text-indent: -1em;
}

.exhibit #main-column div.exhibit_info h4 {
	font-weight: normal;
	margin: 8px 0 0;
}

.exhibit #main-column div.exhibit_info p.text {
	margin: 0 0 15px 20px;
}

.exhibit #main-column div.exhibit_info p.closed {
	border: 1px solid #CB0003;
	padding: 6px 5px;
}

.exhibit #main-column div.exhibit_info p.closed .red {
	color: #CB0003;
}

.exhibit #main-column div.exhibit_info p.link {
	position: absolute;
	bottom: 0;
	right: 0;
}

.exhibit #main-column div.exhibit_info dl {
	margin: 0 0 35px 20px;
}

.exhibit #main-column div.exhibit_info dt {
	float: left;
}

.exhibit #main-column div.exhibit_info dd {
	margin: 0 0 12px 120px;
}

.exhibit #main-column div.exhibit_info ul {
	margin: 13px 0 0 1.5em;
}

.exhibit #main-column div.exhibit_info li {
	margin: 0 0 8px;
}

.exhibit #main-column div.exhibit_info p.table_text {
	margin: 0 0 4px;
}

.exhibit #main-column div.exhibit_info table {
	border: 2px solid #aaa;
	font-size: 1.3em;
	font-size: 13px;
	margin: 0 0 20px;
	width: 100%;
}

.exhibit #main-column div.exhibit_info table thead {
	background: #eee;
	text-align: center;
}

.exhibit #main-column div.exhibit_info table tbody {}

.exhibit #main-column div.exhibit_info table tr {}

.exhibit #main-column div.exhibit_info table td {
	border: 1px solid #aaa;
	padding: 10px 8px;
	vertical-align: middle;
	width: 16%;
}

.exhibit #main-column ul.work_desc {
	margin: 20px 0 0 20px;
}

.exhibit #main-column ul.work_desc li {
	margin: 0 0 3px 0;
}

.exhibit #main-column ul.work_desc li a:before {
	content: "<";
}

.exhibit #main-column ul.work_desc li a:after {
	content: ">";
}

.exhibit #main-column .btn_result a {
	margin: 20px 0px 3px 0;
}

.exhibit #main-column ul.list_archive li {
	list-style: disc outside;
}

.exhibit #main-column ul.list_archive li>ul li {
	list-style: circle inside;
}


/****結果報告****/
#main-column #result article {
	width: 100%;
}

#main-column #result .pic_app p {
	padding: 1%;
}

#main-column #result .pic_app ul {
	overflow: hidden;
	width: 100%;
}

#main-column #result .pic_app ul:first-child {
	margin: 25px 0 0;
}

#main-column #result .pic_app ul:last-child {
	margin: 0 0 25px;
}

#main-column #result .pic_app li {
	float: left;
	width: 30%;
	padding: 1%;
}

#main-column #result .pic_app li img {
	width: 100%;
}

#main-column #result h3 {
	margin: 30px 0 10px;
}

#main-column #result .pic_result {
	overflow: hidden;
}

#main-column #result .pic_result div {
	float: left;
	margin: 1%;
	width: 23%;
	text-align: center;
}

/****アーカイブ㌻用****/
#maincontents .exhibit h1.entry-title {
	margin: 27px 0 0 0;
	padding: 10px 0 0 0px;
	line-height: 20px;
	vertical-align: bottom;
}

/*** 書教育研究会 ***/
.Page_syokyouiku #main-column #syokyouiku>p {
	margin: 25px 0 30px;
}

.Page_syokyouiku #main-column #syokyouiku article {
	padding: 0 20px;
}

.Page_syokyouiku #main-column #syokyouiku article img {
	width: 45%;
	margin: 0 1% 0 0;
}

.Page_syokyouiku #main-column #syokyouiku article h3 {
	margin: 39px 0 10px;
}

.Page_syokyouiku #main-column #syokyouiku article p {
	margin: 0 0 15px;
}

.Page_sponsor #main-column article {
	display: table;
	/* border-bottom: 1px solid #aaa; */
	/* padding: 0 0 35px; */
	margin: 35px 0;
}

.Page_sponsor #main-column #sponsor ul.work_desc {
	margin: 0 0 0 20px;
}

.Page_sponsor #main-column #sponsor ul.work_desc li {
	margin: 0 0 3px 0;
}

/*** 役員専用ページログイン ***/
.tml.tml-login input[type="text"],
.tml.tml-login input[type="password"] {
	box-sizing: border-box;
	width: 300px;
	max-width: 100%;
}

.tml.tml-login .tml-log-wrap,
.tml.tml-login .tml-pwd-wrap {
	margin: 10px 0;
}

/*** 役員 ***/
.Page_officer #main-column #officer h3 {
	margin: 29px 0 11px;
}

.Page_officer #main-column #officer dl {
	padding: 0 10px;
}

.Page_officer #main-column #officer dt {
	float: left;
}

.Page_officer #main-column #officer dt:first-of-type {
	padding: 10px 0 0 0;
}

.Page_officer #main-column #officer dd {
	padding: 0 0 10px 100px;
	margin: 0 0 10px 0px;
	border-bottom: 1px dotted #ccc;
}

.Page_officer #main-column #officer dd:first-of-type {
	padding: 10px 0 10px 100px;
	border-top: 1px dotted #ccc;
}

.Page_officer #main-column #officer span {
	width: 340px;
	display: inline-block;
}

.Page_officer #main-column #officer p {
	margin: 0 0 19px;
	padding: 0 10px;
}


/*** 催し案内 ***/
/****主催事業****/
.Page_event #main-column #event h3,
.Page_sponsor #main-column #sponsor h3 {
	margin: 15px 15px 0;
}

.Page_sponsor #main-column #sponsor h3 {
	border-top: 1px dotted #aaa;
	margin: 25px 15px 0;
	padding: 25px 0 0;
}

.Page_sponsor #main-column #sponsor h3:first-of-type {
	border-top: none;
	margin: 15px 15px 0;
	padding: 0;
}

.Page_event #main-column #event dl {
	border-bottom: 1px dotted #aaa;
}

.Page_event #main-column #event dl,
.Page_sponsor #main-column #sponsor dl {
	padding: 15px 15px 0 29px;
}

.Page_event #main-column #event dt,
.Page_sponsor #main-column #sponsor dt {
	float: left;
}

.Page_event #main-column #event dt:first-of-type {
	padding: 10px 0 0 0;
}

.Page_event #main-column #event dt:last-of-type {
	padding: 0 0 10px;
}

.Page_event #main-column #event dt.subtitle,
.Page_sponsor #main-column #sponsor dt.subtitle {
	text-indent: -1em;
}

.Page_event #main-column #event dd,
.Page_sponsor #main-column #sponsor dd {
	padding: 0 0 0 100px;
	margin: 0 0 0 0px;
}

.Page_sponsor #main-column #sponsor td img {
	vertical-align: bottom;
	margin: 0 5px 0 0;
}

.Page_event #main-column #event dd:first-of-type {
	padding: 10px 0 0 100px;
}

.Page_sponsor #main-column #sponsor>p {
	margin: 30px 0 0 29px;
	width: 80%;
}

.Page_sponsor #main-column #sponsor table {
	border: 2px solid #aaa;
	font-size: 1.3em;
	font-size: 13px;
	margin: 0 0 0 29px;
	width: 80%;
}

.Page_sponsor #main-column #sponsor table thead {
	background: #eee;
	text-align: center;
}

.Page_sponsor #main-column #sponsor table td {
	border: 1px solid #aaa;
	padding: 10px 8px;
	vertical-align: middle;
	width: 16%;
}


/****役員専用ページ****/
.Page_member #sub-column .sub-menu ul li:nth-child(3) a {
	letter-spacing: 0;
	font-size: 95%;
}

.Page_member #memberpage_bnr ul {
	overflow: hidden;
	margin: 0 0 16px;
}

.Page_member #memberpage_bnr li {
	float: left;
	height: 150px;
	color: #ededed;
	width: 48%;
	margin: 1%;
	position: relative;
}

.Page_member #memberpage_bnr li h3 {
	border-left: 5px solid #ededed;
	padding: 0 0 0 7px;
	margin: 0 0 0 16px;
	font-size: 120%;
}

.Page_member #memberpage_bnr li p {
	margin: 5px 0 0 11px;
	text-shadow: 1px 1px 1px #000;
	font-size: 87%;
}

.Page_member #memberpage_bnr ul li:nth-child(1) {
	background: url(../images/bnr_memberlink01.jpg) #040404 right top no-repeat;
}

.Page_member #memberpage_bnr ul li:nth-child(2) {
	background: url(../images/bnr_memberlink01.jpg) #040404 right top no-repeat;
}

.Page_member #memberpage_bnr ul li:nth-child(3) {
	background: url(../images/bnr_memberlink01.jpg) #040404 right top no-repeat;
}

.Page_member #memberpage_bnr ul li:nth-child(4) {
	background: url(../images/bnr_memberlink01.jpg) #040404 right top no-repeat;
}

.Page_member #memberpage_bnr ul li:nth-child(5) {
	background: url(../images/bnr_memberlink01.jpg) #040404 right top no-repeat;
	width: 100%;
}

.Page_member #memberpage_bnr li a {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 10;
}

.Page_member #memberpage_bnr li a:hover {
	background: rgba(255, 255, 255, 0.5);
}

.Page_member #memberpage_bnr li:after {
	color: #fff;
	background: rgba(130, 130, 130, 0.9);
	padding: 5px 13px;
	content: "詳しくはこちら";
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
}

/****役員 事業****/
.Page_project #main-column #schedule table {
	border: 1px solid #ccc;
	margin: 18px auto 50px;
	width: 98%;

	font-size: 90%;
}

.Page_project #main-column #schedule table thead tr {
	background: #efefef;
	color: #333;
	font-weight: bold;
	text-align: center;
}

.Page_project #main-column #schedule table thead td {
	padding: 11px 0;
	text-align: center;
}

.Page_project #main-column #schedule table tbody {
	text-align: left;
}

.Page_project #main-column #schedule table tbody td:first-child {
	line-height: 1.7;
}

.Page_project #main-column #schedule table tbody td:nth-child(2) {
	width: 40%;
}

.Page_project #main-column #schedule table tbody td:nth-child(1),
.Page_project #main-column #schedule table tbody td:nth-child(2),
.Page_project #main-column #schedule table tbody td:nth-child(3) {
	padding: 14px 5px;
}

.Page_project #main-column #schedule table tr {
	border-bottom: 1px solid #ccc;
}

.Page_project #main-column #schedule table td {
	border-left: 1px solid #ccc;
}

.Page_project #main-column #schedule table td span {
	display: inline-block;
}

.Page_project #main-column #schedule table td:first-child {
	width: 27%;
}

.Page_project #main-column #schedule table td:nth-child(2) {
	width: 53%;
}

.Page_project #main-column #schedule table td:nth-child(3) {
	width: 20%;
}

.Page_project #main-column #schedule table .closed {
	background: #eee;
	color: #aaa;
}




/****役員　議事録****/
.Page_agenda #financial h3 {
	background: #ccc;
	margin: 19px 0 9px;
	padding: 6px 8px;
}

.Page_agenda #financial ul {
	padding: 0 12px;
}

.Page_agenda #financial li:before {
	background: url(../images/common/icon_pdf.gif) no-repeat;
	content: "";
	display: inline-block;
	height: 30px;
	padding: 0 5px 0 0;
	vertical-align: top;
	width: 24px;
}


.Page_member #memberpage_bnr a {
	color: #fff;
	transition: 0.5s ease 0s;
}

.Page_member #memberpage_bnra:hover {
	color: #fff;
}


/****役員　フォトギャラリー****/

#photogallery {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#photogallery .galleryarea {
	width: 40%;
	float: left;
	margin: 0.5em 2.5%;
	padding: 1em;
}

#photogallery .galleryarea img {
	width: 100%;



}

#photogallery .item {
	width: 45%;
}

#photogallery .galleryarea p {
	text-align: left;
	width: 100%;
}

#photogallery ul#gallery-item {
	overflow: hidden;
	display: flex;
	flex-flow: row wrap;
}



#photogallery ul#gallery-item h4 {
	color: #333;
	font-size: 16px;
	text-align: left;

	margin: 3px 0;
}

#photogallery ul#gallery-item h4 i {
	margin: 0 3px 0 0;
}

#photogallery ul#gallery-item img {
	width: 100%;
}

#photogallery ul#gallery-item p {
	margin: 5px 0 0;
}

#photogallery ul#gallery-item>li {
	/* float: left; */
	margin: 0 1% 10px;
	padding: 10px 5px;
	text-align: center;
	width: 45%;
}

#photogallery ul#gallery-item>li ul {
	min-height: 30px;
	padding: 5px 0;
}

#photogallery .border {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	content: "";
	display: block;
	overflow: hidden;
	width: 100%;
}

#photogallery ul#gallery-item>li ul li {
	margin: 0 0 0 1em;
	text-align: left;
	text-indent: -1em;
}

#photogallery ul#gallery-item>li p {
	min-height: 90px;
	text-align: left;

}

.nendookuri {
	width: 100%;
	margin: 10px 0 20px 2em;
	float: left;
}

.nendookuri ul {}

.nendookuri li {
	float: left;
	padding: 0.5em;
	border-right: #333 solid 1px;
	width: auto;

}

/****投稿ページ一覧****/
#archives {
	display: table-cell;
	overflow: hidden;
	padding: 25px 0 60px;
	vertical-align: top;
	width: 740px;
}

#archives h1.archive-title {
	border: 1px solid #ccc;
	color: #676767;
	line-height: 35px;
	margin: 0 0 20px;
	padding: 0 0 0 10px;
}

#archives>article {
	border: 1px solid #999;
	margin: 40px 0 0;
	padding: 0 0 10px;
}

#archives p.entry-date {
	border-bottom: 1px dotted #ccc;
	margin: 10px 15px;
}

#archives time.entry-date {
	font-size: 15px;
	font-size: 1.5rem;
}

#archives>article .entry-header {
	background-image: url(/images/common/bg_ttl01.png);
	background-position: 7px center;
	background-repeat: no-repeat;
	background-size: 13px auto;
	background-color: #999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	float: none;
	line-height: 1.7;
	list-style: none;
	padding: 0 0 0 25px;
	width: 100%;

}

#archives>article .entry-content {
	padding: 5px 15px 0;
}

#archives>article .category-meta {
	padding: 10px 15px 0px;
	text-align: right;
}

#archives>article .category-meta .cat-links,
#archives>article .category-meta .edit-link {
	font-size: 13px;
	font-size: 1.3rem;
}

#archives>article .category-meta .cat-links:before {
	content: "カテゴリ:";
}

#archives .navigation {
	margin: 5px 0 0;
}


/****投稿ページ詳細****/
#archives .archive-header {
	display: inline;
	margin: 0;
	padding: 0;
	width: 100%;
}

#archives article>h1.archive-title {
	border: 1px solid #ccc;
	color: #676767;
	line-height: 35px;
	padding: 0 0 0 10px;
}

#archives>article {
	border: 1px solid #999;
	margin: 40px 0 0;
	padding: 0 0 10px;
	max-width: 100%;
}

#archives>article:first-of-type {
	margin: 0;
}

#archives p.entry-date {
	border-bottom: 1px dotted #ccc;
	margin: 10px 15px;
}

#archives time.entry-date {
	font-size: 15px;
	font-size: 1.5rem;
}

#archives>article .entry-header {
	background-image: url(/images/common/bg_ttl01.png);
	background-position: 7px center;
	background-repeat: no-repeat;
	background-size: 13px auto;
	background-color: #999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	float: none;
	padding: 0 0 0 25px;
	line-height: 1.7;
	width: 100%;

}

#archives>article .entry-content {
	padding: 5px 15px 0;
	word-break: break-all;
}

#archives>article .category-meta {
	padding: 10px 15px 0px;
	text-align: right;
}

#archives>article .category-meta .cat-links,
#archives>article .category-meta .edit-link {
	font-size: 13px;
	font-size: 1.3rem;
}

#archives>article .category-meta .cat-links:before {
	content: "カテゴリ:";
}

#archives .navigation {
	margin: 5px 0 0;
	padding: 0;
}

#archives .navigation .nav-links {
	border-top: none;
	font-size: 14px;
	font-size: 1.4rem;
}

#archives .navigation .nav-links a {
	border-bottom: none;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


/****フォーラム****/
h2.forum {
	border: 1px solid #ccc;
	box-shadow: 1px 1px 2px #eee;
	color: #676767;
	line-height: 35px;
	margin: 25px 0 10px;
	padding: 0 0 0 10px;
}

.bbp-breadcrumb,
.bbp-template-notice,
#subscription-toggle {
	display: none;
}

#bbpress-forums {
	width: 740px;
}

#bbpress-forums li.bbp-header {
	background: #ccc;
}

#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer {
	background: #ccc;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums .bbp-topic-title p.bbp-topic-meta,
#bbpress-forums .bbp-topic-freshness p.bbp-topic-meta {
	display: none;
}

.hentry {
	max-width: 100%;
}

#bbpress-forums div.bbp-pagination {
	margin: 10px 0 0;
	float: none;
}

#bbpress-forums div.bbp-pagination:nth-of-type(1) {
	display: none;
}

.bbp-pagination-count {
	float: none;
}

#bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author {
	display: none;
}

li.bbp-forum-info, li.bbp-topic-title {
	width: 70%;
}

li.bbp-forum-freshness, li.bbp-topic-freshness {
	display: none;
}

#bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content {
	font-size: 115%;
	margin-left: 0;
	padding: 24px 12px;
}

#bbpress-forums li.bbp-header .bbp-search-content, #bbpress-forums li.bbp-footer .bbp-search-content, #bbpress-forums li.bbp-header .bbp-forum-content, #bbpress-forums li.bbp-footer .bbp-forum-content, #bbpress-forums li.bbp-header .bbp-topic-content, #bbpress-forums li.bbp-footer .bbp-topic-content, #bbpress-forums li.bbp-header .bbp-reply-content, #bbpress-forums li.bbp-footer .bbp-reply-content {
	margin-left: 0px;
}

#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {
	margin: 10px 0 0;
}

.bbp-topic-form, .bbp-reply-form, .bbp-topic-tag-form {
	margin: 30px 0 0;
}

#bbpress-forums fieldset.bbp-form {
	border: 1px solid #bbb;
}

#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
	display: none;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	border: 1px solid #bbb;
}

input, textarea {
	border: 1px solid #bbb;
}

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

.bbp-topic-form #new-post p:nth-of-type(1) {
	display: block;
}

p.pre_page {
	margin: 20px 0;
	text-align: right;
}

p.pre_page a {
	text-decoration: none;
}

p.pre_page a:hover {
	text-decoration: underline;
}


/***　サイトマップ　 ***/


.Page_sitemap #sitemap {
	background: #fff;
}

.Page_sitemap #sitemap-inner {
	font-size: 90%;
	line-height: 1.6;
	max-width: 1020px;
	margin: auto;
	overflow: hidden;
}

.Page_sitemap #sitemap ul {
	float: left;
	margin: 20px 80px 20px 0;
}

.Page_sitemap #sitemap ul a {
	margin: 0 0 0 10px;
}

.Page_sitemap #sitemap ul dl {
	position: relative;
}

.Page_sitemap #sitemap ul dd {
	margin: 0 0 0 15px;
	position: relative;
}

.Page_sitemap #sitemap ul a:before {
	content: "";
	border-color: transparent transparent transparent #666;
	border-style: solid;
	border-width: 3px 6px;
	height: 0;
	left: 0px;
	position: absolute;
	top: 4px;
	width: 0;
}

.Page_sitemap #sitemap li {
	position: relative;
}

.Page_sitemap .information .text {
	padding: 8px 0 0;
	text-align: center;
}


/*-----
footer --------------------*/
footer {
	background: #ccc;
	color: #666;
	width: 100%;
}

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

footer a:hover {
	text-decoration: underline;
}

footer .contact,
footer .information {
	display: table;
	margin: auto;
	max-width: 1020px;
	width: 100%;
}

footer .contact h2 {
	display: table-cell;
	font-size: 1.6rem;
	font-size: 16px;
	vertical-align: middle;
	width: 15%;
}

footer .contact .text {
	display: table-cell;
	width: 70%;
}

footer .contact .text p {
	margin: 6px 0 0;
}

footer .contact p.tel {
	font-size: 110%;
	margin: 2px 0 6px;
}

footer .contact .tel span.tel-num {
	font-size: 2.1rem;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0;
}

footer .contact .page_scroll {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	width: 15%;
}

footer .contact .page_scroll i {
	display: inline-block;
	font-size: 2.1rem;
	font-size: 21px;
	height: 12px;
	margin-right: 2px;
	vertical-align: middle;
}

footer .information {
	display: table;
	font-size: 90%;
}

footer .information .text h3 {
	font-size: 130%;
}

footer .information .text {
	width: 60%;
	display: table-cell;
	padding: 8px 0 17px;
	vertical-align: middle;
}

footer .information ul {
	display: table-cell;
	padding: 8px 0 17px;
	text-align: right;
	vertical-align: middle;
	width: 40%;
}

footer .information li {
	display: table-cell;
}

footer #copyright {
	font-size: 90%;
	line-height: 2.5;
	max-width: 1020px;
	margin: auto;
	text-align: center;
}

footer #sitemap {
	background: #fff;
}

footer #sitemap-inner {
	font-size: 80%;
	line-height: 1.5;
	max-width: 1020px;
	margin: auto;
	overflow: hidden;
}

footer #sitemap ul {
	float: left;
	margin: 20px 35px 20px 0;
}

footer #sitemap ul a {
	margin: 0 0 0 10px;
}

footer #sitemap ul dl {
	position: relative;
}

footer #sitemap ul dd {
	margin: 0 0 0 15px;
	position: relative;
}

footer #sitemap ul a:before {
	content: "";
	border-color: transparent transparent transparent #666;
	border-style: solid;
	border-width: 3px 6px;
	height: 0;
	left: 0px;
	position: absolute;
	top: 4px;
	width: 0;
}

footer #sitemap li {
	position: relative;
}

footer .information .text {
	padding: 8px 0 0;
	text-align: center;
}

.member footer #sitemap-inner {
	max-width: 600px;
}

.member footer #sitemap-inner {
	padding: 21px 0;
}

.member footer #sitemap ul {
	float: left;
	margin: 3px 0;
}

.member footer #sitemap li {
	float: left;
	margin: 0 15px 0 0;
}


/*-----
pc-sp switch --------------------*/
ul.switch {
	text-align: center;
	padding: 0;
	display: none;
}

ul.switch li {
	display: inline-block;
	/display: inline;
	/*IE対策*/
	/zoom: 1;
	/*IE対策*/
	padding: 0;
}

#btnPC {
	background: #ccc;
	color: #fff;
}

#btnSP {
	background: #726d6d;
	color: #fff;
}

/* レスポンシブ 表示切替
------------------------- */
div.pc {
	display: block;
}

div.sp {
	display: none;
}








@media screen and (max-width: 736px) {
	.br:before {
		content: "\A";
		white-space: pre;
	}

	#pc-hdcontainer,
	#globalnavi,
	#sub-column,
	footer #sitemap {
		display: none;
	}

	section.mobile {
		display: block;
	}

	#contents_inner,
	#main-column {
		display: block;
		width: auto;
	}

	/*-----
tableスタイル --------------------*/
	.table-style {
		display: block;
		width: 100%;
		margin: 0 -10px;
	}

	.table-style thead {
		display: block;
		float: left;
	}

	.table-style tbody {
		display: block;
		width: auto;
		white-space: nowrap;
	}

	.table-style th {
		display: block;
		width: auto;
	}

	.table-style tbody tr {
		display: inline-block;
		margin: 0 -4px;
	}

	.table-style td {
		display: block;
	}

	/*-----
日替り画像 --------------------*/
	#sample {
		margin: 18px auto 25px;
		width: 87%;
	}

	#sample02 {
		display: table;
		margin: 15px auto 0;
		width: 95%;
	}

	#contents .ex-work h2 {
		background: #ccc;
		font-size: 1.6rem;
		font-size: 16px;
		line-height: 49px;
		text-align: center;
	}

	#sample02 p.photo,
	#sample02 p.text {
		display: table-cell;
		width: 50%;
	}

	#sample02 p.photo {
		background: #EAEAEA;
		box-shadow: 1px 1px 3px #aaa;
		padding: 15px 5px;
		text-align: center;
	}

	#sample02 p.photo img {
		display: inline-block;
		max-width: 110px;
		max-height: 150px;
	}

	#sample02 p.text {
		padding: 0 0 0 10px;
		text-align: center;
		vertical-align: middle;
	}

	/*-----
ついでにここに購読ボタン --------------------*/
	#contents .mobile .buy_page {
		display: block;
		margin: 3px auto 37px;
		width: 87%;
	}

	#contents .buy_page i.fa {
		font-size: 110%;
	}

	#contents .buy_page a {
		background: #ccc;
		border-bottom: none;
		border-radius: 27px;
		box-shadow: 1px 2px 3px #Ccc;
		color: #333;
		display: inline-block;
		font-size: 1.5rem;
		font-size: 15px;
		font-weight: bold;
		line-height: 63px;
		text-align: center;
		text-decoration: none;
		width: 100%;
		line-height: 1.5;
		padding: 11px 0 7px;
	}

	#contents .buy_page.kyujin a {
		background: #5a75b5;
		color: #fff;
	}

	#contents .buy_page a:hover {
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}



	/*-----
header --------------------*/
	body {
		min-width: inherit;
	}

	#mobile-hdcontainer {
		background: #ccc;
		background: -webkit-linear-gradient(top, #fff 80%, #e0e0e0 100%);
		background: linear-gradient(to bottom, #fff 80%, #e0e0e0 100%);
		border-bottom: 5px solid #999;
		display: block;
		height: 85px;
		overflow: hidden;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 99;
	}

	#mobile-hdcontainer .hd-logo {
		float: left;
		margin: 5px 0;
		text-align: center;
		width: 62%;
	}

	#mobile-hdcontainer .hd-logo img {
		max-width: 200px;
	}

	#mobile-hdcontainer #mobilenavi,
	#mobile-hdcontainer .member_page {
		float: left;
		text-align: center;
		width: 19%;
	}

	#mobile-hdcontainer #mobilenavi {
		cursor: pointer;
	}

	#mobile-hdcontainer #mobilenavi #mobile-bar,
	#mobile-hdcontainer .member_page a {
		background: #666;
		border-radius: 3px;
		color: #fff;
		display: inline-block;
		font-size: 32px;
		height: 50px;
		line-height: 1;
		margin: 16px 0 0;
		padding: 2px 5px 0;
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		width: 45px;
	}

	#mobile-hdcontainer .member_page a {
		background: #05447c;
	}

	#mobile-hdcontainer #mobilenavi #mobile-bar span,
	#mobile-hdcontainer .member_page a span {
		display: block;
		font-size: 0.9rem;
		font-size: 9px;
	}



	/*-----
mainvisual --------------------*/
	#mainvisual {
		padding: 110px 0 23px;
	}

	#mainvisual .non-slides p {
		font-size: 110%;
		filter: dropshadow(color=#fff, offX=0, offY=-1) dropshadow(color=#fff, offX=1, offY=0) dropshadow(color=#fff, offX=0, offY=1) dropshadow(color=#fff, offX=-1, offY=0);
		/*-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 1px;*/
		text-shadow: white 2px 2px 2px, white -2px 2px 2px,
			white 2px -2px 2px, white -1px -1px 0px;
	}

	#mainvisual .non-slides img {
		text-shadow: 0 0 3px #fff;
		vertical-align: text-bottom;
		width: 100%;
	}

	#mainvisual .non-slides p {
		margin: -23px 0 0;
	}

	/*-----
contents --------------------*/
	#main-column {
		margin: auto;
		width: 98%;
	}

	/****トップページ****/
	#main-column #work article {
		display: table;
		float: none;
		margin: 22px auto;
		width: 90%;
	}

	#main-column #work article.work_left {
		border-right: none;
	}

	#main-column #work article.work_left,
	#main-column #work article.work_right {
		border-bottom: 1px solid #ccc;
		margin: 0 auto;
		padding: 25px 0;
	}

	#main-column #work article img {
		width: 85%;
	}

	#main-column #work article .title {
		font-size: 1.7rem;
		font-size: 17px;
	}

	#main-column #work article .text {
		font-size: 100%;
		width: 70%;
	}

	#main-column #work article.work_left:last-child,
	#main-column #work article.work_right:last-child {
		border: none;
	}

	#main-column #work article .sentence {
		margin: 0 0 15px;
	}

	#main-column #work article .link {
		bottom: 0;
		position: static;
		right: 0;
		text-align: center;
		width: 95%;
	}

	#main-column #work article .link li {
		border: 1px solid #aaa;
		border-radius: 4px;
		line-height: 1.8;
		margin: 0 0 9px;
		width: 100%;
	}

	#main-column #work article .link a {
		display: inline;
		width: 100%;
	}

	#main-column #news ul {
		margin: 13px 0 37px;
	}

	#main-column #news ul li a {
		display: block;
		line-height: 23px;
	}

	#main-column #news ul li {
		padding: 12px 11px;
	}

	#main-column #news dl dt {
		float: none;
	}

	#main-column #news dl dd {
		margin: 0;
	}

	/****基本情報****/
	.Page_about #main-column #about .text {
		float: none;
		margin: auto;
		padding: 0;
		width: 95%;
	}

	.Page_about #main-column #about .photo {
		float: none;
		margin: auto;
		text-align: center;
		width: 95%;
	}

	.Page_about #main-column #about .text dl {
		margin: 0;
	}

	.Page_about #main-column #about .text dt {
		text-indent: -17px;
		margin: 13px 0 0 16px;
	}

	.Page_about #main-column #about .text ul {
		margin: 13px 0 0 15px;
	}

	.Page_about #main-column #about .photo img {
		width: 100px;
	}


	/****書道協会理念****/
	.Page_ideas #main-column #ideas dl {
		padding: 0 15px;
	}


	/****組織****/
	.Page_structure #main-column #structure span {
		width: 45%;
	}

	.Page_structure #main-column #structure dd:first-of-type {
		padding: 10px 0 10px 110px;
	}

	.Page_structure #main-column #structure dd {
		padding: 0 0 10px 110px;
	}

	/****2016_04_16****/


	.Page_structure #main-column #structure .kain {
		width: 100%;
		float: none;
	}

	.Page_structure #main-column #structure .kain li {
		float: left;
		width: 100%;
	}

	.Page_structure #main-column #structure .cssgrid_5 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 0px 10px;
	}

	/****年間スケジュール****/
	.Page_schedule #main-column #schedule table {
		border-left: none;
		border-right: none;
	}

	.Page_schedule #main-column #schedule table thead {
		display: none;
	}

	.Page_schedule #main-column #schedule table td {
		border: none;
		float: left;
		text-align: left !important;
		width: 100% !important;
		padding: 7px 0;
	}

	.Page_schedule #main-column #schedule table td:nth-child(2) {
		padding: 0;
		width: 60%;
	}

	.Page_schedule #main-column #schedule table tbody td:nth-child(1) {
		padding: 9px 0 0 5px;
	}

	.Page_schedule #main-column #schedule table tbody td:nth-child(2) {
		padding: 0 0 0 5px;
	}

	.Page_schedule #main-column #schedule table tbody td:nth-child(3) {
		padding: 0 0 9px 5px;
	}

	/****所属支部一覧****/
	.Page_office #main-column #choice table {
		border: none;
	}

	.Page_office #main-column #choice table thead {
		display: none;
	}

	.Page_office #main-column #choice table tr {
		overflow: hidden;
		padding: 7px 0;
		display: block;
	}

	.Page_office #main-column #choice table td {
		float: left;
		height: 100%;
		width: 100% !important;
	}

	.Page_office #main-column #choice table td:nth-child(1):before {
		content: "支部番号:";
	}

	.Page_office #main-column #choice table td:nth-child(2):before {
		content: "エリア・学区:";
	}

	.Page_office #main-column #choice table td:nth-child(3):before {
		content: "支部名・所在地:";
	}

	.Page_office #main-column #choice table td:nth-child(4):before {
		content: "稽古日:";
	}

	.Page_office #main-column #choice table td:nth-child(6) {
		font-size: 100% !important;
		text-align: left !important;
	}

	.Page_office #main-column #choice table tr {
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		margin: 7px 0;
		padding: 0;
	}

	.Page_office #main-column #choice table td {
		border: none;
		border-bottom: 1px solid #ccc;
	}

	/****書の友・書朋****/
	.Page_publication #main-column #publication article {
		display: block;
	}

	.Page_publication #main-column #publication article img {
		display: block;
		margin: 10px 0 0;
		max-height: 224px;
		max-width: 160px;
		text-align: center;
	}

	.Page_publication #main-column #publication article .text {
		display: block;
		width: 96%;
		vertical-align: top;
		padding: 0;
	}

	.Page_publication #main-column #publication article .text .detail {
		padding: 5px;
		width: 100%;
	}

	.Page_publication #main-column #publication article .text .detail a {
		margin: 10px 0;
		padding: 8px 5px;
	}


	/****歴史****/
	.Page_history #main-column #history article div.text,
	.Page_history #main-column #history article div.text p {
		display: block;
	}

	.Page_history #main-column #history article div.text p:first-child {
		width: 100%;
	}

	.Page_history #main-column #history article div.text p:nth-child(2) {
		margin: 10px auto;
	}


	/***申し込み方法****/
	.Page_request #main-column #request #koudoku tbody td:first-child {}

	.Page_request #main-column #request #koudoku, .Page_form #main-column #form #koudoku {}

	.Page_request #main-column #request #koudoku thead, .Page_form #main-column #form #koudoku thead {}

	.Page_request #main-column #request #koudoku thead td, .Page_form #main-column #form #koudoku thead td {}

	.Page_request #main-column #request #koudoku tbody, .Page_form #main-column #form #koudoku tbody {}

	.Page_request #main-column #request #koudoku tbody tr, .Page_form #main-column #form #koudoku tbody tr {}

	.Page_request #main-column #request #koudoku tbody td, .Page_form #main-column #form #koudoku tbody td {}


	/***今月の優秀作品****/
	.Page_curt_superior #main-column #curt_superior article .text .detail p {
		width: 100%;
	}


	/***展覧会などのご案内 共通****/
	.exhibit #main-column article,
	.exhibit #main-column .exhibit_2col>.wp-block-group__inner-container {
		display: block;
	}

	.exhibit #main-column div.photo {
		display: block;
		text-align: center;
	}

	.exhibit #main-column div.exhibit_info {
		display: block;
		margin: 9px 0 0;
		padding: 0;
	}

	.exhibit #main-column div.exhibit_info dl {
		font-size: 90%;
	}

	.exhibit #main-column div.exhibit_info dd {
		margin: 0 0 6px 94px;
	}

	.exhibit #main-column div.exhibit_info p.text {
		margin: 35px 0 0;
	}

	.exhibit #main-column div.exhibit_info ul li {
		margin: 0 0 9px;
	}

	.exhibit #main-column .btn_result a {
		margin: 20px auto 0;
	}

	.exhibit #main-column div.exhibit_info p.link {
		position: static;
	}

	.exhibit #main-column div.exhibit_info {
		width: 100%;
		min-width: 100%;
	}


	/****結果報告****/
	#main-column #result .pic_app ul {
		width: 100%;
	}

	#main-column #result .pic_app li {
		margin: 0 1%;
		width: 45%;
	}

	#main-column #result .pic_result div {
		margin: 0 1%;
		width: 48%;
	}


	/****滋賀県書教育研究会主催事業****/
	.Page_sponsor #main-column #sponsor h3 {
		margin: 29px 5px 0;
	}

	/*** 役員専用ページログイン ***/
	.tml.tml-login {
		margin-top: 50px;
	}

	/****役員****/
	.Page_officer #main-column #officer span {
		width: auto;
	}


	/****役員専用ページ****/
	.Page_member #memberpage_bnr li {
		float: none;
		margin: 0 auto 10px;
		width: 100%;
	}


	/****役員　フォトギャラリー****/


	#photogallery .galleryarea {
		width: 100%;
		float: left;
		margin: 0.5em 2.5%;
		padding: 1em;
	}

	#photogallery .item {
		width: 100%;
	}

	#photogallery ul#gallery-item>li {
		float: left;
		margin: 0 1% 10px;
		padding: 10px 5px;
		text-align: center;
		width: 100%;
	}

	/****書き初め講習会参加申込みフォーム****/
	#form_kakizome input {
		padding: 8px 5px;
		width: 98%;
	}

	#form_kakizome table td .name {
		margin: 0;
		width: 95%;
	}

	#form_kakizome table td .furigana {
		margin: 0;
		width: 95%;
	}

	#form_kakizome table td .grade {
		margin: 12px 0 0;
		padding: 10px 6px;
	}

	#form_kakizome table td p {
		margin: 0 0 10px;
	}

	#form_kakizome input[type="checkbox"].on-off:checked+ul {
		height: 990px;
	}

	#form_kakizome #course,
	#form_kakizome #prefectures {
		padding: 10px 6px;
	}

	#form_kakizome #textarea {
		width: 95%;
	}

	#form_kakizome #btn input {
		width: 80%;
	}


	/*-----
footer --------------------*/
	footer {
		border-top: 3px solid #fff;
		box-shadow: 0 -3px 0 #ccc;
		text-align: center;
	}

	footer .contact h2,
	footer .contact .text,
	footer .contact .page_scroll,
	footer .information,
	footer .information .text {
		display: block;
		width: 100%;
	}

	footer .contact p.tel {
		font-size: 2.0rem;
		font-size: 20px;
		line-height: 1;
	}

	footer .contact p.tel .tel-num a {
		color: #c90003;
		letter-spacing: 0.4;
		text-decoration: underline;
	}

	footer .contact p.tel .accept {
		font-size: 80%;
	}

	footer .contact .page_scroll {
		margin: 18px 0 0 -5px;
	}

	footer .contact .page_scroll a {
		background: #fff none repeat scroll 0 0;
		border-radius: 15px;
		color: #0398fc;
		padding: 2px 12px;
	}

	footer #copyright,
	footer .information,
	footer .contact {
		padding: 12px 0;
	}

	footer .information {
		background: #fff;
	}

	footer #copyright,
	footer .information .text p {
		line-height: 1.4;
		margin: auto;
		width: 95%;
		text-align: left;
	}

	footer .information .text {
		padding: 7px 0 1px;
	}

	footer .information ul {
		display: inline-block;
		font-size: 90%;
		margin: auto;
		width: 95%;
	}

	footer .information ul a {
		color: #0398fc;
	}

	/*-----
mobilenavi --------------------*/
	.sb-slidebar {
		display: block;
	}

	#side-menu {
		border-left: 1px solid #dfdfdf;
		text-align: left;
	}

	#side-menu h3 {
		background: #666;
		color: #fff;
		font-size: 150%;
		font-weight: bold;
		line-height: 65px;
		margin: 0;
		position: relative;
		text-align: center;
	}

	#side-menu h3 span {
		background: #fff none repeat scroll 0 0;
		cursor: pointer;
		display: block;
		height: 3px;
		position: absolute;
		right: 13px;
		width: 21px;
	}

	#side-menu ul.navi {
		font-size: 32px;
		font-weight: bold;
		line-height: 65px;
		position: absolute;
		right: 18px;
		z-index: 50;
	}

	#side-menu ul.navi a {
		color: #fff;
		height: 100%;
		text-decoration: none;
	}

	#side-menu a.ui-link {
		text-decoration: none;
	}

	#side-menu span {
		background: #f8f8f8;
		border-bottom: 1px solid #dfdfdf;
		color: #333333;
		display: block;
		font-size: 90%;
		font-weight: 300;
		padding: 14px 23px;
	}

	#side-menu span:hover {
		background: #E4E1E1;
	}

	#side-menu span.gry01 {
		border-left: 8px solid #777;
	}

	#side-menu span.gry02 {
		border-left: 8px solid #aaa;
	}

	#side-menu span.blu {
		border-left: 8px solid #05447c;
	}

	#side-menu span.second {
		padding: 13px 0 13px 48px;
	}

	#side-menu span.third {
		padding: 13px 0 13px 68px;
	}

	#side-menu span.second:before,
	#side-menu span.third:before {
		content: " - ";
	}

	#side-menu .acMenu dt:hover {
		background: #E4E1E1;
	}

	#side-menu .acMenu dt {
		background: #f8f8f8;
		cursor: pointer;
		display: block;
	}

	#side-menu .acMenu dd {
		border-bottom: 1px solid #dfdfdf;
		background: #f8f8f8;
		/*display: none; */
	}

	#side-menu .acMenu li:last-child a {
		border-bottom: none;
	}

	.sb-active .navi a:after {
		content: "×"
	}


	.sb-active-left #menu-overlay {
		background: #000 none repeat scroll 0 0;
		bottom: 0;
		left: 0;
		opacity: 0.5;
		position: absolute;
		right: 0;
		top: 0;
		visibility: visible;
		z-index: 99;
	}

	/* レスポンシブ 表示切替
------------------------- */
	div.pc {
		display: none;
	}

	div.sp {
		display: block;
	}
}

@media screen and (max-device-width: 736px) {
	ul.switch {
		/*display:block;*/
	}

}




/* 一時追加 */
#main-column #result .pic_app li.panorama {
	width: 94%;
}

#main-column #result article {
	border-bottom: none;
}

.Page_exhibit #main-column article h3 span.new {
	background: url(/images/common/icon_new.gif) no-repeat;
	display: inline-block;
	height: 20px;
	margin: 0 5px 0 0;
	width: 40px;
	vertical-align: middle;
}

.Page_exhibit #main-column article dd {
	margin: 0 0 0 1em;
	text-indent: -1em;
}

.Page_exhibit #main-column article dd:before {
	content: "●";
}



/****提出期限・発送日時 20160415 ****/
.Page_datetime #main-column #koudoku {
	border: 3px solid #bbb;
	font-size: 80%;
	margin: 29px 0 0;
}



.Page_datetime #main-column #koudoku td {
	border: 1px solid #ccc;
	width: 7%;
	padding: 16px 2px;
	text-align: center;
	vertical-align: middle;
}

.Page_datetime #main-column #koudoku td:nth-child(1) {
	background: #7b7b7b;
	color: #fff;
}

.text-10 {
	font-size: 10px;
}

.text-red {
	color: #ff0000;
}

/****書朋師範資格者対象　「書の友」月例審査会審査補助員募集 2016926 ****/
.dansagari-t {
	width: 100%;
}

.dansagari-t {
	padding: 10px;
}

.dansagari-t th {
	width: 120px;
	text-align: left;
	padding: 10px;
	background: #f4f4f4;
}


@media only screen and (max-width:480px) {
	.dansagari-t {
		margin: 0 0;
	}

	.dansagari-t th,
	.dansagari-t td {
		width: 100%;
		display: block;
		border-top: none;
		text-align: left;
	}

}

#school_number {
	width: 100%;
}

.school_numberbox {
	width: 46%;
	margin: 0 2%;
	float: left;
}

#school_number .school_numberbox dl {
	margin: 15px 0;
}

#school_number .school_numberbox dt {
	float: left;
}

#school_number .school_numberbox dd {
	padding: 0 0 10px 90px;
	margin: 0 0 10px 0px;
	border-bottom: 1px dashed #ccc;
}

@media only screen and (max-width:480px) {
	.school_numberbox {
		width: 100%;
		margin: 0 2%;

	}
}

p.closed {
	border: 1px solid #CB0003;
	padding: 6px 5px;
}

/* faq-detail-area*/
#faq-detail-area {
	float: left;
	width: 100%;
	margin-bottom: 2em;
	text-align: left;

}

#faq-detail {
	margin-bottom: 2em;
	border: #ccc 1px solid;
	padding: 0.5em;
}

#faq-detail dt {
	display: block;

	width: 100%;
	padding: 1em 2em;
	text-align: left;
	margin-bottom: 1em;
	text-indent: -1em;
	border-radius: 2px;

}

#faq-detail dt.question {
	background-color: #ccc;
	text-align: left;
}

#faq-detail dt.answer {
	background-color: #a7b6da;
}

#faq-detail dd {
	margin-bottom: 2em;
}

#faq-detail dd.question {}

#faq-detail dd.answer {}


.container__img--local {
	container-type: inline-size;
}

.container__img--local .flex__img--local {
	display: flex;
	flex-flow: column wrap;
	align-content: center;
	gap: 10px;

	figure {
		width: fit-content;
	}

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

@container (width >=590px) {
	.container__img--local .flex__img--local {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		gap: 10px;

		figure {
			width: calc((100% - 10px) / 2);
		}

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

/* カラーパレット ------------------------- */
/* Black */
.has-black-background-color {
	background-color: #000000;
}

.has-black-color {
	color: #000000;
}

/* Cyan bluish gray */
.has-cyan-bluish-gray-background-color {
	background-color: #abb8c3;
}

.has-cyan-bluish-gray-color {
	color: #abb8c3;
}

/* White */
.has-white-background-color {
	background-color: #ffffff;
}

.has-white-color {
	color: #ffffff;
}

/* Pale pink */
.has-pale-pink-background-color {
	background-color: #f78da7;
}

.has-pale-pink-color {
	color: #f78da7;
}

/* Vivid red */
.has-vivid-red-background-color {
	background-color: #cf2e2e;
}

.has-vivid-red-color {
	color: #cf2e2e;
}

/* Luminous vivid orange */
.has-luminous-vivid-orange-background-color {
	background-color: #ff6900;
}

.has-luminous-vivid-orange-color {
	color: #ff6900;
}

/* Luminous vivid amber */
.has-luminous-vivid-amber-background-color {
	background-color: #fcb900;
}

.has-luminous-vivid-amber-color {
	color: #fcb900;
}

/* Light green cyan */
.has-light-green-cyan-background-color {
	background-color: #7bdcb5;
}

.has-light-green-cyan-color {
	color: #7bdcb5;
}

/* Vivid green cyan */
.has-vivid-green-cyan-background-color {
	background-color: #00d084;
}

.has-vivid-green-cyan-color {
	color: #00d084;
}

/* Pale cyan blue */
.has-pale-cyan-blue-background-color {
	background-color: #8ed1fc;
}

.has-gray-mid-2-color {
	color: #8ed1fc;
}

/* Vivid cyan blue */
.has-vivid-cyan-blue-background-color {
	background-color: #0693e3;
}

.has-vivid-cyan-blue-color {
	color: #0693e3;
}

/* Vivid purple */
.has-vivid-purple-background-color {
	background-color: #9b51e0;
}

.has-vivid-purple-blue-color {
	color: #9b51e0;
}

/* リンクアイコン ------------------------- */
a:not(:has(>img)) {

	&[href$=".xls"],
	&[href$=".xlsx"],
	&[href$=".doc"],
	&[href$=".docx"],
	&[href$=".pdf"] {
		position: relative;
		padding-right: 20px;

		&::after {
			content: '';
			display: block;
			position: absolute;
			top: 50%;
			right: 0;
			width: 15px;
			height: 18px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			transform: translateY(-50%);
		}
	}

	/* Excel */
	&[href$=".xls"]::after {
		background-image: url('../images/common/ic_xls.png');
		background-image: image-set(url('../images/common/ic_xls.png') 1x, url('../images/common/ic_xls@2x.png') 2x);
		background-image: -webkit-image-set(url('../images/common/ic_xls.png') 1x, url('../images/common/ic_xls@2x.png') 2x);
	}
	&[href$=".xlsx"]::after {
		background-image: url('../images/common/ic_xlsx.png');
		background-image: image-set(url('../images/common/ic_xlsx.png') 1x, url('../images/common/ic_xlsx@2x.png') 2x);
		background-image: -webkit-image-set(url('../images/common/ic_xlsx.png') 1x, url('../images/common/ic_xlsx@2x.png') 2x);
	}

	/* Word */
	&[href$=".doc"]::after {
		background-image: url('../images/common/ic_doc.png');
		background-image: image-set(url('../images/common/ic_doc.png') 1x, url('../images/common/ic_doc@2x.png') 2x);
		background-image: -webkit-image-set(url('../images/common/ic_doc.png') 1x, url('../images/common/ic_doc@2x.png') 2x);
	}
	&[href$=".docx"]::after  {
		background-image: url('../images/common/ic_docx.png');
		background-image: image-set(url('../images/common/ic_docx.png') 1x, url('../images/common/ic_docx@2x.png') 2x);
		background-image: -webkit-image-set(url('../images/common/ic_docx.png') 1x, url('../images/common/ic_docx@2x.png') 2x);
	}

	/* PDF */
	&[href$=".pdf"]::after {
		background-image: url('../images/common/ic_pdf.png');
		background-image: image-set(url('../images/common/ic_pdf.png') 1x, url('../images/common/ic_pdf@2x.png') 2x);
		background-image: -webkit-image-set(url('../images/common/ic_pdf.png') 1x, url('../images/common/ic_pdf@2x.png') 2x);
	}
}