/*
Theme Name: 奈良県手をつなぐ育成会
Theme URI: http://probono.vport.org/
Author: Proide チーム
Version: 1.0
*/
@charset "utf-8";
.clearfix:after {
	content: "."; 
	display: block; 
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	background-color: #E6F0F7;
}
#header {
	width:100%;
	height:116px;
	background-image: url(images/bg_header.png);
	background-repeat: repeat-x;;
}
#headerInner {
	width:1000px;
	margin:0 auto;
	color:#fff;
	padding-top:0px;
	position: relative;
}
#headerInner h1 {
	background-image: url(images/logo_main.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	height:48px;
	font-size:23px;
	padding-left:55px;
	padding-top:18px;
}
#headerInner h1 a {
	text-decoration: none;
	color:#fff;
}
#headerInner ul.remote {
	position: absolute;
	right: 0;
	top: 38px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#headerInner ul.remote li + li {
	margin-left: 8px;
}
#headerInner ul.remote li a {
	font-family: "M PLUS Rounded 1c";
	color: #fff;
	text-decoration: none;
	padding: 3px 8px 3px 21px;
	background: url('./images/ico_menu.png') no-repeat 8px center;
	border-radius: 6px;
}
#headerInner ul.remote li a:hover {
	background-color: rgba(255, 255, 255, .5);
}
#headerInner ul.global {
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#headerInner ul.global li {}
#headerInner ul.global li a {
	font-size: 16px;
	font-family: "M PLUS Rounded 1c";
	color: #fff;
	text-decoration: none;
	padding: 3px 8px 3px 21px;
	background: url('./images/ico_menu.png') no-repeat 8px center;
	border-radius: 6px;
}
#headerInner ul.global li a:hover {
	background-color: rgba(255, 255, 255, .5);
}


.topImage {
	position: relative;
}
.topImage .objs .box {
	position: absolute;
	box-sizing: border-box;
	/*border:1px solid #F00;*/
}
.topImage .objs p.fukidashi {
	position: absolute;
	display: none;
}
.topImage .objs .hanabatake {
	/*
	top:232px;
	left:8px;
	width:102px;
	height:172px;
	*/
    top: 253px;
    left: 150px;
    width: 178px;
    height: 104px;
}
.topImage .objs .hanabatake p.fukidashi {
	top: -60px;
    left: 0px;
}
.topImage .objs .nonohana {
	/*
	top:124px;
	left:113px;
	width:91px;
	height:203px;
	*/
    top: 316px;
    left: 294px;
    width: 124px;
    height: 70px;
}
.topImage .objs .nonohana p.fukidashi {
	/*
	top:10px;
	left:-20px;
	*/
	top: -60px;
    left: -20px;
}
.topImage .objs .cherish_compass {
	/*
	top:233px;
	left:219px;
	width:91px;
	height:203px;
	*/
	top: 272px;
    left: 405px;
    width: 108px;
    height: 81px;
}
.topImage .objs .cherish_compass .cherish.fukidashi {
	/*
	top:0px;
	left:65px;
	*/
	top: -60px;
    left: 75px;
}
.topImage .objs .cherish_compass .compass.fukidashi {
	top: -60px;
    left: -20px;
}
.topImage .objs .yakigashi {
	top: 231px;
    left: 329px;
    width: 65px;
    height: 82px;
}
.topImage .objs .yakigashi p.fukidashi {
	top: -70px;
    left: 34px;
}
.topImage .objs .matsuda {
	/*
	position: absolute;
	top:263px;
	left:402px;
	width:169px;
	height:93px;
	*/
    top: 269px;
    left: 520px;
    width: 136px;
    height: 101px;
}
.topImage .objs .matsuda p.fukidashi {
	/*
	top:-61px;
	left:98px;
	*/
	top: -42px;
    left: 70px;
}

.topImage .objs .riezonbridge {
	/*
	top:387px;
	left:430px;
	width:210px;
	height:223px;
	*/
	top: 437px;
    left: 284px;
    width: 128px;
    height: 98px;
}
.topImage .objs .riezonbridge p.fukidashi1 {
	/*
	top:123px;
	left:98px;
	*/
	top: 23px;
    left: 98px;
}
.topImage .objs .riezonbridge p.fukidashi2 {
	/*
	top:8px;
	left:105px;
	*/
	top: -80px;
    left: 95px;
}
.topImage .objs .hinata {
	/*
	top:320px;
	left:625px;
	width:81px;
	height:96px;
	*/
	top: 317px;
    left: 733px;
    width: 60px;
    height: 75px;
}
.topImage .objs .hinata p.fukidashi {
	/*
	top:-33px;
	left:-52px;
	*/
	top: -73px;
    left: -57px;
}
.topImage .objs .midori {
	/*
	top:237px;
	left:745px;
	width:81px;
	height:96px;
	*/
	top: 258px;
    left: 801px;
    width: 59px;
    height: 75px;
}
.topImage .objs .midori p.fukidashi {
	/*
	top:-40px;
	left:57px;
	*/
    top: -80px;
    left: 36px;
}
.topImage .objs .biegle {
	/*
	position: absolute;
	top:141px;
	left:882px;
	width:81px;
	height:96px;
	*/
	top: 221px;
    left: 908px;
    width: 59px;
    height: 75px;
}
.topImage .objs .biegle p.fukidashi {
	/*
	top:-60px;
	left:-54px;
	*/
	top: -75px;
    left: -64px;
}


.topImage .objs .takatori {
	/*
	top:323px;
	left:696px;
	width:318px;
	height:165px;
	*/
	top: 392px;
    left: 720px;
    width: 277px;
    height: 136px;
}
.topImage .objs .takatori p.fukidashi {
	top:0;
	left:0;
	width:130px;
	height:130px;
	background-image: url(images/animation/img_fukidashi_takatori.png);
}
.topImage .objs .takatori p.fukidashi span.txt01 {
	display: block;
	margin-top:24px;
	margin-left:18px;
}
.topImage .objs .takatori p.fukidashi span.txt02 {
	display: block;
	margin-top:7px;
	margin-left:18px;
}
.topImage .objs .takatori p.fukidashi span.txt03 {
	display: block;
	margin-left:39px;
	margin-top:10px;
}
.topImage .objs .homevillage {
	top: 463px;
    left: 497px;
    width: 218px;
    height: 113px;
}
.topImage .objs .homevillage p.fukidashi {
	top: -52px;
    left: 90px;
}
.topImage .objs .rian {
    top: 528px;
    left: 694px;
    width: 104px;
    height: 80px;
}
.topImage .objs .rian p.fukidashi {
	/*
	top:44px;
	left:185px;
	*/
	top: -52px;
    left: 75px;
}
.topImage .objs .sakura {
	/*
	top:522px;
	left:656px;
	width:81px;
	height:96px;
	*/
	top: 527px;
    left: 371px;
    width: 61px;
    height: 77px;
}
.topImage .objs .sakura p.fukidashi {
	/*
	top:-33px;
	left:64px;
	*/
	top: -33px;
    left: 34px;
}
.topImage .objs .lemon {
	top: 542px;
    left: 290px;
    width: 61px;
    height: 77px;
}
.topImage .objs .lemon p.fukidashi {
	top: -43px;
    left: -74px;
}
.topImage .objs .scrum {
	top: 557px;
    left: 470px;
    width: 124px;
    height: 69px;
}
.topImage .objs .scrum p.fukidashi {
	top: -53px;
    left: -34px;
}

canvas {
	border-radius: 18px;
	border:3px solid #FFF;
	height:706px;
	width:994px;
}
#main {
	width:100%;
}
#mainInner {
	width:1000px;
	padding-top:20px;
	margin:0 auto;
}



/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/***********************************************************************
↓front_menu
************************************************************************/
#front_menu{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 30px;
}

#front_menu > * {
	-webkit-box-flex: 1;
		-ms-flex-positive: 1;
			flex-grow: 1;
	border: 3px solid #000;
	border-radius: 13px;
	-webkit-box-shadow: 3px 3px #ccc;
			box-shadow: 3px 3px #ccc;
	background-color: #fff;
	padding: 4px 0;
	margin-right: 13px;
	text-align: center;
	overflow: hidden;
	
	/*display: -ms-grid;*/
	display: grid;
	-ms-grid-rows: auto 1fr;
	grid-template-rows: auto 1fr;
}
#front_menu > *:last-child {
	margin-right: 0px;
}
#front_menu > *.hatarakusugosu {
	border-color: #2748b1;
	color: #2748b1;
}
#front_menu > *.soudan {
	border-color: #ad2726;
	color: #ad2726;
}
#front_menu > *.kurasu {
	border-color: #ff7d2d;
	color: #ff7d2d;
}
#front_menu > *.chiikikouryuu {
	border-color: #49ad27;
	color: #49ad27;
}

#front_menu > *:not(:hover) .on {
	display: none;
}
#front_menu > *:hover .off {
	display: none;
}

#front_menu > * .items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	
	position: relative;
}
#front_menu > * .items ul{
	text-align: left;
}
#front_menu > * .items ul li {
	padding: 3px 0;
}
#front_menu > * .items ul li a {
	display: block;

	width: 100%;
	height: 1em;
	position: absolute;
	left: 0;
	
	mix-blend-mode: darken;
}
#front_menu > * .items ul li span::before {
	content:"";
	display:inline-block;
	border: 5px solid #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-width: 0;
	vertical-align: 10%;
	
	margin-right: 10px;
}

#front_menu > *.hatarakusugosu .items ul li span::before {
	border-left-color: #2748b1;
}
#front_menu > *.soudan .items ul li span::before {
	border-left-color: #ad2726;
}
#front_menu > *.kurasu .items ul li span::before {
	border-left-color: #ff7d2d;
}
#front_menu > *.chiikikouryuu .items ul li span::before {
	border-left-color: #49ad27;
}
#front_menu > * .items ul li a:hover{
	background-color: #ccc;
}
@media all and (-ms-high-contrast: none) {
#front_menu > * .items ul li a:hover{
	background-color: transparent !important;
}
}
#front_menu > *.hatarakusugosu .items ul li a:hover{
	background-color: #dfe4f3;
}
#front_menu > *.soudan .items ul li a:hover{
	background-color: #f3dfdf;
}
#front_menu > *.kurasu .items ul li a:hover{
	background-color: #ffece0;
}

#front_menu > *.soudan{
	-webkit-box-flex: 2;
		-ms-flex-positive: 2;
			flex-grow: 2;
}

#front_menu > *.chiikikouryuu{
	-ms-flex-preferred-size: 216px;
		flex-basis: 216px;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
}
#front_menu > *.chiikikouryuu:hover{
	background-color: #e4f3e0;
}
/* ↑front_menu
************************************************************************/



#mainInner h2.chiiki {
	text-align: center;
	margin-bottom:30px;
}
#mainInner div.greeting {
	margin-bottom:30px;
}
#mainInner div.topContents {
	width:900px;
	margin:0 50px;
}
#mainInner div.topContents table td {
	vertical-align: top;
}
#mainInner div.topContents table td.text {
	padding-left:20px;
}
#mainInner div.topContents table td.text p.txt01 {
	margin-bottom:18px;
}
#mainInner div.topContents table td.text p.txt02 {
	line-height:1.3;
	font-size:13px;
	margin-bottom:1em;
}
#mainInner .informationList > p {
	margin-bottom:15px;
}
#mainInner .informationBlock {
	background-image: url(images/lin_top01.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top:20px;
}
#mainInner .informationBlock .information {
	position:relative;
	background-image: url(images/lin_top01.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-bottom:30px;
}
#mainInner .informationBlock .information .eyecatch {
	position: absolute;
	right:20px;
}
#mainInner .informationBlock .information .title {
	margin-right:250px;
}
#mainInner .informationBlock .information .title * {
	display: inline-block;
	vertical-align: middle;
}
#mainInner .informationBlock .information .title h3 {
	border-left:5px solid #509F33;
	font-size:15px;
	padding:6px 0 6px 10px;
	line-height: 1.5;
}
#mainInner .informationBlock .information .title h3 a {
	color: #509F33;
	font-weight: bold;
}
#mainInner .informationBlock .information p.categoryList a {
	background-color: #49AD27;
	display: inline-block;
	padding:10px;
	color:#fff;
	text-decoration: none;
	font-size:16px;
	border-radius: 7px;
	margin-bottom:10px;
}
#mainInner .informationBlock .information p.date {
	color:#660000;
	font-size:13px;
	line-height:3;
}
#mainInner .informationBlock .information div.body {	
	font-size:14px;
	min-height:100px;
	line-height:1.8;
}
#mainInner .informationBlock .information div.body div.text {
	padding-right:230px;
}

.bnr_group {
	width: 700px;
    display: flex;
    margin: 0 auto 100px auto;
}

.readall2 {
	margin: 0 50px;
	width: 308px;
}

#footer {
	background-image: url(images/bg_footer.png);
	background-repeat: repeat-x;
	height:144px;
}
#footerInner {
	width:1000px;
	margin:0 auto;
	color:#fff;
	position: relative;
}
#footerInner ul.remote {
	position: absolute;
	right:14px;
	top:80px;
}
#footerInner ul.remote li {
	display: inline-block;
}
#footerInner ul.global {
	padding-top:25px;
}
#footerInner ul.global li {
	display: inline-block;
	margin-left:15px;
}
#footerInner p {
	background-image: url(images/logo_main.png);
	background-repeat: no-repeat;
	background-position: left center;
	height:48px;
	font-size:23px;
	padding-left:55px;
	padding-top:16px;
	margin-top:10px;
}
#footerInner p span.address {
	font-size:14px;
}
p.copyright {
	background-color: #B9E3F9;
	width:100%;
	text-align: center;
	line-height: 1.8;
	font-size:13px;
}
p.toPageTop {
	text-align: right !important;
	margin-bottom:30px;
	cursor: pointer;
}
/*=============================================================================
	2ページ目以降共通部分
==============================================================================*/
.h2box {
	padding-top:30px;
}
.h2box h2 {
	background-image: url(images/ico_h2marker.png), url(images/lin_h2.png);
	background-repeat: no-repeat,no-repeat;
	background-position: 20px 5px,left bottom;
	color:#4A9431;
	padding-left:40px;
	padding-bottom:10px;
	font-size:24px;
}
.wrapper {
	padding-top:30px;
}
.contents {
	float:left;
	width:790px;
	margin-left:30px;
	font-size:13px;
}
.sidebar {
	float:left;
	width:180px;
}
.sidebar .local {
	width:180px;
	border:3px solid #E3EAEF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.sidebar .local h3 {
	background-color: #49AD27;
	color:#fff;
	border:1px solid #CCCCCC;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	padding:13px 10px;
	line-height:1.4;
}
.sidebar .local ul li {
	color:#400000;
	background-image: url(images/ico_localnavimarker.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #fff;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.sidebar .local ul li:hover {
	background-color: #ECF7E9;
}
.sidebar .local ul li a {
	text-decoration: none;
	display: block;
	color:#000;
	padding:10px 10px 10px 20px;
}