@charset "UTF-8";
/* ●pc.css 画面の横幅が769px以上 */
@media screen and (min-width: 769px), print {
img { max-width: 100%; height: auto; width: auto;}
a img { border: 0;}
ul { margin: 0 0 0 1em; padding: 0;}
ol { margin: 0 0 0 1.3em; padding: 0;}

body { margin: 0;
 padding: 0px;
 color: #000;
 /*font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;*/
 font-size: 16px;
 text-align: justify;
 text-justify: inter-ideograph;
 -webkit-text-size-adjust: 100%;
 width: 100%;}

a:link { color: #000; text-decoration: none;}
a:visited { color: #000; text-decoration: none;}
a:hover { color: #000; text-decoration: none; opacity: 0.5; transition: opacity 0.3s ease-out;}
a:active { color: #E0659F;}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#main_contents a { color: #5895b5; text-decoration: none; font-weight:bold}

/*SP Menu*/
#ham-menu, #menu-cb, #menu-icon { display: none;}

/* HEADER */
#wrapper {width: 100%;
/*min-width: 1300px;*/
margin: 0 auto;
overflow-x: hidden;}

#area_logo {width: 100%; height: 65px; background-color: #5ba43f;}
#box_logo {width: 1200px;/* height: 50px;*/ margin: 0 auto;}
#logo a {float: left; width: 760px;/* height: 50px;*/ padding: 18px 0 0 0;}

/* 文字サイズ変更 */
#fontSize li {
float: left;
display: block;
list-style: none;
margin: 9px 4px 0 0;
padding-top: 10px;}

/* 検索窓（Wordpress用）*/
#area_search {float: left;width: 294px;padding-top: 10px;}

#form1 {position: relative;}

#sbox1 {width: 294px;
height: 32px;
background-color: #f1f7ee;
border-radius: 16px;
border: 0px;
margin-top: 9px;
padding-left: 1em;}

#sbtn1 {width: 32px;
height: 32px;
position: absolute;
background: url(../images/icon_search.png) no-repeat;
left: 260px;
top: 14px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
border: none;
outline: 0;
cursor: pointer;}

/* NAVI */
#area_navi {clear: both;
width: 100%;
margin: 0 auto;
padding: 20px 0 16px 0;
border-bottom: #5ba43f 4px solid;}

header > ul {display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
width: auto;
margin: 0 auto;}

header > ul > li {margin: 0 1px;
padding: 0 0.4em;
position: relative;
list-style: none;
text-decoration: none;
border-left: #0059b2 1px solid;
vertical-align: middle;
font-size:14px;}

header > ul > li:first-child {border-left: none;}
header > ul > li img {padding-left: 6px;}
header > ul > li a:link {display: block;
padding: 0 10px;
list-style: none;
text-decoration: none;}

header > ul > li a:hover {background-color: #fff;
opacity: 1;
list-style: none;
text-decoration: none;}

header > ul > li > ul {display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
position: absolute;
list-style: none;
text-decoration: none;}

header > ul > li:hover > ul {z-index: 3;
min-width: 100%;
border: #5ba43f 4px solid;
margin: 11px 0 0 0;}

header > ul > li > ul > li {overflow: hidden; height: 0; transition: .2s; width:350px;}
header > ul > li > ul.menulast > li {width:200px;}
header > ul > li > ul.menukenshin > li {width:450px;}
header > ul > li:hover > ul.menulast li {height: 64px;}
header > ul > li > ul.menulast li a:link {height:64px;}
header > ul > li:hover > ul li {display: block;overflow: visible;height: 32px;line-height: 32px;border-bottom: 1px dotted #5ba43f;}
header > ul > li > ul > li a:link {height: auto;background: #f1f7ee;border-bottom: 1px dotted #5ba43f;/*text-decoration: none;*/}

/* SLIDER */
#area_slider {/*width: 1200px;*/
height: 330px;
margin: 0 auto;}

.flex-viewport {
	max-height: 330px !important;
}

@-moz-document url-prefix() {
	.flex-viewport {
		max-height: 330px !important;
		height: 330px;
	}
}

#area_slider_w {width: 1200px;
height: 310px;
margin: 10px auto;}

/* TOPICS */
#area_topix {clear: both;
width: 100%;
background: url(../images/bg_topix2.png) top center no-repeat;
/*min-height: 1100px;*/
margin: 10px auto;
padding: 10px 0 40px;}

.topix_ttl {
	margin-top: 0;
	margin-bottom: 0;
}

#box_topix {width: 1016px; margin: 0 auto;}
#box_whatsnew {/*float: left; width: 665px;*/ font-weight: bold; margin: 15px 40px 0 0;}

.whatsnew {border-bottom: #5ba43f 1px dotted;padding: 4px 0;}
.fc_green {color: #5ba43f;}

#box_whatsnew ul {float: right;margin: 0 20px 20px 0;}
#box_whatsnew ul li {list-style: none;background: url(../images/arrow.png) 0 4px no-repeat;padding-left: 1.2em;}

/* INFO */
#box_info {float: left;
width: 310px;
margin-top: 30px;}

#box_info img {display: block;
width: 312px;
height: 87px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin: 0 0 4px 0;}

/* CONTENTS */

.dousuru { display:inline-flex;flex-wrap: wrap;align-content: space-around;}
.dousuru img {width: 150px;margin: 15px;}

.box_contents {width: 1016px;
position: relative;
padding: 1em 2em;
border: #f29f30 4px solid;
background-color: #fef5ea;
margin: 60px auto 20px auto;
padding-left: 50px;}

.box_contents .contents_title {position: absolute;
top: 0;
left: -70px;
padding: 0;
margin: 0;
transform: translateY(-50%) translateX(1em);}

.contents_title img {height: 36px;}
.box_contents ul {margin: 20px 0 0 0;overflow: hidden;}
.box_contents ul li {display: inline;
float: left;
list-style: none;
background: url(../images/arrow.png) 0 4px no-repeat;
padding-left: 1.2em;
margin-left: 1.2em;}

.box_contents ul li a {text-decoration: none;}

/* BANNER */
#area_bnr1 {width: 800px;
display: table;
margin: 80px auto 0;
text-align: center;}

.bnr1 {width: 365px;
margin: 0 24px 0 0;}

#area_bnr2 {width: 1016px;
display: flex;
justify-content: center;
align-items: center;
margin: 30px auto 0 auto;}

#area_bnr2 img {width: 236px;margin: 0 20px 0 0;}
#area_bnr3 {display: none;}
#area_bnr4 {width: 100%;
max-width: 900px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: auto;}

#area_bnr4 img {width: 250px; margin:auto; padding: 8px;}

#area_bnr5 {max-width: 800px;
/*display: flex;
justify-content: right;
align-items: center;*/
margin: 30px 0 0 68%;}

/*#area_bnr5 img {width: 300px; margin: 0 20px 0 0;}*/

#area_bnr6 {width: 90%;
/*display: flex;*/
justify-content: right;
align-items: center;
margin: 80px 0 0 78%;}

#area_bnr7 {
	display: table;
	margin: 1em auto;
	border: 4px solid #5ba43f;
	border-radius: 15px;
	background-color: #f1f7ee;
	padding: 0.5em 1em;
	text-align: center;
}

#area_bnr7 a {
	text-decoration: underline;
	color: dodgerblue;
}


/* COUNTER*/
.counter {float: left;width: 220px;text-align: center;color: #5ba43f;font-size: 20px;}

/* FOOTER */
#area_footer {clear: both;
width: 100%;
color: #fff;
font-size: 15px;
background-color: #5ba43f;
margin: 30px 0 0 0;}

#footer {clear: both;
width: 1200px;
padding: 20px;
margin: 0 auto;
overflow: hidden;}

#footer br {display: none;}

#footer_title {margin-bottom: 4px;}

#footer ul {margin: 10px 0 0 -1em;}
#footer ul li {display: inline;
float: left;
list-style: none;
background: url(../images/arrow2.png) 0 4px no-repeat;
padding-left: 1.2em;
margin-left: 1.2em;}

#footer ul li a {color: #fff;text-decoration: none;}

/* PAGETOP */
#page-top a {width: 110px;
height: 51px;
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(../images/pagetop.png) no-repeat;
position: fixed;
bottom: 160px;
right: 10px;
margin: 0px;
opacity: .50;
-moz-opacity: .50;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";}

#page-top a:hover {opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";}

/* BASEPAGE */
#area_main_contents {display: flex;
justify-content: center;
width: 1000px;
margin: 0 auto;}

#main_contents {width: 740px; /*650*/
margin: 40px 0 0 0; /*40 90 0 0*/}

#area_page_bnr {float: left;
width: 280px; /*240*/
margin: 80px 0 0 0;}

#area_page_bnr img {width: 280px; /*240*/
margin: 0 0 6px 0;}

#main_contents h1 {min-height: 60px;
font-size: 30px;
background: url(../images/bg_h1.png) no-repeat;
margin: 20px 0 0 -80px;
padding: 10px 0 0 70px;}

#main_contents h2 {min-height: 30px;
color: #FF80C0;
font-size: 20px;
background: url(../images/bg_h2.png) left bottom no-repeat;
margin: 20px 0;
padding: 4px 0;}

/*#main_contents p {width: 650px;}*/

#area_main_contents ul li {list-style: none;
background: url(../images/listmark.png) 0 6px no-repeat;
padding: 0 0 10px 20px;}
}

/*404*/
.error-404 {
	display: table;
	margin: 1em auto;
	padding: 0 1em;
}

.pagenavi {
	display: table;
	margin: 1em auto;
}