@charset "utf-8";

/* 基本設定： フォントサイズ */
@media (max-width: 640px) {
	:root {font-size: 16px;}
}
@media (min-width: 641px) and (max-width: 1024px) {
	:root {font-size: 16px;}
}
@media (min-width: 1025px) {
	:root {font-size: 16px;}
}
body {
	font-family:'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
	font-family: "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "メイリオ", sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.8;
}

section {
	overflow: hidden;
}
section.title {
	overflow: visible;
}

.callout {
	overflow: hidden;
}

.aligncenter {clear: both; display: block; margin: 0 auto; text-align: center; }
.alignright {display: inline; float: right; margin-left: 10px; }
.alignleft {display: inline; float: left; margin-right: 10px; }

.wp-caption {width:auto !important;}
.wp-caption-text {text-align: center;font-size:small;font-weight:bold;}

p, ul, ol, li, dl, dt, dd, th, td  
{
	line-height: 1.8;
}

h1,h2,h3,h4,h5,h6 {
	font-family:inherit; font-weight:inherit; font-style:inherit; color: inherit;
	margin-top: 0;
	line-height: 1.4;
	clear:both; }
  
h1 {
  	font-size: 1.5rem; 
}
  
h2 {
	font-size: 1.5rem;
	margin-top:1rem;
	margin-bottom: 1rem;
	color:#263238;
}
#calendar h2 {
	text-align: center;
}

h3 {
	font-size: 1.4rem; 
	margin-top:1.5rem;
	margin-bottom: 1.75rem;
	margin-left: 0.1rem;
	color:#000;
	font-weight: bold;
	padding-left: 5px;
}


h3 i {
		color:#4CAF50;
		font-size: 60px;
}

@media (max-width: 640px) {
	h3 {
		margin-top: 0.5rem;
	}
}


h4 {
	font-size: 1.1rem; 
	margin-top:2rem;
	margin-bottom: 1.25rem;
	margin-left: 0.3rem;
	background: #ECEFF1;
	border-bottom: 2px solid #B2EBF2;
	padding: 0.3rem 0.5rem;
	opacity: 0.9;
}

h5 {
	font-size: 1rem; 
	margin-top:1.5rem;
	margin-bottom: 0.75rem;
	margin-left: 0.2rem;
	padding-left:0.2rem;
	color: #000;
	font-weight: bold;
	border-bottom:1px solid #FFE0B2;
}
h5 span {
	border-bottom: 1px solid #BBDEFB;
	padding-bottom: 0.1rem;
}

h6 {
	font-size: 1rem; 
	margin-top:1rem;
	margin-bottom: 0.5rem;
	margin-left: 0.5rem;
	opacity: 0.8;
	font-weight: bold;
	color:#558B2F;
}

p {
	margin-top:0.5rem;
	margin-bottom: 0.5rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

ul {
	list-style-type: none;
	margin-left: 0.5rem; 
}
ul li {
	background: url(images/li-pink.png) no-repeat 0 7px; 
/*	text-indent: 15px; */
	padding-left:15px
}
footer ul li {
	background: url(images/li-yellow.png) no-repeat 0 7px; 
	padding-left: 15px;
}
.tabs li,
.no-bullet li{
	background: none;
	padding-left: 0;
}

.flexslider ul li {
	position: static !important;
}
.flexslider ul li:before {
	position: static !important;
}

.tabs li {
	padding-left: 0;
} 
 
 footer ul li:before {
	top: 3px;
}
 
 .menu > li > a {
	 padding: 0;
	 line-height: inherit;
	 margin-right: 15px;
 }
 
ul.no-bullet li:before{
	margin-left: 0;
	content: none ; 
} 
.no-border {
	border: none;
	background: #F7F5F1;
	background: var(--light-bg-color);
}

.button {
	background-color: #62B1CD;
	/* background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2)); */
	color: #fff; 	
	border-top: none;;
	border-bottom: 3px solid #4494C3;
	border-radius: 5px;
	line-height: 1.8;
}

.button:hover, .button:focus {
	background-color: #4494C3;
	/* background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0)); */
	color: #fff; 
	border-top: 3px solid #628DA3;
	border-bottom: none;
}




/* headerA(ハンバーガーメニュー) */
@media (max-width: 640px) {
.top-bar,
.top-bar ul {
    width: 100%; 
}
.top-bar ul.menu {
	width: 100%;
}
.top-bar .menu li{
	line-height: 1.6;
	border-bottom: 1px dotted #ccc;
	margin-top: 10px;
	padding-bottom:10px;
}
.top-bar .menu li a {
	display: block;
	font-size: 14px;
}
.top-bar .shrink.columns {
	width: 100%;
}
}

/* headerB(ドロワーメニュー) */
@media (max-width: 640px) {
	header {
		border-bottom: none !important;
	}
}
.title-bar {
  background-color: transparent;
  color: #0097e0;
} 
.off-canvas-content, .off-canvas-content {
	box-shadow: -3px 3px 5px rgba(10, 10, 10, 0.5);
}
.off-canvas {
	background: #fcfcfc;
	height:100%;
	padding:20px 10px;
}
.vertical.dropdown.menu ul {
	width: 100%;
}
.vertical.dropdown.menu li{
	line-height: 1.6;
	border-bottom: 1px dotted #ccc;
	margin-top: 10px;
	padding-bottom:10px;
}
.vertical.dropdown.menu li a {
	display: block;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* Image Styles */
.imgshadow {
  box-shadow: 1px 1px 4px rgba(0,0,0,.5);
}
.imgborder {
	border:6px solid #FAFAFA;
}
.imgcircle {
	border-radius: 50%;
}
.imgradius5 { border-radius:5px;}
.imgradius10 { border-radius:10px;}
.imgradius20 { border-radius:20px;}

.imgbottom0 { margin-bottom:0;}
.imgbottom10 { margin-bottom:10px;}
.imgbottom20 { margin-bottom:20px;}
.imgbottom30 { margin-bottom:30px;}

.tilt1 { transform: rotate( 1deg ); }
.tilt2 { transform: rotate( 2deg ); }
.tilt3 { transform: rotate( 3deg ); }
.tilt4 { transform: rotate( 4deg ); }
.tilt5 { transform: rotate( 5deg ); }
.tilt6 { transform: rotate( 6deg ); }
.tilt7 { transform: rotate( 7deg ); }
.tilt8 { transform: rotate( 8deg ); }
.tilt9 { transform: rotate( 9deg ); }
.tilt10 { transform: rotate( 10deg ); }
.tilt30 { transform: rotate( 30deg ); }
.tilt45 { transform: rotate( 45deg ); }
.tilt90 { transform: rotate( 90deg ); }
.tilt-1 { transform: rotate( -1deg ); }
.tilt-2 { transform: rotate( -2deg ); }
.tilt-3 { transform: rotate( -3deg ); }
.tilt-4 { transform: rotate( -4deg ); }
.tilt-5 { transform: rotate( -5deg ); }
.tilt-6 { transform: rotate( -6deg ); }
.tilt-7 { transform: rotate( -7deg ); }
.tilt-8 { transform: rotate( -8deg ); }
.tilt-9 { transform: rotate( -9deg ); }
.tilt-10 { transform: rotate( -10deg ); }
.tilt-30 { transform: rotate( -30deg ); }
.tilt-45 { transform: rotate( -45deg ); }
.tilt-90 { transform: rotate( -90deg ); }

/* リンクアイコン */
.new:before {
	content: "NEW";
	background: #f00;
	padding:0 5px 2px;
	border-radius: 5px;
	color:#fff;
	margin-right: 5px;
}
.movie:before {
	content: "動画▶";
	background: #304FFE;
	padding:0 5px 2px;
	border-radius: 5px;
	color:#fff;
	margin-right: 5px;
}
.pdf:after {
	content: "\f1c1";
	font-family: FontAwesome;
	color:#f00;
	padding-left: 5px;
}
.word:after {
	content: "\f1c2";
	font-family: FontAwesome;
	color:#1A237E;
	padding-left: 5px;
}
.excel:after {
	content: "\f1c3";
	font-family: FontAwesome;
	color:#1B5E20;
	padding-left: 5px;
}
.gaibu:after {
	content: "\f08e";
	font-family: FontAwesome;
	color:#1B5E20;
	padding-left: 5px;
}
.more:after {
	content: "\f054";
	font-family: FontAwesome;
	padding-left: 5px;
}
.button.pdf:after,
.button.word:after,
.button.excel:after,
.button.gaibu:after,
.button.more:after {
	color:inherit;
}

/* SNS ボタン */

.social-link {
	margin-top: 20px;
	margin-bottom: 30px;
}
.share a {
    color: #fff !important;
    display: block;
    font-size: small;
    font-weight: bold;
    opacity: 0.8;
    padding: 0.5em;
    width: 100%;
    text-align: center;
}
.share a:hover {opacity: 1;}
.share_facebook {background: #39599f;}
.share_twitter {background: #45b0e3;}
.share_line {background: #00c300;}
.share_instagram {background: #A63A8F;}
.share_google {background: #dd4b39;}
.share_mail {background: #35465c;}

/* 画像ロールオーバー */
a:hover img.over {
	opacity: 0.7;
}
/* UL LI 横 */
ul.yoko {
	display: flex;
}
.yoko li {
	display: block;
}
@media (max-width: 640px) {
ul.yoko {
	display: inherit;
}
.yoko li {
	display: block;
}
	
}

/* table */
table.transparent tbody tr:nth-child(even){
	background-color : transparent;
}
table.transparent tbody tr{
	border: 1px solid #f1f1f1;
}
th {
	background-color : #fafafa;
}
table thead th,
table.text-center td {
	text-align: center;
}

/* セクションまわり余白 */
section {
	margin-top:2rem;
}
.title + section {
	margin-top:0;
	padding-top: 2rem;
}
section#primary,
article > section {
	margin-top: 0;
}



/* -----------------------------------------
   DIVボックスの背景色
   ----------------------------------------- */
.red { background: #fde0dc; }
.pink { background: #fce4ec; }
.purple { background: #f3e5f5; }
.deeppurple { background: #ede7f6; }
.indigo { background: #e8eaf6; }
.blue { background: #e7e9fd; }
.lightblue { background: #e1f5fe; }
.cyan { background: #e0f7fa; }
.teal { background: #e0f2f1; }
.green { background: #d0f8ce; }
.lightgreen { background: #f1f8e9; }
.lime { background: #f9fbe7; }
.yellow { background: #fffde7; }
.amber { background: #fff8e1; }
.orange { background: #fff3e0; }
.deeporange { background: #fbe9e7; }
.brown { background: #efebe9; }
.grey { background: #fafafa; }
.bluegraey { background: #eceff1; }

.white { background: #f9f9f9;
	border: 1px solid #efefef;}
.beige { background: #faf8ee;
	border: 1px solid #f4ecda; }

.red, .pink, .purple, .deeppurple, .indigo, .blue, .lightblue, 
.cyan, .teal, .green, .lightgreen, .lime, .yellow, .amber, .orange, 
.deeporange, .brown, .gray, .bluegray, .white, .beige {
	padding:10px;
	overflow: hidden;
}

/* -----------------------------------------
   DIVボックスの背景色 色の濃いバージョン
   ----------------------------------------- */
.love-red { background: #e51c23; }
.love-pink { background: #e91e63; }
.love-purple { background: #9c27b0; }
.love-deeppurple { background: #673ab7; }
.love-indigo { background: #3f51b5; }
.love-blue { background: #5677fc; }
.love-lightblue { background: #03a9f4; }
.love-cyan { background: #00bcd4; }
.love-teal { background: #009688; }
.love-green { background: #259b24; }
.love-lightgreen { background: #8bc34a; }
.love-lime { background: #cddc39; }
.love-yellow { background: #ffeb3b; }
.love-amber { background: #ffc107; }
.love-orange { background: #ff9800; }
.love-deeporange { background: #ff5722; }
.love-brown { background: #795548; }
.love-grey { background: #9e9e9e; }
.love-bluegrey { background: #607d8b; }

.love-red, .love-pink, .love-purple, .love-deeppurple, .love-indigo, .love-blue, .love-lightblue, 
.love-cyan, .love-teal, .love-green, .love-lightgreen, .love-lime, .love-yellow, .love-amber, .love-orange, 
.love-deeporange, .love-brown, .love-gray, .love-bluegray, .love-white, .love-beige {
	padding:10px;
	overflow: hidden;
}



/* ==========================================================================
   L(^^)k インフォエリア
   ========================================================================== */
   
.info {
	
}

.info p { font-size:small;}
@media only screen and (min-width: 769px) {
.info p > span {margin-right: 5px;display: block;}
}
@media only screen and (min-width: 769px) {
.info.yoko p > span {margin-right: 10px;display: inline-block;}
}

.info p > span:before {background:#FFCC80; color:#4E342E; margin:2px; padding:1px 4px; border-radius:3px; font-weight:bold; display: inline-block;}


.場所:before {content:"📍場所";}
.開催日:before {content:"📅開催日";}
.時間:before {content:"🕘時間";}
.定員:before {content:"👥定員";}
.参加費:before {content:"👛参加費";}
.協力:before {content:"🤝協力";}
.申込:before {content:"📞申込";}
.雨天時:before {content:"☂️雨天時";}
.備考:before {content:"⭐️備考";}


@media print {
body {
        width: 1000px !important;
        height: auto;
        margin: 0px auto;
        padding: 0px;
        clear: both;
        overflow: auto;
        display:table;
}
p {
	font-size: small !important;
}
}



/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */