@charset "utf-8";
/*
Theme Name: 一般社団法人全国フローリング技能協会
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
line-height:1.5;
font-family: 
	"Noto Sans JP", 
	"Yu Gothic", 
	"Helvetica Neue", 
	Arial, 
	"Hiragino Kaku Gothic ProN", 
	"Hiragino Sans", 
	Meiryo, 
	sans-serif;	
color:#333;
-webkit-text-size-adjust: none;
}

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

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

@media only screen and (max-width:1024px){
body {font-size: 90%;}
.pc{display:none;}
.sp{display:block;}
}

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


/* リンク設定
------------------------------------------------------------*/
a{
  margin:0;
  padding:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
  font-size:100%;
  color: #3b7230;
}

a:hover, a:active{
  -webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
  outline: none;
}


/**** Clearfix ****/
.nav .panel:before,nav .panel:after, nav#mainNav:before,nav#mainNav:after, .newsTitle:before,.newsTitle:after{content: ""; display: table;}
nav .panel:after,nav#mainNav:after,.newsTitle:after{clear: both;}
nav .panel,nav#mainNav,.newsTitle{zoom: 1;}


/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea,select,input[type="email"]{
  vertical-align:middle;
  max-width:90%;
  line-height:30px;
  height:30px;
  padding:1px 5px;
  border:1px solid #d4d4d7;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  font-size:100%;
  color:#555;
  background:#fcfcfc;
}

textarea{
  height:auto;
  line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
  padding:3px 10px;
  background: #5a0000;
  background: -moz-linear-gradient(top, #781f12 0%, #5a0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#781f12), color-stop(100%,#5a0000));
  background: -webkit-linear-gradient(top, #781f12 0%,#5a0000 100%);
  background: -o-linear-gradient(top, #781f12 0%,#5a0000 100%);
  background: -ms-linear-gradient(top, #781f12 0%,#5a0000 100%);
  background: linear-gradient(to bottom, #781f12 0%,#5a0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#781f12', endColorstr='#5a0000',GradientType=0 );
  border:0;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  line-height:1.5;
  font-size:100%;
  color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
  background: #5a0000;
  background: -moz-linear-gradient(top, #5a0000 0%, #781f12 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a0000), color-stop(100%,#781f12));
  background: -webkit-linear-gradient(top, #5a0000 0%,#781f12 100%);
  background: -o-linear-gradient(top, #5a0000 0%,#781f12 100%);
  background: -ms-linear-gradient(top, #5a0000 0%,#781f12 100%);
  background: linear-gradient(to bottom, #5a0000 0%,#781f12 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a0000', endColorstr='#781f12',GradientType=0 );
}

*:first-child+html input[type="submit"]{padding:3px;}




/* レイアウト
------------------------------------------------------------*/
#wrapper{}

.inner{
  margin:0 auto;
  width:1100px;
}

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

#header{overflow:hidden;}

#top-content{}

#content-sub{
  float:right;
  width:800px;
  padding:30px 0;
}

#sidebar{
  float:left;
  width:265px;
  padding:30px 0;
}

#footer {
  clear: both;
  padding-top: 30px;
  background: #2c4627;
  font-size: 90%;
}

@media screen and (max-width: 1100px){
	.inner {
			width: auto;
			padding: 0 20px;
		}
	z}

@media only screen and (max-width:1024px){
  #content-sub {
    width: 68%;
  }
  #sidebar{
    width:28%;
  }
}

@media only screen and (max-width:813px){
  #content-sub, #sidebar {
    float: none;
    width: auto;
    padding: 0 20px 30px;
  }
}


/* ヘッダー
*****************************************************/

/* ロゴ (サイトタイトル)
----------------------------------*/
#header h1{
  padding:10px 0 0 3px;
  color: #781f12;
  font-size:90%;
  font-weight:normal;
}


/*パンくず*/
.crumbs {
  font-size: 95%;
  margin-bottom: 50px;
}

.crumbs ul{width:1100px;margin:0 auto;}

.crumbs li{
  display: inline-block;
}
.crumbs li::after{
  content:'›';
  padding:0 7px;
  color: #666;
}
.crumbs li:last-child::after{display: none;}
@media only screen and (max-width: 1100px){
  .crumbs ul{width: auto;}
}



/* トップページ　メイン画像
----------------------------------*/
#mainImg{
  line-height:0;
  text-align:center;
  z-index:0;
}

#mainImg .slick-dots{
	bottom:10px;
}
#mainImg .slick-dotted.slick-slider{
	margin-bottom:0;
}
.single-item .slick-dots li button:before{
	font-size:16px;
	color:#C7BB95;
	opacity:1;
}
.single-item .slick-dots li.slick-active button:before{
	color:#AD9356;
}

#mainImg .card{text-align:center;}
#mainImg .card img{margin:0 auto;}


/* タイポグラフィ
*****************************************************/


img.aligncenter {
  display: block;
  margin:5px auto;
}

img.alignright, img.alignleft{
  padding:4px;
  margin:0 0 2px 7px;
  display:inline;
}

img.alignleft{margin: 0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float: left;}
.center{text-align:center;}


/* サイドバー　ウィジェット
*****************************************************/

#searchform input[type="text"]{
  line-height:1.7;
  height:24px;
  width:130px;
  vertical-align:bottom;
}

#sidebar .newsTitle h3 {
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 1px;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
  margin-top: 7px;
}

.side_news_box {
  border-bottom: 1px dashed #000;
  padding: 10px 0;
}

#sidebar time {
  display: block;
}

#sidebar .btn-black {
  text-align: center;
  margin: 30px 0;
}

#sidebar h3{
  background:#eee;
  padding:7px 10px;
  text-align:center;
  font-size:110%;
  margin-bottom:10px;
}

#sidebar .widget_recent_entries li{
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px dotted #ccc;
}





/* フッター
*****************************************************/
#footer{color: #fff;}

.footer_container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.f_info {width: 60%;}
.f_menu {width: 40%;}
.f_info p {margin: 10px 0;}

.f_menu ul {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}

.f_menu ul li {margin-bottom: 10px;}

.f_menu ul li::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 8px;
  background: url(images/arrow-white.svg) no-repeat left center / 5px;
  margin-right: 10px;
}

.f_menu ul li a {color: #fff;}

#copyright{
  clear:both;
  padding:5px;
  text-align:center;
  font-style:normal;
  font-size:85%;
  zoom:1;
}

@media screen and (max-width: 800px){
  .f_info {width: 40%;}
  .f_menu {width: 50%;}
}

@media screen and (max-width: 650px){
  .footer_container{flex-wrap:wrap;}
  .f_info,.f_menu{width: 100%;margin-bottom: 20px;}
}


/*上に戻る*/
.page_top {
	position:fixed;
	bottom:10px;
	right:10px;
	padding:10px 20px;
	color:#fff;
	font-size:20px;
	text-decoration:none;

}
.page_top:hover {
	opacity:0.5;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
  clear:both;
  width: 100%;
  height: 30px;
  margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
  clear:both;
  color:#5a0000;
  text-align:center;
}


/* トップページ
------------------------------------------------------------*/
/* 共通 */
#top-content .title {
  font-size: 200%;
  font-weight: bold;
  letter-spacing: 5px;
  text-align: center;
  margin-bottom: 40px;
}

#top-content .title span {
  display: block;
  font-family: Lato;
  font-size: 40%;
  color: #2c4627;
  letter-spacing: 3px;
}

#top-content h3 {
  font-size: 160%;
  font-weight: bold;
  letter-spacing: 5px;
  text-align: center;
  margin-bottom: 20px;
}

.bg-beige {
  background: #EFE9DF;
}

.center_txt {
  text-align: center;
  line-height: 2em;
}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}

.half_container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.half_box {
  width: 48%;
}

@media screen and (max-width: 700px){
  .half_container {
    flex-wrap: wrap;
  }
  .half_box {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* お知らせ */
#top-news {
	margin: 70px 0;
}

#top-news ul {
	width: 800px;
	margin: 0 auto 50px;
}

#top-news ul li span.post-day {
	display: inline-block;
	width: 130px;
	margin-right: 10px;
}

#top-news ul li {
	margin: 10px 0;
}

p.btn-green {
	text-align: center;
	padding: 20px 0;
}

p.btn-green a {
	background: #2c4627;
	color: #fff;
	padding: 15px 40px;
  text-decoration: none;
}

@media screen and (max-width: 800px){
  #top-news ul {
    width: 96%;
    padding: 0 2%;
  }
}

@media screen and (max-width: 600px){
  #top-news .post-title {display: block;}
}

/* 協会について */
#top-about {padding: 70px 0;}
#top-about p.center_txt {
	margin-bottom: 40px;
}

.about_box .half_box {
	background: #fff;
	padding: 3%;
	width: 43%;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

#top-about ol {
	list-style: auto;
	margin-left: 30px;
}

#top-about ol li {
	margin: 7px 0;
	font-size: 90%;
}

#top-about ul {
	list-style: disc;
	margin-left: 40px;
}

#top-about ul li {
	margin: 10px 0;
}

@media screen and (max-width: 700px) {
  .about_box .half_box {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* フローリング技能検定について */
#top-certificate {
	margin: 70px 0;
}

/* うローリングの性能 */
#top-performance {
  padding: 70px 0;
  background:url(images/bg-flooring.jpg) no-repeat center center / cover; 
}

.chousho_box {
  background: #DEF6FF;
  padding: 5%;
  border-radius: 10px;
}

.tansho_box {
  background: #FFEBEB;
  padding: 5%;
  border-radius: 10px;
  min-height: 340px;
}

@media screen and (max-width: 700px){
  .tansho_box{min-height: auto;}
}

.chousho_box h4,
.tansho_box h4 {
  color: #fff;
  padding: 5px;
  text-align: center;
  font-size: 130%;
  font-weight: bold;
  border-radius: 30px;
  margin-bottom: 10px;
}

.chousho_box h4{background: #1E84BA;}
.tansho_box h4{background: #A30A0A;}

#top-performance ol li strong {
  font-size: 110%;
  letter-spacing: 2px;
  font-weight: bold;
}

#top-performance ol li span {
  font-size: 85%;
  display: block;
}

#top-performance ol {
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: circle-number;
  /* 任意の名前*/
  display: flex;
  flex-wrap: wrap;
}

#top-performance ol li {
  line-height: 1.5;
  margin-bottom: 20px;
  margin-left: 7%;
  margin-right: 2%;
  width: 41%;
}

#top-performance ol li:nth-child(1) {order: 1;}
#top-performance ol li:nth-child(2) {order: 3;}
#top-performance ol li:nth-child(3) {order: 5;}
#top-performance ol li:nth-child(4) {order: 2;}
#top-performance ol li:nth-child(5) {order: 4;}
#top-performance ol li:nth-child(6) {order: 6;}

#top-performance ol li::before {
  counter-increment: circle-number;
  /* 任意の名前を付ける（もちろん英語で） */
  content: counter(circle-number);
  /* 名前を付けたカウンターをcontentで発動！ */
  background: #ffffff;
  border-radius: 50%;
  width: 1.8em;
  height: 1.8em;
  text-align: center;
  display: inline-block;
  margin-right: .3em;
  margin-left: -2.3em;
  font-weight: bold;
  line-height: 1.8;
}

.bnr-flooring {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.bnr-flooring p {
  margin-bottom: 20px;
  width: 48%;
}

@media screen and (max-width: 600px){
  .bnr-flooring p {
    width: 100%;
  }
}

/* 会員情報・ダウンロード */
#top-member-dl {
  padding: 70px 0;
}

#top-member-dl p {
  text-align: center;
}

#top-member-dl ul li {
  position: relative;
  list-style: none;
  padding-bottom: 5px;
  margin-left: 1em;
}

#top-member-dl ul li:after {
  display: block;
  content: '';
  position: absolute;
  top: .4em;
  left: -1em;
  width: 0.7em;
  height: 0.7em;
  background-color: #000000;
  border-radius: 150%;
}

#top-member-dl ul {
  margin-bottom: 10px;
  margin-left: 0px;
  border-radius: 10px;
  padding: 10px 10px;
}

#top-member-dl ul.half {
  display: inline-block;
  width: 48%;
}

.bg-gray {
  background: #EAEAEA;
  padding: 20px 30px;
  margin-bottom: 30px;
}

/* インフォメーション */
#top-information {
  padding: 70px 0;
}

#top-information p.btn-green a {
  display: block;
}

/* メインメニュー
------------------------------------------------------------*/
#top-head {
  top: -100px;
  position: absolute;
  width: 100%;
  margin: 100px auto 0;
  line-height: 1;
  z-index: 999;
  transition: top 0.65s ease-in;
  -webkit-transition: top 0.65s ease-in;
  -moz-transition: top 0.65s ease-in;
}
#top-head a,
#top-head {
  color: #fff;
  text-decoration: none;
}
#top-head .inner {
  position: relative;
}
#top-head .logo {
  float: left;
  font-size: 36px;
  background: #fff;
  padding: 8px 30px 15px;
  border-radius: 0 0 20px 0;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
#global-nav ul {
  list-style: none;
  position: absolute;
  right: 20px;
  bottom: 0;
  font-size: 16px;
  margin:0;
  padding: 27px 10px;
  background: #2D4627;
  border-radius: 10px;
}
#global-nav ul li {
  float: left;
}
#global-nav ul li a {
  padding: 20px 15px;
}

/* Fixed */
#top-head.fixed {
  margin-top: 0;
  top: 0;
  position: fixed;
}
#top-head.fixed .logo {
  font-size: 24px;
  color: #333;
}

/* Toggle Button */
#nav-toggle {
  display: none;
  position: absolute;
  right: 12px;
  top: 14px;
  width: 34px;
  height: 36px;
  cursor: pointer;
  z-index: 101;
}
#nav-toggle div {
  position: relative;
}
#nav-toggle span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #2c4627;
  left: 0;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 11px;
}
#nav-toggle span:nth-child(3) {
  top: 22px;
}

@media screen and (max-width: 1250px) {
  #global-nav ul {
    width: calc( 100% - 480px );
    bottom: auto;
    padding: 5px 10px;
    top: 15px;
  }
  #global-nav ul li a {
    display: inline-block;
  }
}

@media screen and (max-width: 1100px){
  .inner {
    width: 96%;
    padding: 2%;
  }
}

@media screen and (max-width: 1024px) {
  .header-inner{padding:0;}

  #top-head {
    top: 0;
    position: fixed;
    margin-top: 0;
  }
  /* Fixed reset */
  #top-head.fixed {
    padding-top: 0;
    /*background: transparent;*/
  }
  #mobile-head {
    width: 100%;
    height: 56px;
    z-index: 999;
    position: relative;
  }
  #top-head.fixed .logo,
  #top-head .logo {
    position: absolute;
    color: #333;
  }
  #global-nav {
    position: absolute;
    /* 開いてないときは画面外に配置 */
    top: -500px;
    width: 100%;
    text-align: center;
    padding: 40px 0 0 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
  }
  #global-nav ul {
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    width: 100%;
  }
  #global-nav ul li {
    float: none;
    position: static;
  }
  #top-head #global-nav ul li a,
  #top-head.fixed #global-nav ul li a {
    width: 100%;
    display: block;
    padding: 18px 0;
  }
  #nav-toggle {
    display: block;
  }
  /* #nav-toggle 切り替えアニメーション */
  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }
  /* #global-nav スライドアニメーション */
  .open #global-nav {
    /* #global-nav top + #mobile-head height */
    -moz-transform: translateY(556px);
    -webkit-transform: translateY(556px);
    transform: translateY(556px);
  }
}

@media screen and (max-width: 500px){
  #top-head.fixed .logo,
  #top-head .logo {
    width: 75%;
  }
}
/*メニューここまで*/



@media screen and (min-width: 901px) {
.sp-none{display:none;}
}



/* サブページ
------------------------------------------------------------*/
.bg-hdr {
  background: url(images/bg-sub-header.jpg) no-repeat center center / cover;
  padding: 140px 0 50px;
  box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
  margin-bottom: 20px;
}

.page-title {
  text-align: center;
  font-size: 200%;
  /*margin-bottom: 30px;*/
  letter-spacing: 0.2em;
  font-weight: bold;
  /* text-shadow: 0px 1px 3px #fff, 0px 1px 3px #fff, 0px 1px 3px #fff; */
  color: #000;
}

.page-title span{
  display:block;
  color:#2A7900;
  font-size:40%;
  letter-spacing:0.1em;
}

.sub-title,.single-title{
  font-size: 130%;
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-weight: bold;
}

.dateLabel {
  text-align: right;
  margin-bottom: 10px;
}


/*ページ送り*/

.tablenav {
	color: #424242;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #424242;
	padding: 2px 7px;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:110%;
	background:#fff;
}

a.page-numbers:hover {
	color:white;
	background: #2c4627;
}

.tablenav .current {
	color: white;
	background: #2c4627;
	border-color: #2c4627;
	font-weight:bold:
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:90%;
	font-weight:bold;
}

/*アーカイブ*/
.archive-box{
  border:1px solid #ccc;
  background:#fff;
  padding:15px;
  margin-bottom:10px;
  border-radius:10px;
}
.archive-box:after {content: "";clear: both;display: block;}
.archive-img{
  width:30%;
  float:right;
}
.archive-excerpt{
  width:65%;
  float:left;
}

.archive-excerpt .btn-more{margin-top:20px;}

#content-sub h3.archive-link {
  background: #e5e5e5;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 5px 10px;
  font-size: 138.5%;
  border: none;
  border-radius: 5px;
}

#content-sub h3.archive-link a{
  text-decoration:underline;
}

#content-sub h3.archive-link a:hover{
  text-decoration:none;
}

.btn-more{text-align:right;}
.btn-more a{
  background:#eee;
  display:inline-block;
  padding:5px 10px;
}

@media only screen and (max-width:600px){
  .archive-img,.archive-excerpt{float:none;width:auto;}
}

/*メールフォーム*/
.mw_wp_form em {
  display: inline-block;
  background: #cd4d4d;
  border-radius: 5px;
  padding: 0 10px;
  margin-left: 10px;
  color: #fff;
  font-weight: normal;
  font-size: 90%;
}

.tel_num {
  font-size: 200%;
  font-weight: bold;
}

/*サイトマップ*/
.sitemap-list li{
  margin-top:10px;
  background:url(images/sitemap-list-arrow.png) no-repeat 0 8px;
  padding-left:20px;
  font-size:120%;
  border-bottom:1px dotted #ccc;
  padding-bottom:10px;
}
.sitemap-list li ul li{
  margin-top:5px;
  padding-bottom:5px;
  padding-left:15px;
  background:url(images/sitemap-list-child-arrow.png) no-repeat 0 8px;
  font-size:90%;
  border-bottom:none;
}
.sitemap-list li ul li ul li{
  border-bottom:none;
  background:url(images/sitemap-list-grandchild-arrow.png) no-repeat 0 8px;
}


/*404ページ*/
.not_found {
  text-align: center;
  font-size: 600%;
  line-height: 0.8em;
  color: #109548;
  font-weight: bold;
}
.not_found span {
  font-size: 50%;
  display: block;
  letter-spacing: 0.1em;
  color: #000;
  font-weight: normal;
}

/*テキスト関係*/
.subpage p{padding-bottom:15px;}
.subpage h3{
	background:#2D4627;
	border-radius:5px;
	color:#fff;
	padding:10px 15px;
	margin-bottom:15px;
	font-size:150%;
  letter-spacing:0.2em;
  font-weight:bold;
}
.subpage h4{
	background:#E6DCCA;
	border-radius:5px;
	padding:10px 15px;
	margin-bottom:15px;
	font-weight:bold;
  font-size:130%;
  letter-spacing:0.2em;
}
.subpage h5{
  font-size:120%;
  font-weight:bold;
  letter-spacing:0.2em;
  margin-bottom:15px;
}

/*リスト*/

.subpage ul li{
  position: relative;
  list-style:none;
  padding-bottom:5px;
  margin-left:1.2em;
}
.subpage ul li:after{
  display: block;
  content: '';
  position: absolute;
  top: .3em;
  left: -1.2em;
  width: 1em;
  height: 1em;
  background-color: #000;
  border-radius: 150%;
}

.subpage ul li ul{
  border:none;
  padding:0;
}

.subpage ul li ul li{
  margin-top:5px;
  padding-bottom:0px;
}

.subpage ul{
  margin-bottom:15px;
  margin-left:0px;
  padding:0;
  border-radius:10px;
}

.subpage ol{
padding:0;
margin:0 0 15px 0;
list-style:none;
counter-reset:circle-number;/* 任意の名前*/
}
.subpage  ol li{
  margin-bottom: 0.4em;
  margin-left:2.3em;
}
.subpage ol li:before {
counter-increment: circle-number; /* 任意の名前を付ける（もちろん英語で） */
content: counter(circle-number); /* 名前を付けたカウンターをcontentで発動！ */
background:#000;
color:#fff;
border-radius: 50%;
width: 1.5em;
height: 1.5em;
text-align: center;
display: inline-block;
margin-right: .3em;
margin-left:-2.3em;
}

/*テーブル*/

.subpage table{
  margin-bottom:15px;
  border-collapse:collapse;
}
.subpage table thead{border:none;}
.subpage table thead th{
  background:#2D4627;
  color:#fff;
}
.subpage table th{
  background:#E2E2E2;
  color:#000;
  padding:10px;
  vertical-align:top;
  border:1px solid #d9d9d9;
  border-collapse:collapse;
}
.subpage table td{
  padding:10px;
  vertical-align:top;
  border:1px solid #d9d9d9;
  border-collapse:collapse;
}

.subpage .left-green td:first-child{
  background:#2D4627;
  color:#fff;
}


.subpage strong{
  background: linear-gradient(transparent 50%, #ffff66 50%);
  font-weight:bold;
}

/*ボタン*/
.btn-green a{
  border-radius:0;
  padding:10px 30px 10px 20px;
  background:url(images/arrow-white.svg) no-repeat right 10px center #2D4627;
  color:#fff;
  margin-bottom:15px;
}
.btn-green a:hover{
  background-color:#43653B;
}

.btn-line a{
  border-radius:0;
  padding:10px 20px;
  background:#fff;
  color:#2D4627;
  border:2px solid #2D4627;
  margin-bottom:15px;
}
.btn-line a:hover{
  background-color:#2D4627;
  color:#fff;
}
.menu-green{margin-bottom:50px;}
.menu-green a{
  border-radius:0;
  min-width:200px;
  padding:15px 20px;
  background:#2D4627;
  margin:0 10px 15px 10px;
  font-weight:normal;
  letter-spacing:0.1em;
}

@media only screen and (max-width:480px){
  .subpage .menu-green,.subpage .menu-green .wp-block-button{display:block;}
  .subpage .menu-green a{min-width:inherit;display:block;}
}

/*ボックス*/
.gray-box{
  border-radius:10px;
  margin-bottom:20px;
  background:#E2E2E2;
  padding:20px;
}

/*警告*/
.subpage .caution-title{
  background:none;
  font-size:150%;
  font-weight:bold;
  letter-spacing:0.2em;
}
.subpage .caution-title::before{
  content:'';
  width:2em;
  height:2em;
  margin-right:10px;
  display:inline-block;
  vertical-align: middle;
  background-size:100%;
  background:url(images/icon-caution.svg) no-repeat center center;
}

/*会員情報*/
.subpage .member-list li{margin-left:0;}
.subpage .member-list li::after{display:none;}
.member-list .wp-block-latest-posts__post-title{
  display:block;
  color:#000;
  text-decoration:none;
  background: #E6DCCA;
    border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 130%;
    letter-spacing: 0.2em;
}

#wrapper .wp-block-file{
  font-size:inherit;
  margin-bottom: 1.5em;
}

#wrapper .wp-block-file__button{
  padding:5px 10px;
  display:inline-block;
}

.sub-member .left-green td:first-child{
  width:230px;
}

@media only screen and (max-width:600px){
  .sub-member .left-green td:first-child{width:20%;}
}
@media only screen and (max-width:350px){
  .sub-member .left-green td{display:block;}
  .sub-member .left-green td:first-child{width:auto;}
}

/*メールフォーム*/
.mw_wp_form{
  max-width:800px;
  margin:0 auto;

}
.mw_wp_form h3{
  background:#eee;
  color:#000;
  font-size:120%;
}
.mw_wp_form em {
  display: inline-block;
  background: #cd4d4d;
  border-radius: 5px;
  padding: 0 10px;
  margin-left: 10px;
  color: #fff;
  font-weight: normal;
  font-size: 90%;
}