@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*追加CSSここから*/

/*トップページ最上部案内*/
/*優良A型*/
.ex-a-box {
	display: flex;
	justify-content: center;
	max-width: 900px;
	margin: 30px auto 20px;
	border: 1px solid #eee;
}
.ex-a-left,
.ex-a-right {
	width: 50%;
	background-color: #e1e9f7;
}
.ex-a-left {
	padding: 10px 0 10px 30px;
}
.ex-a-right {
	text-align: center;
	padding: 10px 0;
}
.ex-a-right img {
	vertical-align: middle;
	max-width: 70%;
}
@media screen and (max-width: 480px) {
	.ex-a-box {
		flex-direction: column-reverse;
	}
	.ex-a-left,
	.ex-a-right {
		width: 100%;
	}
	.ex-a-left {
		padding: 10px 15px;
	}
	.ex-a-right img {
		width: 100%;
	}
}
/*LRTメモ帳*/
.lrt-box {
	display: flex;
	justify-content: center;
	max-width: 900px;
	margin: 30px auto 20px;
	border: 1px solid #eee;
}
.lrt-box-left,
.lrt-box-right {
	width: 50%;
	background-color: #e1e9f7;
}
.lrt-box-left img {
	vertical-align: middle;
	max-width: 108%;
}
.lrt-box-right {
	padding: 10px 15px;
}
.lrt-box-right-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px
}
.lrt-box-right-textb {
	font-weight: bold;
	font-size: 20px;
	color: #8b0000;
}
@media screen and (max-width: 480px) {
	.lrt-box {
		display: block;
	}
	.lrt-box-left,
	.lrt-box-right {
		width: 100%;
	}
	.lrt-box-left img {
		max-width: 100%;
	}
}

/* アクセシビリティ*/
.screen-reader-text,
.buddypress .article-header {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.buddypress #item-header-avatar,
.buddypress #item-actions,
.buddypress #item-header-content p,
.buddypress .groups-nav
/*.buddypress #cover-image-container*/
 {
	display: none;
}

.buddypress .content,
.buddypress .entry-content,
.buddypress .entry-content>* {
	margin-top: 0;
}

body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content {
	margin-top: 0;
	padding-left: 15px;
}

#groupbutton-1 {
	text-align: left;
}

.groups-header .desc-wrap {
	margin-bottom: 0;
}

.buddypress .primary {
	color: inherit;
	background-color: transparent;
	border-color: transparent;
	padding: 0;
	margin-bottom: 0;
}

.buddypress .main {
	padding-top: 40px;
	width: 960px;
}
.buddypress .sidebar {
	width: 300px;
}
@media screen and (max-width: 1023px) {
	.buddypress .main,
	.buddypress .sidebar {
			width: auto;
	}
}
@media screen and (max-width: 834px) {
	.buddypress .main {
		padding-top: 8px;
	}
}
#buddypress #item-body {
    padding: 0;
}

/* gallery style */
.rtmedia-container .rtmedia-list {
	column-count: 3;
	column-gap: 16px;
}
@media screen and (max-width: 480px) {
	.rtmedia-container .rtmedia-list {
		column-count: 1;
	}
}

.rtmedia-container .rtmedia-list .rtmedia-list-item {
	float: none;
	margin: 0 0 16px;
	position: relative;
	width: 100%!important;
	height: 100%;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.rtmedia-container ul.rtmedia-list li.rtmedia-list-item div.rtmedia-item-thumbnail {
	width: 100%!important;
	height: 100%;
}

.rtmedia-container ul.rtmedia-list li.rtmedia-list-item div.rtmedia-item-thumbnail img {
    max-width: 100%!important;
    max-height: auto;
}

/*新着一覧などから写真投稿ログインのサイドバー非表示*/
body.archive aside#block-4.widget.widget-sidebar.widget-sidebar-standard.widget_block,
body.archive aside#block-2.widget.widget-sidebar.widget-sidebar-standard.widget_block.widget_bp_core_login_widget.buddypress{
	display: none;
}

/* 応募フォーム1 app-form1 */
.single .main ul.app-form1 li:last-child:after {
	width: 0;
	height: 0;
}

/* swiperの矢印 */
.index_top_content .swiper-button-prev {
	width: 24px;
	height: 36px;
	left: 5px;
	background-size: 24px 36px;
	margin-top: -20px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.2%2C22l18.0%2C17.8L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234aa3e5'%2F%3E%3C%2Fsvg%3E");
}
.index_top_content .swiper-button-next {
	width: 24px;
	height: 36px;
	right: 5px;
	background-size: 24px 36px;
	margin-top: -20px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-4.2-4.2L18.8%2C22L0.8%2C4.2L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234aa3e5'%2F%3E%3C%2Fsvg%3E");
}
/************************************
** google map
************************************/

/************************************
** 投稿の本文部分pcサイズでおかしいので
************************************/
.single .content-in {
  flex-wrap: nowrap;
}
.archive .content-in {
  flex-wrap: nowrap;
}
.single .content-top,
.archive .content-top {
	margin: 0;
}
.single .content,
.archive .content {
	margin-top: 0;
}
.sidebar aside {
	margin-bottom: 2.8em;
}
.sidebar .widget-title {
	position: relative;
  padding: .5em .75em;
  background-color: #f0f0f0;
}
.sidebar .widget-title:after {
	position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f0f0f0;
}
/*********************************/
/* 全体の余白設定 ****************/
/*********************************/
.main {
	padding-top: 40px;
}
.home .wrap {
	padding: 0 15px;
}
.footer {
	margin-top: 0;
}

/*********************************/
/* トップページ非表示設定 ********/
/*********************************/
.home .entry-title,
.home .sns-share,
.home .sns-follow,
.home .date-tags,
.home .author-info,
.home .article-header,
.home .content-top,
.home .article-footer {
  display: none;
}
/*********************************/
/* コパントップ非表示設定 ********/
/*********************************/
.page-id-1531 .entry-title,
.page-id-1531 .sns-share,
.page-id-1531 .sns-follow,
.page-id-1531 .date-tags,
.page-id-1531 .author-info,
.page-id-1531 .article-header,
.page-id-1531 .content-top,
.page-id-1531 .article-footer,
.page-id-1531 .breadcrumb {
  display: none;
}
/*********************************/
/* トップページ余白設定 **********/
/*********************************/
.home .main,
.home .article,
.home .entry-content {
	padding-left: 0;
	padding-right: 0;
}
.home .content,
.home .main,
.home .article,
.home .entry-content,
.home .entry-content>* {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.home p {
	margin: 0;
}

/*コンテンツ部*/
.home .entry-content ul,
.home .entry-content ol {
	padding: 0;
}
.home .entry-content .jigyou_list,
.home .entry-content .topics_list,
.home .entry-content .contents_list,
.home .entry-content .rec_list,
.home .entry-content .home_works,
.home .entry-content .home_contact {
	padding-top: 35px;
	padding-bottom: 35px;
}
.home .entry-content .contents_list {
	padding-bottom: 0;
}
.home .entry-content .rec_list {
	padding-top: 0;
}
/*********************************/
/* コパントップ余白設定 **********/
/*********************************/

.page-id-1531 .main,
.page-id-1531 .article,
.page-id-1531 .entry-content {
	padding-left: 0;
	padding-right: 0;
}
.page-id-1531 .content,
.page-id-1531 .breadcrumb.pbp-main-before + .content,
.page-id-1531 .main,
.page-id-1531 .article,
.page-id-1531 .entry-content,
.page-id-1531 .entry-content>* {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.page-id-1531 p {
	margin: 0;
}
/*********************************
 */
/* トップページ見出し ************/
/*********************************/
.home .article h2,
.page-id-1531 .article h2 {
	font-size: 1.8em;
	text-align: center;
	position: relative;
	background-color: transparent;
	margin: 0;
	padding: 25px 10px;
	line-height: 1.6;
}
.home .article h2:before,
.page-id-1531 .article h2:before {
  height: 0;
  width: 0;
}
.home .article h2 ~ p,
.page-id-1531 .article h2 ~ p {
	text-align: center;
	margin-bottom: 1.0rem;
	padding: 0 15px;
}
.home .article h3 {
	border-top: none;
	border-left: none;
	border-right: none;
}
/*********************************/
/* トップページのボタン **********/
/*********************************/
.btn01 {
	display: inline-block;
	padding: 0.6rem 2.2rem;
	transition: 0.4s;
	font-size: 14px;
	color: #fff;
	background-color: #8b0000;
	border-radius: 23px;
	text-decoration: none;
}
.btn01:hover {
	color: #fff;
	text-decoration: underline;
}
.btn02 {
	display: inline-block;
	padding: 0.4rem 2.2rem;
	transition: 0.4s;
	font-size: 14px;
	color: #7E3515;
	border: solid 1px #7E3515;
	background-color: #FBFBEF;
	text-decoration: none;
}
.btn02:hover {
	color: #fff;
	background-color: #7E3515;
	text-decoration: underline;
}

/*********************************/
/* ヘッダーコンテンツ ************/
/*********************************/
.header {
	height: 80px;
}
.header-container {
	position: relative;
	z-index: 10;
	box-shadow: 0px 1px 6px lightgray;
}
.header-container-in.hlt-top-menu {
    max-width: 1280px;
    width: 100%;
}

.header .wrap,
.navi .wrap {
	padding: 0;
}

#navi .navi-in>ul>li>a {
	padding: 0 0.5em;
}

#navi .navi-in>ul>li>a img {
	vertical-align: top;
}

#menu-item-16628 a:hover {
	opacity: 0.7;
}

.navi-in > ul {
	flex-wrap: nowrap;
	font-weight: 700;
	align-items: center;
}

.navi-in > ul li.to_copain {
	background-color: #59B792;
	line-height: 1.9;
	border-radius: 8px;
	font-size: .9em;
}
.navi-in > ul li.to_copain:hover {
	background-color: #54c2f1;
}
.navi-in > ul li.to_copain a {
	color: #fff!important;
}
.kyoudou {
	display: block;
	font-size: .85em	
}

li.to_copain .m-display {
	display: none;
}
.navi-in .to_copain a:hover {
  background-color: transparent;
  transition: all 0.7s;
  color: #333;
}
#copain .navi-in a:hover {
  background-color: #f2f2d5;
  transition: all 0.7s;
  color: #333;
}
/*.navi-in > ul li.to_copain .item-label {
	font-size: 13px;
	position: relative;
	z-index: 20;
	background-color: tomato;
}
.navi-in > ul li.to_copain:before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url(https://npocc.org/2019wp/wp-content/uploads/copain_chara.png);
  background-size: contain;
	background-position: center;
	position: absolute;
	top: -10px;
	left: calc(34.45px / 2);
	z-index: 10;
}
.navi-in > ul li.to_copain:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 80px;
	position: absolute;
	top: -20px;
	left: 0;
	z-index: 1;
}
.navi-in > ul li.to_copain a:hover {
	background-color: none;
	transform: translatey(0);
	transition: none;
}

/*********************************/
/* トップページコンテンツhttps://npocc.org/2019wp/wp-content/uploads/copain_chara.png ********/
/*********************************/
.widget-entry-cards .widget-entry-card-content {
	color: #333333;
}
.home .content .wrap,
.page-id-1531 .content .wrap {
	width: 100%;
	padding: 0;
}
/*見出し*/
/*.home .article h2:before {
	content: '';
	width: 50%;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translatex(-50%);
	background-color: #AEC1E3;
	background-image: none;
	border-radius: 2px;
}
.home .article h2 span {
	padding: 0 1.0rem;
	position: relative;
	z-index: 2;
}
.topics_list h2 span {
	background-color: #4B75B9;
}
.sec03 h2 span {
	background-color: #fff;
}
.contents_list h2 span {
	background-color: #f1f1f1;
}
*/
.hero .swiper-wrapper {
	height: 500px;
	/*background: linear-gradient(to bottom, rgba(50, 97, 171, 0.2), rgba(50, 97, 171, 0.2));
	background-size: cover;
	background-position: center center;*/
}

.home_inner {
	position: relative;
	width: 1280px;
	max-width: 100%;
	height: 100%;
	padding: 15px;
	margin: 0 auto;
}

.hero_text01,
.hero_text02,
.hero_text03 {
	width: 640px;
	max-width: 100%;
	color: #fff;
	font-weight: 700;
	padding: 15px;
}
.hero_text01 .slide_title,
.hero_text02 .slide_title,
.hero_text03 .slide_title {
	font-size: 32px;
	letter-spacing: 0.15rem;
	margin-bottom: 10px;
	line-height: 1.5;
}
.hero_text01 .blue {
	color: #3261AB;
	margin-right: -5px;
}
.hero_text01 .yellow {
	color: #EDAD0B;
	margin-left: -5px;
	margin-right: -5px;
}
.hero_text01 .red {
	color: #C7243A;
	margin-left: -5px;
}
.hero_text01 {
	position: absolute;
	top: 20%;
}
.hero_text02 {
	position: absolute;
	top: 50%;
	right: 0;
}
.hero_text03 {
	text-align: center;
	width: 700px;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 50%;
	left: 50%;
	transform : translate(-50%,-50%);
}
.hero_text03 p:last-child {
	margin-top: 10px;
	margin-bottom: 5px;
}



/*** sec01 ***********************/
.sec01 {
	background-color: #f1f1f1;
	/*background-color: #D5E0F1;*/
	/*background-color: #FCEDAA;*/
}
.sec01 .home_inner {
	padding-bottom: 40px;
}
.sec01 .navi-entry-cards {
	display: flex;
	flex-wrap: wrap;
}
.sec01 h3 {
	border-left: none;
	padding: 0.3rem;
  margin: 1.6rem 0 1.0rem;
	font-size: 20px;
	color: #234378;
	background-color: transparent;
	border-bottom: solid 1px #234378;
}
.sec01 h3:before {
	width: 0;
}
/*
.sec01 .navi_npocc h3:before {
	content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
	background-color: transparent;
  background-image: url(https://npocc.org/2019wp/wp-content/uploads/home_icon01.svg);
  background-size: contain;
}
.sec01 .navi_copain h3:before {
	content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
	background-color: transparent;
  background-image: url(https://npocc.org/2019wp/wp-content/uploads/home_icon02.svg);
  background-size: contain;
}
*/
/* サムネ調整 */
.sec01 .navi_npocc figure {
	width: 60px;
	height: 60px;
}
.sec01 .navi_npocc .card-thumb img {
	object-fit: cover;
	height: 100%;
}
.sec01 .widget-entry-card-content {
  margin-left: 70px;
}
.sec01 .widget-entry-card-thumb {
	margin-top: 0;
}
/* カード全体 */
.sec01 .navi_npocc .a-wrap {
	flex-basis: 24%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 10px;
	padding: 7px;
	border: solid 1px #DEDAD6;
	border-radius: 3px;
	position: relative;
}
.sec01 .navi_npocc .a-wrap:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	right: 7px;
	bottom: 7px;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #4B75B9 transparent;
}

.sec01 .navi_npocc .a-wrap .card-title {
	color: #304E80;
	font-size: 15px;
}


.sec01 .btn_wrap {
	text-align: center;
}
/*******************************/
/*** コパントップコンテンツ ****/
/*******************************/
#copain {
	color: #4C2E1E;
}
#copain .header-container,
#copain .navi {
	background-color: #FBFBEF;
}
#copain #navi .navi-in a,
#copain #navi .navi-in a:hover {
	color: #4C2E1E;
}
#copain,
#copain .main {
	background-color: #FBFBEF;	
}
#copain .breadcrumb.pbp-main-before {
	background-color: #FBFBEF;
}
#copain article {
	background-color: #FBFBEF;	
}
#copain .a-wrap {
	border: solid 1px #ECE6BC;
}
/*** コパンhero ****************/
.hero_text11 {
	text-align: center;
	font-size: 16px;
	width: 600px;
	max-width: 95%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-weight: 700;
	padding: 15px 15px 25px;
	background-color: rgba(76, 46, 30, 0.6);
	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.4);
	border: dotted 5px #fff;
	border-color: #7fff7f #bfff7f #ffff7f #ffbf7f;
}
.hero_text11 .slide_title {
	font-size: 32px;
	letter-spacing: 0.15rem;
	line-height: 1.5;
}
.hero_text12 {
	text-align: center;
	font-size: 16px;
	width: 600px;
	max-width: 95%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-weight: 700;
	padding: 15px 15px 25px;
	background-color: rgba(76, 46, 30, 0.6);
	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.4);
	border: dotted 5px #fff;
	border-color: #7fff7f #bfff7f #ffff7f #ffbf7f;
}
.hero_text12 .slide_title {
	font-size: 32px;
	letter-spacing: 0.15rem;
	line-height: 1.5;
}
.hero_text13 {
	text-align: center;
	font-size: 16px;
	width: 600px;
	max-width: 95%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-weight: 700;
	padding: 15px 15px 25px;
	background-color: rgba(76, 46, 30, 0.6);
	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.4);
	border: dotted 5px #fff;
	border-color: #7fff7f #bfff7f #ffff7f #ffbf7f;
}
.hero_text13 .slide_title {
	font-size: 32px;
	letter-spacing: 0.15rem;
	line-height: 1.5;
}
/*** コパンsec11 ***************/
.sec11 {
	background-color: #FBFBEF;
}
.sec11 .home_inner {
	padding-bottom: 40px;
}
.sec11 .navi_copain .navi-entry-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sec11 .navi_npocc .navi-entry-cards {
	display: flex;
	flex-wrap: wrap;
}
.sec11 h3 {
	position: relative;
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 0.3rem;
  margin: 1.6rem 0 1.0rem;
	font-size: 20px;
	color: #7E3515;
	background-color: transparent;
	border-bottom: solid 1px #7E3515;
}
.sec11 h3 > a {
	position: absolute;
	bottom: 5px;
	right: 0;
	font-size: 14px;
	font-weight: 400;
}
.sec11 h3:before {
	width: 0;
}
/* サムネ調整 */
.sec11  .navi_npocc figure {
	width: 60px;
	height: 60px;
}
.sec11 .navi_npocc .card-thumb img {
	object-fit: cover;
	height: 100%;
}
.sec11 .widget-entry-card-content {
  margin-left: 70px;
}
.sec11 .widget-entry-card-thumb {
	margin-top: 0;
}
/* カード全体 */
.sec11 .navi_copain .a-wrap {
	flex-basis: 19%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 10px;
	padding: 7px;
	border-radius: 3px;
	position: relative;
}
.sec11 .navi_npocc .a-wrap {
	flex-basis: 24%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 10px;
	padding: 7px;
	border-radius: 3px;
	position: relative;
}
.sec11 .navi_npocc .a-wrap:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	right: 7px;
	bottom: 7px;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #4B75B9 transparent;
}

/****************/
.page-id-1531 .article h2 {
	color: #4C2E1E;
	letter-spacing: 0.15rem;
}
.page-id-1531 .article h2 span {
	border-bottom: dotted 4px;
}
.entry-content .sec12 {
	padding-top: 15px;
	padding-bottom: 35px;
	background-color:#ECE6BC;
}
.sec12 .home_inner {
	display: flex;
	flex-wrap: wrap;
}
.sec12_left {
	flex-basis: 50%;
}
.sec12 .sec12_left .cic_entry_card_tags {
	display: none;
}
.sec12 .card-content {
	color: #4c2e1e;
}

.sec12_right {
	flex-basis: 500px;
	margin: 0 auto;
	text-align: center;
}
.sec12_right p {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 10px;
}
.sec12_right .fb-page{
	width: 100%;
}
.sec12_right > .fb-page > span,
.sec12_right iframe {
    width: 100% !important;
}
/*一旦停止*/
/*
.sec12 .new-entry-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sec12 .a-wrap {
	flex-basis: 23%;
	border-radius: 3px;
	line-height: 1.4;
}
.sec12 .cf:after {
	display: none;
}
.sec12 .card-title {
	font-size: 16px;
	font-weight: 500;
	margin: 5px 0;
}
.sec12 .card-content {
	padding: 0px 5px 5px;
}
.sec12 .cic_entry_card_date {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	margin-right: 10px;
}*/
#copain .sec12 .news_list .a-wrap {
	border-bottom: dashed 1px #4c2e1e;
}

.sec12 .btn01 {
	/*background-color: #83C9DD;*/
}
.sec12 .btn_wrap {
	text-align: center;
	margin-top: 30px;
}

.entry-content .sec13 {
	padding-top: 15px;
	padding-bottom: 35px;
	background-color: #FBFBEF;
}
.sec13 .home_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.lineup_item {
	width: 48%;
	display: flex;
	justify-content: space-between;
}
.lineup_item figure {
	flex-basis: 35%;
}
.lineup_item .lineup_text {
	flex-basis: 60%;
}
.lineup_text h3 {
	font-size: 20px;
	border: none;
	padding: 0;
	margin: 8px 0;
	font-size: 20px;
	color: #7E3515;
	background-color: transparent;
}
.lineup_text h3:before {
	width: 0;
}

.entry-content .sec14 {
	padding-top: 20px;
	padding-bottom: 50px;
	background: linear-gradient(to bottom, rgba(76, 46, 30, 0.4), rgba(76, 46, 30, 0.4)),url(https://npocc.org/2019wp/wp-content/uploads/copain_bg01.png);background-size: cover;
	background-position: center center;
}
.page-id-1531 .article .sec14 h2,
.page-id-1531 .article .sec14 h2 ~ p {
	color: #fff;
}

.copain_support {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.copain_support h3 {
	font-size: 20px;
	border: none;
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: #7E3515;
	background-color: transparent;
}
.copain_support h3:before {
	width: 0;
}
.copain_support p {
	font-size: 16px;
	margin-top: 10px;
}
.copain_support .btn_wrap {
	margin-top: 10px;
}
.copain_support_a,
.copain_support_b {
	background-color: #ECE6BC;
	flex-basis: 46%;
	margin: 0 2%;
	padding: 30px;
	border-top: solid 10px #E96A01;
	border-radius: 5px;
	/*width: 60%;
	margin-left: 40%;
	padding: 30px 30px 10px 70px;
	border-radius: 25% 40% 20% 20%/90% 90% 70% 60%;*/
}

.entry-content .sec15 {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #FBFBEF;
	text-align: center;
}
.sec15 {
	background: no-repeat -5% 0%/13% url(https://npocc.org/2019wp/wp-content/uploads/copain_lineup01.png),
		no-repeat -3% 60%/9% url(https://npocc.org/2019wp/wp-content/uploads/copain_lineup01.png),
		no-repeat 98% 40%/8% url(https://npocc.org/2019wp/wp-content/uploads/copain_lineup01.png),
		no-repeat 105% 100%/13% url(https://npocc.org/2019wp/wp-content/uploads/copain_lineup01.png);
}
#copain #footer {
	background-color: #7E3515;
}
#footer-copain .navi-footer-in a {
    color: #fff;
}
/****************/


/*事業別カラー分け*/
/*開講日*/
.navi_npocc .a-wrap:nth-child(8) .card-snippet,
.navi_npocc .a-wrap:nth-child(9) .card-snippet {
	color: #8b0000;
	font-weight: bold;
	font-size: 13px;
}

.topics_list {
	background-color: #D5E0F1;
	/*background-color: #4B75B9;#6A8CC7#4B75B9*/
	/*background: linear-gradient(-45deg, #4B75B9 25%, #4469A6 25%, #4469A6 50%, #4B75B9 50%, #4B75B9 75%, #4469A6 75%, #4469A6);
	background-size: 30px 30px;*/
}

.article .topics_list h2 {
	color: #234378;
	padding-top: 0;
	padding-bottom: 5px;
}
.topics_list .new-entry-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.topics_list .a-wrap {
	flex-basis: 23%;
	border-radius: 3px;
	line-height: 1.4;
	border: solid 1px #DEDAD6;
}
.topics_list .cf:after {
	display: none;
}
.topics_list .card-title {
	font-size: 16px;
	font-weight: 500;
	margin: 5px 0;
}
.topics_list .card-content {
	padding: 0px 5px 5px;
}

.topics_list .card-content,
.news_list .card-content {
	display: flex;
	flex-direction: column;
}




.topics_list .cic_entry_card_date,
.news_list .cic_entry_card_date {
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-top: 5px;
	order: 1;
}
.topics_list .cic_entry_card_tags,
.news_list .cic_entry_card_tags {
	display: flex;
	font-size: 12px;
	order: 3;
}
.topics_list .cic_entry_card_tags p,
.news_list .cic_entry_card_tags p {
	margin-right: 5px;
}
.topics_list .cic_entry_card_tags p:before,
.news_list .cic_entry_card_tags p:before {
	content: '\f02b';
	display: inline-block;
	font-family: FontAwesome;
	font-size: inherit;
	margin-right: 2px;
}
.topics_list .card-title,
.news_list .card-title {
	order: 2;
}
.topics_list .btn_wrap {
	text-align: center;
	margin-top: 30px;
}
/*エントリーカードのタグの色*/
/*法人運営部*/
.card-content .cic_tag_id_11 {
	color: #FE7D50;
}
/*コパン*/
.card-content .cic_tag_id_13 {
	color: #3DB680;
}
/*cic*/
.card-content .cic_tag_id_12 {
	color: #208DC3;
}
/*活動報告*/
.card-content .cic_tag_id_21 {
	color: slategray;
}


.article .news_list h2 span:before {
	font-family: 'FontAwesome';
  content: '\f0a1';
	margin-right: 0.7rem;
}
.article .news_right h2 span:before {
	font-family: 'FontAwesome';
  content: '\f274';
	margin-right: 0.7rem;
}
.sec03 .home_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 0;
	padding-bottom: 0;
}
.news_list .a-wrap:hover {
  box-shadow: none;
	transform: none;
}
.news_list .a-wrap:hover .card-title {
	color: #4B75B9;
}
.news_list .a-wrap figure {
}
/* サムネ調整 */
/*.news_list figure {
	width: 65px;
	height: 65px;
}
.news_list .card-thumb img {
	object-fit: cover;
	height: 100%;
}
.news_list .widget-entry-card-thumb {
	margin-top: 0;
	margin-right: 1.0rem;
}*/
/************/
.news_list .card-title {
	font-size: 16px;
	font-weight: 500;
	/*padding-left: 1.0rem;*/
	position: relative;
	line-height: 1.8;
	margin-top: 4px;
}
/*.news_list .card-title:before {
	position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 1.4px #C7243A;
  border-right: solid 1.4px #C7243A;
  transform: rotate(45deg);
  top: 50%;
  left: 0;
  margin-top: -3px;
}*/

.news_list .btn_wrap {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.sched {
	margin: 1.0rem;
	background-color: #e1e9f7;
}
.sched > p {
	padding: 10px 20px 0;
	color: #234378;
}
.entry-content .sched ul {
	list-style: none;
	margin: 0;
	padding: 10px 20px;
}
.sched li {
	position: relative;
	padding-left: 1.3rem;
}
.sched li:before {
	font-family: 'FontAwesome';
  content: '\f192';
	position: absolute;
	top: 1px;
	left: 0;
}
.contents_list {
	background-color: #f1f1f1;
}
.article .contents_list h2 {
	color: #234378;
}
.contents_list .home_inner {
	display: flex;
	padding-bottom: 0;
}
.contents_item {
	flex-basis: 20%;
	background-color: #fff;
	border-radius: 3px;
	margin-right: 15px;
	text-align: center;
}
.contents_item:last-child {
	margin-right: 0;
}
.contents_item img {
	max-width: 80px;
	margin: 20px auto 0;
}
.contents_item p {
	padding-bottom: 15px;
}

.rec_list {
	background-color: #f1f1f1;
}
.rec_list .navi-entry-cards {
	display: flex;
}
.rec_list .a-wrap {
	border-radius: 3px;
	margin-right: 15px;
	position: relative;
}
.rec_list .a-wrap:last-child {
	margin-right: 0;
}
.rec_list img {
	vertical-align: bottom;
}
.rec_list .card-content {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: rgba(69,69,69,0.8);
	color: #fff;
}
.rec_list .widget-entry-cards.card-large-image .card-content {
    margin: 0;
	padding: 3px 8px 5px;
}
.rec_list .card-title {
	font-size: 16px;
}



.home_works {
	background-color: #f1f1f1;
}
.home .entry-content .home_works {
	padding-bottom: 20px;
}
.article .home_works h2 {
	color: #234378;
}
.home_works img {
	border-radius: 50%;
}
.home_works figcaption {
	text-align: center;
	font-size: 13px;
}
.home_works figcaption span {
	display: block;
	font-size: 11px;
}
.home_works .swiper-pagination {
	position: static;
	margin-top: 10px;
	margin-bottom: 10px;
}
.home_contact {
	background-color: #D5E0F1;
}
.contact_block {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border: solid 2px #fff;
}
.contact_left {
	flex-basis: 50%;
	text-align: center;
}
.contact_tel {
	font-size: 36px;
	line-height: 1.5;
	font-weight: 500;
}
.contact_tel i {
	margin-right: 0.5rem;
}
/* 追加20200312 */
.contact_text {
	margin-bottom: 10px;
	padding: 0 8px;
}
.contact_hour {
	font-size: 14px;
	line-height: 1.6;
}
.contact_right {
	flex-basis: 50%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.22)),url(https://npocc.org/2019wp/wp-content/uploads/page-dammy02.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
  z-index: 0;
	overflow: hidden;
	padding: 20px;
}
.contact_right:before{
  content: '';
  background: inherit;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(4px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.contact_right .btn_wrap {
	margin: 30px auto;
	text-align: center;
}
.contact_right .btn01 {
	padding: 0.6rem 2.8rem;
}
.contact_right .btn_wrap:last-child .btn01 {
	background-color: #4b75b9;
}
/*********************************/
/* フッター調整 ******************/
/*********************************/
.footer {
	padding-bottom: 10px;
}
.footer-center img:hover {
	opacity: 0.9;
}
.footer-left {
	padding-top: 40px;
}
.footer-bottom {
	margin-top: 1.0rem;
}
.footer-bottom-logo {
	float: none;
	position: static;
}
.footer-bottom-logo .logo-image {
  max-width: 300px;
  margin: 0 auto 20px;
}
.footer-bottom-logo .site-name-text {
    padding-bottom: 0;
}
.footer-bottom-content {
  float: none;
  text-align: center;
}
.navi-footer-in > .menu-footer {
  justify-content: center;
  margin-bottom: 1.0rem;
}
.navi-footer-in > .menu-footer li.menu-item {
  line-height: 1;
	border-left: solid 1px #fff;
}
.navi-footer-in > .menu-footer li.menu-item:last-child {
	border-right: solid 1px #fff;
}
.navi-footer-in a:hover {
  text-decoration: underline;
	transform: none;
}
#block-15 a:hover,
#block-8 a:hover {
	opacity: 0.8;
}
.source-org.copyright {
  color: #fff;
	margin-bottom: 10px;
}
/*↓20201204修正*/
@media screen and (max-width: 1174px) {
.header-container-in.hlt-top-menu {
  display: flex;
	flex-wrap: wrap;
  justify-content: center;
}
.hlt-tm-right .navi-in > ul {
  justify-content: center;
}
}
@media screen and (max-width: 834px) {
	.header-container-in.hlt-top-menu .logo-image {
    padding: 10px;
}
	ul li.to_copain .d-display {
	display: none;
}
	ul li.to_copain .m-display {
	display: block;
}
	.jigyou_list .a-wrap {
		flex-basis: 21%;
		margin: 10px;
	}
	.sec01 .navi_npocc .a-wrap {
		flex-basis: 49%;
	}
.topics_list .cic_entry_card_date, .topics_list .cic_entry_card_tags,
.news_list .cic_entry_card_date, .news_list .cic_entry_card_tags {
	font-size: 12px;
	margin-right: 5px;
}
.news_list .cic_entry_card_tags {
	margin-right: 0;
}
	.news_list,
	.news_right {
		flex-basis: 100%;
	}
	.kyousitu1 div,
	.kyousitu2 div {
		flex-basis: 80%;
		padding: 10px 10px;
	}
.news_list .a-wrap {
	margin: 0;
}
	.kyousitu1 div span,
	.kyousitu2 div span {
		font-size: 16px;
	}
	.kyousitu1 figure,
	.kyousitu2 figure {
		padding: 10px;
	}
	.rec_list .navi-entry-cards {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.rec_list .a-wrap {
		flex-basis: 49%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	.navi-footer-in > .menu-footer li.menu-item,
	.navi-footer-in > .menu-footer li.menu-item:last-child {
		border: none;
	}
/*コパントップページ*/
.widget-entry-cards.card-large-image .e-card {
  font-size: 16px;
}
	.sec11 .navi_npocc .a-wrap {
		flex-basis: 49%;
	}
}
@media screen and (max-width: 480px) {
	.sp_br {
		display: inline;
	}
	.pc_br {
		display: none;
	}
	
.header-container {
	z-index: 0;
}
.home .article h2,
.page-id-1531 .article h2 {
	font-size: 5.87vw;
	}
	
.hero_text01 .slide_title,
.hero_text02 .slide_title {
	font-size: 30px;
	letter-spacing: 0.07rem;
}	
	.hero_text01 {
	width: 100%;
	left: 0;
	}
	.hero_text02 {
	width: 100%;
	top: 40%;
	left: 0;
	}
	/*.jigyou_list .navi-entry-cards {
		justify-content: space-between;
	}
	.jigyou_list .a-wrap {
		flex-basis: 49%;
		margin: 10px 0;
	}*/
.home_inner {
	padding: 15px 10px;
}
.sec01 .navi_npocc .a-wrap {
	flex-basis: 100%;
}

.topics_list .a-wrap {
	flex-basis: 49%;
	margin-bottom: 22px;
}
	.kyousitu1,
	.kyousitu2 {
		flex-basis: 100%;
	}
	.kyousitu_title {
		flex-basis: 100%;
	}
	
	.kyousitu1,
	.kyousitu2 {
		flex-basis: 100%;
	}

	.contents_list .home_inner {
		flex-wrap: wrap;
		justify-content: space-between;
	}
.contents_item {
	flex-basis: 49%;
	margin-right: 0;
	margin-bottom: 10px;
}

.rec_list .a-wrap {
	flex-basis: 100%;
	margin-right: 0;
	margin-bottom: 10px;
}
	.contact_left {
		flex-basis: 100%;
		padding: 30px 0;
	}
	.contact_right {
		flex-basis: 100%;
		padding: 0;
	}
  .navi-footer-in > .menu-footer li.menu-item {
    width: 100%;
    display: block;
    flex: auto;
    padding: 0.3rem 0;
  }
/*******************************/
/*** コパントップスタイル ******/
/*******************************/
	.sec11 .navi_copain .a-wrap {
		flex-basis: 49%;
		margin-left: 0;
		margin-right: 0;
	}
	.sec11 .navi_npocc .a-wrap {
		flex-basis: 100%;
	}
	.sec12 .a-wrap {
		flex-basis: 100%;
		margin-bottom: 22px;
	}
	.sec12_left,
.sec12_right {
	flex-basis: 100%;
}

	.lineup_item {
		width: 100%;
	}
.copain_support_a,
.copain_support_b {
	flex-basis: 100%;
	margin: 0;
	padding: 20px;
}
	.copain_support_a {
		margin-bottom: 22px;
	}
}

/*******************************/
/*** 20202015  高さを固定とH1の位置 ******/
/*******************************/
.eye-catch img {
  height: auto !important;
  width: auto !important;
}
	.article-header h1 {
    position: absolute;
    top: 50% ;
    left: 5% ;
    transform: translateY(-50%, -5%);
    -webkit-transform: translateY(-50%, -5%);
    -ms-transform: translateY(-50%, -5%);
}
/*追加CSSままで*/

/*とっと新ページCSS*/
.page-id-14461 .page .article-header {
	background: url(https://npocc.org/images/head-image.jpg) center center / cover no-repeat;
}

.page-id-14461 .page .article-header h1 {
	position: static;
	margin: 0;
	font-size: 2em;
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
	color: #000;
	text-align: center;
	text-shadow: none;
}

.page-id-14461 .entry-content>*, .demo .entry-content p {
	margin-top: 0;
	margin-bottom: 0;
}

.page-id-14461 .entry-content {
	margin: 0;
}

.page-id-14461 section {
	padding: 38px;
}

.page-id-14461 table {
	border-collapse: separate!important;
}

.page-id-14461 .entry-categories-tags {
	display: none;
}

/*.page-id-14461 main#main.main {
	padding: 0 0 20px;
}*/

.baguetteBox-button#previous-button:first-child {
	display: none!important;
}

.selector {
  font-feature-settings: "palt";
}

.totto-midashi {
	font-size: 28px;
	font-weight: bold;
	padding: 0 0 0.5em 0;
}

.totto-example .totto-midashi,
.totto-price .totto-midashi{
	font-size: 28px;
	font-weight: bold;
	padding: 0.5em 0;
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;
	line-height: 1.4;
}

.content-box {
	max-width: 1106px;	
	margin: 0 auto;
	box-sizing: border-box;
}

.columnbox {
	display: flex;
}

.columnitem {
	width: 48%;
}

.totto-about {
	background-color: #b3d0f8;
	border: 2px solid #1e90ff;
	box-sizing: border-box;
	height: auto;
	padding: 15px 10px;
}

.totto-about-title {
	font-size: 24px;
	font-weight: bold;
}

.totto-about.columnbox {
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
}

.totto-about.columnbox .columnitem {
	width: 49%!important;
}

.maru-ob {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
	top: 10%;
	border-radius: 50%;
	background: #ffcc00;
}

.img-text {
	position: absolute;
	left: 51%;
   top: 5%;
	font-size: 20px;
	font-weight: bold;
	width: 110%;
}

.img-ob {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 55%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width :311px;
	text-align:center;
}

.text-ob {
	position: absolute;
	display: inline-block;
	left: 30%;
	top: 40%;
}

ul.cp_list {
	position: relative;
	padding: 0.5em;
	list-style-type: none;
}

ul.cp_list li:first-child {
	border-top: 2px dashed #ffcc00;
}

ul.cp_list li {
	padding: 0.5em 0 0.5em 1.4em;
	line-height: 1.5;
	border-bottom: 2px dashed #ffcc00;
}

.totto-contact {
	background-color: #b3d0f8;
	height: auto;
	padding: 25px;
	margin-top: 38px;
}

.text {
	position: relative;
	font-weight: bold;
	font-size: 36px;
	top: -10px;
	line-height: 1.2;
}

.text .top {
	font-size: 25px;
}

.tel-mail {
	padding-left: 1.2em;
}

.btn-box {
	text-align: center;
}

.totto-btn01 {
	padding: 0 30px;
	margin: 25px 1em 0 0;
	display: inline-block;
	text-decoration: none;
	color: #b22222;
	background-color: #ffffff;
	border: solid 3px #ffcc00;
	border-radius: 3px;
	transition: .4s;
	font-size: 32px;
	font-weight: 800;
	text-align: center;
}

.totto-btn02 {
	padding: 0 30px;
	display: inline-block;
	text-decoration: none;
	color: #4169e1;
	background-color: #ffffff;
	border: solid 3px #4169e1;
	border-radius: 3px;
	transition: .4s;
	font-size: 32px;
	font-weight: 800;
	text-align: center;
}

.totto-program .columnbox,
.totto-time .columnbox,
.totto-example .columnbox,
.totto-price .columnbox {
	display: flex;
	justify-content: space-between;
}

.totto-program .columnitem,
.totto-time .columnitem {
	max-width: 360px;
	background-color: #fff;
	padding: 10px;
	border: 2px solid #ffcc00;
	box-sizing: border-box;
}

.totto-pt-img {
	text-align: center;
	margin: 0 auto;
}

.totto-pt-img img {
	border: 1px solid #ffcc00;
}

.totto-pt-title {
	font-size: 18px;
	font-weight: bold;
}
.btn-center {
	text-align: center;
	margin-top: 15px;
}
.btn-square-so-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #b22222;
  background: #fff8dc;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 2px #b22222;/*線色*/
}
.btn-square-so-pop:active {
  /*押したとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.totto-program,
.totto-time {
	background-color: #ffff99;
	width: 99.4vw;
	margin-left: calc(50% - 50vw);
}

.totto-program .content-box,
.totto-time .content-box {
	padding-bottom: 0;
}

.totto-feature {
	width: 99.4vw;
	margin-left: calc(50% - 50vw);
	height: auto;
	/*padding-top: calc(1320 / 1980 * 100%); calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(https://npocc.org/images/bg01.jpg) center center / cover no-repeat;
}

.totto-feature .left {
	width: 30%;
}

.totto-feature .reight {
	width: 70%;
}

.circle {
	position: relative;
	display: inline-block;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: #ffcc00;;
}

.circle span {
	  position: absolute;
	display: inline-block;
	left: 17%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width :220px;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.4;
}

.img-ct {
	position: relative;
 	width: 980px;
 	height: auto;
 	margin: 0 auto;
}

.img-ct　img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	 object-fit: scale-down;
}

.totto-feature .img-ct img {
	border: 2px solid #ffcc00;
	vertical-align: bottom;
}

.ex-title {
	color: #000;
	padding: 0.5em 0;
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;
	font-size: 28px;
	line-height: 1.4;
}

.ex-top-text {
	font-size: 33px;
	font-weight: bold;
}

.ex-box {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 38px;
}

.ex-box:nth-child(2),
.ex-box:nth-child(5){
	margin-bottom: 0;
}

.ex-item01 {
	width: 20%;
}

.ex-item02 {
	width: 80%;
}

.ex-item02 p {
	padding: 0 5px;
}

.ex-item02 p:nth-child(2) {
	border-bottom: 2px solid #ffcc00;
}

.totto-price {
	background-color: #ffcc00;
	width: 99.4vw;
	margin-left: calc(50% - 50vw);
}

.totto-price .left {
	width: 38%;
}

.totto-price .reight {
	width: 60%;
}

.totto-price table {
  border-collapse:　separate;
  width: 100%;
	border-spacing: 3px;
	margin-bottom: 0;
}

.totto-price table p {
	margin: 0.1em 0;
}

.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  box-sizing:border-box;
}

.tb01 th {
  background: #4169e1;
  color: #fff;
}
.bg1 {
	background-color: #fafbfc;
}
.page-id-14461 table tr:nth-of-type(n+4) {
	background-color: #7fffbf!important;
}
.wh1 {
	width: 15%;
}
.wh2 {
	width: 65%;
}
.wh3 {
	width: 20%;
}
.wh4 {
	width: 20%;
	/* custom 20210821*/
	font-size: 1.15em;
	font-weight: 800;
}
.tx-center {
	text-align: center;
}
.tx-reight {
	text-align: right;
}
@media screen and (max-width: 640px) {
  .tb01 .head{
    display:none;
  }
  .tb01 {
    width: 100%;
  }
  .totto-price table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .totto-price table.tb01 td:first-child{
    background: #6495ed;
    color:#fff;
    font-weight:bold;
  }
  .totto-price table.tb01 td:before{
    content: attr(data-label);
    font-size: .7rem;
    font-weight:bold;
    color: #000;
    display: block;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
	.wh1 {
		width: 100%;
	}
	.wh2 {
		width: 100%;
	}
	.wh3 {
		width: 100%;
	}
	.wh4 {
		width: 100%;
		/* custom 20210821*/
		font-size: 1.15em;
		font-weight: 800;
	}
}
/**/

/*共通用CSSここから*/
/*固定ページヘッダー幅調整*/
.page.article header {
	width: 99.4vw!important;
	margin-left: calc(50% - 50vw);
}

.corona_five {
	margin: 1.5rem 1.0rem 1.0rem;
}

.corona_five_title {
	color: #234378;
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1px solid #234378;
}

.corona_taisaku {
	text-align: center;
	margin: 0 auto;
	max-width: 400px;
}

.corona_taisaku figure {
	margin-bottom: 8px;
}

.corona_taisaku figcaption {
	font-size: 13px;
	color: #696969;
}

ol.info3 {
	padding: 10px 20px!important;
	margin: 0;
}

.nendo {
	color: #234378;
	font-size: 1.2em;
	font-weight: bold;
}

/*チャレンジド・コミュニティの事業 - コンテンツ幅揃え*/
.sec01 .navi-entry-cards {
	justify-content: space-between;
}

.sec01 .navi_npocc .a-wrap {
	margin-left: 0!important;
   margin-right: 0!important;
}

/*夏季休業案内CSSここから*/
.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #000000;
	background-color: #ffffff;
}
.box1 p {
    margin: 0 0 10px 0; 
    padding: 0;
}

.tp-center {
	text-align: center;
	margin: 15px 0 5px;
}

.tp-midashi1 {
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-size: 18px;
	color: #234378;
	font-weight: bold;
}

.tp-midashi1:before {
	content: '';
	position: absolute;
	bottom: -10px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
 	-webkit-transform: translateX(-50%);
 	transform: translateX(-50%);
  	background-color: #662434;
  	border-radius: 2px;
}

.tp-midashi2 {
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-size: 18px;
	color: #006633;
}

.tp-midashi2:before {
	content: '';
	position: absolute;
	bottom: -10px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
 	-webkit-transform: translateX(-50%);
 	transform: translateX(-50%);
  	background-color: #ff6600;
  	border-radius: 2px;
}

/*就労リハイベント報告ページCSSここから*/
.event_content {
	display: flex;
	justify-content: space-between;
}

.event_info {
	margin: 0 5%;
	padding-bottom: 35px!important;
}

.event_info h2 {
	text-align: left!important;
	background-color: #202f55!important;
	color: #ffffff;
	margin: 4% 0!important;
}

.event_item h5 {
	color: #234378!important;
	border-bottom: 2px solid #234378!important;
}

.event_item p {
	text-align: left!important;
}

.event_item {
	width: 44%;
}

.event_info .btn_wrap {
	margin: 10px 0;
	text-align: center;
}

.event-box {
	max-width: 720px;
	margin: 0 auto;
}

.event-box h2 {
	background-color: #202f55;
	color: #ffffff;
}

.event-box p {
	line-height: 1.7;
	margin: 4% 0;
}

.event-box figcaption {
	color: #202f55;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 480px){
	.event_info h2 {
		padding: 10px!important;
	}
	
	.event_content {
		flex-direction: column;
	}
	
	.event_item {
		width: 100%;
	}
}

/*トップメインビジュアル「オンラインセミナー」CSSここから*/
.appeal-top-button {
	color: #fff;
	text-decoration: none;
	background-color: #4b75b9;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	margin: 10px 0;
	padding: 5px 20px;
	border-radius: 4px;
	font-size: 12px;
}

.appeal-top-button:hover {
	color: #ffffff;
	opacity: 0.9;
}

/*トップページ:メインビジュアル20200824*/
/*.mainv_box {
	display: flex;
}*/

/*.mainv_item {
	width: 50%;
	align-self: center;
}*/

.mainv_us {
	color: #ffffff;
	font-weight: 700;
	padding: 70px 15px 15px;
	margin-left: 5em;
}

.mainv_us .slide_title {
	font-size: 28px;
	letter-spacing: 0.15rem;
	margin-bottom: 10px;
	line-height: 1.5;
}

.blue {
	color: #3261AB;
	margin-right: -5px;
}

.yellow {
	color: #EDAD0B;
	margin-left: -5px;
	margin-right: -5px;
}

.red {
	color: #C7243A;
	margin-left: -5px;
}

.second_box {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 10px;
   max-width: 450px;
	margin: 1em 0 0 0;
}

.second_box p {
	margin: 0.3em 0;
	font-size: 14px;
}

.slide_sib_title {
	font-size: 16px;
	background-color: #3261AB;
   padding: 5px 10px;
   border-radius: 4px;
}

.box_sub {
	text-align: center;
}

.appeal-button {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	margin: 0 0 10px;
	padding: 5px 20px;
	border-radius: 4px;
	font-size: 12px;
}

.mainv_item.side-box {
	align-self: center;
	margin: 80px auto 0;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 15px;
	max-width: 500px;
	color: #ffffff;
	text-align: center;
	font-weight: 700;
}

.mainv_item.side-box .slide_title {
	font-size: 1.1em;
    letter-spacing: 0.15rem;
    margin-bottom: 10px;
    line-height: 1.5;
	color: #ffffff;
}

.mainv_item.side-box .box_title {
	background-color: #3261AB;
	padding: 5px 10px;
	border-radius: 4px;
}

.mainv_item.side-box .side-box-midashi {
	font-size: 16px;
}

.under_line_red {
	border-bottom: 2px solid red;
}

.side-box-text {
	text-align: left!important;
	margin: 15px 0;
}

.appeal_area {
    color: #fff;
    text-decoration: none;
    background-color: #4b75b9;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin: 10px 0;
    padding: 9px 20px;
    border-radius: 4px;
}

.mainv_item.side-box p {
	margin: 0.3em 0;
}

/*トップページ:NPOCCの事業20200827*/
.sec01 .widget-entry-card-content {
	margin-left: 110px!important;
}

.sec01 .navi_npocc .a-wrap {
	flex-basis: 32%!important;
}

.sec01 .navi_npocc figure {
	width: 100px!important;
	height: 100px!important;
}

.sec01 .navi_npocc .a-wrap .card-title {
	font-size: 1.3em!important;
}

.widget-entry-card-snippet,
.navi_npocc .a-wrap:nth-child(8) .card-snippet,
.navi_npocc .a-wrap:nth-child(9) .card-snippet{
	font-size: 0.9em!important;
}

/*トップページ:コパンの事業20200827*/
.navi_copain h3 {
	padding: 0.3rem;
	margin: 0 0 1.0rem;
	font-size: 20px;
	color: #234378;
	background-color: #ffffff;
	border-bottom: solid 1px #234378;
}

/*すばるページCSSここから*/
.page-id-13261 section {
	padding: 35px 0;
	margin: 0;
}

.case, .program, .week, .qa, .subaru_access {
	margin-top: 120px;
}

.overview {
	margin: 70px 0;
}

.overview .box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 1.2em;
}

.overview .box .img {
	width: 48%;
}

.overview .box .img img {
	vertical-align: bottom;
}

.program-box {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 20px;
	row-gap: 25px;
	margin-bottom: 30px;
}

.program-box .img img {
	vertical-align: bottom;
}

.program-box .img p {
	margin: 10px auto 0;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
}

.open_title {
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	color: #003366;
}

.kakomi-smart2 {
	position: relative;
	margin: 25px auto 0;
	padding: .8em 1em .8em;
	width: 70%; /* ボックス幅 */
	border-style: solid;
	border-width: 5px 0 0 0;
	border-color: #003366; /* 枠の色 */
	background-color: #f7f7f7; /* 背景色 */
	color: #666; /* テキスト色 */
	box-shadow: 0 0 3px #999; /* 影の色 */
	font-size: 1.2em;
}

.kakomi-smart2 p {
	margin: 10px 0;
}

.subaru_con {
	font-size: 1.4em;
	font-weight: 700;
}

.title-smart2{
 position: absolute;
 top: 8px;
 left: 15px;
 background-color: #f7f7f7; /* タイトル背景色 */
 color: #003366; /* タイトル色 */
 font-size: 1.2em;
 font-weight: bold;
 border-style: none none double;
 border-color: #003366; /*タイトル下線 */
 border-width: 3px;
}

.midashi-smart2 {
	background-color: #003366;
	color: #ffffff;
	padding: 5px;
	margin: 15px 0 5px 0;
	font-size: 1.1em;
	font-weight: 700;
}

.midashi-smart2.m-top {
	margin-top: 10px;
}


.balloon {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 15px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 1.2em;
	font-weight: 600;
	background: #d8e0ff;
}

.balloon:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #d8e0ff;
}

.balloon p {
	margin: 0;
	padding: 0;
}

.box29 {
    margin: 3em 0;
    background: #f7f7f7;
}

.box29 .box-title {
    font-size: 1.3em;
    background: #003366;
    padding: 15px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.box29 p {
    padding: 15px 20px;
    margin: 0;
}

.subaru_box {
	display: flex;
	justify-content: space-between;
}

.subaru_item1 {
	padding: 15px;
	width: 30%;
	text-align: center;
}

.subaru_item2 {
	background-color: #003366;
	margin: 1.5em 0;
	padding: 15px;
	color: #ffffff;
	width: 30%;
	text-align: center;
}

.subaru_box.back1 {
	padding: 10px 15px;
	background-color: #d8e0ff;
}

.subaru_box.back1 p {
	font-size: 1.2em;
	margin: 0;
}

.subaru_box.back2 {
	font-size: 1.1em;
}

.skill {
	border-bottom: 1px solid #ffffff;
	font-size: 1em!important;
	margin-bottom: 15px;
}

.subaru_item3 {
	background-color: #f7f7f7;
	padding: 15px;
	width: 48%;
	text-align: left;
}

.subaru_item3 h5 {
	border-bottom: 2px solid #003366;
	color: #003366;
	margin-top: 0!important;
}

ul.check_box {
	background: whitesmoke;
	padding: 0 0.5em;
	position: relative;
	color: #003366;
	font-weight: bold;
	font-size: 18px;
}

ul.check_box li {
	line-height: 1.5;
	padding: 0.5em 0 0.5em 1.5em;
	border-bottom: 2px solid white;
	list-style-type: none!important;
}

ul.check_box li:before {
	font-family: "FontAwesome";
	content: "\f00c";/*アイコン種類*/
	position: absolute;
	left : 0.5em; /*左端からのアイコンまで*/
	color: #668ad8; /*アイコン色*/
}

ul.check_box li:last-of-type {
	border-bottom: none;/*最後の線だけ消す*/
}

.case {
	text-align: center;
}

.service_text{
	color: #B33E5C;
}

.case .title {
	margin: 1.2em 0 1.5em 0;
	font-size: 1.5em;
	font-weight: 600;
}

ul.user_ls {
	max-width: 800px;
	border: solid 2px #d8e0ff;
	padding: 0.5em 1em 0.5em 2.3em;
	position: relative;
	text-align: left;
	background: #fafafa;
	margin: 0 auto;
	font-size: 18px;
}

ul.user_ls li {
	line-height: 1.5;
	padding: 0.5em 0;
	list-style-type: none!important;/*ポチ消す*/
}

ul.user_ls li:before {
	font-family: "FontAwesome";
	content: "\f075";
	position: absolute;
	left : 1em; /*左端からのアイコンまで*/
	color: #003366; /*アイコン色*/
}

h2#program_title1 {
	color: #003366;
	background-color: #f9f9f9;
	border-left: 5px solid #003366;
	border-bottom: 1px solid #003366;
}

h2#program_title2 {
	background-color: #f9f9f9;
	border-left: 5px solid #930035;
	border-bottom: 1px solid #930035;
}

.program_box1 {
	background: #d8e0ff;
	margin: 0 15px 35px; 15px;
}

.program_box1 h3 {
	background-color: #003366;
	color: #FFF;
	margin: 0;
	display: inline-block;
	padding: .3em;
	border: none;
}

.program_box1 .inner{
	padding: 15px;
}

.program_box2 {
	background: #fff8dc;
	margin: 0 15px 35px; 15px;
}

.program_box2 h3 {
	background-color: #930035;
	color: #FFF;
	margin: 0;
	display: inline-block;
	padding: .3em;
	border: none;
}

.program_box2 .inner{
	padding: 15px;
}


/*訓練プログラム*/
table.tbl-r05 th {
	background-color: #006699;
	color: #ffffff;
}

.text-no {
	color: #003366;
	font-weight: bold;
	border-bottom: 2px solid #003366;
	padding: 5px;
	line-height: 2.2;
}

table.tbl-r05 tbody td:nth-child(1) {
	width: 15%;
	text-align: center;
	background-color: #4b75b9;
	color: #ffffff;
	font-weight: bold;
}

table.tbl-r05 tbody td:nth-child(2) {
	width: 55%;
	padding: 10px;
}

table.tbl-r05 tbody td:nth-child(3) {
	width: 30%;
	padding: 10px;
}

@media screen and (max-width: 640px) {
	.tbl-r05 {
    	width: 100%;	
	}
	
	.tbl-r05 .thead {
		display: none;
	}
	
	.tbl-r05 tr {
		width: 100%;
	}
	
	.tbl-r05 td {
		display: block;
    	width: 100%;
		font-size: 1em;
  	}
	
	.tbl-r05 td:first-child {
    	background: #e9727e;
    	color: #fff;
    	font-weight: bold;
    	text-align: center;
  	}
	
	table.tbl-r05 tbody td:nth-child(1),
	table.tbl-r05 tbody td:nth-child(2),
	table.tbl-r05 tbody td:nth-child(3) {
		width: 100%;
	}
	
	.tbl-r05 td:before {
    	content: attr(data-label);
    	font-weight: bold;
    	margin-right: 10px;
		color: #003366;
  	}
	
	.text-no {
		display: none;
	}
}


th.schedule {
	background-color: #006699;
}

.week table tr:nth-child(odd) td {
	background-color: #ffffff!important;
}

.week table tr:nth-child(even) td {
	
}

/*アコーディオンカーテンcss*/
.acd-check{
    display: none;
}

.acd-box {
	max-width: 872px;
	margin: 0 auto;
}

.acd-label{
    background: #4b75b9;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
	position: relative;
	font-size: 18px;
}

.acd-label:after{
    background: #4b75b9;
	font-family: "FontAwesome";
	content: '\f067';
    box-sizing: border-box;
    display: block;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
}

.acd-content{
    border: 1px solid #cccccc;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .1s;
    visibility: hidden;
	margin-bottom: 5px;
}

.acd-content p {
	margin: 0;
}

.acd-content ol li {
	margin-bottom: 15px;
}

.acd-check:checked + .acd-label:after{
    content: '\f068';
}

.acd-check:checked + .acd-label + .acd-content{
    height: 100%;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

.answer_text {
	font-weight: 700;
	font-size: 18px;
	color: #17aff3;
}

.lst_ex {
	color: #006699;
	font-size: 18px;
	font-weight: bold;
	margin: 20px 10px 0 10px;
	border-bottom: 2px solid #006699;
}

/*スケジュール*/
.subaru-schedule-scroll {
	width: 100%;
	overflow-x: scroll;
	white-space: nowrap;
}
.subaru-schedule-box {
    border-collapse: collapse;
    text-align: center;
}
.subaru-schedule-box th {
    padding: 10px 20px;
    border: 1px solid #c0c0c0;
	width: 12%;
	background-color: #006699;
	color: #ffffff;
}
.subaru-schedule-box td {
	padding: 10px 20px;
	border: 1px solid #c0c0c0;
}
.subaru-schedule-box .time td {
	background-color: #f8f8ff;
}
.subaru-schedule-box .txt td {
	background-color: #f9fcff;
}
/*sim PDF*/
.sim-pdf-box {
	display: flex;
	flex-direction: row;
}
.sim-pdf-box .left {
	margin-right: 20px;
}
.sim-pdf-box .btn-c {
	color: #fff;
	background: #006699;
}
a.btn-c i {
  margin-right: 0.5em;
}
@media screen and (max-width: 480px){
	.sim-pdf-box {
		justify-content: space-between;
	}
	.sim-pdf-box .btn-c {
		font-size: 12px;
	}
}
/*すばるページCSSここまで*/

/*くるとページCSSここから*/
.reverse-box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 80px;
}
.reverse-box:last-child {
	margin-bottom: 0;
}
.reverse-box:nth-child(2) {
	flex-direction: row-reverse;
}
.reverse-box img {
	width: 48%;
	max-width: 480px;
	height: auto;
	flex-shrink: 0;
}
.reverse-box .text-box {
	width: 50%;
}
.reverse-box .text-box .title {
	font-size: 18px;
	font-weight: 700;
	background-color: #e9eff1;
	border-left: 3px double #00bfff;
	padding: 0.7rem;
}
/*くるとページCSSここまで*/

/*コパン事業紹介テスト20200629
 * 7/1いのせ手直し*/
.page-id-4345 .navi_copain h3 {
	background-color: #ffffff;
}

.page-id-4345 .home_works {
	margin-top: 10px;
	padding-top: 5px;
}

.copain-cards-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
	margin: 0 0 0 0;
}
.copain-card-link {
	text-decoration: none;
	flex-basis: 20%;
	min-width: 250px;
	padding: 5px;
    line-height: 1.3;
    margin-bottom: 4px;
	color: #333333;
}
.copain-card-figure {}
.copain-card-figure img {
	width: 100%;
	border-radius: 0!important;
}
.copain-card-content {}
.copain-card-title {
	font-size: 17px;
	margin: 6px 0;
}
.copain-card-snippet {
	font-size: 12px;
	opacity: 0.8;
}
@media screen and (max-width: 768px){
	.copain-card-link {
		flex-basis: 30%;
		min-width: 246px;
	}
}
@media screen and (max-width: 480px){
	.copain-card-link {
		flex-basis: 50%;
		min-width: 150px;
	}
}
/*SSL化に伴い修正したトップ事業部分、イベント案内、フッターリンク 20200309*/
.sec01 h3,
.sec01 .navi-entry-cards a,
.topics_list .new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb a {
	background-color: #ffffff!important;
}

.footer-bottom-content a:hover {
	background-color: #4b75b9!important;
}

/*ナビゲーション固定ページ アイキャッチ編集ここから*/
.page-id-4345 .article-header,
.page-id-4355 .article-header {
	display: none;
}

.page-id-4345 h2,
.page-id-4355 h2 {
	font-size: 1.8em;
    text-align: center;
    position: relative;
    background-color: transparent;
    margin: 0;
    padding: 25px 10px;
    line-height: 1.6;
}

.page-id-4345 p,
.page-id-4355 p {
	text-align: center;
}


/*
.page-id-41 .eye-catch, .page-id-45 .eye-catch, .page-id-32 .eye-catch, .page-id-2977 .eye-catch {
	visibility: hidden;
}

.page-id-41 .eye-catch img, .page-id-45 .eye-catch img, .page-id-32 .eye-catch img, .page-id-2977 .eye-catch img {
	height: 150px!important;
}

.page-id-41 .eye-catch-wrap.display-none,
.page-id-45 .eye-catch-wrap.display-none,
.page-id-32 .eye-catch-wrap.display-none,
.page-id-2977 .eye-catch-wrap.display-none {
	height: auto!important;
	border-bottom: 2px solid #191970;
	box-sizing: border-box;
	margin: 0 35px;
}
.page-id-41 header.article-header.entry-header,
.page-id-45 header.article-header.entry-header,
.page-id-32 header.article-header.entry-header,
.page-id-2977 header.article-header.entry-header {
	position: relative;
}
*/
/* 2/24いったん削除　後で作業　いのせ
.page-id-41 .article-header h1,
.page-id-45 .article-header h1,
.page-id-32 .article-header h1,
.page-id-2977 .article-header h1 {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-size: 32px;
}
*/
/*2/24いのせ*/
.page .content {
	margin-top: 0;
}
.page .main {
	padding-top: 0;
}
.page .article {
	padding-top: 0;
}
.page .entry-content {
}
.page .article header {
	width: 100vw;
	margin-left: calc(50% - 50vw);
}
.page .article-header {
	padding: 80px 0;
	background: linear-gradient(-45deg, #0babf2 25%, #17aff3 25%, #17aff3 50%, #0babf2 50%, #0babf2 75%, #17aff3 75%, #17aff3);
	background-size: 30px 30px;
}
#copain .page .article-header {
	background: linear-gradient(-45deg, #8E5112 25%, #9b6126 25%, #9b6126 50%, #8E5112 50%, #8E5112 75%, #9b6126 75%, #9b6126);
	background-size: 30px 30px;
}
.page .article-header h1 {
	position: static;
	margin: 0;
	font-size: 2em;
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
	color: #fff;
	text-align: center;
	text-shadow: none;
}

/*ナビゲーション固定ページ アイキャッチ編集ここまで*/

/*投稿ページ アイキャッチ編集ここから*/
.single .eye-catch img {
	visibility: hidden;
	height: 150px!important;
}

.single h1.entry-title {
	padding: 0.8em 0.5em;
	color: #4b75b9!important;
	background: #f4f4f4;
	border-left: solid 5px #4b75b9;
	border-bottom: solid 3px #e6e6fa;
	width: 100%;
	box-sizing: border-box;
	left: 0;
	position: static; /*2/26いのせ*/
}
/*投稿ページ アイキャッチ編集ここから*/

/*投稿ページ サイドバー編集ここから*/
h3.widget-sidebar-title.widget-title {
	background-color: #4b75b9;
	color: #ffffff;
}

h3.widget-sidebar-title.widget-title::after {
	border: 10px solid transparent;
    border-top: 15px solid #4b75b9;
}
/*投稿ページ サイドバー編集ここまで*/

/*投稿ページ 見出し、リストetcここから*/
.single .main ul li {
	position: relative;
	list-style: none!important;
}

.single .main ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .6em;
	left: -1em;
	width: 10px;
	height: 10px;
	background-color: #4b75b9;
	border-radius: 100%;
}

.single ol {
	counter-reset:number;/*数字をリセット*/
	list-style-type: none!important;/*数字を一旦消す*/
	padding:0.5em;  
}

.single ol li {
	position: relative;
	line-height: 1.5em;
	padding: 0.5em 0.5em 0.5em 30px;
}

.single ol li:before{
	/* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
	/*数字のデザイン変える*/
	display:inline-block;
	background: #4b75b9;
	color: white;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight:bold;
	font-size: 15px;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	/*以下上下中央寄せのため*/
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.single .entry-content.cf h2 {
	position: relative;
	padding: .75em 1em .75em 1.5em;
	background-color: #f9f9ff;
}

.single .entry-content.cf h2::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #4b75b9;
	border-radius: 4px;
}

.single .entry-content.cf h2::before {
	display: none;
}

.single .entry-content.cf h3 {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #4b75b9;
}

.single .entry-content.cf h3::before {
	display: none;
}

.single .entry-content.cf h3::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #c6c6ff;
}

.single h4 {
	color: #4b75b9;
}
/*投稿ページ 見出し、リストetcここまで*/

/*ナビゲーション サブメニューcssここから*/
ul.sub-menu li {
	height: 45px;
	line-height: 45px;
}

.sub-menu > .menu-item:not(:last-child) {
  border-bottom: 1px solid #eee;
}

.sub-menu > .menu-item a {
	display: inline-block;
	width: 100%;
	height: 100%; 
}

.sub-menu > .menu-item a:hover {
	background: #e6e6fa;
}
/*ナビゲーション サブメニューcssここまで*/

.about, .work-info, .contact-us, .cc-maintheme, .ceo,
.cc-activity, .member {
	padding: 35px 0;
	margin: 0;
}

.top-title {
	text-align: center;
	font-size: 24px;
}

.inner {
	padding: 0 5em;
}

.work h3 {
	margin: 10px 0!important;
	border-left: solid 5px #4b75b9!important;
	color: #4b75b9;
}

.work h3:before {
	background: #b0c4de;
}

h5 {
	margin: 10px 0!important;
}

.midashi {
	position: relative;
	display: inline-block;
	padding: 0 55px;
	font-size: 24px;
	font-weight: bold;
	color: #202f55;
}

.midashi:before, .midashi:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 50px;
	height: 2px;
	background-color: #662434;
}

.midashi:before {
	left:0;
}
.midashi:after {
	right: 0;
}

.text-center {
	text-align: center;
	margin: 54px 0 30px;
}

ul.base-list {
  list-style: none;
}

ul.base-list li:before {
  content: '';
  display: inline-block;
  position: relative;
  left: -15px;
  top: -1px;
  width: 10px;
  height: 10px;
  background: #00bfff;
}

table.base-tab {
	border-collapse:separate;
	border-spacing: 5px;
}

table.base-tab th,table.base-tab td{
	border-radius: 5px;
	padding: 10px;
}

table.base-tab th{
	background-color: #4b75b9;
	color: white;
	border:solid 1px #0000cd;
}

table.base-tab td{
	background-color: #f9fcff;
	border:solid 1px #808080;
}

.btn_center {
	text-align: center;
}

.cp_btn {
	display: inline-block;
	max-width: 200px;
	text-align: left;
	background-color: #4b75b9;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	margin: 10px auto;
	padding: 8px 16px 8px 32px;
	border-radius: 4px;
	position: relative;
}

.cp_btn:before {
	font-family: "FontAwesome";
	content: "\f044";
	position: absolute;
	left: 16px;
	top: 40%;
	margin-top: -8px;
}

.cp_btn:hover {
	opacity: 0.8;
	color: #fff;
}

.g-calendar {
	text-align: center;
}

.img_center {
	text-align: center;
}
/*共通用CSSここまで*/

/*パンフレットダウンロードコンテンツ*/
.pamp-contain {
	max-width: 1120px;
	margin: 0 auto;
}

.pamp-title {
	background-color: #244377!important;
	color: #ffffff;
	padding: 25px;
	font-size: 24px;
	margin-bottom: 24px;
}

.pamp-title:before {
	content: '';
	display: inline-block;
	width: 64px;
	height: 64px;
	margin-right: 8px;
	background-image: url(https://npocc.org/images/pamp-icon.png);
	background-size: contain;
	vertical-align: middle;
}

.pamp-title a  {
	color: #ffffff;
	text-decoration: none;
}

.pamp-title a:hover {
	opacity: 0.8;
}

.fx-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fx-item {
	width: 31%;
	text-align: center;
	padding: 10px;
	margin: 10px;
	color:  #234378;
	border-radius:  5px;
}

.frame {
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.3);
}

.btn--orange,
a.btn--orange {
	color: #fff;
	background-color: #eb6100;
	margin: 0 auto;
}

.btn--orange:hover,
a.btn--orange:hover {
	color: #fff;
	background: #f56500;
}

@media screen and (max-width: 843px){
	.fx-item {
		width: 45%;
	}
}

@media screen and (max-width: 480px){
	.pamp-title:before {
		width: 32px;
		height: 32px;
	}
	
	.pamp-title {
		padding: 16px;
		font-size: 20px;
	}
	
	.page-id-27 .pamp-title {
		padding: 10px;
		line-height: 1;
	}
	
	.page-id-27 .pamp-title:before {
		width: 22px;
		height: 22px;
	}
	
	.page-id-27 .pamp-title a {
		font-size: 14px;
	}
	
	.fx-item {
		width: 100%;
	}
}

/*トップ写真投稿コンテンツ*/
.home section.photo {
	width: 1280px;
    max-width: 100%;
    height: 100%;
    
	margin: 35px auto 40px!important;
	padding: 15px;
}

.photo .container {
	display: flex;
	justify-content: space-between;
}

.photo-title {
	font-family: "ヒラギノ角ゴ Std W8","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-weight: bold;
	font-size: 22px;
	background-color: #244377;
	color: #ffffff;
	padding: 12px 22px;
	display: flex;
	justify-content: space-between;
}

.photo-btn {
	background-color: #ffffff;
	padding: 12px 20px;
	text-decoration: none;
}

.photo-text {
	width: 64%;
}

.photo-img {
	width: 32%;
	margin-top: 1em;
}

.photo-text p {
	text-align: left!important;
}

.photo-toptext {
	font-size: 18px;
	color: #244377;
	font-weight: bold;
	margin-top: 1em;
}

.photo-pdf-warp {
	margin-top: 1.5em;
}

a.photo-pdf {
	background-color: #8b0000;
	padding: 10px 15px;
	border-radius: 23px;
	max-width: 250px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}

a.photo-pdf:hover {
	opacity: 0.8;
}

.photo-cap {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #708090;
}

.photo .btn_wrap {
	margin-top: 1.4em;
}

.photo .btn01 {
	display: inline-block;
  text-decoration: none;
	overflow: hidden;
	font-size: 20px;
	width: 200px;
	height: 200px;
	line-height: 200px;
	border-radius: 50%;
	text-align: center;
}

/*将棋コンテンツ*/
.syougi-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	margin-top: 18px;
}
.syougi-wrap img {
  display: block;
  width: 38%;
  height: auto;
}
.syougi-box {
  width: 68%;
	text-align: left;
	padding: 0 0 0 5%;
}
.syougi-toptext {
	color: #8b0000;
	font-size: 1.5em;
	font-weight: 700;
}
.syougi-box p {
	margin: 1em 0;
}
.syougi-koumoku {
	font-size: 1.25em;
	
}

/*トップ事業紹介動画*/
/*.video_box .sec01 {
	background-color: #ffffff;
}

.video_box {
	padding: 35px 1em 35px!important;
}*/
.video-container {
	margin: 15px 0;
}
.video-container .video {
	margin-top: 15px;
}
.video_box h2 {
	color: #234378;
	padding: 0 0 5px!important;
}

.subtitle {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #8b0000;
	margin: 25px 0 10px;
}

.video_box p {
	text-align: center;
}

.headline {
	text-align: center;
	font-size: 1.0em;
	margin-top: 0.8em;
	font-weight: 600;
	color: #8b0000;
}

.video_title {
	text-align: center;
	font-size: 1.0em;
}

.video_container {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.video_item {
	width: 48%;
}

/*news&info用CSSここから*/
.home .entry-content .sec03 {
	margin-bottom: 35px;
}

.sec03 .home_inner {
	padding-top: 35px!important;
	/*border-top: 2px solid #234378;*/
}

.news_list,
.news_right {
	flex-basis: 48%;
	background-color: #fff;
	border: solid 1px #234378;
	border-radius: 3px;
}
.article .sec03 h2 {
	font-size: 24px;
	color: #234378;
}

.home .article .news_list h2,
.home .article .news_right h2 {
	padding-bottom: 5px;
	border-bottom: solid 1px #234378;
	margin: 0 1.0rem 19px;
}

.news_list .a-wrap {
	border-bottom: dashed 1px #a1a1a1;
	margin: 0 16px;
	line-height: 1.4;
	padding-top: 0.7rem;
	padding-bottom: 0.7rem;
	background-color: transparent;
}

.news_list .a-wrap:first-child {
	border-top: dashed 1px #a1a1a1;
}

.info_box {
	padding: 10px 0;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 16px 10px;
}

.news_right .info02 {
	padding: 20px 25px!important;
	line-height: 2;
	font-size: 17px;
}

.hizuke {
	font-size: 18px;
	font-weight: 500;
}

@media screen and (max-width: 480px){
	.news_right {
		margin-top: 35px;
	}
}
/*ガイドヘルパー研修会用CSSここから*/
.info03 .sub_text {
	font-size: 15px;
}

.theme_title {
	font-size:1.15rem;
	font-weight:600;
	color:#7e1e10;
	margin-top: 16px;
}

/*各事業ページ用CSSここから*/
.top-textbox {
    padding: 1.2em 1em;
    margin: 0 0 2em;
    color: #202f55;
    background: #b2cbe4;
    border-top: solid 5px #202f55;
}

.top-textbox p {
    margin: 0; 
    padding: 0;
	font-weight: bold;
}

.item {
	display: flex;
	flex-wrap: nowrap;
	margin: 1.6em 0;
}

.item:nth-child(even) {
	flex-direction: row-reverse;
	margin-bottom: 0;
}

.item-image {
	width: 50%;
	text-align: center;
}

.item-text {
  	display: flex;
  	flex-wrap: wrap;
  	flex: 1;
	padding: 0.5em 1em;
	margin-bottom: 10px;
  	justify-content: flex-start;
  	align-content: center;
  	align-items: flex-start;
	/*color: #5d627b;*/
}

.item-text p {
	font-size: 16px;
}

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

.content-child {
	display: flex;
	flex-direction: row;
	width: 49%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #f8f4e6;
}

.content-child:nth-child(-n+2) {
	margin-bottom: 20px;
}

.children01 {
	width: 50%;
	padding-top: 8px;
}

.children02 {
	width: 50%;
	margin-left: 10px;
	padding: 0.5em 1em;
	box-sizing: border-box;
    color: #FFF;
    background: #202f55;
	border-top: none;
    border-radius: 3px;
	box-shadow: none;
}

.content-text {
	font-size: 13px;
}

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

.product .item {
	width: 30%;
}

.product .product_img {
	width: 30%;
	margin: 10px 0;
}

.product .product_img img, .product .item img {
	border: 1px solid #a9a9a9;
	box-sizing: border-box;
	vertical-align: bottom;
}

/*リンクホバー時に浮き上がらせ効果*/
.product .product_img a, .product .item a {
	box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.22);
	transition: .3s;
}

.product .product_img a:hover, .product .item a:hover {
	box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);
	transform: translateY(-4px);
}

/*CIC 業務依頼ボックス*/
.box3 {
	padding: 8px 19px;
    margin: 2em 0;
    color: #191970;
    background: #cde4ff;
    border-top: solid 3px #4b75b9;
    border-bottom: solid 3px #4b75b9;
	font-size: 1.4em;
	font-weight: 500;
	text-align: center;
}

/*キャラバン隊 画像*/
.caravan-img, .helo-img {
	text-align: center;
}

.product .product-text {
	text-align: center;
	font-weight: bold;
}

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

.work-wrap .work-box {
	width: 40%;
	margin: 20px 0;
}

.work-box figure {
	text-align: center;
}

.work-box .work-title {
	text-align: center;
	margin: 5px 0;
	font-weight: bold;
}

.contactbox {
	display: flex;
}
	
.contact, .map {
	width: 100%;
}

.contact {
	margin-right: 15px;
}

.wp-block-cocoon-blocks-caption-box-1.caption-box.block-box:first-child {
	margin-top: 0;
}

.caption-box {
	border: 2px solid #b33e5c!important;
}

.caption-box-label.block-box-label {
	background: #b33e5c;
	color: #ffffff;
}

.caption-box-label-text.block-box-label-text {
	font-size: 14px;
}

/*親の勉強会*/
.study-box {
	margin: 10px 10px 0; 
}
.study-title {
	font-size: 20px;
	font-weight: bold;
	color: #202f55;
}
@media screen and (max-width: 480px){
	.study-box {
		margin: 10px 0 0; 
	}
	.study-title {
		font-size: 18px;
	}
	.study-box p {
		margin-bottom: 5px!important;
	}
}

/*あいさぽ*/
/*わかくさヨガ追加*/
.ap_text {
	font-size: 22px;
	font-weight: bold;
	margin: 1.5em;
	text-align: center;
	color: #006a6c;
}
table#yoga-schedule {
	width: 80%;
	margin: 0 auto 120px;
}
table tr.border {
	border-top: solid 2px #ddd;
}
#yoga-schedule thead th {
	background-color: #2cb4ad;
	color: #ffffff;
	padding: 15px;
	margin-top: 50px;
	font-size: 18px;
}
#yoga-schedule tbody th {
	color: #006a6c;
}
#yoga-schedule tbody td {
	padding: 10px 25px;
}
.yoga-contact-box  {
	margin: 3em auto 0;
	padding:2em;
	border: 2px solid #eeeeee;
}
.yoga-contact-title {
	position: relative;
	left: -70px;
	top: -20px;
	background-color: #006a6c;
	color: #fff;
	padding: 0.5em 1em;
	margin: 0;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
}
.yoga-contact-tel {
	font-size: 20px;
	font-weight: bold;
	color: #006a6c;
	margin-top: 0;
}
@media screen and (max-width: 480px){
	table#yoga-schedule {
		width: 100%;
		margin: 0 auto 50px;
	}
	.yoga-contact-title {
		left: -40px;
		top: -10px;
	}
}
/*あいさぽここまで*/
/*各事業ページ用CSSここまで*/

/*NPOCCについてページ用CSSここから*/
.about-title {
  	position: relative;
  	display: inline-block;
  	margin-bottom: 1em;
	font-size: 24px;
	color: #4b75b9;
	font-weight: bold;
}

.about-title:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #ffff89;
	border-radius: 2px;
}

.cc-maintheme figure {
	text-align: center;
}

.theme_box {
	margin: 0 auto;  
	padding: 1em;
	width: 60%;
	color: #666666;
	background-color: #f9fcff;
	border: 2px solid #4b75b9;
	border-radius: 8px; 
	box-sizing: border-box;
	font-weight: bold;
}



.ceo-text {
	padding: 0.5em 0.7em;
	margin: 10px;
	text-align: center;
}

.ceo-phot {
	
	text-align: center;
}

.base-tab a {
	text-decoration: none;
}
/*NPOCCについてページ用CSSここまで*/

/*入会・寄付ページ用CSSここから*/
table.brwsr1 {
	width: 80%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0px 1px;
}

table.brwsr1 th {
	padding: 12px;
	vertical-align: middle;
	text-align: center;
	border-bottom: #999 1px solid;
	color: #fff;
}

table.brwsr1 td {
	padding: 12px;
	vertical-align: middle;
	text-align: left;
	border-bottom: #999 1px solid;
}

table.brwsr1 th.r1 {
	border-right: #999 1px solid;
	background: #4b75b9;
	box-sizing: border-box;
	width: 20%;
}

table.brwsr1 th.r2,
table.brwsr1 td.r2 {
	border-left: #fff 1px solid;
	border-right: #999 1px solid;
	background: #f9fcff;
	box-sizing: border-box;
	width: 40%;
}

table.brwsr1 th.r3,
table.brwsr1 td.r3 {
	border-left: #fff 1px solid;
	border-right: #999 1px solid;
	box-sizing: border-box;
	background: #f9fcff;
	width: 40%;
}

table.brwsr1 th.r2,
table.brwsr1 th.r3 {
	text-align: center;
	background: #4b75b9;
}

.sub_txt {
	text-align: center;
	font-size: 14px;
}

.member ol {
	counter-reset:number;
	list-style-type: none!important;
	padding:0;
	width: 70%;
	margin: 0 auto;
}

.member ol li {
	position: relative;
	padding: 0.5em;
	line-height: 1.5em;
	background: #f9fcff;
	border-left : solid 35px #4b75b9;
	margin-bottom: 5px;
}

.member ol li:before{
	/* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
	/*数字のデザイン変える*/
	display:inline-block;
	color: white;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight:bold;
	font-size: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -35px;
	width: 35px;
	height: 1em;
	line-height: 1;
	text-align: center;
}
/*入会・寄付ページ用CSSここまで*/

/*お問い合わせ(npocc)ページ用CSSここから*/
.tel-con {
	color: #4b75b9;
	font-size: 36px;
	line-height: 1;
	font-weight: 500;
}

/*お問い合わせアドレス注意*/
.mail-info {
	border: solid 1px #333;
	background-color: #f5f5f5;
	padding: 10px 25px;
}
.mail-info .title {
	color: #860000;
	font-weight: bold;
}

/***** コンタクトフォーム *****/
.form_mail_text {
	color: #D40045;
	font-size: 14px;
}

.table-contactform7{
	overflow: hidden;
	table-layout: fixed;
}
 
.required-contactform7{
	padding: 5px;
	background: #D40045;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}
 
.any-contactform7{
	padding: 5px;
	background: #696969;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}
 
.table-contactform7 th{
	font-weight:bold;
	background-color: #055D87;
	color: #ffffff;
	text-align: left;
	padding: 10px 20px;
}
 
.table-contactform7 input,
.table-contactform7 textarea {
	max-width: 100% !important;
	margin: 5px 10px 10px 5px;
}
 
.address-100 input{
	max-width: 90% !important;
	margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
	width: 100%;
	margin: 5px 10px 10px 5px;
}

input.btn {
	background-color: #093F86;
	font-size: 16px;
}

@media screen and (min-width: 900px){
	.table-contactform7 th{
		width:28%;
	}
}
     
@media screen and (max-width: 900px){
	.table-contactform7{
		display:block;
	}     
       
	.table-contactform7 tbody,
	.table-contactform7 tr{
    	display: block;
    	width: 100%;
  	}
	
	.table-contactform7 th{
		width:100%;
		display:block;
		margin: 0 auto;
		border:none;
	}
	
	.table-contactform7 td{
		display: list-item;
		list-style-type:none;
		margin:0;
		padding:0;
		width: 100%;
		border-top: none !important;
	}
}
/*お問い合わせ(npocc)ページ用CSSここまで*/

/*個人情報保護方針ページ用CSSここから*/
ol.privacy {
	padding: 0;
}

ol.privacy li {
	color: #404040;
	border-left: solid 6px #4b75b9;
	border-bottom: solid 2px #f5f5f5;
	background: #f9fcff;
	margin-bottom: 5px;
	line-height: 1.5;
	padding: 0.5em;
	list-style-type: none!important;
	font-weight: bold;
}

.privacy-text {
	padding: 5px;
	margin-bottom: 30px;
}
/*個人情報保護方針ページ用CSSここまで*/

/*コパンサイト↓*/
/*共通用CSSここから*/
/*ナビゲーション固定ページ アイキャッチ編集ここから*/
.page-id-1758 .eye-catch,
.page-id-1760 .eye-catch,
.page-id-1768 .eye-catch,
.page-id-3054 .eye-catch {
	visibility: hidden;
}

.page-id-1758 .eye-catch img,
.page-id-1760 .eye-catch img,
.page-id-1768 .eye-catch img,
.page-id-3054 .eye-catch img {
	height: 150px!important;
}

.page-id-1758 .eye-catch-wrap.display-none,
.page-id-1760 .eye-catch-wrap.display-none,
.page-id-1768 .eye-catch-wrap.display-none,
.page-id-3054 .eye-catch-wrap.display-none {
	height: auto!important;
	border-bottom: 2px solid #006633;
	box-sizing: border-box;
	margin: 0 35px;
}
.page-id-1758 header.article-header.entry-header,
.page-id-1760 header.article-header.entry-header,
.page-id-1768 header.article-header.entry-header,
.page-id-3054 header.article-header.entry-header {
	position: relative;
}

.page-id-1758 .article-header h1,
.page-id-1760 .article-header h1,
.page-id-1768 .article-header h1,
.page-id-3054 .article-header h1 {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-size: 32px;
}
/*ナビゲーション固定ページ アイキャッチ編集ここまで*/
#copain .midashi {
	color: #006633!important;
}

#copain .midashi:before, #copain .midashi:after {
	background-color: #ff6600;
}

.work-info.copain h3 {
	width: 100%;
	margin: 10px 0!important;
	border-left: solid 5px #006400!important;
	color: #ff8c00;
	background-color: #fafad2;
	box-sizing: border-box;
}

.work-info.copain  h3::before {
	background: #90ee90;
}
/*共通用CSSここから*/

/*各事業ページ用CSSここから*/
.copain table.base-tab th{
	background-color: #a0522d;
	border:solid 1px #8b4513;
}

.copain table.base-tab td{
	background-color: #fffacd;
	border:solid 1px #d2b48c;
}

.contact-us.copain .caption-box {
	border: 2px solid #8b4513!important;
}

.contact-us.copain .caption-box-label.block-box-label {
	background: #8b4513;
	color: #ffffff;
}

.copain-service ol {
	background: #fffde8;
	box-shadow: 0px 0px 0px 10px #fffde8;
	border: dashed 2px #ffb03f;
	border-radius: 9px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0.5em 0.5em 0.5em 2em;
	font-size: 1.2em;
}

.copain-service ol li {
	line-height: 1.2;
	padding: 0.5em 0;
}

/*カフェコパンメニュー用CSS*/
.menu_wap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.menu_wap .menu_content {
	width: 30%;
	margin-bottom: 1em;
}

/*各事業ページ用CSSここまで*/

/*コパンについてページ用CSSここから*/
.copain-maintheme {
	text-align: center;
}

.copain-maintheme .about-title {
  	position: relative;
  	display: inline-block;
  	margin-bottom: 1em;
	font-size: 24px;
	color: #006633;
	font-weight: bold;
}

.copain-maintheme .about-title:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #ff6600;
	border-radius: 2px;
}

.main-box {
    padding: 0.2em 0.5em;
    margin: 0 auto;
	box-sizing: border-box;
    background: #996633;
    box-shadow: 0px 0px 0px 10px #996633;
    border: dashed 2px white;
	width: 420px;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
}

.copain-container {
	display: flex;
	justify-content: space-between;
}
/*コパンについてページ用CSSここまで*/

/*メニュー紹介ページ用CSSここから*/
.top-title.back-img {
	background: url(https://npocc.org/2019wp/wp-content/uploads/p_da0753_m_da07530.jpg) repeat;
	background-position: center;
	height: 200px;
	font-weight: 600;
}

.bg-mask {
	vertical-align: middle;
	height: 100%;
	background: rgba(255,255,255,0);
}

.bg-mask .text-he {
	color: #ffffff;
	padding: 65px 10px 0 10px;
}

.ribbon_box {
	display: inline-block;
	position: relative;
	padding: 15px 20px;
	font-size: 1.2;/*フォントサイズ*/
	color: #FFF;/*フォントカラー*/
	background: #E96A01;/*背景色*/
}

.ribbon_box:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px rgb(255, 191, 127);/*折り返し部分*/
}

.ribbon_box:after {
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-left: solid 20px rgb(255, 191, 127);/*折り返し部分*/
}

.ribbon_box .ribbon_text {
	padding: 5px 0;
	border-top: dashed 1px #FFF;/*上の破線*/
	border-bottom: dashed 1px #FFF;/*下の破線*/
}

.menu_head {
	padding: .5em .75em;
	margin: 1.8em 0 1.2em;
	background-color: #00bda1;
	color: #ffffff;
	border-radius: 6px;
}

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

.menu_cont .menu_item {
	width: 30%;
	margin-top: 1.5em;
}

.menu_title {
	color: #993300!important;
	font-weight: bold;
	padding: .5em 0;
}

.menu_price {
	font-weight: bold;
	
}

.menu_cont .menu_item p {
	font-size: 14px;
}

.set_contact {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #996633;
	color: #ffffff;
    box-shadow: 0px 0px 0px 5px #996633;
    border: dashed 2px white;
	text-align: center;
}

.set_contact p {
    margin: 0; 
    padding: 0;
}

.btn-flat-bottom-border {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 7px 10px 10px 10px;
  text-decoration: none;
  color: #FFF;
  background: #a180dc;
  transition: .4s;
}

.btn-flat-bottom-border > span {
  border-bottom: solid 2px #FFF;
}

.btn-flat-bottom-border:hover {
  background: #91b5fb;
}
/*メニュー紹介ページ用CSSここまで*/

/*個人情報保護方針(コパン)ページ用CSSここから*/
ol.privacy li {
	color: #E96A01;
	border-left: solid 6px #ffa042;
	border-bottom: solid 2px #fff4ea;
	background: #fafad2;
	margin-bottom: 5px;
	line-height: 1.5;
	padding: 0.5em;
	list-style-type: none!important;
	font-weight: bold;
}
/*個人情報保護方針(コパン)ページ用CSSここまで*/
/*コパンサイト↑*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	/*共通用CSSここから*/
		/*固定ページヘッダー幅調整*/
	.page.article header {
		width: 100vw!important;
	}
	
	/*ナビゲーション サブメニューcssここから*/
	ul.sub-menu li {
		height: 40px;
		line-height: 15px;
	}
	/*ナビゲーション サブメニューcssここまで*/
	/*共通用CSSここまで*/
	
	/*トップページ:メインビジュアル20200824*/
	.mainv_box{
		flex-direction: column;
	}
	
	.mainv_item {
		width: 100%;
		font-size: 12px!important;
	}
	
	.mainv_item.side-box {
		margin: 8px auto 0;
	}
	
	.mainv_item.mainv_us {
		max-width: 485px;
		margin: 0 auto;
		padding: 15px 0;
	}
	
	.mainv_item p {
		font-size: 12px!important;
	}
	
	p.slide_title {
		font-size: 14px!important;
	}
	
	.mainv_item.subaru {
		margin: 0;
	}
	
	.mainv_item.subaru p {
		font-size: 12px;
	}
	
	.hero .swiper-wrapper {
		height: 400px;
	}
	
	/*トップページ:NPOCCの事業20200827*/
	.sec01 .widget-entry-card-content {
		margin-left: 70px!important;
	}
	
	.sec01 .navi_npocc .a-wrap {
		flex-basis: 48%!important;
	}
	
	.sec01 .navi_npocc figure {
		width: 60px!important;
		height: 60px!important;
	}
	
	.sec01 .navi_npocc .a-wrap .card-title {
		font-size: 15px!important;
	}

	.widget-entry-card-snippet,
	.navi_npocc .a-wrap:nth-child(8) .card-snippet,
	.navi_npocc .a-wrap:nth-child(9) .card-snippet{
		font-size: 12px!important;
	}
	
	/*news&info用CSSここから*/
	.news_list, .news_right {
		flex-basis: 100%;
	}
	
	.news_list {
		margin-bottom: 25px;
	}
	
	/*ガイドヘルパー研修会案内用CSSここから*/
	.entry-content .sched ul {
		text-align: left;
	}
	
	/*就労リハイベント報告ページCSSここから*/
	.event_content {
		display: flex;
		flex-direction: column;
	}
	
	.event_item {
		width: 100%;
		text-align: center;
	}
	
	.event_item img {
		max-width: 400px;
		padding-top: 20px;
	}
	/*トップページお問い合わせ用CSSここから*/
	.contact_left {
		font-size: 14px;
	}
	
	.contact_tel {
		font-size: 32px;
	}
	
	/*すばるページCSSここから*/
	.overview .box {
		display: block;
	}
	
	.overview .box .img {
		width: 100%;
		margin-bottom: 15px;
	}

	.program-box {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.kakomi-smart2 {
		width: 100%;
	}
	
	.open_title {
		font-size: 1.5em;
	}
	
	.balloon {
		font-size: 18px;
	}
	/*
	.ap_title {
		font-size: 18px;
		margin-top: 30px; 
		padding: 7px 10px;
	}
	
	.ap_text_cp {
		font-size: 22px;
		margin: 1.5em 1.5em 0 1.5em;
	}

	.ap_text2 {
		font-size: 16px;
	}
	*/
	.subaru_box.etc {
		display: flex;
		flex-wrap: wrap;
	}
	
	.subaru_box.back1 p {
		font-size: 18px;
	}
	
	.subaru_item2 {
		font-size: 18px;
	}
	
	.subaru_item3 {
		margin-bottom: 25px;
		width: 100%;
	}
	/*
	.think {
		flex-wrap: nowrap;
	}
	
	.think .text {
		font-size: 18px;
		width: 90%;
	}
	
	.think .box {
		width: 100%;
		flex-direction: column;
	}
	
	.ba {
		width: 100%;
		margin: 0 0 33px;
	}
	*/
	ul.user_ls {
		font-size: 16px;
	}
	
	.week table {
		width: 100%
	}
	
	.week table.brwsr1 thead th {
		font-size: 16px;
	}
	
	.week table.brwsr1 th {
		width: 40%;
	}
	
	.week table.brwsr1 td {
		width: 60%;
	}
	
	.week table.brwsr1 th,
	.week table.brwsr1 td {
		font-size: 14px;
	}
	
	/*各事業ページ用CSSここから*/
	.page-id-35 h5 {
		margin: 10px 0!important;
	}
	
	.item-text {
		padding-top: 0;
	}
	
	.item-text h3 {
		font-size: 18px;
	}
	
	.item-text p {
		font-size: 14px;
		margin: 0;
	}
	
	.content-child {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 49%;
		padding: 10px;
		box-sizing: border-box;
	}
	
	.children01 {
		width: 100%;
		padding-top: 0;
	}

	.children02 {
		width: 100%;
		margin-left: 0;
	}
	
	/*各事業ページ用CSSここまで*/
	
	/*NPOCCについてページ用CSSここから*/
	.ceo-text {
		text-align: left;
	}
	/*NPOCCについてページ用CSSここまで*/
	
	/*とっと新ページ*/
	.totto-midashi {
		padding: 1em 0 0.5em 0.5em;	
	}
	.totto-contact.columnbox {
		flex-wrap: wrap;	
	}
	.totto-about-title {
		font-size: 20px;
	}
	.img-text {
		left: -3%;
		top: -16%;
	}
	.text .top {
		top: -26%;
		left: 0;
	}
	.text,
	.btn-box {
		width: 100%;
	}
	.circle {
		width: 150px;
		height: 150px;
	}
	.circle span {
		left: 33%;
		width: 150px;
    font-size: 15px;
	}
	.totto-program .columnbox,
	.totto-time .columnbox,
	.totto-example .columnbox,
	.totto-price .columnbox {
		flex-wrap: wrap;
	}
	.totto-program .columnitem,
	.totto-time .columnitem {
		margin-bottom: 10px;
	}
	.totto-program .columnbox,
	.totto-time .columnbox {
		padding: 0 5px;
	}
	.ex-top-text {
		font-size: 21px;
	}
	.totto-price .columnbox {
		flex-wrap: wrap;
		padding: 0 5px;
	}
	.totto-price .left {
		width: 100%;
	}
	.totto-price .reight {
		width:100%;
	}
	.img-ct {
		width: 680px;
	}
	.totto-program,
	.totto-time,
	.totto-feature,
	.totto-price {
		width: 100vw;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	/*共通用CSSここから*/

	
	/*ナビゲーション固定ページ アイキャッチ編集ここから*/
	.page-id-41 .eye-catch img, .page-id-45 .eye-catch img, .page-id-32 .eye-catch img, .page-id-2977 .eye-catch img {
		height: 100px!important;
	}
	
	.page-id-41 .eye-catch-wrap.display-none,
	.page-id-45 .eye-catch-wrap.display-none,
	.page-id-32 .eye-catch-wrap.display-none,
	.page-id-2977 .eye-catch-wrap.display-none {
		margin: 0;
	}
	/*ナビゲーション固定ページ アイキャッチ編集ここまで*/	
	
	/*ナビゲーション サブメニューcssここから*/
	ul.sub-menu li {
		height: 35px;
		line-height: 10px;
	}
	/*ナビゲーション サブメニューcssここまで*/
	
	.about, .work-info, .contact-us, .cc-maintheme, .ceo,
.cc-activity, .member {
		padding: 25px 0;
	}
	
	.top-title, .midashi {
		font-size: 18px;
	}
	
	.inner {
		padding: 0;
	}
	
	.text-center {
		margin: 10px 0 10px;
	}
	/*共通用CSSここまで*/
	
	/*メインビジュアル20200824*/
	.mainv_item.side-box {
		margin: 16px auto 0;
	}
	
	.mainv_item.mainv_us {
		padding: 85px 15px 15px 15px;
	}
		
	.mainv_item.subaru .subaru_midashi {
		font-size: 12px!important;
	}
	
	.mainv_item p {
		font-size: 10px!important;
	}
	
	p.slide_title {
		font-size: 14px!important;
	}
	
	.mainv_item.side-box {
		max-width: 350px;
	}
	
	.hero .swiper-wrapper {
		height: 500px;
	}
	
	.second_box {
		margin: 4em 0 0 0;
	}
	
	/*news&info用CSSここから*/
	.news_list, .news_right {
		flex-basis: 100%;
	}
	
	.news_list {
		margin-bottom: 0;
	}
	
	.news_right .info02 {
		font-size: 14px;
	}
	
	/*ガイドヘルパー研修会案内用CSSここから*/
	.event_item {
		text-align: left;
	}
	
	/*トップページ:NPOCCの事業20200827*/
	.sec01 .navi_npocc .a-wrap {
		flex-basis: 100%!important;
	}
	
	.sec01 .navi_npocc figure {
		width: 60px;
		height: 60px;
	}
	
	.sec01 .navi_npocc .a-wrap .card-title {
		font-size: 15px;
	}

	.widget-entry-card-snippet,
	.navi_npocc .a-wrap:nth-child(8) .card-snippet,
	.navi_npocc .a-wrap:nth-child(9) .card-snippet{
		font-size: 12px;
	}
	
	/*就労リハイベント報告ページCSSここから*/	
	.event_item img {
		width: 100%;
		padding-top: 10px;
	}
	
	/*すばるページCSSここから*/
	.open_title {
		font-size: 1.2em;
	}
	
	.kakomi-smart2 {
		width: 100%;
	}
	
	.ap_title {
		font-size: 18px;
		margin-top: 30px; 
		padding: 7px 10px;
	}
	
	.ap_text {
		font-size: 18px;
		margin: 1.5em;
	}
	
	.ap_text_cp {
		font-size: 18px;
		margin: 1.5em 1.5em 0 1.5em;
	}

	.ap_text2 {
		font-size: 12px;
	}
	
	.balloon {
		margin: 1.5em 0;
		padding: 15px;
		min-width: 100px;
		max-width: 100%;
		font-size: 1em;
	}
	
	.subaru_box.back1,
	.subaru_box.back2 {
		flex-wrap: wrap;
	}
	
	.subaru_item1 {
		padding: 0;
		width: 28%;
	}
	
	.subaru_item2 {
		color: #ffffff;
		width: 100%;
		font-size: 1em;
	}
	
	.subaru_item3 {
		margin-bottom: 25px;
		width: 100%;
	}
	
	.subaru_box.etc {
		display: flex;
		flex-wrap: wrap;
	}
	
	.think {
		flex-wrap: wrap;
	}
	
	.think .text {
		font-size: 18px;
		width: 90%;
	}
	
	.think .box {
		flex-direction: row;
	}
	
	.think .box:nth-of-type(n+2) {
		margin-left: 0;
	}
	
	.think .box:last-child {
		margin-bottom: 0;
	}
	
	.case .title {
		margin: 1em 0 1.2em 0;
		font-size: 18px;
	}
	
	/*.ba {
		margin: 0 0 33px;
		width: 100%;
		font-size: 16px;
	}

	.ba .beforeBox,
	.ba .afterBox {
    	width: 45%;
	}*/
	
	
	.ba {
		margin: 0 auto 40px;
    	width: 100%;
    	position: relative;
    	font-size: 14px; /* テキストの指定 */
    	font-weight: bold; /* テキストの指定 */
    	line-height: 1.4; /* テキストの指定 */
		color: #003366;
	}

	.ba:before {
		margin: -10px 0 0 -10px; /* 三角形の大きさ分ネガティブマージンで位置調整 */
   		border: 20px solid transparent;
		border-top-color: #930035;   
	}
	
	.ba .beforeBox {
		margin-bottom: 40px;
	}
	
	.ba .beforeBox,
	.ba .afterBox {
		width: 100%;
	}
	
	.assess_midashi {
		font-size: 18px;
	}
	
	ul.check_box {
		font-size: 16px;
	}
		
	h2#program_title1 {
		font-size: 16px;
	}

	h2#program_title2 {
		font-size: 16px;
	}
	
	/*アコーディオンカーテンcss*/
	.acd-label{
		font-size: 16px;
	}
	
	.answer_text {
		font-size: 16px;
	}
	/*すばるページCSSここまで*/
	
	/*くるとページCSSここから*/
	.reverse-box {
		display: block;
	}
	.reverse-box:nth-child(2) {
		flex-direction: row;
		margin-top: 20px;
	}
	.reverse-box img {
		width: 100%;
		margin-bottom: 20px;
	}
	.reverse-box .text-box {
		width: 100%;
	}
	/*くるとページCSSここまで*/
	
	/*トップ写真投稿コンテンツ*/
	.photo .container {
		flex-wrap: wrap;
	}
	
	.photo-title {
		flex-wrap: wrap;
		justify-content: center;
	}

	.photo-btn {
		padding: 10px 15px;
	}
	
	.photo-text {
		width: 100%;
	}

	.photo-img {
		width: 100%;
		margin-top: 2em;
	}
	
	.photo-pdf-warp {
		text-align: center;
	}
	
	/*トップ将棋コンテンツ*/
	.syougi-wrap {
		flex-direction: column-reverse;
	}
	.syougi-box {
		width: 100%;
		padding: 0;
	}
	.syougi-wrap img {
		margin-top: 18px;
	}
	
	/*トップ事業紹介動画*/
	.subtitle {
		font-size: 14px;
		margin-top: 20px;
	}
	
	.headline {
		font-size: 16px;
	}
	
	.video_title {
		text-align: center;
		font-size: 14px;
	}
	
	.video_container {
		flex-direction: column;
	}
	
	.video_item {
		width: 100%;
	}
	
	/*各事業ページ用CSSここから*/
	.page-id-35 h5 {
		margin: 10px 0!important;
	}
	
	.item {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.item:nth-child(even) {
		flex-direction: row;
		flex-direction: column;
		align-items: center;
	}
	
	.item-image {
		width: 100%;
	}
	
	.content-text {
		font-size: 12px;
	}
	
	.product {	
		flex-direction: column;
	}
	
	.product .item {
		width: 100%;
	}
	
	.work-wrap {
		flex-direction: column;
	}
	
	.work-wrap .work-box {
		width: 100%;
	}
	
	.product .product_img {
		width: 100%;
	}
	
	.contactbox {
		flex-wrap: wrap;
	}
	
	.contact {
		margin-right: 0;
	}
	
	.g-calendar iframe {
		height: 380px;
	}
	/*各事業ページ用CSSここまで*/
	
	/*NPOCCについてページ用CSSここから*/
	.about-title {
		font-size: 16px!important;
	}
	
	.theme_box {
		width: 100%;
	}
	/*NPOCCについてページ用CSSここまで*/
	
	/*入会・寄付ページ用CSSここから*/
	table.brwsr1 {
		width: 100%;
	}
	
	.sub_txt {
		text-align: left;
	}
	
	.member ol {
		width: 100%;
	}	
	/*入会・寄付ページ用CSSここまで*/
	
	/*お問い合わせ(npocc)ページ用CSSここから*/
	.text-left {
		text-align: left!important;
	}
	/*お問い合わせ(npocc)ページ用CSSここまで*/
	
	/*コパンサイト↓*/
	/*各事業ページ用CSSここから*/
	/*カフェコパンメニュー用CSS*/
	.menu_wap {
		flex-wrap: wrap;
	}

	.menu_wap .menu_content {
		width: 100%;
		margin-bottom: 1em;
		border: 1px solid #eeeeee;
		box-sizing: border-box;
	}
	/*各事業ページ用CSSここまで*/
	
	/*コパンについてページ用CSSここから*/
	.main-box {
		width: 100%;
	}
	
	.copain-container {
		flex-wrap: wrap;
	}
	
	.copain-container .copain-img {
		width: 48%
	}
	/*コパンについてページ用CSSここまで*/
	
	/*メニュー紹介ページ用CSSここから*/
	.menu_cont .menu_item {
		width: 100%;
	}
	/*とっと新ページ*/
	.totto-midashi {
		font-size: 18px;
		padding: 1em 0.2em 0.5em 0.2em;
	}
	.columnbox {
		flex-wrap: wrap;
	}
	.columnitem {
		width: 100%;
	}
	.totto-about-title {
		font-size: 19px;
	}
	.totto-about.columnbox {
		margin-bottom: 40px;
	}
	.totto-about.columnbox .columnitem {
		width: 100%!important;
	}
	.mb-colum {
		text-align: center;
	}
	.maru-ob {
		position: relative;
		display: inline-block;
		width: 200px;
		height: 200px;
		border-radius: 50%;
		background: #ffcc00;;
	}
	.img-text {
		position: absolute;
		left: -14%;
		top: -26%;
		font-size: 16px;
		font-weight: bold;
		width: 130%;
	}
	.img-ob {
		position: absolute;
		display: inline-block;
		left: 0%;
		top: 47%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width :200px;
		text-align:center;
	}
	.text .top {
		font-size: 19px;
	}
	.text {
		font-size: 18px;
		line-height: 1.4;
	}
	.tel-mail {
		padding-left: 0;
	}
	.totto-btn01 {
		margin: 0 0 15px;
	}
	.totto-program,
	.totto-time {
		width: 100vw;
	}
	.totto-program .columnitem, .totto-time .columnitem {
		margin: 0 auto 15px;
	}
	.totto-feature {
		padding: 0 5px;
		background: url(https://npocc.org/images/bg01.jpg) top left / cover no-repeat;
		width: 100vw;
	}
	.totto-feature .left {
		width: 100%;
	}
	.circle {
		width: 150px;
		height: 150px;
	}
	.circle span {
		left: 30%;
		width: 250px;
		font-size: 22px;
	}
	.totto-feature .reight {
		width: 100%;
	}
	.img-ct {
		width: 300px;
	}
	.ex-title {
		font-size: 18px;
	}
	.ex-box:nth-child(5){
		margin-bottom: 38px;
	}
	.columnitem:nth-child(2) .ex-box:last-child {
		margin: 0;
	}
	.ex-item01 {
		width: 30%;
	}
	.ex-item02 {
		width: 70%;
	}
	.totto-price {
		padding: 0 5px;
		width: 100vw;
	}
	.totto-price .left {
		width: 100%;
	}
	.totto-price .reight {
		width: 100%;
	}
	.totto-program .columnitem,
	.totto-time .columnitem {
		max-width: 350px;
	}
	.totto-program .columnbox,
	.totto-time .columnbox {
		padding: 0;
	}
}