@charset "UTF-8";

body#life {background-color:#f0f5da;}
section#wrapper {background-color:#FFF;}


section.content {width:80%; margin:-370px auto 0 auto; position: relative; z-index: 4; transition-duration:1s;}

section.content div.read {margin:10px 0 0 0; font-size:1.5rem; line-height: 1.8; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; font-feature-settings: "palt";}
section.content div.read2 {margin:10px 0 0 0; padding:0 0 0 1em; font-size:1.4rem; line-height: 1.8; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; position: relative;}


section.content h2 {width:220px; margin:0 auto 0 auto; position: relative; left: -30px;}

section.top_block {position:relative; margin:152px 0 0 0; padding:28% 0 0 0; min-width:960px; max-width: 100%; height: auto;  background-image: url("../images/share/head_bg_01.png"); background-repeat: no-repeat; background-position: center top; z-index: 4;}
section.top_block div.bird {position: absolute; right: 11%; top:30px; width:130px; z-index: 10; transition-property:right; transition-duration:1s;}

div.contact {position: absolute; right: 60px; top:530px; width:190px; z-index: 4; transition-property:all; transition-duration:1s;}

section.content_block {max-width: 530px; margin:80px auto 0 auto; position: relative;}

#day {padding: 180px 0 0 0; margin: -140px auto 0 auto;}
#year {padding: 180px 0 0 0; margin: -140px auto 0 auto;}
#lunch {padding: 180px 0 0 0; margin: -140px auto 0 auto;}

section.content_block section.read {font-size:1.5rem; margin:5px 0 0 0;}

section.content_block table,
section.content_block table tr,
section.content_block table td { border:1px solid #333; border-collapse: collapse; padding:.5em .5em .5em 1em; font-size: 1.6rem;}

section.content_block table {width:100%; margin:20px 0 0 0;}
section.content_block table tr td:first-child {background-color:#f8f5b5; width:1em; text-align: right; white-space: nowrap;}
section.content_block table td {}

section.content_block div.cap_block {margin:10px 0 0 0; font-size:1.4rem;}
section.content_block div.cap_block p {line-height: 1.6; text-indent: -1em; padding:0 0 0 1em; margin:.2em 0 0 0; font-size: 1.4rem;}

section.img_block_01 {width:800px; margin:40px auto 0 auto;}
section.img_block_01 div {margin:40px 0 0 0;}
section.img_block_01 .pc {display: block;}
section.img_block_01 .sp {display: none;}

span.green_txt {color:#22ac38;}

div.img_block_01,
div.img_block_02 {display: flex; justify-content: space-around; margin:10px 0 0 0;}
div.img_block_01 div.img {width:45%;}
div.img_block_02 div.img {width:48%;}

section.content_block div.chara_01 {width:100px; position: absolute; left: -120px; top:50px; z-index: 1;} /* クマ */
section.content_block div.chara_02 {width:120px; position: absolute; right: -120px; top:70px; z-index: 1;} /* ゾウ */

section.content_block h3 {margin:0 0 0 0;}
section.content_block div.txt_img {width:90%; margin:10px 0 0 0;}

section.content_block div.img {margin:20px 0 0 0;}

section.content section.img_01 {margin:25px auto 0 auto;}

section.content div.read2 div.logo {position:absolute; top:110px; right: 60px; width:180px;}

section.foot_block {position:relative; bottom:0; margin:0 0 0 0; padding:0 0 0 0; width: 100%; height: 350px;  background-image: url("../images/share/footer_bg.png"); background-size: cover; background-repeat: no-repeat; background-position: center top; z-index: 10;}

section.foot_block div.foot_img {width:800px; margin:0 auto 0 auto; position: absolute; left: 0; right:0; bottom:10px;}
footer {margin: 0 auto 0 auto;}
section.footer_block {margin:0 auto 0 auto;}


/* bxslider */
section.slide_block {margin:30px auto;}

.bx-wrapper {
  margin: 0 !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
  max-width:100% !important;
}
.slider li {
  margin:0 10px 0 0;
  width: 255px !important;
  }
.slider img{
  width: 100% !important;
  height: auto !important;
}


.bx-wrapper .bx-prev {background: url('../images/life/controls_left.png') no-repeat center; background-size: contain; left:-20px;}

.bx-wrapper .bx-next {background: url('../images/life/controls_right.png') no-repeat  center; background-size: contain; right:-20px;}

.bx-wrapper .bx-controls-direction a {width:40px; height: 40px; top:45%;}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {background-position: 0 0;}



@media (max-width: 1600px) {

section.content {margin:-370px auto 0 auto;}

section.top_block div.bird {right: 22%;}
section.content_block:first-of-type{margin:40px auto 0 auto;}

}

@media (max-width: 1400px) {

section.content {margin:-310px auto 0 auto;}

section.top_block div.bird {right: 15%;}
section.content_block:first-of-type{margin:40px auto 0 auto;}

}

@media (max-width: 1300px) {
section.content {margin:-280px auto 0 auto;}

section.top_block div.bird {right: 13%;}
section.content_block:first-of-type{margin:40px auto 0 auto;}

}

@media (max-width: 1180px) {
section.content {margin:-240px auto 0 auto;}

section.content_block:first-of-type{margin:40px auto 0 auto;}
}


@media (max-width: 1100px) {
section.content {margin:-240px auto 0 auto;}

section.top_block div.bird {right: 11%;}
section.content_block:first-of-type{margin:40px auto 0 auto;}

}

@media (max-width: 960px) {
	section.content {margin:-180px auto 0 auto;}
	section.top_block {position:relative; margin:152px 0 0 0; padding:28% 0 0 0; min-width:960px; max-width: 100%; height: auto;  background-image: url("../images/share/head_bg_01.png"); background-repeat: no-repeat;}

}

/*ipad*/
@media (max-width: 768px) {
section.top_block {margin:143px 0 0 0; padding:28% 0 0 0; width:100%; min-width: 100%; max-width: 100%; height: auto;  background-image: url("../images/share/head_bg_01_sp.png"); background-repeat: no-repeat; background-position: left top; background-size: contain;}
section.content {width:90%; margin:-140px auto 0 auto;}

section.top_block div.bird {right: 30px; width:80px;}
section.content_block:first-of-type{margin:40px auto 0 auto;}
footer {bottom:0; top:auto;}
}


/*iPhone7/6 Plus*/
@media (max-width: 414px) {
section.top_block {margin:77px 0 0 0; padding:28% 0 0 0; width:100%; min-width: 100%; max-width: 100%; height: auto;  background-image: url("../images/share/head_bg_01_sp.png"); background-repeat: no-repeat; background-position: left top; background-size: contain; z-index: 5;}

section.img_block_01 {width:95%; margin:40px auto 0 0;}
section.img_block_01 div {margin:40px 0 0 0;}

section.img_block_01 .pc {display: none;}
section.img_block_01 .sp {display: block;}

section.content_block div.chara_01 {
    width: 150px;
    right: -20px;
    top: 160px;
}

section.content_block div.chara_01 {display: none;} /* クマ */
section.content_block div.chara_02 {display: none;} /* ゾウ */

section.content {width:100%; margin:-70px auto 0 auto;}
section.content h2 {margin:0 auto 0 auto; width:40%; left: -10px;}
section.content div.read2 div.logo {position:absolute; top:150px; right: 10px; width:40%;}
section.content section.img_01 {width:90%;}
section.content_block {width:90%; margin:50px auto 0 auto;}
section.content_block div.txt_img {width:100%;}

section.top_block div.bird {right: 30px; width:70px;}

section.foot_block {height: 130px;  background-image: url("../images/share/footer_bg.png"); background-size: contain; background-repeat: no-repeat; background-position: center bottom; z-index: 10; margin: 30px 0 0 0;}
section.foot_block div.foot_img {width:95%; margin:0 auto 0 auto; position: absolute; left: 0; right:0; bottom:0;}

/* bxslider */
section.slide_block {margin:30px auto;}
.slider li {
  margin:0 10px 0 0;
  width: 180px !important;
  }
.bx-wrapper .bx-prev {background: url('../images/life/controls_left.png') no-repeat center; background-size: contain; left:-15px;}
.bx-wrapper .bx-next {background: url('../images/life/controls_right.png') no-repeat  center; background-size: contain; right:-15px;}

}

/*iPhone 7/6*/
@media (max-width: 375px) {
section.content {width:100%; margin:-60px auto 0 auto;}
/* bxslider */
section.slide_block {margin:30px auto;}
.slider li {
  margin:0 10px 0 0;
  width: 162px !important;
  }
.bx-wrapper .bx-prev {background: url('../images/life/controls_left.png') no-repeat center; background-size: contain; left:-15px;}
.bx-wrapper .bx-next {background: url('../images/life/controls_right.png') no-repeat  center; background-size: contain; right:-15px;}

}

/*iPhone 5/SE/4*/
@media (max-width: 320px) {


}