/* 
    Document   : newcss
    Created on : 2017
    Author     : masaichi
    Description:
        Purpose of the stylesheet follows.
*/

html {
	overflow: auto;
}

body{
    margin: 0;
    overflow: hidden;
	min-width: 980px;
}

#wrap_h{
    width:100%;
    margin:10px auto 0;    
}

/*ヘッダー*/
#wrap_h .layout-header{
    width:980px;
    margin: auto;
    height: 185px;
    position: relative;
    z-index: 2;
}
.top_main_h{
    width:940px;
    margin: auto;
    height: 100px;
    clear: both;
    overflow: hidden;
}

.top-logo{
    width:422px;
    padding: 25px 0 0 0;
    float: left;
}
.top-tel{
    width:210px;
    float: right;
}

.global_nav_h{
    width: 800px;
    height: 110px;
    margin: 0px 0 0px 185px;
    position: relative;
}

.menu{
    position: absolute;
    bottom:0;
    
}
.global_nav_h .menu-item{
    width:180px;
    display: inline-block;

}

.global_nav_h .menu-item ul{
    position: absolute;
    bottom: 0;
}

#dropmenu {
  list-style-type: none;
  /* width: 960px;
 margin: 30px auto 500px;*/
  padding: 0;
}
#dropmenu li {
  position: relative;
  /*width: 20%;*/
  /*float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a {
  display: block;
  margin: 0;
 /*  padding: 16px 0;
 background: #8a9b0f;*/
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#dropmenu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  margin: -4px 0 0 0;
}
#dropmenu li ul li a {
 /* padding: 13px 15px;
  background: #7c8c0e;*/
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu > li:hover > a {  background: #7c8c0e }
#dropmenu > li:hover li:hover > a {  background: #6e7c0c }
#dropmenu li:hover > ul > li {
  overflow: visible;
  height: 38px;
}
#dropmenu li ul li ul {
  top: 0;
  left: 100%;
}
#dropmenu li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
#dropmenu li ul li ul li a {  /*background: #616d0b*/ }
#dropmenu li:hover ul li ul li:hover > a {  /*background: #535d09 */}
#dropmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
/*border-left-color: #454e08;*/
}
#dropmenu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  /*border-right-color: #454e08;*/
}

.nav_line_01{
    position: absolute;
    top: 25px;
    left: 220px;
}
.nav_line_02{
    position: absolute;
    top: 25px;
    left: 400px;
}
.nav_line_03{
    position: absolute;
    top: 25px;
    left: 580px;
}
.layout-body_h{
    width:100%;
    margin: auto;
    background-image: url("../images/youchien/top/front_back.png");
    background-repeat: no-repeat;
    background-position:top center;
    position: relative;
    margin-bottom: 220px;
}

.layout-body_h_p{
    width:100%;
    margin: auto;
    background-image: url("../images/hoikuen/page/front_back.png");
    background-repeat: repeat-x;
    background-position:top center;
    margin:-20px 0 50px 0;
        min-height: 1400px;
}

.content-name{
    margin: 75px 0 0 0;
}
.main_contents_h{
    width: 980px;
    margin: auto;
    /*overflow: hidden; */
    position: relative;
}
.top_h{
    height: 500px;
}
.top_cont_h{
    position: absolute;
    top: -45px;
    left: 0px;
    width: 250px;
    z-index: 10;
}

.top_picture_h{
    position: absolute;
    top: 25px;
    left: 220px;
    width: 795px;
    z-index: 1;
}

.info-content_h {
    width: 587px;
    margin: auto;
    padding: 0px 0 280px 120px;
    position: relative;
    margin-top: -20px;
}

.sub_info_h {
    width: 584px;
    height: 250px;
    margin: 0 auto 170px 240px;
    background-image: url(../images/top/submenu_back.png);
    background-repeat: no-repeat;
    position: relative;
}

.sub_menu_h{
    width: 185px;
    position: absolute;
    top: 135px;
    left: -10px;
    z-index: 20;
    text-align: left;
}

.menu_list_h ul{
    list-style: none;
    padding: 10px 0 0 40px;
    margin: 0;
}

.menu_list_h li{
    width: 155px;
    height: 33px;
    padding: 5px 0;
}

.kinder_net_h{
    padding: 10px 0 0 30px;
}

.youchien_button{
    position: absolute;
    top: 620px;
    left: 5px;
    z-index: 20;
}

.main-content_h{
    width: 710px;
    margin: 25px 0 0 240px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 0;
    padding-bottom: 150px;
}

.main-content_h article{
    margin: 80px 0 ;
    /*background-color: rgba(255,255,255,0.5);*/
    background-color: white;
    padding-bottom: 80px;
    
}
.info_new_h{
    width: 500px;
    height: 250px;
    font-size: 20px;
    position: absolute;
    top: 150px;
    left: 160px;
}

.info_date_h{
    font-size: 12px;
    padding: 0;
    margin: 0;
    line-height: 140%;
    color: #2151A2;
}

.info_list_h{
    font-size: 18px;
    padding: 0;
    margin: 0;
}


.info_list_h a{
    color: black;
    text-decoration: none;
}

/* page */
.frontback_outline{
    width:100%;
    background-image: url(../images/hoikuen/page/outline_back.png);
    background-repeat: no-repeat;
    background-position: center 920px;}

.frontback_life{
    width:100%;
    background-image: url(../images/hoikuen/page/life_back.png);
    background-repeat: no-repeat;
    background-position: center 700px;
}

.frontback_guide{
    width:100%;
    background-image: url(../images/hoikuen/page/guide_back.png);
    background-repeat: no-repeat;
    background-position: center 820px;
}
.frontback_open{
    width:100%;
    background-image: url(../images/hoikuen/page/open_back.png);
    background-repeat: no-repeat;
    background-position: center 200px;
}
.frontback_h_recruit{
    width:100%;
    background-image: url(../images/hoikuen/page/h_recruit_back.png);
    background-repeat: no-repeat;
    background-position: center 1200px;
}
/* info_h */
.excerpt-header_y{
    width:684px;
    text-align: left;
    padding: 10px 0 0 35px;
}

.excerpt-header_y:after{
    content: url(../images/hoikuen/info/info_line.png);
    position: relative;
    top: 5px;
    left: 0px;
}

.info_title_y1{
    font-size: 14px;
    color: #3F3F3F;
    line-height: 160%;
	margin: 7px auto;
	float: left;
}
.info_title_y2{
    font-size: 14px;
    color: #3F3F3F;
    line-height: 160%;
	margin: 7px 20px 0 0;
	float: right;
}

.excerpt_y{
    text-align: left;
    line-height: 140%;
    color: #3F3F3F;
    padding: 5px 0 0 35px;
    min-height: 500px;
}
/* リンク　*/
.open_btn{
    position: absolute;
    top: 920px;
    left: 360px;
    z-index: 20;
}
.accordionbox{
    position: absolute;
    top: 1080px;
    left: 10px;
    z-index: 20;
}

.accordionbox_p{
    position: absolute;
    top:1115px;
    left: 10px;
    z-index: 20;
}

.accordion{
    background-color: white;
}
.accordion ul {
	width:200px;
	padding:0;
}
.accordion li {
	position:relative;
	/*border-bottom:1px solid #ccc;*/
	list-style:none;
}
.accordion li:first-child {
	border:10px solid #ccc;
    border-image: url(../images/youchien/top/shimashima.png) 24 24
        
        round;
}
.accordion > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	/*padding: 0.5em 1em;*/
	position: relative;
}
.accordion > ul > li > a h5:hover {
	color: #111;
	text-decoration:none;
}
.accordion > ul > li > p {
	display: none;
	text-align:left;
    margin: -5px 0 0 10px;
	color:#555;
	line-height:160%;
}

.accordion li .accordion_icon,
.accordion li .accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.accordion li .accordion_icon {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0px;
    right: 15px;

}
.accordion li .accordion_icon span {
	position: absolute;
    width: 100%;
	height: 7px;
    background-color: #ccc;
}
.accordion li .accordion_icon span:nth-of-type(1) {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.accordion li .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion li .accordion_icon.active span:nth-of-type(2) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.accordion h5{
    margin: 0;
}

.qr_link_h{
    position: absolute;
    top: 830px;
    left: 10px;
    z-index: 20;
}

.qr_link_h_p{
    position: absolute;
    top: 850px;
    left: 15px;
    z-index: 20;
}

/* outline */
.main-content_h p {
    width: 640px;
    padding: 0 0 0 0px;
    font-size: 14px;
    color: #3F3F3F;
    line-height: 160%;
    text-align: left;
        margin: 7px auto;
}

.ou_picture_01{
    width:635px;
    height: 305px;
    position: relative;
    background-image: url(../images/youchien/outline/o_picture_03.png);
    background-repeat: no-repeat;
    margin: auto;
}

.ou_text_01{
    width: 410px;
    font-size: 14px;
    position: absolute;
    top: 60px;
    left: 230px;
    text-align: left;
    line-height: 180%;
    color: #3F3F3F;
}

.ou_text_01 ul{
    list-style-image : url(../images/youchien/outline/o_picture_05.png);
}

.ou_table_01{
    width: 620px;
    margin: 10px 0;
    border-collapse: collapse;
}

.ou_table_01 tr th,.ou_table_01 tr td {
    border: 1px solid #DDD;
    vertical-align: middle;
    text-align: left;
    padding: 10px;
}

.ou_table_01 tr th {
    text-align: center;
    width:150px;
    background-color: #E6F4AB;
}

.ou_picture_02{
    color: #3F3F3F;
    text-align: left;
    font-size:14px;
    padding: 0 0 0 50px;
}

.ou_picture_02 h3{
    color: #00A33D;
    margin: 10px 0 0 10px;
    margin-bottom: 0;
}

.ou_picture_02 h3:before{
    content: url(../images/hoikuen/outline/ou_picture_09.png);
    position: relative;
    top:-1px;
    left: -10px;
}

.ou_picture_02 ul{
        margin: 0px 0 0 -20px;
}

.ou_picture_02 p{
    margin: 0 0 0 0px; 
}
.list li {
    margin: 3px;
    width: 560px;
    padding-left: 30px;
    background-image: url(../images/youchien/outline/pdf_mark.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    text-align: left;
    list-style: none;
}

.list a {
    text-decoration: none;
    color: #2151A2;
}

.sec-about{
    width: 760px;
    margin: 35px auto 10px;
}

.sec-about .list{
    padding: 0 0 0 60px;
}

/*  入園案内　*/
.gu_text_01{
    text-align: left;
    color: #3F3F3F;
    font-size:14px;
    font-family: "メイリオ", sans-serif;
}

.gu_text_01 h3{
    margin:0 0 0 50px;
    font-size:21px;
    font-family: "メイリオ", sans-serif;
}

.gu_text_01 span{
    padding: 0px 0 0 240px;
    font-size:12px;
}

.gu_text_01 ul{
    margin: 0 0 15px 15px;
    list-style-image: url(../images/hoikuen/outline/ou_picture_09.png);
}

.info_new_y{
    width: 500px;
    height: 250px;
    font-size: 20px;
    position: absolute;
    top: 95px;
    left: 140px;
}

.gu_text_02{
    width: 630px;
    height: 160px;
    background: url(../images/youchien/guide/gu_picture_13.png) no-repeat;
    margin: 20px auto 0;
    padding: 50px 0 0 0;
}

.caption_h{
    width:295px;
    position: absolute;
     top: 0px;
    right: 0px;
    text-align: right;
    font-size: 12px;
}
.caption_h a{
text-decoration: none;
}

.caption_h p{
    font-size:11px;
}

/*園庭開放　*/




    /* topへ戻る */
div.tothetop {
  position: fixed;
  right: 5%;
  bottom: 5%;
  z-index: 1500; }

div.tothetop a {
    display: block;
    margin: 0;
    background: url(../images/hoikuen/spr_globalImg.png) 0 -234px;
    height: 117px;
    width: 83px;
    text-indent: -9999px;
    /* opacity: 0.6; */ }

div.tothetop a:hover {
  opacity: 1; }

/* h_recruit */
.page-id-1341 .main-content_h {
    width: 730px;
    margin: 25px 0 0 245px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 0;
    padding-bottom: 100px;
}

.page-id-1341 .main-content_h p {
    width: 730px;
    padding: 0px;
    line-height: 160%;
    text-align: center;
    margin: 50px auto;
    overflow: hidden;
}

.h_recruit_text{
    text-align: left;
        padding: 0 25px;
        font-size: 15px;
    color: #3F3F3F;
        line-height: 160%;
}

.h_recruit_text h3{
    padding: 5px ;
    color:#00A33D;
    border-bottom: dashed 1px #00A33D;
    margin-top: 35px;
}

.h_recruit_text ul {
    list-style: none;
    padding:0;
    margin:0;
}
.h_recruit_text li { 
    padding-left: 1em; 
    text-indent: -.7em;
}
.h_recruit_text li:before {
    content: "●";
    color: #00A33D;
}
.h_recruit_page table{
    width: 95%;
    margin: 30px auto 40px;
    border: 2px solid #FF7F00;
    border-spacing: 0;
    border-collapse: collapse;
}

.h_recruit_page table tr th {
    width: 100px;
    padding: 16px 20px;
    background-color: #FCDDB9;
    text-align: left;
    vertical-align: top;
    font-size: 14px;
        text-align: center;
}

.h_recruit_page table tr:not(:last-child) th {
    border-bottom: 1px dotted #FF7F00;
}

.h_recruit_page table tr:not(:last-child) td {
    border-bottom: 1px dotted #FF7F00;
}

.h_recruit_page table td{
    text-align: left;
        padding: 16px 20px;
        font-size: 15px;
    border-left: 2px solid #FF7F00;
}