/*!
Theme Name: 広瀬地区地域活動センター
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: temp_base
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

temp_base is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments



--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */ 
@media print, screen and (min-width:1071px) { 

html {
	font-family: "Jun 201", sans-serif;
	font-style: normal;
	font-size: 100%;
	line-height: 1.20;
	-webkit-text-size-adjust: 100%;
}

/*.f-jun201 {	
	font-family:"Jun 201";
}*/

/* Box sizing
--------------------------------------------- */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #333333;
	font-family:inherit;
	line-height: 1.7;
	letter-spacing: 0.08em;
}
b,
strong {
	font-weight: bolder;
}
small {
	font-size: 80%;
}
blockquote {
	margin: 0 1.5em 1.6em;
	padding: 15px;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
}
address {
	margin: 0 0 1.5em;
}
.pc_view {
	display: block;
}

.sp_view {
	display: none;
}



/* Elements
--------------------------------------------- */
body {
background-image: -webkit-linear-gradient(317deg, #fbdd97, #d3fbfb);
background-image: -o-linear-gradient(317deg, #fbdd97, #d3fbfb);
background-image: linear-gradient(47deg, #fbdd97, #d3fbfb);
	overflow-x: hidden;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
dt {
	font-weight: 700;
}
dd {
	margin: 0 1.5em 1.5em;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
img {
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}
figure {
	margin: 1em 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
/*SP用の要素を非表示*/
.sp_show {
	display: none !important;
}

/* Links
--------------------------------------------- */
a {
	color: #004684;
}
a:visited {
	color: #004684;
}
a:hover,
a:focus,
a:active {
	color: #004684;
	text-decoration: none;
}
a:focus {
	outline: none;
}
a:hover,
a:active {
	outline: 0;
}
#page a:hover img,
.site_header a:hover img,
.contents_1col_top a:hover img {
	opacity:0.78;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.2em .5em 0.6em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: inherit;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}
select {
	border: 1px solid #ccc;
}
textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
main.contents_top {
	margin: 0 auto;
	padding-top: 105px;
}
main.contents_page {
	padding-top: 105px;
}
@media print, screen and (max-width:1271px) { 
main.contents_top {
	padding-top: 80px;
}
main.contents_page {
	padding-top: 80px;
}
}

main .contents_page_inner {
	margin: 0 auto 20px;
	padding: 0 8px;
	width: 90%;
	max-width: 1400px;
	min-height: 300px;
}
main .contents_page_inner.page_2col {
	display: flex;
	justify-content: space-between;
	column-gap: 6%;
}
main .contents_page_inner.page_2col article {
	flex: 1;
}
main .contents_page_inner.page_2col aside {
	width: clamp(250px, 28%, 340px);
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

.instagram_fix {
	position: fixed;
	right: 0;
	bottom: 30px;
	padding: .7em .3em .7em .5em;
	background: #fff;
	border-radius: 20px 0 0 20px;
	box-shadow: -1px 2px 4px rgba(0,0,0,0.2);
	z-index: 10;
}
.instagram_fix p {
	color: #007A88;
	font-family: "Jun 501", sans-serif;
	text-align: center;
	line-height: 1.2;
}
.instagram_fix p img {
	margin-top: 15px;
}

/* header
--------------------------------------------- */
.header {
	position: fixed;
	width: 100%;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0,0,0,0.12);
	z-index: 10;
}
.header_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	margin: 0 auto;
	padding: 10px 15px 7px;
	width: 100%;
	height: 105px;
}
.site_title {
	width: 23%;
}
.header_links {
	padding: 10px 0;
	max-width: 60%;
}
.header_links .upper {
	display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: clamp(2px, 0.5vw, 13px);
 }
.header_links ul.lower {
	text-align: right;
}
/*検索*/
.search_wrap {
	margin: 0;
	display: flex;
	align-items: baseline;
	font-size: 0.8em;
}
#sbox {
	margin: 0 0.6rem;
    padding:.05em .7em;
    width: clamp(150px, 15vw , 200px);
    border: solid 1px #777;
	font-size: 0.8rem;
}
#sbtn {
	padding: 1px 4px 6px;
    color: #fff;
    font-size: 0.7rem;
    border: none;
    background: #343434;
    text-align: center;
}
#sbtn img {
	position: relative;
	top: .15em;
	left: -.05em;
	width: 17px;
	height: auto;
}
ul.head_contect {
	display: flex;
	width: 39%;
	max-width: 430px;
}
ul.head_contect li {
	margin-left: 4%;
}

@media print, screen and (max-width:1271px) { 
.header_inner {
	height: 80px;
}

}

/*パンくずリスト*/
#breadcrumb {
	margin: 20px 0 50px;
	font-size: 68%;
	text-align: left;
}
#breadcrumb_inner {
	margin: 0 auto;
	padding: 0;
	width: 90%;
	max-width:1400px;
	color:#222;
}
#breadcrumb_inner a {
	position: relative;
	display: inline-block;
	margin: 0 30px 0 0;
	padding: 1px 1em;
	color:#fff;
	background: #086532;
	text-decoration: none;
	border-radius: 15px;
	transition: all .2s;
}
#breadcrumb_inner a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -19px;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	display: inline-block;
	background: #97D1B1;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	width: 6px;
	height: 11px;
}
#breadcrumb_inner a:hover {
	background: #277C4D;
	text-decoration:none;
	transition: all .2s;
}
#breadcrumb_inner .current-item {
	display: inline-block;
	/*margin: 0 5px;*/
	padding: 1px 0;
	color:#000;
	text-decoration: none;
}


/* Navigation
--------------------------------------------- */
.pc_nav {
	transition: all .2s;
}
.pc_nav ul.pc_nav_menu {
	display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 0 auto;
    font-size: clamp(18px,1.20vw,19px);
}
.pc_nav ul.pc_nav_menu > li {
	position: relative;
}
/*リンクのスタイル*/
.pc_nav a,
.pc_nav a:hover,
.pc_nav a:active,
.pc_nav a:visited {
	color: #222;
	font-family: "Jun 501", sans-serif;
	text-decoration: none;
	/*font-size: 100%;*/
	letter-spacing: 0.08em;
}
@media print, screen and (max-width:1270px) { 
.pc_nav a,
.pc_nav a:hover,
.pc_nav a:active,
.pc_nav a:visited {
	font-size: 84%;
}
}
.pc_nav ul.pc_nav_menu li a {
	margin: 0 .4em;
	padding: 0 .4em;
	text-align: center;
}
.pc_nav ul.pc_nav_menu li a:hover,
.pc_nav ul.pc_nav_menu li a:active {
	
}


/* TOPコンテンツ
--------------------------------------------- */
/*共通*/
h2.h2_top {
	margin: 0 auto 40px;
	padding-left: 20px;
	width: clamp(520px,40vw,593px);
	height: 163px;
	color: #000;
	font-family: "Jun 501", sans-serif;
	font-size: 175%;
	font-weight: 500;
	letter-spacing: 0.15em;
	line-height: 150px;
	text-align: center;
	background: url("images/pages/toph2_balloon.svg")no-repeat;
	background-size: contain;
	background-position: 0% 50%;
}
section {
	padding: 50px 0;	
}

.mv {
	width: 100%;
}
.gmap_iframe {
    aspect-ratio: 16 / 8;
    width: 100%;
    height: auto;
}



/* TOPコンテンツ Vamosの紹介
--------------------------------------------- */
section.vamos {
	
}
section.vamos h3 {
	margin: 0 0 40px;
	font-family: "Jun 501", sans-serif;
	font-size: 185%;
}
.vamos_innerbox {
	margin: 20px auto;
	display: flex;
	align-items: center;
	column-gap: 3%;
	width: 90%;
	max-width: 1400px;
}
.vamos_innerbox .txt {
	order: 1;
}
.vamos_innerbox .pic {
	order: 2;
	flex: 1;
}
.vamos_innerbox .pic img {
	border-radius: 30px;
}
.vamos_innerbox .txt p {
	font-size: 120%;
	line-height: 1.8;
}
.vamos_innerbox_naiyou {
	margin: 20px auto;
	width: 90%;
	max-width: 1400px;
}


/* TOPコンテンツ インスタグラム
--------------------------------------------- */
section.insta {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1400px;
}
section.insta h2 span:before {
	content: "";
	display: inline-block;
	position: relative;
	top: 12px;
	left: -10px;
	background: url("icon/instagram_50x50.png")no-repeat;
	background-size: contain;
	width: 46px;
	height: 46px;
}

/* TOPコンテンツ お知らせ・カレンダー
--------------------------------------------- */
section.news {
	padding-bottom: 10px;
}

.news_innerbox {
	display: flex;
	column-gap: 4%;
	margin: 0 auto;
	width: 90%;
	max-width: 1400px;
} 
.news_wrapper {
	flex: 1;
}
.event_wrapper {
	width: clamp(300px,28vw,380px);
}

.news_wrapper ul li.news_box {
	display: flex;
	border-bottom: 1px dashed #5D5D5D;
	padding: 1em .8em;
}
.news_wrapper ul li.news_box time.date span {
	position: relative;
	display: inline-block;
	padding-right: 40px;
}
.news_wrapper ul li.news_box time.date span:after {
	content: "■";
	position: absolute;
	right: 13px;
	top: .3em;
	color: #48B6D9;
	font-size: 70%;
}

/*リンク色*/
.news_wrapper ul li.news_box a,
.news_wrapper ul li.news_box a:visited {
	color: #222;
	transition: all .1s;
}
.news_wrapper ul li.news_box a:hover,
.news_wrapper ul li.news_box a:active {
	color: #888;
	text-decoration: none;
	transition: all .1s;
}
img.mark_new {
	position: relative;
	top: -.2em;
    right: 0px;
}

/*過去一覧*/
.news_more {
	margin-top: 20px;
	text-align: right;
}
.news_more a {
	padding-left: 10px;
	color: #000;
	text-decoration: none;
}
.news_more a:before {
	content: "";
	display: inline-block;
	position: relative;
	top: 1px;
	left: -7px;
	width: 15px;
	height: 15px;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	background: #77c156;
	transition: all .1s;
}
.news_more a:hover,
.news_more a:active {
	transition: all .1s;
	color: #396822;
}

.news_wrapper .top_bnrs {
	display: flex;
	column-gap: 5%;
	margin: 50px 0 0;
}
.news_wrapper .top_bnrs div {
	flex: 1;
}

/*行事カレンダーエリア*/
.event_wrapper {
	background: #ffffff;
	border-radius: 15px 15px 5px 5px;
}
.event_head {
	padding: 10px 0;
background-image: -webkit-linear-gradient(317deg, #fbdd97, #d3fbfb);
background-image: -o-linear-gradient(317deg, #fbdd97, #d3fbfb);
background-image: linear-gradient(47deg, #fbdd97, #d3fbfb);
	overflow-x: hidden;

	background-position: 50% 55%;
	border-radius: 15px 15px 0 0;
}
.event_head h2 {
	margin-bottom: 7px;
	color: #000;
	font-size: 190%;
	font-family: "Jun 501", sans-serif;
	text-align: center;
	text-shadow: 2px 4px 5px rgba(255,255,255,0.75);
}
.event_head p.date {
	margin: 0 auto;
	padding: 0;
	width: 11em;
	font-size: 130%;
	font-family: "Jun 501", sans-serif;
	text-align: center;
    letter-spacing: 0.1em;
	background: rgba(255,255,255,0.7);
	border-radius: 30px;
}
.event_head p.date span {
	font-size: 140%;
}

/*月のカレンダー*/
.event_calendar {
	margin-bottom: 25px;
	padding: 5%;
}
#eo_fullcalendar_1 .fc-view-container table .fc-sun {
	color: #C70D35;
}
#eo_fullcalendar_1 .fc-view-container table .fc-sat {
	color: #1974E0;
}
.event_calendar .fc-right .fc-button-group:nth-child(1) button,
.event_calendar .fc-right .fc-button-group:nth-child(2) button {
	padding: 0 3px 3px;
	border-radius: 30px;
}
.event_calendar .fc-right .fc-button-group:nth-child(3) button {
	color: #fff;
	font-family: "Jun 501", sans-serif;
	background: #077F8C;
}

/*直近の行事*/
.upcoming_events {
	margin: 4%;
	padding: 0 5% 2%;
	font-family: "Jun 501", sans-serif;
	background: #fff;
}
.upcoming_events h2 {
	position: relative;
	top: -8px;
	left: -15px;
	padding: 5px;
	width: 8em;
	color: #fff;
	text-align: center;
	background: #39B200;
}
.upcoming_events ul.typesquare_option {
	color: #226B00;
}
.upcoming_events ul.typesquare_option li {
	padding: 8px;
	border-bottom: 1px dotted #777;
}
.upcoming_events ul.typesquare_option li a {
	color: #000;
}

/* Posts and pages
--------------------------------------------- */
.entry-content p,
.widget_block p {
	margin-bottom: 30px;
	line-height: 1.90;
}
.entry-content p strong,
.widget_block strong {
	font-family: "Jun 501", sans-serif;
}
.entry-content ul,
.entry-content ol,
.widget_block ul,
.widget_block ol {
	margin: 0 0 1.5em 1em;
}

.entry-content ul,
.widget_block ul {
	list-style: disc;
}

.entry-content ol,
.widget_block ol {
	list-style: decimal;
}

.entry-content li > ul,
.entry-content li > ol,
.widget_block li > ul,
.widget_block li > ol {
	margin-bottom: 0;
	margin-left: 1.2em;
}
.entry-content .entry_meta {
	margin: 0 10px 20px;
	text-align: right;
	font-size: 90%;
}

.sticky {
	display: block;
}

/*.post,
.page {
	margin: 0 0 1.5em;
}*/

.updated:not(.published) {
	display: none;
}

/*.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}*/

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* Posts and pages（見出し）
--------------------------------------------- */
/* H1 */
h1.entry-title,
h1.category_name {
	padding: 2em 3%;
	font-size: 190%;
	font-family: "Jun 501", sans-serif;
	text-align: center;
	background: url("images/headers/bg_header.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	letter-spacing: 0.08em;
	-webkit-text-stroke: 5px #fff;
	text-stroke: 5px #fff;
	paint-order: stroke;
}
/* H2 */
.entry-content h2,
.widget_block h2 {
	margin: 60px 0 30px;
	padding: 15px 20px;
	font-size: 160%;
	font-family: "Jun 501", sans-serif;
	line-height: 1.6;
	background: #FFFFFF;
	border-bottom: 6px solid;
	border-image: linear-gradient(to right, #d3fbfb, #fbdd97) 1;
	border-radius: 0 50px 0 0;
}
/* H3 */
.entry-content h3,
.widget_block h3 {
	margin: 20px 0 10px;
	padding: 0px 2px;
	font-size: 120%;
	font-family: "Jun 501", sans-serif;
	/*border-bottom: 1px dotted #999;*/
	line-height: 1.6;
}

/* Posts and pages（ページナビ）
--------------------------------------------- */
#page .wp-pagenavi {
	margin: 40px 0 0;
	font-size: 90%;
}
#page .wp-pagenavi span,
#page .wp-pagenavi a {
	display: inline-block;
	padding: 1px 7px 2px;
	color: #222;
	border-radius: 4px;
	border: 1px solid #aaa;
}
#page .wp-pagenavi a 
,#page .wp-pagenavi a:visited {
	color: #222;
}
#page .wp-pagenavi a:hover
,#page .wp-pagenavi a:active {
	background: rgba(0,122,136,0.2);
	text-decoration: none;
	color: #222;
	border: 1px solid rgba(0,122,136,0.2);
}
#page .wp-pagenavi span.pages {
	text-align: center;
	border: none;
}
#page .wp-pagenavi span.current {
	color: #fff;
	font-family: "Jun 501", sans-serif;
	background: #007a88;
	border: 1px solid #007a88;
}

#page .wp-pagenavi span.extend {
	border: none;
}

/* Posts and pages（イベント詳細）
--------------------------------------------- */
.eventorganiser-event-meta {
	display: inline-block;
	margin: 25px 0 35px;
	padding: 1.3em;
	border-top: 2px dotted #000;
	border-bottom: 2px dotted #000;
}
.eventorganiser-event-meta h2 {
	margin-bottom: 8px;
	padding: 0px 0 0px 30px;
	font-family: "Jun 501", sans-serif;
	font-size: 110%;
	background: url("images/headers/navlist_sp.svg")no-repeat;
	background-position: 0% 100%;
	
}
.eventorganiser-event-meta ul {
	list-style: circle;
	margin: 0 1.5em;
}



/* Posts and pages（お問い合わせ）
--------------------------------------------- */
.inquiry_list {
	margin-top: 50px;
}
.inquiry_list dt {
	display: inline-block;
	width: 16em;
	vertical-align: top;
}
.inquiry_list dt p {
	margin: 10px 0;
}
.inquiry_list dd {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: calc(100% - 17em);
}
.inquiry_list dd p {
	margin: 5px 0 25px;
}
.con_must {
	position: relative;
    top: -1px;
    left: 8px;
    display: inline;
    padding: 2px 6px;
    font-size: 11px;
    color: #cf1d05;
    border: 1px solid #cf1d05;
    user-select: none;
    line-height: 220%;
}
.must {
	position: relative;
	top: -.18em;
	left: 8px;
	display: inline;
	padding: 0 6px 2px;
	font-size: 11px;
	color: #cf1d05;
	border: 1px solid #cf1d05;
	user-select: none;
}
.wpcf7-not-valid-tip {
	font-size: 80%;
}

.wpcf7-spinner {
	/*display: none;*/
}

.inquiry_list dl dd p span.wpcf7-form-control-wrap input {
	padding: 1px 10px 5px;
}
.inquiry_list dl dd p span.wpcf7-form-control-wrap textarea {
	padding: 1px 10px 5px;
}
.wpcf7-text,
.wpcf7-textarea {
	font-size: 1.10em;
}

.con_tel {
	width:200px;
}


.recaptcha {
	margin: 50px 0 0;
	color: #777;
	font-size: 65%;
	line-height: 1.5em;
}
#agreement {
	margin-top: 30px;
}
/*#agreement p {
	text-align: center;
}*/
input[type="submit"].wpcf7-form-control,
input[type="button"].wpcf7-form-control {
	padding: 30px 110px;
	border: solid 1px #999999;
	font-size: 100%;
	font-weight: 600;
	letter-spacing: 0.25em;
	cursor: pointer;
}
input[type="button"].wpcf7-form-control {
	padding: 30px 60px;
	background: #f5f5f5;
}
input[type="submit"].wpcf7-form-control:hover,
input[type="button"].wpcf7-form-control:hover {
	background: #aaa;
	transition: all .2s;
}
input[type="submit"].wpcf7-form-control:active,
input[type="submit"].wpcf7-form-control:focus,
input[type="button"].wpcf7-form-control:active,
input[type="button"].wpcf7-form-control:focus {
	background: #ccc;
	border: solid 1px #999;
	transition: all .2s;
}



/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* sidebar
--------------------------------------------- */
/* ▼side（これまでのお知らせ） */
aside .past_entry  {
	padding: 15px 2%;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.past_entry h2 {
	position: relative;
	margin: 10px 0;
	padding: 15px 5px 15px 45px;
	font-family: "Jun 501", sans-serif;
	font-size: 115%;
}
.past_entry h2:before {
	content: "";
	position: absolute;
	top: 24px;
	left: 15px;
	display: inline-block;
	background: url("images/headers/navlist_sp.svg")no-repeat;
	background-size: contain;
	width: 20px;
	height: 29px;
}
.past_entry ul.past_entry_list {
	margin: 0 4% 20px;
}
.past_entry ul li {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: 13px;
	padding:0 5px 13px 10px;
	border-bottom: 1px dotted #777;
}
.past_entry ul li time {
	order: 1;
	font-size: 80%;
}
.past_entry ul li a {
	order: 2;
	color: #000;
	font-size: 90%;
}
.past_entry .more {
	margin: 15px 10px;
	text-align: right;
}
.past_entry .more a {
	color: #000;
	font-family: "Jun 501", sans-serif;
	text-decoration: none;
	font-size: 90%;	
}


/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}



/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}


/* footer
--------------------------------------------- */
#site_footer {
	margin-top: 70px;
	padding: 40px 0 0;
	background: url("images/footers/bg_footer.jpg") no-repeat;
	background-position: center;
	background-size: cover;
}
.footer_innerwrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding: 30px 3%;
	width: 90%;
	max-width: 1400px;
	background: rgba(255,255,255,0.75);
	border-radius: 22px;
}

.footer_about p.footer_title {
	font-size: 135%;
	font-family: "Jun 501", sans-serif;
	letter-spacing: 0.07em;
	line-height: 1.3;
}
.footer_about p.footer_title_sub {
	margin: 3px 0 15px;
	font-size: 88%;
}
.footer_about p.footer_info {
	font-size: 83%;
	line-height: 1.4em;
}
.footer_about p.footer_info a.txtlink {
	display: inline-block;
}

.footer_menu {
	margin-bottom: 15px;
}
.footer_menu ul.nav {
	display: flex;
	column-gap: 2em;
	margin: 0 0 0 auto;
	padding: 0;
	width: 100%;

}
.footer_menu ul.nav li {
	/*flex: 1;*/
}
.footer_menu ul.nav li a {
	font-family: "Jun 501", sans-serif;
}

/*フッターの共通スタイル*/
.footer_innerwrap a,
.footer_innerwrap a:visited {
	color: #222;
	text-decoration: none;
	font-size: 92%;
}
.footer_innerwrap a:hover,
.footer_innerwrap a:active {
	text-decoration: underline dotted #555;
}

/*コピーライト*/
#copyright {
	padding: 15px 0 10px;
	font-size: 60%;
	text-align: center;
	letter-spacing: 0.2em;
	color:#fff;
}
#copyright a,
#copyright a:visited {
	color: #222;
	text-decoration: none;
}
#copyright a:hover,
#copyright a:active {
	text-decoration: underline;
}


/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 100%;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}
.alignleft:after {
   content: "";
   display: block;
   clear: both;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*PDFアイコン*/
a[href $='.pdf'] {
    background:url(icon/ico_pdf.gif) no-repeat right 70%;
    padding:0 18px 0 0;
}
a[href $='.pdf'] a {
    text-decoration:none;
}

a[href $='.pdf'] a:hover {
    text-decoration:none;
}

.bk_graph {
	width: 62%;
    margin: 0 auto;
    padding: 2em 1.5em;
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%), 0 2px 3px -2px rgb(0 0 0 / 1%);
    background-image: linear-gradient(transparent calc(100% - 1px), #e6edf3 50%, #e6edf3), linear-gradient(90deg, transparent calc(100% - 1px), #e6edf3 50%, #e6edf3);
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
    font-size: clamp(16px, 1.40vw, 22px);
}

.text-bold {
	font-family: "Jun 501", sans-serif;
}

.page_mv {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}

.page_mv img {
    display: block;
    width: 100%;
	height: 40vw;
	object-fit: cover;
	object-position: 50% 35%;
}
.page_mv.h600 img {
	height: 31vw;	
}

.vision {
	display: flex;
	justify-content: space-between;
	margin: 40px 0;
}
.vision_item1 {
	width:28%;
}
.vision_item2 {
	width:72%;
	font-size: 1.10em;
}
.vision h2 {
	margin: 0;
	border:none;
	position: relative;
	display: inline-block;
	width: 260px;
	height: 260px;
	border-radius: 50%;
	background: #fff;
}
.vision span {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width :260px;
	text-align:center;
}

/*ぺージ毎の二次元コード*/
.qrcord {
	margin-top: 50px;
}
.qrcord h3 {
	margin-bottom: 20px;
}

.mv {
	position: relative;
}
.mv iframe {
	pointer-events: none; /* 初期状態では操作できない */
}
.mv.active iframe {
	pointer-events: auto; /* activeクラスが付くと操作できる */
}


}