@charset "utf-8";

/*
============================================

　           Style CSS

============================================
*/


html,
body {
  width: 100%;
  height: 100%;
  background: #fffcf0;
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.778;
  color: #333333;
}

a {
	color: #0033cc;
}

a:visited {
	color: #663399;
}

a:hover,
a:active {
	color: #dd2222;
	text-decoration: none;
}

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

.wrap {
	width:960px;
	margin: 0 auto 3rem;
	display: flex;
	-js-display: flex;
}

article {
	width:680px;
	margin-right: 20px;
}

aside {
	width:250px;
}


/* Header
-----------------                           
*/

header {
	width:960px;
	margin: 0 auto;
	display: flex;
	-js-display: flex;
	/*justify-content: flex-end;*/
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	position: relative;
}

.main_logo {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1.2rem;
	line-height: 1.2rem;
}

.main_logo a {
	text-decoration: none;
	color: #333333;
	width: 400px;
}

.main_logo a img {
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.main_logo a img:active,
.main_logo a img:hover {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.95);
}

.main_logo a span {
	font-size: 1rem;
	line-height: 1rem;
}

.header_sub_box {
	overflow: auto;
}

/*.header_admin {
	position: absolute;
	bottom:-10px;
	left: 430px;
	font-size: 0.95rem;
	line-height: 0.95rem;
}*/

.header_subMenu {
	overflow: auto;
	margin: 0;
	padding: 0;
	display: flex;
	-js-display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	float: right;
	width:23rem;
}

.header_subMenu li {
	/*float: left;*/
	list-style: none;
}

.header_subMenu li a:link,
.header_subMenu li a:visited {
	color: #ffffff;
	background: #8dc21f;
	font-size: 0.95rem;
	display: block;
	width:9.5rem;
	text-decoration: none;
	text-align: center;
	line-height: 1rem;
	padding: 8px 10px;
	margin: 10px 0;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
	border-radius: 2px;
	-webkit-transition: background-color .4s;
	transition: background-color .4s;
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.header_subMenu li a:before {
	content: "▶" ;
	margin-right: 0.2rem;
	font-size: 0.6rem;
	vertical-align: middle;
}

.header_subMenu li a:active,
.header_subMenu li a:hover {
	background: #9ccf36;
	margin: 10px 5px 10px 0;
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}

.searchbox {
	clear: both;
	text-align: right;
	padding-top: 0.5rem;
}

#search_text {
	font-size: 0.9rem;
	height: 25px;
	width: 250px;
}



/* Global Navi
-----------------                           
*/

nav {
	width:100%;
	height: 100px;
	background: #65a109;
	margin-top: 0.5rem;
	padding: 0;
	transition: .3s;
}

.nav_contents {
	width:960px;
	margin: 0 auto;
}

.nav_contents ul {
	overflow:hidden;
	padding: 0 0 0 4px;
	margin:0;
}

.nav_contents ul li {
	/*display: block;*/
	float: left;
	width: 135px;
	height: 100px;
	list-style: none;
	border-right:solid 1px #ffffff;
}

.nav_contents ul li:nth-child(7) {
	border-right:none;
}

.nav_contents ul li a:link,
.nav_contents ul li a:visited {
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 135px;
	height: 100px;
	text-indent: -9999px;
	-webkit-transition: background-color .4s;
	transition: background-color .4s;
}

.nav_contents ul li a:active,
.nav_contents ul li a:hover {
	background: #98cc49;
}

.is-fixed .nav_contents ul li {
	height: 50px;
}

.nav_contents ul li a#top_btn {
	background-image: url(../common-images/top_btn.png);
	background-repeat: no-repeat;
	background-position: 2px 5px;
}

.nav_contents ul li a#topics_btn {
	background-image: url(../common-images/topics_btn.png);
	background-repeat: no-repeat;
	background-position: 2px 5px;
}

.nav_contents ul li a#gymnastics_btn {
	background-image: url(../common-images/gymnastics_btn.png);
	background-repeat: no-repeat;
	background-position: 2px 5px;
}

.nav_contents ul li a#health_btn {
	background-image: url(../common-images/health_btn.png);
	background-repeat: no-repeat;
	background-position: 2px 5px;
}

.nav_contents ul li a#sports_btn {
	background-image: url(../common-images/sports_btn.png);
	background-repeat: no-repeat;
	background-position: 2px 5px;
}

.nav_contents ul li a#participations_btn {
	background-image: url(../common-images/participations_btn.png);
	background-repeat: no-repeat;
	background-position: 2px 5px;
}

.nav_contents ul li a#links_btn {
	background-image: url(../common-images/links_btn.png);
	background-repeat: no-repeat;
	background-position: 2px 5px;
}

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



.is-animation {
	height: 70px;
}

.is-animation .nav_contents ul li {
	height: 70px;
}

.is-animation .nav_contents ul li a {
	height: 70px;
}

.is-animation .nav_contents ul li a#top_btn {
	background-image: url(../common-images/top_mini_btn.png);
}

.is-animation .nav_contents ul li a#topics_btn {
	background-image: url(../common-images/topics_mini_btn.png);
}

.is-animation .nav_contents ul li a#gymnastics_btn {
	background-image: url(../common-images/gymnastics_mini_btn.png);
}

.is-animation .nav_contents ul li a#health_btn {
	background-image: url(../common-images/health_mini_btn.png);
}

.is-animation .nav_contents ul li a#sports_btn {
	background-image: url(../common-images/sports_mini_btn.png);
}

.is-animation .nav_contents ul li a#participations_btn {
	background-image: url(../common-images/participations_mini_btn.png);
}

.is-animation .nav_contents ul li a#links_btn {
	background-image: url(../common-images/links_mini_btn.png);
}


.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	margin-top: 0;
	box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5);
}

#toggle {
	display: none;
}

/* Top Page Parts
-----------------                           
*/

.wellness_catch h2,
.youtube_wrapper h2 {
	font-size: 1.4rem;
	margin: 0;
	color: #507700;
	font-weight: bold;
}

.wellness_catch p {
	margin: 1rem 0 0;
	overflow: auto;
}

.top_illustration {
	float: left;
	width:25%;
	margin-right: 1rem;
	margin-bottom: 2rem;
	vertical-align: bottom;
}

.top_news {
	border :solid 5px #6e9c0e;
	border-radius: 5px;
	padding: 10px;
}

.top_news h2 {
	margin: 0;
	color: #507700;
	font-size: 1.4rem;
	line-height: 1.4rem;
}

.top_news h2 img {
	width: 6%;
	vertical-align: text-bottom;
	margin-right: 0.3rem;
}

.top_news p,
.youtube_wrapper p {
	margin: 0;
	text-align: right;
}

.youtube_wrapper p {
	padding:1em 0 0;
}

.top_news p a:link,
.top_news p a:visited,
.youtube_wrapper p a:link,
.youtube_wrapper p a:visited {
	color: #ffffff;
	background: #8dc21f;
	display: inline-block;
	font-size: 0.95rem;
	text-decoration: none;
	line-height: 1rem;
	padding: 8px 10px;
	margin: 0 0 5px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
	border-radius: 2px;
	-webkit-transition: background-color .4s;
	transition: background-color .4s;
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.top_news p a:before,
.youtube_wrapper p a:before {
	content: "▶" ;
	margin-right: 0.2rem;
	font-size: 0.6rem;
	vertical-align: middle;
}


.top_news p a:active,
.top_news p a:hover,
.youtube_wrapper p a:active,
.youtube_wrapper p a:hover {
	background: #9ccf36;
	/*margin: 0 5px 10px 0;*/
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}

.top_menu {
	padding: 1rem 0 0;
	display: flex;
	-js-display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.top_menu li {
	list-style: none;
	cursor: pointer;
	padding: 10px;
	width:190px;
	/*background: -prefix-linear-gradient(top, #5fbfab 20%, #50a49d);
	background: linear-gradient(to bottom, #5fbfab 20%, #50a49d);*/
	border-radius: 2px;
	margin-bottom: 2rem;
	margin-right: 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(108, 217, 193, .8)), to(rgba(80, 164, 157, .8)));
	background: linear-gradient(to bottom, rgba(152, 204, 73, .8), rgba(101, 161, 9, .8));
	background-color: rgb(152, 204, 73);
	-webkit-transition: background-color .4s;
	transition: background-color .4s;
	-moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
	/*text-align: center;*/
	line-height: 1.4rem;
}

.top_menu li:nth-child(3n) {
	margin-right: 0;
}

.top_menu li:active,
.top_menu li:hover {
	/*background: -prefix-linear-gradient(top, #79f2d8 20%, #69d6cd);
	background: linear-gradient(to bottom, #79f2d8 20%, #69d6cd);*/
	background-color: rgb(255, 255, 255);
	-webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.top_menu li a {
	text-decoration: none;
	color: #ffffff;
	display: block;
	text-align: center;
	font-size: 0.99rem;

}

.top_menu li a img {
	margin-bottom: 1rem;
	width:40%;
}

.top_menu li a img.img55 {
	width:55%;
}

.top_menu li a img.img60 {
	width:60%;
}

.top_menu_header {
	font-size: 1.2rem;
	padding-bottom: 0.5rem;
	margin:-1.5rem 0 0;
	color: #ffffff !important;
}

@media all and (-ms-high-contrast:none){
.top_menu_header { padding-top: 1rem; } /* IE10 */
}

@supports (-ms-ime-align:auto) {
	.top_menu_header {
		padding-top: 1rem
	} 
}

.top_menu_desc {
	font-size: 0.85rem;
	text-align: left;
	border-top:solid 1px #ffffff;
	padding-top: 0.5rem;
	margin-top: 0;
}

.one_column {
	margin-bottom: 1.4rem;
}

.youtube_wrapper {
	width:100%;
	margin:3rem 0 5rem;
}

.title_changed {
	border:solid 2px #507700;
	border-radius:4px;
	margin:3rem 0;
	padding:0.5rem;
}

.title_changed p {
	margin:0;
}


/* Footer
-----------------                           
*/

footer {
	width:100%;
	/*background: #5f9d06;*/
	background: #3a7b01;
	margin: 0;
}

.footer_contents {
	width:960px;
	margin: 0 auto;
	padding: 1.5rem 0 2rem 0;
	overflow: auto;
	text-align: center;
}

.footer_contents h2 {
	color: #fffcf0;
	font-size: 1.2rem;
	line-height: 1.2rem;
	margin: 0.5rem  0;
}

.footer_contents h2 img {
	width:15%;
	vertical-align: text-bottom;
}

.footer_contents ul {
	line-height: 1.6rem;
	margin: 1rem 0 0;
	padding: 0;
	overflow: auto;
}

.footer_contents ul li {
	color: #fffcf0;
	font-size: 1rem;
	list-style: none;
	text-align: left;
	float: left;
	margin-right: 1.5rem;
}

.footer_contents ul li:nth-child(4) {
	margin-right: 0;
}

.footer_contents ul li a:link,
.footer_contents ul li a:visited {
	color: #fffcf0;
	text-decoration: none;
}

.footer_contents ul li a:active,
.footer_contents ul li a:hover {
	color: #dd2222;
	text-decoration: underline;
}

.copyright_text {
	text-align: center;
	color: #ffffff;
	margin: 0;
	padding: 0.2rem 0;
	/*background: #3a7b01;*/
	background: #285401;
	font-size: 0.9rem;
}

.footer_submenu_box {
	background: #9dca3e;
	width:100%;
}

.footer_submenu_box ul {
	overflow: auto;
	width:960px;
	margin: 0 auto;
}

.footer_submenu_box ul li {
	list-style: none;
	float: right;
	line-height: 0.95rem;
	padding: 8px 0;
}

.footer_submenu_box ul li:nth-child(1) {
	margin-left: 2rem;
}

.footer_submenu_box ul li a:link,
.footer_submenu_box ul li a:visited {
	color: #ffffff;
	font-size: 0.95rem;
	line-height: 0.95rem;
	text-decoration: none;
}

.footer_submenu_box ul li a:active,
.footer_submenu_box ul li a:hover {
	color: #dd2222;
	text-decoration: underline;
}

.footer_submenu_box ul li a:before {
	content: "▶" ;
	margin-right: 0.1rem;
	font-size: 0.7rem;
	vertical-align: middle;
}


/* Aside Items
-----------------                           
*/

.topic_box {
	width: 250px;
	padding:10px;
	margin: 3rem 0 3rem;
	border:solid 5px #6e9c0e;
}

.topic_box p {
	margin: 0;
}

.font_size_changes {
	width: 280px;
	margin: 2rem 0 0;
	padding: 0 0 1.5rem;
	border: solid 2px #65a109;
	border-radius: 3px;
	box-sizing:border-box;
}

.font_size_changes h2 {
	margin: 0 0 1.5rem;
	/*color: #507700;*/
	color: #ffffff;
	font-size: 1.1rem;
	line-height: 1.1rem;
	text-align: center;
	/*border:solid 2px #6e9c0e;*/
	/*border-radius: 2px;*/
	padding: 5px 0;
	/*box-sizing:border-box;
	width: 280px;*/
	background: #65a109;
}

.font_size_changes h2:before {
	content: url(../common-images/fontsize_icon.png);
	height: 1rem;
	vertical-align: text-bottom;
	margin-right: 0.4rem;
}


.font_size_changes p {
	display: flex;
	-js-display: flex;
	webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
	margin: 0;
}

.font_size_changes a:link,
.font_size_changes a:visited {
	color: #ffffff;
	background: #8dc21f;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	font-size: 0.95rem;
	padding: 8px 10px 4px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
	border-radius: 2px;
	width: 5rem;
	-webkit-transition: background-color .4s;
	transition: background-color .4s;
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.font_size_changes a:active,
.font_size_changes a:hover {
	background: #9ccf36;
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}

#font_smaller:before {
	content:"A";
	color: #ea5514;
	font-size: 0.9rem;
	font-weight: bold;
	margin-right: 0.4rem;
	vertical-align: middle;
}

#font_larger:before {
	content:"A";
	color: #ea5514;
	font-size: 1.2rem;
	font-weight: bold;
	margin-right: 0.4rem;
	vertical-align: middle;
}

.right_submenu h3 {
	background:#65a109;
	color: #ffffff;
	font-size: 1.1rem;
	line-height: 1.1rem;
	width: 280px;
	box-sizing: border-box;
	border-radius: 2px;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 0;
}

.submenu_icon {
	width: 8%;
	vertical-align:bottom;
	margin-right: 0.2rem;
}

.right_submenu ul {
	margin: 0 5px;
	padding: 0;
	width: 270px;
	overflow: auto;
}

.right_submenu ul li {
	list-style: none;
	margin: 0;
}

.right_submenu ul li a:link,
.right_submenu ul a:visited {
	display: block;
	text-decoration: none;
	padding: 0.5rem 0.2rem 0.5rem 0.5rem;
	font-size: 0.9rem;
	line-height: 1.4rem;
	color: #3a7b01;
	position: relative;
	border-bottom:solid 1px #3a7b01;
}

.right_submenu ul li a:active,
.right_submenu ul li a:hover {
	color: #dd2222;
}

.right_submenu ul li a:after {
	content: "▶";
	position: absolute;
	top:0.8rem;
	right:0;
	font-size: 0.8rem;
}

.right_submenu ul.right_sub_lists {
	width: 250px;
	margin: 0 10px;
}

.right_submenu ul.right_sub_lists li a:before {
	content: url(/common-images/right_sub_lists-arrow.png);
	margin-right: 0.3rem;
	position: relative;
	top: 0;
}



/*.right_submenu ul li {
	list-style: none;
	margin: 0 0 1rem;
}

.right_submenu ul li:nth-last-child(1) {
	margin: 0;
}

.right_submenu ul li a:link,
.right_submenu ul a:visited {
	display: block;
	text-decoration: none;
	padding: 0.3rem 0.2rem;
	border:solid 2px #65a109;
	border-radius: 2px;
	font-size: 0.95rem;
	line-height: 0.95rem;
	color: #3a7b01;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	-webkit-transition: background-color .2s;
	transition: background-color .2s;
	-moz-transition: -moz-transform 0.1s linear;
	-webkit-transition: -webkit-transform 0.1s linear;
	-o-transition: -o-transform 0.1s linear;
	-ms-transition: -ms-transform 0.1s linear;
	transition: transform 0.1s linear;
}

.right_submenu ul a:active,
.right_submenu ul a:hover {
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
	background: #f7fdec;
}

@media screen and (min-width: 768px) {
	.right_submenu ul li a:before {
	content: "▶";
	margin: 0 0.2rem;
	font-size: 0.6rem;
	vertical-align: middle;
}
}*/


/* Individual Pages
-----------------                           
*/

.main_h1 {
	color: #ffffff;
	font-size: 1.6rem;
	line-height: 1.6rem;
	background: #3a7b01;
	border-radius: 3px;
	padding: 10px 10px;
	margin-bottom: 2rem;
}

.main_h2 {
	color: #3a7b01;
	font-size: 1.4rem;
	line-height: 1.4rem;
	border-top: solid 1px #3a7b01;
	border-bottom: solid 1px #3a7b01;
	padding: 0.5rem 0;
}

h3 {
	color: #65a109;
	margin: 0;
	font-size: 1.2rem;
	line-height: 1.2rem;
}

table {
	border-collapse: separate;
	border-spacing: 6px 4px;
	line-height: 1.2em;
	margin-top: 0;
}

table caption {
	text-align: left;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #65a109;
	font-weight: bold;
}

table tr th {
	background: #9dca3e;
	color: #ffffff;
	padding: 4px;
	border-radius: 2px;
	font-size: 0.9rem;
}

table tr td {
	border-radius: 2px;
	font-size: 0.9rem;
	padding: 4px;
	border-collapse: collapse;
	border: 1px solid #3ca324;
	padding: 4px;
}

.ind_dl {
	overflow: auto;
}

.ind_dl dt {
	/*float: left;*/
	font-weight: bold;
	/*margin-right: 1rem;*/
	color: #65a109;
}

.ind_dl dd {
	margin-left: 0;
}

.h1_icon {
	width: 5%;
	margin-right: 0.5rem;
	vertical-align: text-bottom;
}

.paragraph_box {
	overflow: auto;
}

.paragraph_box ul {
	padding-left: 1rem;
}

.breadcrumbs_list {
	overflow: auto;
	margin: 2rem 0 0;
	padding: 0;
}

.breadcrumbs_list li {
	list-style: none;
	float: left;
	font-size: 1rem;
	/*line-height: 1rem;*/
}

.breadcrumbs_list li:before {
	content: '>';
	margin: 0 5px;
}

.breadcrumbs_list li:first-child:before {
	display: none;
}

.breadcrumbs_list li a:link {
	text-decoration: underline;
}

.contents_block h2 {
	color: #15837a;
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin-bottom: 0;
}

.contents_block h3 {
	font-size:1.2rem;
	line-height: 1.2rem;
}

.contents_block p {
	margin-top: 0.5rem;
}

.separator {
	border:solid 1px #cccac0;
	margin: 2rem 0;
}

.contact_dl {
	border-radius: 2px;
	background: #e8f9c4;
	padding: 10px;
	border:solid 1px #6e9c0e;
	overflow: auto;
}

.contact_dl dt {
	color: #3a7b01;
}

.contact_dl dd {
	margin-left: 0;
}

.related_link:before {
	content: url(../common-images/related.png);
	margin-right: 1rem;
	position: relative;
	top:0.5rem;
}

/* Main Page Setting
-----------------                           
*/

.index_contents_box:link,
.index_contents_box:visited {
	width:300px;
	border-radius: 3px;
	border:solid 2px #6faa17;
	float: left;
	/*background: #efe9e1;*/
	/*background: #efefe1;*/
	padding: 10px;
	margin: 0 0 2rem;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 252, 240, .8)), to(rgba(242, 237, 216, .8)));
	background: linear-gradient(to bottom, rgba(255, 252, 240, .8), rgba(242, 237, 216, .8));
	-webkit-transition: background-color .4s;
	transition: background-color .4s;
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
	text-decoration: none;
	height: 7rem;
	display: block;
}

.index_contents_box:nth-child(even) {
	margin-left: 30px;
}

.index_contents_box:active,
.index_contents_box:hover {
	/*background: #f7fdec;*/
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 254, 252, .8)), to(rgba(242, 239, 228, .8)));
	background: linear-gradient(to bottom, rgba(255, 254, 252, .8), rgba(242, 239, 228, .8));
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}

.index_contents_box h2 {
	font-size: 1rem;
	line-height: 1.2rem;
	margin: 0 0 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: solid 1px #000000;
	color: #3a7b01;
}

.index_contents_box p {
	margin: 0;
	font-size: 0.85rem;
	line-height: 1.2rem;
	color: #333333;
}



/* 「いきいき百歳体操」用 CSS
-----------------                           
*/

.places_button {
	overflow: auto;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}

.places_button li {
	list-style: none;
}

.places_button li a:link,
.places_button li a:visited {
	color: #ffffff;
	background: #8dc21f;
	font-size: 0.95rem;
	display: block;
	width:10rem;
	text-decoration: none;
	text-align: center;
	line-height: 1rem;
	padding: 10px;
	margin: 10px 0;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
	border-radius: 2px;
	-webkit-transition: background-color .4s;
	transition: background-color .4s;
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.places_button li a:before {
	content: "▶" ;
	margin-right: 0.2rem;
	font-size: 0.6rem;
	vertical-align: middle;
}

.places_button li a:active,
.places_button li a:hover {
	background: #9ccf36;
	/*margin: 10px 5px 10px 0;*/
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}


/* 「いきいき百歳体操の会場」用 CSS
-----------------                           
*/

.places_height {
	height: 4rem !important;
}

.locations_table {
	width: 100%;
}


/* 「社会参加」用 CSS
-----------------                           
*/

.ikoi-wrap {
	overflow: auto;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}

.ikoi-sub_box {
	width:330px;
	border-radius:3px;
	border:solid 1px #959595;
	overflow: auto;
	padding: 10px;
	box-sizing:border-box;
	margin-bottom: 1rem;
}

.ikoi-sub_box h2 {
	margin: 0;
	font-size: 1.1rem;
	line-height: 1.1rem;
	color: #3a7b01;
}

.ikoi-sub_box img {
	width: 40%;
	float: left;
	margin-right: 10px;
}

.ikoi-sub_box p {
	font-size: 0.9rem;
	line-height: 1.6rem;
	margin-top: 0.5rem;
}


/* 「健康」用 CSS
-----------------                           
*/

.mid-green {
	color: #65a109;
}

.oral_box {
	background: #fad589;
	border-radius: 3px;
	width:600px;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	box-sizing:border-box;
}

.oral_box h2 {
	font-size: 1.4rem;
	line-height: 1.4rem;
	color: #ea5514;
	margin: 0;
}

.oral_box p {
	font-size: 1rem;
	line-height: 1rem;
}


/* 「個人情報保護方針」用 CSS
-----------------                           
*/

.privacy_ol {
	padding-left: 1rem;
}

.privacy_ol li {
	font-weight: bold;
	color: #65a109;
	line-height: 1rem;
}

.privacy_ol li p {
	font-weight: normal;
	color: #333333;
	margin-top: 0;
	line-height: 1.778;
}


/* 「サイトマップ」用 CSS
-----------------                           
*/

.sitemap_wrap {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}

.sitemap_sub_box {
	width: 330px;
}

.sitemap_sub_box h2 {
	margin: 0;
}

.sitemap_sub_box h2 a:link,
.sitemap_sub_box h2 a:visited {
	font-size: 1.4rem;
	line-height: 1.4rem;
	color: #65a109;
}

.sitemap_sub_box h2 a:active,
.sitemap_sub_box h2 a:hover {
	color: #dd2222;
}

.sitemap_sub_box ul {
	margin-top: 0.2rem;
	padding-left: 2rem;
}

.sitemap_right_box {
	margin-top: 1rem;
}


/* 「お知らせ」用 CSS
-----------------                           
*/

a.topics_sub_box:link,
a.topics_sub_box:visited {
	width:660px;
	border-radius: 3px;
	border:solid 2px #6faa17;
	/*background: #efe9e1;*/
	/*background: #efefe1;*/
	padding:  0 10px 10px;
	margin: 0 10px 2rem;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 252, 240, .8)), to(rgba(242, 237, 216, .8)));
	background: linear-gradient(to bottom, rgba(255, 252, 240, .8), rgba(242, 237, 216, .8));
	-webkit-transition: background-color .4s;
	transition: background-color .4s;
	-moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
	/*text-align: center;*/
	text-decoration: none;
	display: block;
	box-sizing:border-box;
}

a.topics_sub_box:active,
a.topics_sub_box:hover {
	/*background: #f7fdec;*/
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 254, 252, .8)), to(rgba(242, 239, 228, .8)));
	background: linear-gradient(to bottom, rgba(255, 254, 252, .8), rgba(242, 239, 228, .8));
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.topics_sub_box h2 {
	font-size: 1rem;
	line-height: 1.2rem;
	margin: 0.5rem 0;
	padding-bottom: 0.5rem;
	border-bottom: solid 1px #3a7b01;
	color: #3a7b01;
}

.topics_sub_box p,
.topics_sub_box time {
	margin: 0;
	font-size: 0.85rem;
	line-height: 1.2rem;
	color: #333333;
}

.topics_sub_box time {
	color:#65a109;
}

.content-navi {
	text-align: center;
	/*border-bottom: 15px solid #FFF;*/
	line-height: 1.2rem;
	margin-bottom:1rem;
}

.content-navi span.current_page {
	display: -moz-inline-box;
	display: inline-block;
	width: 2rem;
	padding: 3px 0;
	/*background-color: #FFF;*/
	border: 1px solid #3a7b01;
	color: #ffffff;
	font-weight: bold;
	vertical-align: middle;
	background: #3a7b01;
}

.content-navi a:link,
.content-navi a:visited {
	display: -moz-inline-box;
	display: inline-block;
	width: 2rem;
	padding: 3px 0;
	border: 1px solid #3a7b01;
	color: #3a7b01;
	text-decoration: none;
	vertical-align: middle;
	background: #ecf9d0;
}

.content-navi a:hover,
.content-navi a:focus {
	border: 1px solid #dd2222;
	/*background-color: #F6F6F6;*/
	color: #dd2222;
}

.content-navi span a.link_next,
.content-navi span a.link_before {
	width:6rem;
	border:none;
	text-decoration: underline;
	background: none;
}

.content-navi span a.link_next:hover,
.content-navi span a.link_before:hover {
	color:#dd2222;
}

.content-navi span a.link_next {
	margin-left: 1.5rem;
}

.content-navi span a.link_before {
	margin-right: 1.5rem;
}


/* 「お元気さんインタビュー」用 CSS
-----------------                           
*/

.init_catch {
	font-size: 1.2rem;
	line-height: 1.2rem;
}

.init_profile {
	border: solid 5px #6e9c0e;
	border-radius: 5px;
	padding: 10px;
}

.init_profile h4 {
	margin: 0;
	padding-bottom: 0.5rem;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color:#6e9c0e;
	border-bottom:solid 1px #6e9c0e;
}

.init_profile p,
.init_profile ul,
.init_profile dl,
.init_profile ol {
	margin: 0.5rem 0 0;
}

.init_sub_box {
	/*border-bottom:solid 1px #3a7b01;*/
	padding-bottom: 1rem;
}

.init_sub_box h5 {
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #3a7b01;
	margin: 0;
	padding-bottom: 0.5rem;
	border-bottom: solid 1px #3a7b01;
}

.init_sub_box {
	overflow: auto;
}

.init_sub_image {
	float: right;
	width:30%;
	margin-left: 10px;
}


/* Utility Setting
-----------------                           
*/

.mt0 {
	margin-top: 0;
}

.mt05 {
	margin-top: 0.5rem;
}

.mt1 {
	margin-top: 1rem;
}

.mt2 {
	margin-top: 2rem;
}

.mt3 {
	margin-top: 3rem;
}

.mb2 {
	margin-bottom: 2rem;
}

.mr1 {
	margin-right: 1rem;
}

.mr2 {
	margin-right: 2rem;
}

.pl0 {
	padding-left: 0;
}

.pl1 {
	padding-left: 1rem;
}

.pl2 {
	padding-left: 2rem;
}
.overflow {
	overflow: auto;
}

.mid_green {
	color: #65a109;
}

.left_image_pc {
	float: left;
	margin-right: 10px;
	width: 45%;
}

.right_image_pc {
	float: right;
	margin-left: 10px;
	width: 45%;
}

.visual_images_left {
	width:20%;
	float: left;
	margin-right: 1rem;
}

.visual_images_left15 {
	width:15%;
	float: left;
	margin-right: 1rem;
}

.wid10 {
	width: 10% !important;
	display: block;
}

.wid15 {
	width: 15% !important;
	display: block;
}

.wid20 {
	width: 20% !important;
	display: block;
}

.wid25 {
	width: 25% !important;
	display: block;
}

.wid30 {
	width: 30% !important;
	display: block;
}

.wid40 {
	width: 40% !important;
	display: block;
}

.wid50 {
	width: 50% !important;
	display: block;
}

.wid60 {
	width: 60% !important;
	display: block;
}

.wid70 {
	width: 70% !important;
	display: block;
}

.wid80 {
	width: 80% !important;
	display: block;
}

.wid90 {
	width: 90% !important;
	display: block;
}

.mt-image-left {
	float: left !important;
	margin-right: 1rem;
}

.mt-image-right {
	float: right !important;
	margin-left: 1rem;
}

.video {
	width: 80%;
	height: auto;
}

.video_wrap {
	width: 100%;
	text-align: center;
}


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