@charset "UTF-8";
body {
  margin: 0px;
  padding: 0px;
  min-width: 1000px;
  transition: all .3s;
  -webkit-transition: all .3s;
  background: url(../images/in_bg.jpg) no-repeat center top #FFF; }
  body#top {
    background: url(../images/top_bg.jpg) no-repeat center top #FFF;
    		/*background-image: url(../images/sitebg_top.jpg), url(../images/sitebg.jpg);
        	background-repeat: repeat-x, repeat;
    		background-position:top center, top center;*/ }

body, td, th {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height: 1.714;
  color: #333333;
  -webkit-text-size-adjust: 100%;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

p {
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box; }

h1, h2, h3, h4, h5, ul, li {
  margin: 0;
  padding: 0;
  font-weight: normal;
  list-style: none; }

h1 {
  width: 250px;
  position: absolute;
  top: 70px;
  font-size: 12px;
  color: #000;
  text-align: center; }

h3 {
  font-size: 23px;
  line-height: 1.5;
  min-height: 45px;
  color: #505050;
  background: url(../images/h3_inbg.png) no-repeat center bottom;
  padding: 3px 0 0 60px;
  margin-bottom: 40px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

h4 {
  display: block;
  color: #666;
  font-size: 18px;
  font-weight: bold;
  min-height: 50px;
  margin: 0 50px 15px 0;
  padding: 15px 0 0 15px;
  line-height: 1.4;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  /*		&:before {
  			content: "";
  			display:block;
  			background:url(../images/nmdsbg.png) no-repeat top center;
  			height:3px;
  			margin:0 0 10px 0;
  		}
  		&:after {
  			content: "";
  			display:block;
  			background:url(../images/nmdsbg.png) no-repeat top center;
  			height:3px;
  			margin:10px 0 0 0;
  		}
  */ }

/* -----------------------------------------------------------------------------------------------
  
	変数

----------------------------------------------------------------------------------------------- */
/*コンテナ幅*/
/*赤色 */
/*水色 */
/* -----------------------------------------------------------------------------------------------
  
	HEADER

----------------------------------------------------------------------------------------------- */
header {
  width: 100%;
  height: 130px;
  z-index: 100;
  top: 0;
  -moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  /*container*/ }
  header .container {
    width: 1000px;
    height: 130px;
    margin: 0 auto;
    position: relative;
    /*uNavi*/ }
    header .container h1#site-logo {
      width: 348px;
      height: 103px;
      position: absolute;
      top: 0;
      left: 0;
      background: url(../images/logo.png) no-repeat;
      text-indent: -9999px;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      z-index: 99; }
    header .container .uNavi {
      top: 0;
      position: absolute;
      right: 0; }
      header .container .uNavi ul {
        height: 130px;
        width: 410px;
        text-align: right; }
        header .container .uNavi ul li {
          display: inline; }

	  /*header
				
/* -----------------------------------------------------------------------------------------------
  
	NAV 縮小前

----------------------------------------------------------------------------------------------- */
.nav_bg {
  width: 100%;
  margin: 0 auto;
  background: url(../images/nav_bg.jpg) no-repeat center;
  height: 130px;
  position: relative;
  padding: 10px 0; }

.navi {
  width: 1000px;
  height: 110px;
  margin: 0 auto;
  position: relative;
  top: 0;
  right: 0; }
  .navi li {
    list-style: none;
    text-indent: -9999px; }
    .navi li:nth-child(1) a {
      display: block;
      position: absolute;
      width: 125px;
      height: 110px;
      top: 0px;
      background: url(../images/bt_00_off.png) no-repeat;
      transition: all .3s;
      -webkit-transition: all .3s;
      width: 125px;
      left: 0;
      background: url(../images/bt01_off.png) no-repeat; }
      .navi li:nth-child(1) a:hover {
        background: url(../images/bt01_on.png) no-repeat; }
    .navi li:nth-child(1).on a {
      background: url(../images/bt01_on.png) no-repeat; }
    .navi li:nth-child(2) a {
      display: block;
      position: absolute;
      width: 125px;
      height: 110px;
      top: 0px;
      background: url(../images/bt_00_off.png) no-repeat;
      transition: all .3s;
      -webkit-transition: all .3s;
      width: 125px;
      left: 125px;
      background: url(../images/bt02_off.png) no-repeat; }
      .navi li:nth-child(2) a:hover {
        background: url(../images/bt02_on.png) no-repeat; }
    .navi li:nth-child(2).on a {
      background: url(../images/bt02_on.png) no-repeat; }
    .navi li:nth-child(3) a {
      display: block;
      position: absolute;
      width: 125px;
      height: 110px;
      top: 0px;
      background: url(../images/bt_00_off.png) no-repeat;
      transition: all .3s;
      -webkit-transition: all .3s;
      width: 125px;
      left: 250px;
      background: url(../images/bt03_off.png) no-repeat; }
      .navi li:nth-child(3) a:hover {
        background: url(../images/bt03_on.png) no-repeat; }
    .navi li:nth-child(3).on a {
      background: url(../images/bt03_on.png) no-repeat; }
    .navi li:nth-child(4) a {
      display: block;
      position: absolute;
      width: 125px;
      height: 110px;
      top: 0px;
      background: url(../images/bt_00_off.png) no-repeat;
      transition: all .3s;
      -webkit-transition: all .3s;
      width: 125px;
      left: 375px;
      background: url(../images/bt04_off.png) no-repeat; }
      .navi li:nth-child(4) a:hover {
        background: url(../images/bt04_on.png) no-repeat; }
    .navi li:nth-child(4).on a {
      background: url(../images/bt04_on.png) no-repeat; }
    .navi li:nth-child(5) a {
      display: block;
      position: absolute;
      width: 125px;
      height: 110px;
      top: 0px;
      background: url(../images/bt_00_off.png) no-repeat;
      transition: all .3s;
      -webkit-transition: all .3s;
      width: 125px;
      left: 500px;
      background: url(../images/bt05_off.png) no-repeat; }
      .navi li:nth-child(5) a:hover {
        background: url(../images/bt05_on.png) no-repeat; }
    .navi li:nth-child(5).on a {
      background: url(../images/bt05_on.png) no-repeat; }
    .navi li:nth-child(6) a {
      display: block;
      position: absolute;
      width: 125px;
      height: 110px;
      top: 0px;
      background: url(../images/bt_00_off.png) no-repeat;
      transition: all .3s;
      -webkit-transition: all .3s;
      width: 125px;
      left: 625px;
      background: url(../images/bt06_off.png) no-repeat; }
      .navi li:nth-child(6) a:hover {
        background: url(../images/bt06_on.png) no-repeat; }
    .navi li:nth-child(6).on a {
      background: url(../images/bt06_on.png) no-repeat; }
    .navi li:nth-child(7) a {
      display: block;
      position: absolute;
      width: 125px;
      height: 110px;
      top: 0px;
      background: url(../images/bt_00_off.png) no-repeat;
      transition: all .3s;
      -webkit-transition: all .3s;
      width: 125px;
      left: 750px;
      background: url(../images/bt07_off.png) no-repeat; }
      .navi li:nth-child(7) a:hover {
        background: url(../images/bt07_on.png) no-repeat; }
    .navi li:nth-child(7).on a {
      background: url(../images/bt07_on.png) no-repeat; }
    .navi li:nth-child(8) a {
      display: block;
      position: absolute;
      width: 125px;
      height: 110px;
      top: 0px;
      background: url(../images/bt_00_off.png) no-repeat;
      transition: all .3s;
      -webkit-transition: all .3s;
      width: 125px;
      left: 875px;
      background: url(../images/bt08_off.png) no-repeat; }
      .navi li:nth-child(8) a:hover {
        background: url(../images/bt08_on.png) no-repeat; }
    .navi li:nth-child(8).on a {
      background: url(../images/bt08_on.png) no-repeat; }
    .navi li:nth-child(9) a {
      display: block;
      position: absolute;
      width: 125px;
      height: 110px;
      top: 0px;
      background: url(../images/bt_00_off.png) no-repeat;
      transition: all .3s;
      -webkit-transition: all .3s;
      width: 112px;
      left: 888px;
      background: url(../images/bt_09_off.png) no-repeat; }
      .navi li:nth-child(9) a:hover {
        background: url(../images/bt_09_on.png) no-repeat; }
    .navi li:nth-child(9).on a {
      background: url(../images/bt_09_on.png) no-repeat; }

/* -----------------------------------------------------------------------------------------------
  
	NAV 縮小後

----------------------------------------------------------------------------------------------- */
.smaller {
  position: fixed;
  top: 0;
  z-index: 99;
  box-shadow: 3px 3px 3px rgba(165, 165, 165, 0.4); }

/*smaller*/
/* -----------------------------------------------------------------------------------------------
  
	IN HEADER

----------------------------------------------------------------------------------------------- */
.inheader {
  width: 100%;
  height: 243px;
  position: relative;
  overflow: hidden;
  margin: 0 0 0; }
  .inheader .container {
    width: 1000px;
    height: 500px;
    margin: 0 auto;
    position: relative;
    min-width: 1000px; }
    .inheader .container .layout01 .txtarea {
      width: 50%; }
    .inheader .container .layout01 .imgarea {
      width: 50%; }

/* -----------------------------------------------------------------------------------------------
  
	TOP HEADER

----------------------------------------------------------------------------------------------- */
.topheader {
  width: 100%;
  height: 560px;
  position: relative;
  overflow: hidden;
  margin: 0 0 0; }
  .topheader .container {
    width: 1000px;
    height: 500px;
    margin: 0 auto;
    position: relative;
    min-width: 1000px; }
    .topheader .container .layout01 .txtarea {
      width: 50%; }
    .topheader .container .layout01 .imgarea {
      width: 50%; }
    .topheader .container .donguri_navi {
      height: 405px; }
      .topheader .container .donguri_navi li {
        list-style: none;
        text-indent: -9999px; }
        .topheader .container .donguri_navi li:nth-child(1) a {
          display: block;
          position: absolute;
          width: 100px;
          height: 120px;
          top: 0px;
          transition: all .3s;
          -webkit-transition: all .3s;
          right: 300px;
          top: 274px;
          background: url(../images/btd01_off.png) no-repeat; }
          .topheader .container .donguri_navi li:nth-child(1) a:hover {
            background: url(../images/btd01_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(1).on a {
          background: url(../images/btd01_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(2) a {
          display: block;
          position: absolute;
          width: 100px;
          height: 120px;
          top: 0px;
          transition: all .3s;
          -webkit-transition: all .3s;
          right: 110px;
          top: 154px;
          background: url(../images/btd02_off.png) no-repeat; }
          .topheader .container .donguri_navi li:nth-child(2) a:hover {
            background: url(../images/btd02_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(2).on a {
          background: url(../images/btd02_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(3) a {
          display: block;
          position: absolute;
          width: 100px;
          height: 120px;
          top: 0px;
          transition: all .3s;
          -webkit-transition: all .3s;
          right: 338px;
          top: 41px;
          background: url(../images/btd03_off.png) no-repeat; }
          .topheader .container .donguri_navi li:nth-child(3) a:hover {
            background: url(../images/btd03_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(3).on a {
          background: url(../images/btd03_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(4) a {
          display: block;
          position: absolute;
          width: 100px;
          height: 120px;
          top: 0px;
          transition: all .3s;
          -webkit-transition: all .3s;
          right: 303px;
          top: 148px;
          background: url(../images/btd04_off.png) no-repeat; }
          .topheader .container .donguri_navi li:nth-child(4) a:hover {
            background: url(../images/btd04_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(4).on a {
          background: url(../images/btd04_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(5) a {
          display: block;
          position: absolute;
          width: 100px;
          height: 120px;
          top: 0px;
          transition: all .3s;
          -webkit-transition: all .3s;
          right: 220px;
          top: 55px;
          background: url(../images/btd05_off.png) no-repeat; }
          .topheader .container .donguri_navi li:nth-child(5) a:hover {
            background: url(../images/btd05_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(5).on a {
          background: url(../images/btd05_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(6) a {
          display: block;
          position: absolute;
          width: 100px;
          height: 120px;
          top: 0px;
          transition: all .3s;
          -webkit-transition: all .3s;
          right: 112px;
          top: 30px;
          background: url(../images/btd06_off.png) no-repeat; }
          .topheader .container .donguri_navi li:nth-child(6) a:hover {
            background: url(../images/btd06_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(6).on a {
          background: url(../images/btd06_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(7) a {
          display: block;
          position: absolute;
          width: 100px;
          height: 120px;
          top: 0px;
          transition: all .3s;
          -webkit-transition: all .3s;
          right: 410px;
          top: 180px;
          background: url(../images/btd07_off.png) no-repeat; }
          .topheader .container .donguri_navi li:nth-child(7) a:hover {
            background: url(../images/btd07_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(7).on a {
          background: url(../images/btd07_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(8) a {
          display: block;
          position: absolute;
          width: 100px;
          height: 120px;
          top: 0px;
          transition: all .3s;
          -webkit-transition: all .3s;
          right: 0px;
          top: 220px;
          background: url(../images/btd08_off.png) no-repeat; }
          .topheader .container .donguri_navi li:nth-child(8) a:hover {
            background: url(../images/btd08_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(8).on a {
          background: url(../images/btd08_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(9) a {
          display: block;
          position: absolute;
          width: 100px;
          height: 120px;
          top: 0px;
          transition: all .3s;
          -webkit-transition: all .3s;
          right: 107px;
          top: 271px;
          background: url(../images/btd09_off.png) no-repeat; }
          .topheader .container .donguri_navi li:nth-child(9) a:hover {
            background: url(../images/btd09_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(9).on a {
          background: url(../images/btd09_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(10) a {
          display: block;
          position: absolute;
          width: 100px;
          height: 120px;
          top: 0px;
          transition: all .3s;
          -webkit-transition: all .3s;
          right: 5px;
          top: 96px;
          background: url(../images/btd10_off.png) no-repeat; }
          .topheader .container .donguri_navi li:nth-child(10) a:hover {
            background: url(../images/btd10_on.png) no-repeat; }
        .topheader .container .donguri_navi li:nth-child(10).on a {
          background: url(../images/btd10_on.png) no-repeat; }

#slide {
  width: 100%;
  height: 466px;
  position: relative;
  overflow: hidden;
  margin: 0 0 0; }

#carousel {
  z-index: -100 !important; }

#slide .slidePanel {
  float: left;
  padding: 0 10px; }

#prev, #next {
  display: block;
  height: 466px;
  width: 50%;
  top: 0;
  position: absolute;
  z-index: 999; }

#prev {
  left: -500px;
  -moz-transition: none;
  -webkit-transition: none;
  transition: 0 linear; }

#next {
  right: -500px;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none; }

#next:hover {
  background: url(../images/next.png) no-repeat left center rgba(255, 255, 255, 0.6);
  opacity: 1; }

#prev:hover {
  background: url(../images/prev.png) no-repeat right center rgba(255, 255, 255, 0.6);
  opacity: 1; }

/* TOP NEWS 連動 */
.cbg01 {
  background: url(../images/top_cbg01.jpg) no-repeat center top; }

.top_news ul {
  overflow: hidden; }
.top_news li {
  float: left;
  padding: 40px 15px 15px 15px;
  margin: 25px 10px 2em 0;
  color: #5d627b;
  background-image: url(../images/clip_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  width: 310px;
  height: 430px; }
  .top_news li h3 {
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    min-height: 30px;
    color: #434344;
    background: none;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: dotted 1px #333;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    padding: 0; }
  .top_news li .mini {
    font-size: 10px; }
  .top_news li a {
    text-decoration: none; }
  .top_news li .buttonBox {
    float: left;
    margin: 10px 0 0 0;
    width: 100%; }
  .top_news li button {
    height: 45px;
    background: rgba(0, 6, 253, 0.15);
    color: #333;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
.top_news li:first-child {
  margin: 5px 10px 2em 25px; }
.top_news li:last-child {
  margin: 8px 0; }

.imgWrap {
  overflow: hidden;
  /*拡大時にはみ出た部分を隠す*/
  width: 280px;
  /*画像の幅*/
  height: 180px;
  /*画像の高さ*/
  background: #000;
  position: relative; }
  .imgWrap img {
    display: block;
    transition-duration: 1.5s;
    /*変化に掛かる時間*/ }
    .imgWrap img:hover {
      transform: scale(1.1);
      /*画像の拡大率*/
      transition-duration: 1.5s;
      /*変化に掛かる時間*/
      opacity: 0.6;
      /* 小さくするほど暗くなります */ }
  .imgWrap p {
    position: absolute;
    background: #333;
    color: #FFF;
    top: 0;
    font-size: 11px;
    padding: 5px 20px; }

/* TOP 保育目標・保育方針 */
.cbg02 {
  background: url(../images/top_cbg02.jpg) no-repeat center top;
  padding: 35px 0 80px 0; }

/* TOP 保育目標・保育方針 */
.adtxt {
  text-align: center;
  margin: 0 0 10px 0;
  color: #d36d19;
  background: linear-gradient(transparent 60%, #fecca4 0%);
  font-size: 19px;
  line-height: 1.2; }

/* TOP 診療科目 */
.top_medical ul {
  overflow: hidden; }
.top_medical li {
  float: left;
  padding: 15px;
  margin: 2em 10px 2em 0;
  color: #5d627b;
  background: #e8e8e8;
  width: 470px; }
  .top_medical li h3 {
    text-align: left;
    font-size: 21px;
    line-height: 1.5;
    min-height: 30px;
    color: #434344;
    background: none;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: dotted 1px #333;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    padding: 0; }
  .top_medical li a {
    text-decoration: none; }
  .top_medical li .buttonBox {
    float: left;
    margin: 20px 0 0 0;
    width: 100%; }
  .top_medical li button {
    height: 45px;
    background: rgba(16, 16, 16, 0.15);
    color: white;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
.top_medical li:first-child {
  margin: 0 10px 2em 25px; }
.top_medical li:last-child {
  margin: 70px 0 0 0; }
.top_medical .imgWrap {
  overflow: hidden;
  /*拡大時にはみ出た部分を隠す*/
  width: 440px;
  /*画像の幅*/
  height: 300px;
  /*画像の高さ*/
  background: #000;
  position: relative; }
  .top_medical .imgWrap img {
    display: block;
    transition-duration: 1.5s;
    /*変化に掛かる時間*/ }
    .top_medical .imgWrap img:hover {
      transform: scale(1.1);
      /*画像の拡大率*/
      transition-duration: 1.5s;
      /*変化に掛かる時間*/
      opacity: 0.6;
      /* 小さくするほど暗くなります */ }
  .top_medical .imgWrap p {
    position: absolute;
    background-color: #2fc2ad;
    background-image: url(../images/topmedical_icon.png), url(../images/topmedical_icon2.png);
    background-repeat: no-repeat;
    background-position: 10px 5px , right 6px bottom 6px;
    color: #FFF;
    top: 0;
    font-size: 16px;
    padding: 5px 75px 5px 45px; }

/* TOP 分院紹介 */
.group_area {
  background: url(../images/top_groupbg.jpg) no-repeat center;
  padding: 20px 0 0 0;
  height: 717px; }
  .group_area ul {
    overflow: hidden; }
  .group_area li {
    float: left;
    padding: 15px;
    margin: 2em 10px 2em 0;
    color: #5d627b;
    background: rgba(255, 254, 254, 0.88);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    width: 420px; }
    .group_area li h3 {
      text-align: center;
      font-size: 21px;
      line-height: 1.5;
      min-height: 30px;
      color: #434344;
      background: none;
      margin-top: 15px;
      margin-bottom: 15px;
      border-bottom: dotted 1px #333;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
      padding: 0; }
    .group_area li a {
      text-decoration: none; }
    .group_area li .buttonBox {
      float: left;
      margin: 20px 0 0 0;
      width: 100%; }
    .group_area li button {
      height: 45px;
      background: rgba(16, 16, 16, 0.15);
      color: white;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
  .group_area li:first-child {
    margin: 0 110px 2em 25px; }
  .group_area li:last-child {
    margin: 230px 0 0 0; }

/* あいはら 診療時間 */
.aihara_time {
  margin-bottom: 20px;
  background-color: #ffffff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); }
  .aihara_time td {
    line-height: 18px;
    text-align: center;
    padding: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc; }
  .aihara_time th {
    font-weight: normal;
    padding: 8px;
    background-color: #2fc2ad;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
    color: #FFF; }
  .aihara_time .bg01 {
    background-color: #f7f7f7;
    color: #333; }

/* ワンダーランド 診療時間 */
.one_time {
  margin-bottom: 20px;
  background-color: #ffffff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); }
  .one_time td {
    line-height: 18px;
    text-align: center;
    padding: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc; }
  .one_time th {
    font-weight: normal;
    padding: 8px;
    background-color: #efbf00;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
    color: #FFF; }
  .one_time .bg01 {
    background-color: #f7f7f7;
    color: #333; }

/* -----------------------------------------------------------------------------------------------
  
	SUB

----------------------------------------------------------------------------------------------- */
.sub1 ul li {
  height: 150px;
  margin: 0 0 20px 0;
  padding: 0; }
.sub1 .imgWrap {
  overflow: hidden;
  /*拡大時にはみ出た部分を隠す*/
  width: 240px;
  /*画像の幅*/
  height: 150px;
  /*画像の高さ*/
  background: #000;
  position: relative; }
  .sub1 .imgWrap img {
    display: block;
    transition-duration: 1.5s;
    /*変化に掛かる時間*/ }
    .sub1 .imgWrap img:hover {
      transform: scale(1.1);
      /*画像の拡大率*/
      transition-duration: 1.5s;
      /*変化に掛かる時間*/
      opacity: 0.6;
      /* 小さくするほど暗くなります */ }
  .sub1 .imgWrap p {
    position: absolute;
    background-color: #505050;
    background-image: url(../images/y_icon.png);
    background-repeat: no-repeat;
    background-position: 10px 5px;
    color: #FFF;
    margin-top: 118px;
    height: 33px;
    width: 100%;
    font-size: 14px;
    padding: 5px 0px 5px 45px; }

.sub2 ul li {
  height: 80px;
  margin: 0 0 20px 0;
  padding: 0; }
.sub2 .buttonBox {
  position: relative;
  float: right;
  margin: 0 0 10px 0;
  width: 240px; }
.sub2 button {
  width: 100%;
  height: 80px;
  position: relative;
  background: #fa6e21;
  color: white;
  letter-spacing: 1px;
  border: none;
  font-size: 15px;
  outline: none;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

/* -----------------------------------------------------------------------------------------------
  
	PAGE TITLE

----------------------------------------------------------------------------------------------- */
.page_title {
  width: 100%;
  height: 270px; }
  .page_title .container {
    width: 1000px;
    height: 270px;
    margin: 0 auto;
    position: relative;
    padding: 0; }
    .page_title .container h2 {
      text-indent: -9999px; }
    .page_title .container .news {
      background: url(../images/page_newsB.png) no-repeat center top;
      width: 1000px;
      height: 270px; }
    .page_title .container .about {
      background: url(../images/page_aboutB.png) no-repeat center top;
      width: 1000px;
      height: 270px; }
    .page_title .container .access {
      background: url(../images/page_access.png) no-repeat center top;
      width: 1000px;
      height: 270px; }
    .page_title .container .admission {
      background: url(../images/page_admission.png) no-repeat center top;
      width: 1000px;
      height: 270px; }
    .page_title .container .event {
      background: url(../images/page_eventB.png) no-repeat center top;
      width: 1000px;
      height: 270px; }
    .page_title .container .day {
      background: url(../images/page_1dayB.png) no-repeat center top;
      width: 1000px;
      height: 270px; }
    .page_title .container .info {
      background: url(../images/page_info.png) no-repeat center top;
      width: 1000px;
      height: 270px; }
    .page_title .container .qa {
      background: url(../images/page_qa.png) no-repeat center top;
      width: 1000px;
      height: 270px; }
    .page_title .container .recruit {
      background: url(../images/page_recruit.png) no-repeat center top;
      width: 1000px;
      height: 270px; }

/* -----------------------------------------------------------------------------------------------
  
	TITLE

----------------------------------------------------------------------------------------------- */
.title {
  margin: 0 0 0 0;
  padding: 0; }
  .title .container {
    width: 100%;
    overflow: hidden; }
    .title .container .npage_index {
      width: 980px;
      height: 142px;
      margin: 15px auto 0;
      background: url(../images/title_bg.png) no-repeat center 47px;
      position: relative; }
      .title .container .npage_index .npage_index_title {
        text-align: center;
        font-size: 33px;
        line-height: 1.5;
        margin: 0 0 0 0;
        padding: 57px 0 0 0;
        color: #029563;
        font-weight: bold; }
      .title .container .npage_index .npage_index_subtitle {
        width: 980px;
        font-weight: normal;
        font-size: 20px;
        text-align: center;
        margin: 0 auto;
        color: #07bc40; }

/* -----------------------------------------------------------------------------------------------
  
	MDS

----------------------------------------------------------------------------------------------- */
.mds00 {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #4b4238;
  font-size: 30px;
  padding: 40px 0 0 0;
  margin: 0 0 30px 0; }

.mds01 {
  background: url(../images/mds01_bg.png) no-repeat center bottom;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: left;
  color: #4b4238;
  font-size: 30px;
  padding: 40px 0 10px 110px;
  margin: 0 0 30px 0; }

.mds02 {
  background: url(../images/mds02_bg.png) no-repeat center bottom;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: left;
  color: #4b4238;
  font-size: 30px;
  padding: 40px 0 10px 110px;
  margin: 0 0 30px 0; }

.mds03 {
  background: url(../images/mds03_bg.png) no-repeat center bottom;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: left;
  color: #4b4238;
  font-size: 30px;
  padding: 40px 0 10px 110px;
  margin: 0 0 30px 0; }

.mds04 {
  background: url(../images/mds04_bg.png) no-repeat center bottom;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: left;
  color: #4b4238;
  font-size: 30px;
  padding: 40px 0 10px 110px;
  margin: 0 0 30px 0; }

.mds05 {
  background: url(../images/mds05_bg.png) no-repeat center bottom;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: left;
  color: #4b4238;
  font-size: 30px;
  padding: 40px 0 10px 110px;
  margin: 0 0 30px 0; }

.newsh3 {
  background: url(../images/h3_news.png) no-repeat center top;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #4b4238;
  font-size: 30px;
  padding: 117px 0 20px 0;
  margin: 20px 0 30px 0; }

.abouth3 {
  background: url(../images/h3_about.png) no-repeat center top;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #4b4238;
  font-size: 30px;
  padding: 117px 0 20px 0;
  margin: 20px 0 30px 0; }

.dayh3 {
  background: url(../images/h3_1day.png) no-repeat center top;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #4b4238;
  font-size: 30px;
  padding: 117px 0 20px 0;
  margin: 20px 0 30px 0; }

.eventh3 {
  background: url(../images/h3_event.png) no-repeat center top;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #4b4238;
  font-size: 30px;
  padding: 117px 0 20px 0;
  margin: 20px 0 30px 0; }

.admissionh3 {
  background: url(../images/h3_admission.png) no-repeat center top;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #4b4238;
  font-size: 30px;
  padding: 117px 0 20px 0;
  margin: 20px 0 30px 0; }

.qah3 {
  background: url(../images/h3_qa.png) no-repeat center top;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #4b4238;
  font-size: 30px;
  padding: 117px 0 20px 0;
  margin: 20px 0 30px 0; }

.infoh3 {
  background: url(../images/h3_info.png) no-repeat center top;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #4b4238;
  font-size: 30px;
  padding: 117px 0 20px 0;
  margin: 20px 0 30px 0; }

.recruith3 {
  background: url(../images/h3_recruit.png) no-repeat center top;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #4b4238;
  font-size: 30px;
  padding: 117px 0 20px 0;
  margin: 20px 0 30px 0; }

.accessh3 {
  background: url(../images/h3_access.png) no-repeat center top;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #4b4238;
  font-size: 30px;
  padding: 117px 0 20px 0;
  margin: 20px 0 30px 0; }

.beans_h4 {
  display: block;
  color: #4b4238;
  font-size: 23px;
  font-weight: 100;
  min-height: 50px;
  margin: 15px 0 40px 0;
  padding: 5px 0 0 60px;
  background: url(../images/h4_bg.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.mds, .mds_qaq {
  text-align: left;
  font-size: 26px;
  line-height: 1.3;
  min-height: 60px;
  background: url(../images/mdsbg.png) no-repeat left bottom;
  /*		background-image: url(../images/mdsbg.png), url(../images/mdsbg_rep.png);
      	background-repeat: no-repeat, repeat;
  		background-position:center 0, top center;
  */
  color: #029563;
  padding: 18px 0 18px 55px;
  margin: 0 0 15px 0;
  font-family: "sans-serif";
  font-weight: bold; }
  .mds .subtitle, .mds_qaq .subtitle {
    color: #86b740;
    font-size: 14px; }

.mds_top {
  margin: 0 0 30px -8px; }

.mds_qaq {
  background: url(../images/mdsbg_qaq.png) no-repeat top center; }

.nmds, .layout09 .imgarea .itemmds {
  display: block;
  color: #07bc40;
  font-size: 16px;
  font-weight: bold;
  min-height: 50px;
  margin: 0 0 15px 0;
  padding: 15px 0 0 15px;
  font-family: sans-serif;
  background: url(../images/nmdsbg.png) no-repeat bottom left;
  line-height: 1.4;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  /*		&:before {
  			content: "";
  			display:block;
  			background:url(../images/nmdsbg.png) no-repeat top center;
  			height:3px;
  			margin:0 0 10px 0;
  		}
  		&:after {
  			content: "";
  			display:block;
  			background:url(../images/nmdsbg.png) no-repeat top center;
  			height:3px;
  			margin:10px 0 0 0;
  		}
  */ }

.smds {
  background: #ececee;
  padding: 4px 10px;
  font-size: 13px;
  margin: 0 0 15px 0;
  border-radius: 4px; }

.mds__center {
  text-align: center; }

.txt_wb, .top_news_area li, .pg_title, .report_list a, .qa_list a, .qa_list_detail a {
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* -----------------------------------------------------------------------------------------------
  
	LAYOUT

----------------------------------------------------------------------------------------------- */
.contents {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 0; }

.contents_c {
  width: 1000px;
  margin: 0 auto;
  padding: 50px 0 0 0; }

/* -----------------------------------------------------------------------------------------------

	2カラム時

----------------------------------------------------------------------------------------------- */
#top .main {
  width: 100%;
  float: none; }

.main {
  width: 100%;
  float: none; }

.sub {
  width: 240px;
  float: right; }
  .sub .sub_linkbtn li {
    height: 70px;
    margin: 0 0 20px 0;
    padding: 0; }
  .sub .sub_contact_area {
    background: #fdffcb;
    text-align: center;
    margin: 10px 0 20px 0; }
    .sub .sub_contact_area .sub_contact_area__btn {
      padding: 5px 0 20px; }

/* -----------------------------------------------------------------------------------------------

	section以降　layout

----------------------------------------------------------------------------------------------- */
section .container {
  width: 1000px;
  padding: 30px 0 50px 0;
  margin: 0px auto 0px; }
section .container1 {
  padding: 0 0 70px 0;
  margin: 30px auto 0px; }

#top section .container {
  width: 1000px;
  padding: 0px 0 50px 0;
  margin: 0px auto; }

.conbg {
  width: 960px;
  margin: 0 auto;
  padding: 40px 40px;
  position: relative;
  background: #FFF;
  border-radius: 20px;
  box-shadow: 3px 3px 3px rgba(0, 17, 70, 0.46); }

/* レイアウト基本形 */
/* PG画像　レイアウト基本形 画像の小さいレイアウト用は個別のレイアウトで数値設定*/
/*	.pg_imgarea {
		text-align:center !important;
		
	}
*/
/* txt50% img50% */
.layout01 .txtarea.fright.txtaln_r {
  text-align: right; }
.layout01 .imgarea .list_imgarea {
  margin: 0 0 5px 0;
  width: 280px;
  height: 280px;
  max-width: 280px;
  max-height: 280px;
  overflow: hidden;
  text-align: center;
  position: relative; }
  .layout01 .imgarea .list_imgarea img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 280px;
    max-height: 280px; }
.layout01 .imgarea .caption, .layout01 .imgarea .caption_center, .layout01 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .layout01 .imgarea .caption_center {
  width: 280px;
  margin: 0 0 40px 0;
  text-align: left;
  font-size: 12px;
  line-height: 1.4; }
.layout01 .imgarea .caption_center {
  text-align: center; }
.layout01:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
.layout01 .txtarea {
  width: 50%; }
.layout01 .imgarea {
  width: 50%; }

/* txt60% img33%  960：316px(1/3)*/
.layout02 .txtarea.fright.txtaln_r {
  text-align: right; }
.layout02 .imgarea .list_imgarea {
  margin: 0 0 5px 0;
  width: 280px;
  height: 280px;
  max-width: 280px;
  max-height: 280px;
  overflow: hidden;
  text-align: center;
  position: relative; }
  .layout02 .imgarea .list_imgarea img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 280px;
    max-height: 280px; }
.layout02 .imgarea .caption, .layout02 .imgarea .caption_center, .layout02 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .layout02 .imgarea .caption_center {
  width: 280px;
  margin: 0 0 40px 0;
  text-align: left;
  font-size: 12px;
  line-height: 1.4; }
.layout02 .imgarea .caption_center {
  text-align: center; }
.layout02:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
.layout02 .txtarea {
  width: 60%; }
.layout02 .imgarea {
  width: 35%;
  text-align: center; }
  .layout02 .imgarea img {
    max-width: 300px;
    max-height: 300px; }
  .layout02 .imgarea .list_imgarea {
    width: 300px;
    height: 300px;
    max-width: 300px;
    max-height: 300px; }
    .layout02 .imgarea .list_imgarea img {
      max-width: 300px;
      max-height: 300px; }
  .layout02 .imgarea .caption, .layout02 .imgarea .caption_center, .layout02 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .layout02 .imgarea .caption_center {
    width: 300px;
    margin: 0 0 40px 0;
    font-size: 12px;
    line-height: 1.4; }

.layout_event .txtarea.fright.txtaln_r {
  text-align: right; }
.layout_event .imgarea .list_imgarea {
  margin: 0 0 5px 0;
  width: 280px;
  height: 280px;
  max-width: 280px;
  max-height: 280px;
  overflow: hidden;
  text-align: center;
  position: relative; }
  .layout_event .imgarea .list_imgarea img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 280px;
    max-height: 280px; }
.layout_event .imgarea .caption, .layout_event .imgarea .caption_center, .layout_event .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .layout_event .imgarea .caption_center {
  width: 280px;
  margin: 0 0 40px 0;
  text-align: left;
  font-size: 12px;
  line-height: 1.4; }
.layout_event .imgarea .caption_center {
  text-align: center; }
.layout_event:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
.layout_event .txtarea {
  width: 60%; }
.layout_event .imgarea {
  width: 35%;
  text-align: center;
  padding: 30px 0 0 0; }
  .layout_event .imgarea img {
    max-width: 300px;
    max-height: 300px; }
  .layout_event .imgarea .caption, .layout_event .imgarea .caption_center, .layout_event .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .layout_event .imgarea .caption_center {
    width: 300px;
    margin: 0 0 40px 0;
    font-size: 12px;
    line-height: 1.4; }

#top .layout02 .txtarea {
  width: 53%; }
#top .layout02 .imgarea {
  width: 42%; }

/* txt70% img25%  960：240px(1/4)*/
.layout03 .txtarea.fright.txtaln_r {
  text-align: right; }
.layout03 .imgarea .list_imgarea {
  margin: 0 0 5px 0;
  width: 280px;
  height: 280px;
  max-width: 280px;
  max-height: 280px;
  overflow: hidden;
  text-align: center;
  position: relative; }
  .layout03 .imgarea .list_imgarea img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 280px;
    max-height: 280px; }
.layout03 .imgarea .caption, .layout03 .imgarea .caption_center, .layout03 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .layout03 .imgarea .caption_center {
  width: 280px;
  margin: 0 0 40px 0;
  text-align: left;
  font-size: 12px;
  line-height: 1.4; }
.layout03 .imgarea .caption_center {
  text-align: center; }
.layout03:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
.layout03 .txtarea {
  width: 70%; }
.layout03 .imgarea {
  width: 28%; }

/* カスタム　ゼファー*/
.layoutve .txtarea.fright.txtaln_r {
  text-align: right; }
.layoutve .imgarea .list_imgarea {
  margin: 0 0 5px 0;
  width: 280px;
  height: 280px;
  max-width: 280px;
  max-height: 280px;
  overflow: hidden;
  text-align: center;
  position: relative; }
  .layoutve .imgarea .list_imgarea img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 280px;
    max-height: 280px; }
.layoutve .imgarea .caption, .layoutve .imgarea .caption_center, .layoutve .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .layoutve .imgarea .caption_center {
  width: 280px;
  margin: 0 0 40px 0;
  text-align: left;
  font-size: 12px;
  line-height: 1.4; }
.layoutve .imgarea .caption_center {
  text-align: center; }
.layoutve:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
.layoutve .txtarea {
  width: 72%; }
.layoutve .imgarea {
  width: 25%; }

/* txt80% img15% */
/* 写真が小さいタイプ　更新PGリスト向き */
.layout04 .txtarea.fright.txtaln_r {
  text-align: right; }
.layout04 .imgarea .list_imgarea {
  margin: 0 0 5px 0;
  width: 280px;
  height: 280px;
  max-width: 280px;
  max-height: 280px;
  overflow: hidden;
  text-align: center;
  position: relative; }
  .layout04 .imgarea .list_imgarea img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 280px;
    max-height: 280px; }
.layout04 .imgarea .caption, .layout04 .imgarea .caption_center, .layout04 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .layout04 .imgarea .caption_center {
  width: 280px;
  margin: 0 0 40px 0;
  text-align: left;
  font-size: 12px;
  line-height: 1.4; }
.layout04 .imgarea .caption_center {
  text-align: center; }
.layout04:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
.layout04 .txtarea {
  width: 80%; }
.layout04 .imgarea {
  width: 15%; }
  .layout04 .imgarea .list_imgarea {
    width: 95px;
    height: 95px;
    max-width: 95px;
    max-height: 95px; }
    .layout04 .imgarea .list_imgarea img {
      max-width: 95px;
      max-height: 95px; }

/* txt45% img45% */
.layout05 .txtarea.fright.txtaln_r {
  text-align: right; }
.layout05 .imgarea .list_imgarea {
  margin: 0 0 5px 0;
  width: 280px;
  height: 280px;
  max-width: 280px;
  max-height: 280px;
  overflow: hidden;
  text-align: center;
  position: relative; }
  .layout05 .imgarea .list_imgarea img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 280px;
    max-height: 280px; }
.layout05 .imgarea .caption, .layout05 .imgarea .caption_center, .layout05 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .layout05 .imgarea .caption_center {
  width: 280px;
  margin: 0 0 40px 0;
  text-align: left;
  font-size: 12px;
  line-height: 1.4; }
.layout05 .imgarea .caption_center {
  text-align: center; }
.layout05:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
.layout05 .txtarea {
  width: 46%; }
.layout05 .imgarea {
  width: 46%; }

/* txt34% img66% */
/* 写真が大きいタイプ */
.layout06 .txtarea.fright.txtaln_r {
  text-align: right; }
.layout06 .imgarea .list_imgarea {
  margin: 0 0 5px 0;
  width: 280px;
  height: 280px;
  max-width: 280px;
  max-height: 280px;
  overflow: hidden;
  text-align: center;
  position: relative; }
  .layout06 .imgarea .list_imgarea img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 280px;
    max-height: 280px; }
.layout06 .imgarea .caption, .layout06 .imgarea .caption_center, .layout06 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .layout06 .imgarea .caption_center {
  width: 280px;
  margin: 0 0 40px 0;
  text-align: left;
  font-size: 12px;
  line-height: 1.4; }
.layout06 .imgarea .caption_center {
  text-align: center; }
.layout06:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
.layout06 .txtarea {
  width: 42%; }
.layout06 .imgarea {
  width: 52%; }

.layout07 .txtarea.fright.txtaln_r {
  text-align: right; }
.layout07 .imgarea .list_imgarea {
  margin: 0 0 5px 0;
  width: 280px;
  height: 280px;
  max-width: 280px;
  max-height: 280px;
  overflow: hidden;
  text-align: center;
  position: relative; }
  .layout07 .imgarea .list_imgarea img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 280px;
    max-height: 280px; }
.layout07 .imgarea .caption, .layout07 .imgarea .caption_center, .layout07 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .layout07 .imgarea .caption_center {
  width: 280px;
  margin: 0 0 40px 0;
  text-align: left;
  font-size: 12px;
  line-height: 1.4; }
.layout07 .imgarea .caption_center {
  text-align: center; }
.layout07:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
.layout07 .txtarea {
  width: 61%; }
.layout07 .imgarea {
  width: 38%; }

/* txt50% img50% */
/* メニューページ用レイアウト */
.menu__item_layout01 .txtarea.fright.txtaln_r {
  text-align: right; }
.menu__item_layout01 .imgarea .list_imgarea {
  margin: 0 0 5px 0;
  width: 280px;
  height: 280px;
  max-width: 280px;
  max-height: 280px;
  overflow: hidden;
  text-align: center;
  position: relative; }
  .menu__item_layout01 .imgarea .list_imgarea img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 280px;
    max-height: 280px; }
.menu__item_layout01 .imgarea .caption, .menu__item_layout01 .imgarea .caption_center, .menu__item_layout01 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .menu__item_layout01 .imgarea .caption_center {
  width: 280px;
  margin: 0 0 40px 0;
  text-align: left;
  font-size: 12px;
  line-height: 1.4; }
.menu__item_layout01 .imgarea .caption_center {
  text-align: center; }
.menu__item_layout01:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
.menu__item_layout01 .txtarea {
  width: 50%; }
.menu__item_layout01 .imgarea {
  width: 50%; }
  .menu__item_layout01 .imgarea .list_imgarea {
    float: left;
    margin: 0 0 0 0;
    width: 240px;
    height: 240px;
    max-width: 240px;
    max-height: 240px; }
    .menu__item_layout01 .imgarea .list_imgarea img {
      width: 240px;
      height: 240px;
      transition: all .5s;
      -webkit-transition: all .5s; }
    .menu__item_layout01 .imgarea .list_imgarea a:hover img {
      width: 250px;
      height: 250px; }

/*レポート更新などのリストで記事をクリックで詳細に飛ばす用*/
.list_link {
  text-decoration: none;
  display: block;
  border-top: 1px solid #b5b5b5;
  margin: 0 0 0 0;
  background: url(../images/topics_arw.png) no-repeat center right; }
  .list_link .container {
    margin: 0; }
  .list_link a {
    display: block;
    text-decoration: none;
    min-height: 150px;
    color: #333;
    padding: 20px 0 30px; }
    .list_link a .txtarea {
      padding: 0 0 0 0; }
  .list_link:hover {
    background: #effffd url(../images/topics_arw.png) no-repeat center right; }
    .list_link:hover .txtarea {
      text-decoration: underline; }
  .list_link.list_link_last {
    border-bottom: 1px solid #bbdaf7; }

/*  n culum layout */
.flow_layout01 {
  width: 690px;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px; }
  .flow_layout01 .flioitem {
    width: 210px;
    margin: 0 0 35px 0; }

.layout09 {
  margin: 0 -30px 0 0;
  overflow: hidden;
  /*PGアイテム更新用*/ }
  .layout09 .imgarea {
    margin: 0 30px 50px 0;
    width: 330px;
    /*ここを変更で１行に何列か選ぶ 50-3(padding)　２個　画像サイズ　140px*/
    float: left;
    text-align: center; }
    .layout09 .imgarea .list_imgarea {
      margin: 0 0 5px 0;
      width: 280px;
      height: 280px;
      max-width: 280px;
      max-height: 280px;
      overflow: hidden;
      text-align: center;
      position: relative; }
      .layout09 .imgarea .list_imgarea img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        max-width: 280px;
        max-height: 280px; }
    .layout09 .imgarea .caption, .layout09 .imgarea .caption_center, .layout09 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .layout09 .imgarea .caption_center {
      width: 280px;
      margin: 0 0 40px 0;
      text-align: left;
      font-size: 12px;
      line-height: 1.4; }
    .layout09 .imgarea .caption_center {
      text-align: center; }
    .layout09 .imgarea .list_imgarea {
      margin: 0 0 5px 0;
      width: 330px;
      height: 330px;
      max-width: 330px;
      max-height: 330px;
      overflow: hidden;
      background: #fff;
      text-align: center;
      position: relative; }
      .layout09 .imgarea .list_imgarea img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        max-width: 330px;
        max-height: 330px; }
    .layout09 .imgarea .itemmds {
      font-size: 13px; }
    .layout09 .imgarea .cap {
      font-size: 12px;
      line-height: 1.4;
      margin: 0 0 5px 0; }
  .layout09:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

/* -----------------------------------------------------------------------------------------------
  
	個別ページ

----------------------------------------------------------------------------------------------- */
/*年間行事*/
.event12 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 20px 0 0 60px;
  background: url(../images/event12.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.event11 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 20px 0 0 60px;
  background: url(../images/event11.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.event10 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 0px 0 10px 60px;
  background: url(../images/event10.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.event9 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 20px 0 0 60px;
  background: url(../images/event9.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.event8 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 20px 0 0 60px;
  background: url(../images/event8.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.event7 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 20px 0 0 60px;
  background: url(../images/event7.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.event6 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 20px 0 0 60px;
  background: url(../images/event6.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.event5 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 20px 0 0 60px;
  background: url(../images/event5.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.event4 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 20px 0 0 60px;
  background: url(../images/event4.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.event3 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 20px 0 0 60px;
  background: url(../images/event3.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.event2 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 20px 0 0 60px;
  background: url(../images/event2.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.event1 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 20px 0 0 60px;
  background: url(../images/event1.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

/* 当園について */
.aboutbg {
  background: url(../images/about_cbg02.jpg) no-repeat center top;
  padding: 60px 0 80px 0; }

/*一日の流れ*/
.time {
  font-weight: bold;
  color: #ff731e;
  margin: 0 15px 0 0; }

.day01 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 15px 0 0 75px;
  background: url(../images/day01.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.day02 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 15px 0 0 75px;
  background: url(../images/day02.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.day03 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 15px 0 0 75px;
  background: url(../images/day03.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.day04 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 15px 0 0 75px;
  background: url(../images/day04.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.day05 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 15px 0 0 75px;
  background: url(../images/day05.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.day06 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 15px 0 0 75px;
  background: url(../images/day06.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.day07 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 15px 0 0 75px;
  background: url(../images/day07.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.day08 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 15px 0 0 75px;
  background: url(../images/day08.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.day09 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 15px 0 0 75px;
  background: url(../images/day09.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.day10 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 15px 0 0 75px;
  background: url(../images/day10.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.day11 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 15px 0 0 75px;
  background: url(../images/day11.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.day12 {
  display: block;
  color: #4b4238;
  font-size: 18px;
  font-weight: 100;
  min-height: 60px;
  margin: 15px 0;
  padding: 15px 0 0 75px;
  background: url(../images/day12.png) no-repeat left bottom;
  line-height: 1.5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 420px; }

.iinbg_area {
  background: url(../images/top01_bg.jpg) no-repeat top;
  padding: 30px 0 0 0;
  color: #FFF;
  margin-top: -1px; }

.kafunbg_area {
  background: url(../images/kafun01_bg.jpg) no-repeat top;
  padding: 30px 0 0 0;
  color: #FFF;
  margin-top: -1px; }

.pinkbg_area {
  background: #FFF url(../images/top_bg02.jpg) no-repeat top;
  padding: 30px 0 0 0;
  color: #FFF; }
  .pinkbg_area h3 {
    text-align: center;
    font-size: 30px;
    line-height: 1.3;
    min-height: 61px;
    color: #FFF; }
    .pinkbg_area h3:before {
      content: url(../images/mds_Lw.png);
      padding: 0 20px; }
    .pinkbg_area h3:after {
      content: url(../images/mds_Rw.png);
      padding: 0 20px; }
  .pinkbg_area .box {
    font-size: 18px;
    text-align: center;
    color: #FFF;
    width: 750px;
    height: auto;
    padding: 10px;
    margin: 0 0 40px 105px;
    border: medium solid #FFF; }

.feature_area {
  background: url(../images/top_feature_bg.jpg) no-repeat top left;
  padding: 0 0 80px 0; }
  .feature_area .feature_area__nmds {
    text-align: center;
    margin: 0 0 40px 0; }
  .feature_area .feature_area__imgarea {
    width: 412px;
    height: 295px;
    position: relative; }
    .feature_area .feature_area__imgarea .feature_area__img01 {
      width: 400px;
      height: 295px;
      position: absolute;
      top: 0;
      right: 0; }
    .feature_area .feature_area__imgarea .feature_area__btn01 {
      width: 119px;
      height: 119px;
      position: absolute;
      bottom: -40px;
      left: -36px; }
    .feature_area .feature_area__imgarea .feature_area__img02 {
      width: 400px;
      height: 295px;
      position: absolute;
      top: 0;
      left: 0; }
    .feature_area .feature_area__imgarea .feature_area__btn02 {
      width: 119px;
      height: 119px;
      position: absolute;
      bottom: -50px;
      right: -16px; }

.top_access__notice_area {
  display: flex; }
  .top_access__notice_area .txtarea {
    width: 30%; }
  .top_access__notice_area img {
    margin: 0 10px 0 10px; }

#top .top_access__notice_area {
  display: flex; }
  #top .top_access__notice_area img {
    margin: 0 20px 0 20px; }

.pdnR30 {
  padding-right: 30px; }

.top_sec01_mds {
  margin: 0 0 30px 0; }

.top_news_area {
  margin: 0 0 40px 0; }
  .top_news_area li {
    margin: 0 0 10px 0; }

.access_policy_area .access_policy_nmds {
  margin: 40px 0 15px 0; }
.access_policy_area .cap {
  float: right;
  width: 240px;
  padding: 10px;
  margin: 10px 0 0 0;
  text-align: center;
  background: #f1ffe9; }

.access_btn .buttonBox {
  position: relative;
  float: left;
  margin: 20px 0 10px 0;
  width: 100%; }
.access_btn button {
  width: 100%;
  height: 50px;
  position: relative;
  background: #fa6e21;
  color: white;
  letter-spacing: 1px;
  border: none;
  font-size: 15px;
  outline: none;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

/*---------------info-------------------------*/
.tdleft {
  background-color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 29px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
  width: 160px;
  vertical-align: top; }

.tdright {
  background-color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 29px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
  padding-right: 29px; }

.imgscr_info {
  height: 350px;
  background: url(../images/info_scrimg.jpg) repeat-x bottom center;
  -webkit-background-size: 1920px;
  background-size: 1920px;
  -webkit-animation: imgscr 60s linear infinite;
  animation: imgscr 60s linear infinite; }

@-webkit-keyframes imgscr {
  0% {
    background-position: 1920px bottom; }
  100% {
    background-position: 0 bottom; } }
@keyframes imgscr {
  0% {
    background-position: 1920px bottom; }
  100% {
    background-position: 0 bottom; } }
/*---------------news-------------------------*/
.title_day {
  background: #4193ce;
  color: #FFF;
  padding: 2px 5px;
  font-size: 13px;
  margin-right: 15px; }

/*---------------medical-------------------------*/
.in_medical ul {
  overflow: hidden; }
.in_medical li {
  float: left;
  padding: 12px;
  margin: 2em 10px 2em 0;
  color: #5d627b;
  background: #e8e8e8;
  width: 365px; }
  .in_medical li h3 {
    text-align: left;
    font-size: 20px;
    line-height: 1.5;
    min-height: 30px;
    color: #434344;
    background: none;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: dotted 1px #333;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    padding: 0; }
  .in_medical li a {
    text-decoration: none; }
  .in_medical li .buttonBox {
    float: left;
    margin: 20px 0 0 0;
    width: 100%; }
  .in_medical li button {
    height: 45px;
    background: rgba(16, 16, 16, 0.15);
    color: white;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
.in_medical li:first-child {
  margin: 0 10px 2em 0; }
.in_medical li:last-child {
  margin: 70px 0 0 0; }
.in_medical .imgWrap {
  overflow: hidden;
  /*拡大時にはみ出た部分を隠す*/
  width: 340px;
  /*画像の幅*/
  height: 232px;
  /*画像の高さ*/
  background: #000;
  position: relative; }
  .in_medical .imgWrap img {
    display: block;
    transition-duration: 1.5s;
    /*変化に掛かる時間*/ }
    .in_medical .imgWrap img:hover {
      transform: scale(1.1);
      /*画像の拡大率*/
      transition-duration: 1.5s;
      /*変化に掛かる時間*/
      opacity: 0.6;
      /* 小さくするほど暗くなります */ }
  .in_medical .imgWrap p {
    position: absolute;
    background-color: #2fc2ad;
    background-image: url(../images/topmedical_icon.png), url(../images/topmedical_icon2.png);
    background-repeat: no-repeat;
    background-position: 10px 5px , right 6px bottom 6px;
    color: #FFF;
    top: 0;
    font-size: 16px;
    padding: 5px 75px 5px 45px; }

.yobou {
  display: block;
  color: #666;
  font-size: 17px;
  height: 45px;
  width: 740px;
  margin: 30px 50px 15px 0;
  padding: 12px 0 0 15px;
  background: url(../images/h4_inbg.png) no-repeat center;
  line-height: 1.4;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.kouka {
  margin-top: 10px;
  padding: 10px;
  background-image: url(../images/bg01.png);
  overflow: hidden; }

.riha ul {
  height: 160px; }
  .riha ul li {
    height: 160px;
    width: 240px;
    display: inline;
    margin-right: 1px;
    text-align: center; }
  .riha ul li:last-child {
    margin: 0 0 0 0; }

.riha2 ul {
  height: 200px; }
  .riha2 ul li {
    height: 200px;
    width: 240px;
    display: inline;
    margin-right: 1px;
    text-align: center; }
  .riha2 ul li:last-child {
    margin: 0 0 0 0; }

/*Item(pet,veterinarian,nurse)
-----------------------------------------------------*/
.item_pg1 ul {
  overflow: hidden; }
.item_pg1 li {
  float: left;
  padding: 10px;
  margin: 2em 10px 2em 0;
  color: #5d627b;
  background: #e8e8e8;
  width: 240px; }
  .item_pg1 li h3 {
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    min-height: 30px;
    color: #434344;
    background: none;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: dotted 1px #333;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    padding: 0;
    text-align: center; }
  .item_pg1 li .mini {
    font-size: 10px; }
  .item_pg1 li a {
    text-decoration: none; }
  .item_pg1 li .buttonBox {
    float: left;
    margin: 20px 0 0 0;
    width: 100%; }
  .item_pg1 li button {
    height: 45px;
    background: rgba(16, 16, 16, 0.15);
    color: white;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
.item_pg1 li:first-child {
  margin: 0 10px 2em 0; }
.item_pg1 li:last-child {
  margin: 0 0; }
.item_pg1 .imgWrap {
  overflow: hidden;
  /*拡大時にはみ出た部分を隠す*/
  width: 220px;
  /*画像の幅*/
  height: 220px;
  /*画像の高さ*/
  background: #000;
  position: relative; }
  .item_pg1 .imgWrap img {
    display: block;
    transition-duration: 1.5s;
    /*変化に掛かる時間*/ }
    .item_pg1 .imgWrap img:hover {
      transform: scale(1.1);
      /*画像の拡大率*/
      transition-duration: 1.5s;
      /*変化に掛かる時間*/
      opacity: 0.6;
      /* 小さくするほど暗くなります */ }
  .item_pg1 .imgWrap p {
    position: absolute;
    background: #333;
    color: #FFF;
    top: 0;
    font-size: 11px;
    padding: 5px 20px; }

/*---------------veterinarian-------------------------*/
.jmini {
  font-size: 12px; }

.txtL {
  text-align: left; }

.jname {
  font-size: 16px;
  border-bottom: dotted 1px #333;
  margin-bottom: 15px;
  background: url(../images/jname_bg.png) no-repeat left center;
  padding: 2px 0 0 18px; }

.probtn {
  float: right;
  overflow: hidden;
  width: 133px; }

/*member
-----------------------------------------------------*/
.accordion .off {
  margin-top: 20px;
  position: relative; }
.accordion .off:after {
  content: url(../images/member_plus.png);
  position: absolute;
  top: 0;
  left: 0; }
.accordion .on:after {
  content: url(../images/member_minus.png);
  position: absolute;
  top: 0;
  left: 0; }

/*-------------- info ------------------------*/
.bg_img {
  margin: 40px 0 0 0; }

.bx-pager {
  float: none;
  margin: 0;
  padding: 0; }

.bx-controls-direction {
  display: none; }

.bx-pager img {
  border-left: 2px solid #CCC; }

.active img {
  border-left: 2px solid #0e5e97; }

.pg_title {
  font-size: 1.2em; }

.pg_detail_img {
  width: 350px !important;
  height: 350px !important;
  max-width: 350px !important;
  max-height: 350px !important;
  overflow: hidden;
  background: #fff;
  text-align: center;
  position: relative; }
  .pg_detail_img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 350px !important;
    max-height: 350px !important; }

.lead01 {
  border-left: 3px solid #009944;
  line-height: 1.6;
  text-align: left;
  font-size: 20px;
  padding: 0 0 0 25px;
  margin: 0 0 0 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.txtcol_white {
  color: #FFF; }
  .txtcol_white a {
    color: #FFF; }

.section_bg01 {
  background: url(../images/section_bg.jpg) no-repeat top center; }

/*--------------- tab --------------------------*/
.infotab {
  width: 980px;
  padding: 0 0 0 0;
  margin: 50px auto 0px; }

.infotab ul {
  margin-bottom: 20px;
  height: 93px; }

.infotab li {
  float: left;
  margin-right: 10px; }

.infotab li:nth-child(even) {
  margin-right: 0px; }

/*--------------- kafun --------------------------*/
.taisaku img {
  float: left;
  margin: -40px 0 0 0; }
.taisaku .tbox_l {
  float: left;
  width: 470px;
  padding: 10px 30px 5px 10px;
  border-radius: 8px;
  background: url(../images/stripe_bg02.png);
  margin-bottom: 30px; }
.taisaku .tbox_r {
  float: right;
  width: 470px;
  padding: 10px 30px 5px 10px;
  border-radius: 8px;
  background: url(../images/stripe_bg02.png);
  margin-bottom: 30px; }
.taisaku .tbox_txt {
  width: 240px;
  float: right;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  line-height: 1.4;
  margin-top: 20px; }
.taisaku .lbox_txt {
  width: 240px;
  float: right;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  line-height: 1.4; }

/*入園案内
-----------------------------------------------------*/
.timeTbl {
  background-color: #ffffff;
  border: 1px solid #9bcbed;
  border-collapse: collapse; }

.timeTbl td {
  line-height: 18px;
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #9bcbed;
  border-left: 1px solid #9bcbed;
  vertical-align: middle; }

.timeTbl th {
  font-weight: bold;
  color: #3590ca;
  text-align: center;
  padding: 5px;
  background-color: #e7f4fd;
  border-bottom: 1px solid #9bcbed;
  border-right: 1px solid #9bcbed; }

.timeTbl th.time {
  background-color: #fdf6d9;
  color: #df6225;
  font-weight: bold;
  padding: 3px 5px;
  border-right: 1px solid #f85c5e;
  text-align: center; }

.timeTbl th.mid {
  vertical-align: middle; }

.timeTbl .bdNon {
  border: none; }

.timeTbl .color {
  color: #de0000; }

/*--------------- yoyaku --------------------------*/
.lead_txt02 {
  margin: 0px;
  padding: 0px;
  font-size: 23px;
  color: #0e5e97;
  padding: 20px 0;
  font-weight: 400;
  margin-bottom: 10px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  text-align: center;
  background: url(../images/stripe_bg02.png); }

table.hyou2 {
  border: 1px solid #b1b1b1;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  margin-top: 10px; }

.hyou2 th {
  border: 1px solid #b1b1b1;
  background-color: #e1edd9;
  padding: 12px 12px;
  text-align: center;
  font-weight: normal;
  vertical-align: middle; }

.hyou2 td {
  border: 1px solid #b1b1b1;
  /*	background-color:#ffffff;	*/
  padding: 12px 12px;
  text-align: center;
  vertical-align: middle; }

.half_box {
  width: 40%;
  background: #FFF;
  border: 1px solid #CCC;
  padding: 20px;
  text-align: center; }

.ove {
  overflow: hidden; }

/* ---------------access------------------- */
#access_flow ul {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none; }

#access_flow li {
  text-align: left;
  list-style: none;
  float: left;
  width: 290px;
  margin-right: 45px; }

#access_flow li:last-child {
  float: left;
  width: 290px;
  margin-right: 0; }

.access_txtbg {
  width: 290px;
  height: 40px;
  background: url(../images/access_txtbg.png) no-repeat;
  font-weight: bold;
  color: #0b63a2;
  padding: 0 0 0 50px;
  font-size: 25px; }

/*--------------- voice --------------------------*/
/*アイテム更新用レイアウト(高さ固定)*/
.item_layout01, .item_layout01__toparea, .item_layout02 {
  width: 700px;
  margin: 0 -64px 0 0;
  overflow: hidden; }
  .item_layout01 .txtarea.fright.txtaln_r, .item_layout01__toparea .txtarea.fright.txtaln_r, .item_layout02 .txtarea.fright.txtaln_r {
    text-align: right; }
  .item_layout01 .imgarea .list_imgarea, .item_layout01__toparea .imgarea .list_imgarea, .item_layout02 .imgarea .list_imgarea {
    margin: 0 0 5px 0;
    width: 280px;
    height: 280px;
    max-width: 280px;
    max-height: 280px;
    overflow: hidden;
    text-align: center;
    position: relative; }
    .item_layout01 .imgarea .list_imgarea img, .item_layout01__toparea .imgarea .list_imgarea img, .item_layout02 .imgarea .list_imgarea img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      max-width: 280px;
      max-height: 280px; }
  .item_layout01 .imgarea .caption, .item_layout01__toparea .imgarea .caption, .item_layout02 .imgarea .caption, .item_layout01 .imgarea .caption_center, .item_layout01__toparea .imgarea .caption_center, .item_layout02 .imgarea .caption_center, .item_layout01 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .item_layout01 .imgarea .caption_center, .item_layout01__toparea .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .item_layout01__toparea .imgarea .caption_center, .item_layout02 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .item_layout02 .imgarea .caption_center {
    width: 280px;
    margin: 0 0 40px 0;
    text-align: left;
    font-size: 12px;
    line-height: 1.4; }
  .item_layout01 .imgarea .caption_center, .item_layout01__toparea .imgarea .caption_center, .item_layout02 .imgarea .caption_center {
    text-align: center; }
  .item_layout01:after, .item_layout01__toparea:after, .item_layout02:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .item_layout01 .nmds, .item_layout01__toparea .nmds, .item_layout02 .nmds, .item_layout01 .layout09 .imgarea .itemmds, .layout09 .imgarea .item_layout01 .itemmds, .item_layout01__toparea .layout09 .imgarea .itemmds, .layout09 .imgarea .item_layout01__toparea .itemmds, .item_layout02 .layout09 .imgarea .itemmds, .layout09 .imgarea .item_layout02 .itemmds {
    padding: 0px 0 11px 0; }
    .item_layout01 .nmds .subtitle, .item_layout01__toparea .nmds .subtitle, .item_layout02 .nmds .subtitle, .item_layout01 .layout09 .imgarea .itemmds .subtitle, .layout09 .imgarea .item_layout01 .itemmds .subtitle, .item_layout01__toparea .layout09 .imgarea .itemmds .subtitle, .layout09 .imgarea .item_layout01__toparea .itemmds .subtitle, .item_layout02 .layout09 .imgarea .itemmds .subtitle, .layout09 .imgarea .item_layout02 .itemmds .subtitle {
      font-size: 12px;
      color: #e73b84;
      word-break: break-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 3px 0 3px 0; }
  .item_layout01 ul, .item_layout01__toparea ul, .item_layout02 ul {
    margin: 0;
    padding: 0;
    width: 1044px;
    box-sizing: border-box; }
  .item_layout01 .imgarea, .item_layout01__toparea .imgarea, .item_layout02 .imgarea {
    width: 284px;
    float: left;
    list-style: none;
    margin: 0 64px 80px 0; }
    .item_layout01 .imgarea .list_imgarea, .item_layout01__toparea .imgarea .list_imgarea, .item_layout02 .imgarea .list_imgarea {
      width: 284px;
      height: 284px;
      max-width: 284px;
      max-height: 284px; }
      .item_layout01 .imgarea .list_imgarea img, .item_layout01__toparea .imgarea .list_imgarea img, .item_layout02 .imgarea .list_imgarea img {
        max-width: 284px;
        max-height: 284px; }
    .item_layout01 .imgarea .caption, .item_layout01__toparea .imgarea .caption, .item_layout02 .imgarea .caption, .item_layout01 .imgarea .caption_center, .item_layout01__toparea .imgarea .caption_center, .item_layout02 .imgarea .caption_center, .item_layout01 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .item_layout01 .imgarea .caption_center, .item_layout01__toparea .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .item_layout01__toparea .imgarea .caption_center, .item_layout02 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .item_layout02 .imgarea .caption_center {
      width: 284px;
      margin: 10px 0 0 0;
      font-size: 12px;
      line-height: 1.4; }

.item_layout01__toparea {
  margin: 20px -64px 0 0; }
  .item_layout01__toparea .imgarea {
    margin: 60px 64px 0px 0; }

.item_layout02 {
  margin: 0 -40px 0 0; }
  .item_layout02 ul {
    margin: 0;
    padding: 0;
    width: 740px;
    box-sizing: border-box; }
  .item_layout02 .imgarea {
    width: 330px !important;
    float: left;
    list-style: none;
    margin: 0 40px 80px 0; }
    .item_layout02 .imgarea .list_imgarea {
      width: 330px;
      height: 330px;
      max-width: 330px;
      max-height: 330px; }
      .item_layout02 .imgarea .list_imgarea img {
        max-width: 330px;
        max-height: 330px; }
    .item_layout02 .imgarea .caption, .item_layout02 .imgarea .caption_center, .item_layout02 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .item_layout02 .imgarea .caption_center {
      width: 440px;
      margin: 0 0 20px 0;
      font-size: 14px;
      line-height: 1.4; }

/*--------------- REPORT LIST & QA_LIST--------------------------*/
.report_list a, .qa_list a, .qa_list_detail a {
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #d5d5d5;
  padding: 12px 0; }
  .report_list a:hover, .qa_list a:hover, .qa_list_detail a:hover {
    background: #f7f7f7; }
  .report_list a .ymd, .qa_list a .ymd, .qa_list_detail a .ymd {
    color: #009944;
    margin: 0 40px 0 0;
    padding: 0 0 0 0; }

.qa_list .qaq {
  background: url(../images/qa_q.png) no-repeat 15px center; }
.qa_list a {
  padding: 22px 0 22px 80px; }
  .qa_list a:hover {
    background: #f7f7f7 url(../images/qa_q.png) no-repeat 15px center; }

.qa_list_detail .qaq {
  padding: 22px 0 22px 80px;
  background: url(../images/qa_q.png) no-repeat 15px center;
  border-bottom: 1px solid #d5d5d5; }
.qa_list_detail .qaa {
  padding: 22px 0 22px 80px;
  background: url(../images/qa_a.png) no-repeat 15px center; }

/*--------------- 3 COLUMN IHAI--------------------------*/
.ihai_itemlist3 {
  margin: 0 -26px 0 0; }
  .ihai_itemlist3 .txtarea.fright.txtaln_r {
    text-align: right; }
  .ihai_itemlist3 .imgarea .list_imgarea {
    margin: 0 0 5px 0;
    width: 280px;
    height: 280px;
    max-width: 280px;
    max-height: 280px;
    overflow: hidden;
    text-align: center;
    position: relative; }
    .ihai_itemlist3 .imgarea .list_imgarea img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      max-width: 280px;
      max-height: 280px; }
  .ihai_itemlist3 .imgarea .caption, .ihai_itemlist3 .imgarea .caption_center, .ihai_itemlist3 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .ihai_itemlist3 .imgarea .caption_center {
    width: 280px;
    margin: 0 0 40px 0;
    text-align: left;
    font-size: 12px;
    line-height: 1.4; }
  .ihai_itemlist3 .imgarea .caption_center {
    text-align: center; }
  .ihai_itemlist3:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .ihai_itemlist3 .txtarea {
    line-height: 1.6; }
    .ihai_itemlist3 .txtarea .txtmaker {
      color: #fd8536;
      font-size: 17px;
      line-height: 1.45; }
  .ihai_itemlist3 .itemarea {
    width: 200px;
    float: left;
    margin: 0 26px 20px 0; }

/* ihai　item更新 */
.item_layout01 .txtarea.fright.txtaln_r, .item_layout01__toparea .txtarea.fright.txtaln_r, .item_layout02 .txtarea.fright.txtaln_r {
  text-align: right; }
.item_layout01 .imgarea .list_imgarea, .item_layout01__toparea .imgarea .list_imgarea, .item_layout02 .imgarea .list_imgarea {
  margin: 0 0 5px 0;
  width: 280px;
  height: 280px;
  max-width: 280px;
  max-height: 280px;
  overflow: hidden;
  text-align: center;
  position: relative; }
  .item_layout01 .imgarea .list_imgarea img, .item_layout01__toparea .imgarea .list_imgarea img, .item_layout02 .imgarea .list_imgarea img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 280px;
    max-height: 280px; }
.item_layout01 .imgarea .caption, .item_layout01__toparea .imgarea .caption, .item_layout02 .imgarea .caption, .item_layout01 .imgarea .caption_center, .item_layout01__toparea .imgarea .caption_center, .item_layout02 .imgarea .caption_center, .item_layout01 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .item_layout01 .imgarea .caption_center, .item_layout01__toparea .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .item_layout01__toparea .imgarea .caption_center, .item_layout02 .newsarea__kkm .top_newsarea__layout .imgarea .caption_center, .newsarea__kkm .top_newsarea__layout .item_layout02 .imgarea .caption_center {
  width: 280px;
  margin: 0 0 40px 0;
  text-align: left;
  font-size: 12px;
  line-height: 1.4; }
.item_layout01 .imgarea .caption_center, .item_layout01__toparea .imgarea .caption_center, .item_layout02 .imgarea .caption_center {
  text-align: center; }
.item_layout01:after, .item_layout01__toparea:after, .item_layout02:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
.item_layout01 .txtarea, .item_layout01__toparea .txtarea, .item_layout02 .txtarea {
  width: 49%;
  font-size: 12px; }
.item_layout01 .imgarea, .item_layout01__toparea .imgarea, .item_layout02 .imgarea {
  width: 49%; }
  .item_layout01 .imgarea .list_imgarea, .item_layout01__toparea .imgarea .list_imgarea, .item_layout02 .imgarea .list_imgarea {
    width: 330px;
    height: 330px;
    max-width: 330px;
    max-height: 330px; }
    .item_layout01 .imgarea .list_imgarea img, .item_layout01__toparea .imgarea .list_imgarea img, .item_layout02 .imgarea .list_imgarea img {
      max-width: 330px;
      max-height: 330px; }

/*---------------- list_style ast letter------------------------------*/
.list_circle {
  margin: 6px 0; }

.list_circle:first-letter {
  padding: 2px 5px;
  margin: 0 10px 0 0;
  background: #fd8536;
  color: #FFF;
  border-radius: 50% 50%; }

/* ----------------------  arw ------------------------------------------*/
.arw {
  font-size: 40px;
  color: #009944;
  opacity: 0.7; }
  .arw.arw__center {
    text-align: center; }
  .arw.arw__right {
    text-align: right; }
  .arw a {
    color: #009944;
    opacity: 0.7; }
    .arw a:hover {
      opacity: 1.0; }

/*----------------- kkm -------------------------*/
.kkm01, .kkm02, .kkm03, .btmbnr_notice .btmbnr_notice__kkm {
  background-color: white;
  padding: 20px; }

.kkm02 {
  background-color: #F00;
  background: url(../images/kkm02_bg.png) repeat;
  padding: 0; }
  .kkm02:before {
    content: "";
    display: block;
    background: url(../images/kkm02_top_bg.png);
    width: 690px;
    height: 36px; }
  .kkm02:after {
    content: "";
    display: block;
    background: url(../images/kkm02_top_bg.png);
    width: 690px;
    height: 36px; }
  .kkm02 .kkm02_txtarea {
    padding: 20px 40px; }

.kkm03 {
  background-color: rgba(236, 236, 238, 0.8); }

/*--------------- btmbnr_notice --------------------------*/
.btmbnr_notice .layout02 {
  margin: 25px 0; }
  .btmbnr_notice .layout02 .imgarea {
    width: 50%; }
  .btmbnr_notice .layout02 .txtarea {
    width: 50%; }
.btmbnr_notice .btmbnr_notice__mds {
  margin: 0;
  padding: 0;
  height: 77px; }
.btmbnr_notice .btmbnr_notice__kkm .btmbnr_notice__img {
  background: #F00;
  height: 376px; }
.btmbnr_notice .btmbnr_notice__kkm .btmbnr_notice__btn {
  background: #00F;
  height: 77px; }

/* -----------------------------------------------------------------------------------------------
  
	CLEAR FIX

----------------------------------------------------------------------------------------------- */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
  zoom: 1; }

/* -----------------------------------------------------------------------------------------------
  
	FOOTER

----------------------------------------------------------------------------------------------- */
footer {
  margin: 0;
  padding: 0;
  padding: 0 0 0 0;
  background: url(../images/footer_bg.jpg) no-repeat center top;
  min-height: 528px;
  /*&:before {
  	content:"";
  	display:block;
  	width:100%;
  	height:13px;
  	background:url(../images/footer_bar.png) no-repeat top center ;
  	margin:0 0 30px 0;
  }
  &:after {
  	content:"";
  	display:block;
  	width:100%;
  	height:55px;
  	background:url(../images/ftr_bar.gif) no-repeat top center ;
  	margin:0 0 0 0;					
  }*/ }
  footer .container {
    width: 1000px;
    margin: 0 auto;
    padding: 50px 0 0 0;
    background-repeat: no-repeat;
    background-position: center top 95px;
    font-size: 13px;
    line-height: 1.5;
    position: relative; }
    footer .container .top_news li {
      background-image: url(../images/ftr_newsbg.png);
      background-repeat: no-repeat;
      background-position: center top;
      padding: 40px 15px 40px 15px;
      height: 478px; }
    footer .container .footer__cont_logo {
      position: absolute;
      width: 274px;
      height: 107px;
      top: 160px;
      left: 0; }
    footer .container .footer__cont_txt {
      width: 100%;
      text-align: center;
      padding: 30px 0; }
      footer .container .footer__cont_txt:before {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background: url(../images/footer_bar.png) no-repeat top center;
        margin: 0 0 30px 0; }
      footer .container .footer__cont_txt:after {
        content: "";
        display: block;
        width: 100%;
        height: 80px;
        background: url(../images/footer_bar.png) no-repeat top center;
        margin: 0 0 0 0; }
  footer .footer__cont_copy {
    width: 100%;
    text-align: center;
    margin-top: 315px;
    padding: 5px 0 5px 0;
    background-color: #a8d199;
    font-size: 12px;
    color: #6b3906; }
  footer .footer_tel {
    margin-left: 70px; }

/*footer*/
.copy {
  text-align: center;
  margin: 20px 0 0 0;
  padding: 10px 0 25px;
  font-size: 12px;
  color: #333;
  background: #eaeaea; }

.btmlink_area {
  padding: 0 0 0 0;
  text-align: center; }
  .btmlink_area ul {
    margin: 0 0 0 0;
    padding: 0 0 40px 0;
    width: 100%;
    text-align: left; }
  .btmlink_area li {
    display: inline-block; }
    .btmlink_area li a {
      color: #655f59;
      font-size: 14px;
      text-decoration: none; }
  .btmlink_area li:after {
    content: "　";
    color: #73b8e2; }
  .btmlink_area li:last-child:after {
    content: ""; }
  .btmlink_area li:last-child {
    padding-top: 0px;
    vertical-align: middle;
    margin: 0 0; }

/*btmlink_area*/
.f_link p {
  margin-bottom: 25px;
  border-bottom: dotted 1px #b1afaf; }
  .f_link p:before {
    content: " ・ "; }

#pup {
  position: fixed;
  bottom: 0px;
  right: 10px;
  cursor: pointer;
  z-index: 999; }

#pup.pupStatic {
  position: absolute;
  bottom: -86px;
  right: 10px; }

.f_adds {
  margin: 15px 0 20px 0; }

/* -----------------------------------------------------------------------------------------------
  
	FLOAT

----------------------------------------------------------------------------------------------- */
.fleft {
  float: left; }

.fright {
  float: right; }

.fleft_imgmgn {
  float: left;
  margin-right: 10px;
  margin-bottom: 2px; }

.fleft_imgmgn15 {
  float: left;
  margin-right: 15px; }

.fleft_imgmgn20 {
  float: left;
  margin-right: 20px; }

.fleft_imgmgn30 {
  float: left;
  margin-right: 30px; }

.fright_imgmgn {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px; }

.fright_imgmgn15 {
  float: right;
  margin-left: 15px; }

.fright_imgmgn20 {
  float: right;
  margin-left: 20px; }

.fright_imgmgn30 {
  float: right;
  margin-left: 30px; }

/* ---------------Hyou------------------- */
table.hyou {
  /*    border:1px solid #b1b1b1;
      border-collapse:collapse;*/
  border-spacing: 0;
  empty-cells: show;
  margin: 0 0 30px 0; }
  table.hyou .td_bgcol01 {
    background: #f2f2f2;
    padding: 4px 4px; }

.hyou th {
  border: 0px solid #d9d9d9;
  background-color: #f7f7f7;
  padding: 8px 18px;
  text-align: center;
  font-weight: normal;
  vertical-align: middle; }

.hyou td {
  border: 0px solid #d9d9d9;
  background-color: #ffffff;
  padding: 8px 18px;
  vertical-align: middle; }

/* ---------------MAILHYOU------------------- */
table.mailhyou {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box; }

.mailhyou th {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  padding: 1.2em 3em 0.6em 0;
  text-align: right;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
  border-bottom: 1px solid #CCC; }
.mailhyou td {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  padding: 1.2em 0 0.6em 0;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  border-bottom: 1px solid #CCC; }
.mailhyou .fm80 {
  width: 80%; }
.mailhyou .fm60 {
  width: 60%; }
.mailhyou .fm40 {
  width: 40%; }
.mailhyou .fm20 {
  width: 20%; }
.mailhyou .fm10 {
  width: 10%; }
.mailhyou th span {
  margin-left: 0.5em; }
.mailhyou .select_label {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 0 0.5em 0; }

.submitbtn_area {
  padding: 2em 0 0 0;
  width: 440px;
  margin: 0 auto;
  text-align: center; }
  .submitbtn_area input {
    background: #16833a;
    color: #FFF;
    width: 200px;
    border: none;
    border-radius: 6px;
    height: 50px; }
    .submitbtn_area input:hover {
      background: #67b462; }

/* -----------------------------------------------------------------------------------------------
  
	btns

----------------------------------------------------------------------------------------------- */
.button1, .button2, .detail_btmnav_prev, .detail_btmnav_back, .detail_btmnav_next {
  display: block;
  text-align: center;
  color: #FFF;
  min-height: 30px;
  font-size: 14px;
  box-sizing: border-box;
  line-height: 1.5;
  text-decoration: none;
  margin: 10px 0; }
  .button1 a, .button2 a, .detail_btmnav_prev a, .detail_btmnav_back a, .detail_btmnav_next a {
    display: block;
    width: 100%;
    background: #009944;
    padding: 12px 20px;
    text-decoration: none;
    color: #FFF;
    transition: all .3s;
    -webkit-transition: all .3s; }
    .button1 a:hover, .button2 a:hover, .detail_btmnav_prev a:hover, .detail_btmnav_back a:hover, .detail_btmnav_next a:hover {
      background: #67b462;
      color: #FFF; }

.button2 {
  color: #000;
  border: 1px solid #999;
  width: 25%; }
  .button2 a {
    color: #000; }
    .button2 a:hover {
      background: #009944;
      color: #FFF; }

.btnw_full {
  width: 100%; }

.detail_btmnav {
  width: 100%;
  height: 45px;
  position: relative;
  margin: 80px 0 0 0;
  text-align: center; }

.detail_btmnav_prev {
  color: #fff;
  width: 25%;
  position: absolute;
  top: 0;
  left: 0; }
  .detail_btmnav_prev a {
    color: #fff; }

.detail_btmnav_back {
  color: #000;
  width: 25%;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 10px 0 0 -12.5%; }
  .detail_btmnav_back a {
    color: #fff; }

.detail_btmnav_next {
  color: #000;
  width: 25%;
  position: absolute;
  top: 0;
  right: 0; }
  .detail_btmnav_next a {
    color: #fff; }

/* -----------------------------------------------------------------------------------------------
  
	PG

----------------------------------------------------------------------------------------------- */
.pager {
  margin: 20px 0 30px 0; }

/* cart detail
-----------------------------------------------------*/
.detail_btnlist {
  margin: 0 0 30px 0; }

.detail_btnlist li {
  display: inline-block;
  float: left;
  margin: 0 10px 0 0; }

.detail_txtarea {
  width: 260px;
  float: right; }

.btn_area {
  text-align: right;
  margin: 40px 0 0 0;
  width: 260px; }

.detail_picarea {
  /*float: left;*/
  box-sizing: border-box;
  width: 410px;
  height: 410px;
  max-width: 410px;
  max-height: 410px;
  overflow: hidden;
  background: #FFF url(../images/surimi_item_bg.jpg) top center;
  text-align: center;
  position: relative; }

.detail_picarea img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 390px;
  max-height: 390px; }

.detail_picss_area {
  widows: 460px;
  float: left; }

.detail_spics_area {
  widows: 460px; }

.detail_picarea_s {
  box-sizing: border-box;
  width: 200px;
  height: 200px;
  max-width: 200px;
  max-height: 200px;
  overflow: hidden;
  background: #FFF url(../images/surimi_item_bg.jpg) top center;
  text-align: center;
  position: relative;
  margin: 10px 0 0 0; }

.detail_picarea_s img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 180px;
  max-height: 180px; }

.detail_btn {
  margin: 10px 0 0 0; }

/* PDF
-----------------------------------------------------*/
.txt_pdf {
  margin-top: 20px; }
  .txt_pdf li {
    padding: 10px 10px 10px 65px;
    border-bottom: 1px dotted #040000;
    background: url(../images/pdf.jpg) no-repeat 5px 12px; }

/* -----------------------------------------------------------------------------------------------
  
	UTILTY

----------------------------------------------------------------------------------------------- */
.point_a {
  color: #F00; }

.point_b {
  color: #009944; }

.point_c {
  color: #50a4dc; }

.point_d {
  color: #ec6d38; }

.mgL10 {
  margin-left: 10px; }

.mgL20 {
  margin-left: 20px; }


.txtC {
  text-align: center; }

.mgnBtm40 {
  margin-bottom: 40px; }

.space05 {
  margin-top: 5px; }

.space10 {
  margin-top: 10px; }

.space15 {
  margin-top: 15px; }

.space20 {
  margin-top: 20px; }

.space25 {
  margin-top: 25px; }

.space30 {
  margin-top: 30px; }

.space35 {
  margin-top: 35px; }

.space40 {
  margin-top: 40px; }

.space50 {
  margin-top: 50px; }

.space60 {
  margin-top: 60px; }

.space70 {
  margin-top: 70px; }

.space80 {
  margin-top: 80px; }

.space90 {
  margin-top: 90px; }

.space100 {
  margin-top: 100px; }

.f10 {
  font-size: 10px; }

.f12 {
  font-size: 12px; }

.f14 {
  font-size: 14px; }

.f16 {
  font-size: 16px; }

.f18 {
  font-size: 18px;
  line-height: 1.5; }

.f20 {
  font-size: 20px;
  line-height: 1.5; }

.f22 {
  font-size: 22px;
  line-height: 1.5; }

.f24 {
  font-size: 24px;
  line-height: 1.5; }

.f26 {
  font-size: 26px;
  line-height: 1.5; }

.f30 {
  font-size: 30px;
  line-height: 1.5; }

.f40 {
  font-size: 40px;
  line-height: 1.5; }

.f50 {
  font-size: 50px;
  line-height: 1.5; }

.dotline {
  border-bottom: 1px dotted #333333; }

ul#nsub li {
  float: none;
  z-index: 2;
  position: relative;
  height: 40px; }

/* -----------------------------------------------------------------------------------------------
  
	sphoneView

----------------------------------------------------------------------------------------------- */
#sphoneView {
  position: relative;
  background: #265b7b;
  text-align: center;
  padding: 60px 0 60px 0px;
  /*width:1100px;*/
  position: relative;
  font-size: 45px;
  box-sizing: border-box;
  margin: 0 auto; }

#sphoneView:after {
  content: url(../images/sphone_icon.png);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -36px;
  margin-left: -370px; }

#sphoneView a {
  color: #fff;
  text-decoration: none; }

/* -----------------------------------------------------------------------------------------------
  
	BUTTON_A

----------------------------------------------------------------------------------------------- */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

#contentBox {
  width: 90%;
  margin: 0 auto; }

.buttonBox {
  position: relative;
  float: right;
  margin: 25px 10px 0 0;
  width: 90px; }

button {
  width: 100%;
  height: 80px;
  position: relative;
  background: rgba(255, 255, 255, 0.27);
  color: white;
  letter-spacing: 1px;
  border: none;
  font-size: 15px;
  outline: none;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

/* FIRST BUTTON */
.border {
  position: absolute;
  background: none;
  transition: all .5s ease-in-out; }

#first > .border:nth-of-type(1) {
  top: 0;
  left: 0;
  border-left: 1px solid white;
  border-top: 1px solid white;
  width: 30px;
  height: 30px; }

#first > .border:nth-of-type(2) {
  bottom: 0;
  right: 0;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  width: 30px;
  height: 30px; }

#first:hover .border {
  width: 102%;
  height: 105%; }

/* SECOND BUTTON */
.second > .border:nth-of-type(1) {
  bottom: -10px;
  left: 50%;
  width: 0;
  border-bottom: 3px solid #ffeb00;
  transition: width .3s ease-in-out, transform 1s ease-in-out; }

.second:hover .border {
  transform: translate(-50%, 0);
  width: 100%;
  transition: width .8s ease-in-out, transform .3s ease-in-out; }

/* THIRD BUTTON */
#third > .border:nth-of-type(1) {
  top: 0;
  left: 0;
  border-top: 1px solid #FFF;
  width: 100%;
  height: 100%; }

#third > .border:nth-of-type(2) {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #FFF; }

#third > .border:nth-of-type(3) {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-left: 1px solid #FFF; }

#third > .border:nth-of-type(4) {
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border-right: 1px solid #FFF; }

#third:hover .border:nth-of-type(1) {
  transform: translate(0, 99%); }

#third:hover .border:nth-of-type(2) {
  transform: translate(0, -99%); }

#third:hover .border:nth-of-type(3) {
  transform: translate(99%, 0); }

#third:hover .border:nth-of-type(4) {
  transform: translate(-99%, 0); }

/* FOURTH BUTTON */
#fourth > .border:nth-of-type(1) {
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 1px solid white; }

#fourth > .border:nth-of-type(2) {
  top: 0;
  right: 0;
  width: 10px;
  height: 0;
  border-right: 1px solid white; }

#fourth > .border:nth-of-type(3) {
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 1px solid white; }

#fourth > .border:nth-of-type(4) {
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 1px solid white; }

#fourth:hover .border:nth-of-type(1) {
  width: 100%; }

#fourth:hover .border:nth-of-type(2) {
  height: 80px; }

#fourth:hover .border:nth-of-type(3) {
  width: 100%; }

#fourth:hover .border:nth-of-type(4) {
  height: 80px; }

/* FIFTH BUTTON */
#fifth {
  overflow: hidden; }

#fifth:before {
  content: " ";
  display: block;
  width: 200px;
  height: 80px;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: -10px;
  left: -200px;
  transform: rotate(-45deg);
  transition: all .15s ease-in-out; }

#fifth:hover:before {
  margin-left: 300%; }

/* SIXTH BUTTON */
#sixth {
  overflow: hidden; }

#sixth > button {
  z-index: 1;
  transition: color .5s ease; }

#sixth .border {
  z-index: 0;
  background: #bbe3fc;
  width: 30px;
  height: 30px;
  transform: rotate(45deg); }

#sixth > .border:nth-of-type(1) {
  top: -35px;
  left: -30px; }

#sixth > .border:nth-of-type(2) {
  top: -35px;
  right: -30px; }

#sixth > .border:nth-of-type(3) {
  bottom: -35px;
  left: -30px; }

#sixth > .border:nth-of-type(4) {
  bottom: -35px;
  right: -30px; }

#sixth:hover .border {
  transform: scale(15.7) rotate(45deg); }

#sixth:hover button {
  color: #FFF;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  transition: color 2s ease; }

/* SEVENTH BUTTON */
#seventh > button {
  border: 1px solid rgba(255, 255, 255, 0);
  transition: all .5s ease-in-out; }

#seventh:hover button {
  border: 1px solid white;
  font-size: 20px; }

/* EIGHTH BUTTON */
#eighth > button {
  transition: all .5s ease-in-out; }

#eighth:hover button {
  text-shadow: 0 0 10px white, 0 0 50px rgba(255, 255, 255, 0.8), 0 0 75px rgba(255, 255, 255, 0.6), 0 0 76px rgba(255, 255, 255, 0.4), 0 0 77px rgba(255, 255, 255, 0.5), 0 0 78px rgba(255, 255, 255, 0.4), 0 0 79px rgba(255, 255, 255, 0.3), 0 0 80px rgba(255, 255, 255, 0.2), 0 0 85px rgba(255, 255, 255, 0.1); }

/* NINTH HOVER */
#ninth > button {
  transition: all .5s ease-in-out; }

#ninth:hover button {
  background: white;
  color: #ff9292; }

/* TENTH BUTTON */
#tenth > button {
  letter-spacing: 0; }

#tenth span {
  letter-spacing: 0;
  display: inline-block;
  position: relative;
  width: 8px;
  transition: all .5s ease-in-out; }

#tenth span:nth-of-type(4) {
  width: 5px; }

#tenth span:nth-of-type(6) {
  width: 1px; }

#tenth span:nth-of-type(8) {
  width: 4px; }

#tenth:hover span:nth-of-type(1) {
  animation: h .5s; }

#tenth:hover span:nth-of-type(2) {
  animation: o .5s; }

#tenth:hover span:nth-of-type(3) {
  animation: v .5s; }

#tenth:hover span:nth-of-type(4) {
  animation: e .5s; }

#tenth:hover span:nth-of-type(5) {
  animation: r .5s; }

#tenth:hover span:nth-of-type(7) {
  animation: t .5s; }

#tenth:hover span:nth-of-type(8) {
  animation: e .5s; }

#tenth:hover span:nth-of-type(9) {
  animation: n .5s; }

@keyframes h {
  0% {
    transform: translate(0, 0); }
  50% {
    transform: translate(50px, 5px); }
  75% {
    transform: translate(5px, 5px); }
  80% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 0); } }
@keyframes o {
  0% {
    transform: translate(0, 0); }
  25% {
    transform: translate(-4px, 0); }
  50% {
    transform: translate(3px, 4px); }
  80% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 0); } }
@keyframes v {
  0% {
    transform: translate(0, 0); }
  20% {
    transform: rotate(360deg); }
  50% {
    transform: scale(2); }
  80% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 0); } }
@keyframes e {
  0% {
    transform: translate(0, 0); }
  20% {
    transform: translate(-10px, -2px); }
  80% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 0); } }
@keyframes r {
  0% {
    transform: translate(0, 0); }
  20% {
    transform: translate(0, 10px); }
  80% {
    transform: translate(0, 32px); }
  100% {
    transform: translate(0, 0); } }
@keyframes t {
  0% {
    transform: translate(0, 0); }
  20% {
    transform: translate(0, -10px); }
  40% {
    transform: translate(0, 0); }
  60% {
    transform: translate(0, -10px); }
  80% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 0); } }
@keyframes n {
  0% {
    transform: translate(0, 0); }
  50% {
    transform: skewY(50deg); }
  80% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 0); } }
.kisya {
  bottom: 12px;
  float: left;
  /*	li:first-child{
  		margin: 100px 0px 0px 290px;
  	}
  	li:last-child{
  		margin: -15px 0px 0px 0px;
  	}
  */ }
  .kisya ul {
    overflow: hidden;
    height: 400px;
    width: 500px; }
  .kisya .girl {
    margin: 100px 0px 0px 290px; }
  .kisya .butterfly {
    margin: -15px 0px 0px 0px;
    animation: manga 2s infinite;
    -webkit-animation: manga 2s infinite;
    -ms-animation: manga 2s infinite;
    -o-animation: manga 2s infinite;
    -moz-animation: manga 2s infinite; }
  .kisya .butterfly_in {
    margin: -110px 0px 0px 0px;
    animation: manga 2s infinite;
    -webkit-animation: manga 2s infinite;
    -ms-animation: manga 2s infinite;
    -o-animation: manga 2s infinite;
    -moz-animation: manga 2s infinite; }
  .kisya li {
    height: 150px;
    display: block; }
    .kisya li img {
      z-index: 3; }
    .kisya li .taiya_m01 {
      width: 40px;
      height: 39px;
      -webkit-animation: hanspin 3s linear infinite;
      -moz-animation: hanspin 3s linear infinite;
      -ms-animation: hanspin 3s linear infinite;
      -o-animation: hanspin 3s linear infinite;
      animation: hanspin 3s linear infinite;
      position: absolute;
      margin: 109px 0 0 25px; }
    .kisya li .taiya_u01 {
      width: 40px;
      height: 39px;
      -webkit-animation: hanspin 3s linear infinite;
      -moz-animation: hanspin 3s linear infinite;
      -ms-animation: hanspin 3s linear infinite;
      -o-animation: hanspin 3s linear infinite;
      animation: hanspin 3s linear infinite;
      position: absolute;
      margin: -29px 0 0 90px; }
    .kisya li .taiya_m02 {
      width: 40px;
      height: 39px;
      -webkit-animation: hanspin 3s linear infinite;
      -moz-animation: hanspin 3s linear infinite;
      -ms-animation: hanspin 3s linear infinite;
      -o-animation: hanspin 3s linear infinite;
      animation: hanspin 3s linear infinite;
      position: absolute;
      margin: 109px 0 0 7px; }
    .kisya li .taiya_u02 {
      width: 40px;
      height: 39px;
      -webkit-animation: hanspin 3s linear infinite;
      -moz-animation: hanspin 3s linear infinite;
      -ms-animation: hanspin 3s linear infinite;
      -o-animation: hanspin 3s linear infinite;
      animation: hanspin 3s linear infinite;
      position: absolute;
      margin: -29px 0 0 63px; }
    .kisya li .taiya_m03 {
      width: 40px;
      height: 39px;
      -webkit-animation: hanspin 3s linear infinite;
      -moz-animation: hanspin 3s linear infinite;
      -ms-animation: hanspin 3s linear infinite;
      -o-animation: hanspin 3s linear infinite;
      animation: hanspin 3s linear infinite;
      position: absolute;
      margin: 109px 0 0 0px; }
    .kisya li .taiya_u03 {
      width: 40px;
      height: 39px;
      -webkit-animation: hanspin 3s linear infinite;
      -moz-animation: hanspin 3s linear infinite;
      -ms-animation: hanspin 3s linear infinite;
      -o-animation: hanspin 3s linear infinite;
      animation: hanspin 3s linear infinite;
      position: absolute;
      margin: -29px 0 0 49px; }
@keyframes hanspin {
  50% {
    transform: rotate(-180deg); }
  100% {
    transform: rotate(-360deg); } }
@keyframes manga {
  0% {
    transform: rotate(0deg) translate(0, 0); }
  50% {
    transform: rotate(0deg) translate(0, 0); }
  55% {
    transform: rotate(-1deg) translate(2px, -2px); }
  60% {
    transform: rotate(0.8deg) translate(-1px, 3px); }
  65% {
    transform: rotate(0.8deg) translate(-1px, 3px); }
  70% {
    transform: rotate(1deg) translate(3px, -2); }
  75% {
    transform: rotate(0deg) translate(0, 0); }
  80% {
    transform: rotate(1.2deg) translate(3px, -2px); }
  85% {
    transform: rotate(0.8deg) translate(-1px, 3px); }
  90% {
    transform: rotate(0deg) translate(0, 0); }
  95% {
    transform: rotate(1.2deg) translate(3px, -2px); }
  100% {
    transform: rotate(0.8deg) translate(-1px, 3px); } }
.sec_cont {
  padding: 0 20px 0 20px; }

.in_title {
  display: block;
  width: 320px;
  text-align: center;
  margin-top: 70px; }
  .in_title h2 {
    font-size: 30px;
    font-weight: bold;
    -webkit-text-stroke: 1px white;
    text-stroke: 1px white; }

/* テーブル */
.infoTbl {
  background-color: #ffffff;
  border: 1px solid #67b462;
  border-collapse: collapse; }

.infoTbl td {
  line-height: 18px;
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #67b462;
  border-left: 1px solid #67b462;
  vertical-align: middle; }

.infoTbl th {
  font-weight: bold;
  color: #1e9144;
  text-align: center;
  padding: 5px;
  background-color: #c7eda7;
  border-bottom: 1px solid #67b462;
  border-right: 1px solid #67b462; }

.infoTbl th.time {
  background-color: #fdf6d9;
  color: #df6225;
  font-weight: bold;
  padding: 3px 5px;
  border-right: 1px solid #f85c5e;
  text-align: center; }

.infoTbl th.mid {
  vertical-align: middle; }

.infoTbl .bdNon {
  border: none; }

.infoTbl .color {
  color: #de0000; }

.list3c, .list4c {
  overflow: hidden;
  zoom: 1; }

.list3c li {
  margin: 0 20px 0 20px;
  float: left;
  margin-bottom: 20px;
  width: 280px; }
  .list3c li .cap {
    text-align: center;
    padding: 5px;
    background: #f3d9e9;
    font-size: 12px; }
  .list3c li img {
    width: 280px; }

/* -----------------------------------------------------------------------------------------------
  
	newsお知らせページ

----------------------------------------------------------------------------------------------- */
.newsarea__kkm {
  margin: 0 auto;
  padding: 40px 40px;
  /* li */
  /*.top_newsarea__layout*/ }
  .newsarea__kkm li {
    border-bottom: 1px dotted #C5C5C5;
    padding: 15px 0;
    box-sizing: border-box;
    /* a */ }
    .newsarea__kkm li a {
      display: block;
      height: 115px;
      text-decoration: none;
      color: #333; }
      .newsarea__kkm li a:hover {
        color: #EA5283;
        text-decoration: underline; }
    .newsarea__kkm li .nmds_news {
      font-size: 22px;
      color: #67b462;
      margin: 15px 0 15px 0;
      padding: 6px 0px 0px 0px;
      line-height: 1.4;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
      min-height: 42px; }
  .newsarea__kkm .top_newsarea__layout {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    /* Safari */
    justify-content: space-between;
    /*.imgarea*/
    /*.txtarea */ }
    .newsarea__kkm .top_newsarea__layout .imgarea {
      width: 130px; }
      .newsarea__kkm .top_newsarea__layout .imgarea .list_imgarea {
        margin: 0 0 5px 0;
        width: 280px;
        height: 280px;
        max-width: 280px;
        max-height: 280px;
        overflow: hidden;
        text-align: center;
        position: relative; }
        .newsarea__kkm .top_newsarea__layout .imgarea .list_imgarea img {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          max-width: 280px;
          max-height: 280px; }
      .newsarea__kkm .top_newsarea__layout .imgarea .caption, .newsarea__kkm .top_newsarea__layout .imgarea .caption_center {
        width: 280px;
        margin: 0 0 40px 0;
        text-align: left;
        font-size: 12px;
        line-height: 1.4; }
      .newsarea__kkm .top_newsarea__layout .imgarea .caption_center {
        text-align: center; }
      .newsarea__kkm .top_newsarea__layout .imgarea .list_imgarea {
        width: 130px;
        height: 130px;
        max-width: 130px;
        max-height: 130px; }
        .newsarea__kkm .top_newsarea__layout .imgarea .list_imgarea img {
          max-width: 130px;
          max-height: 130px; }
    .newsarea__kkm .top_newsarea__layout .txtarea {
      width: 770px;
      /*.nmds*/
      /*.commnet*/ }
      .newsarea__kkm .top_newsarea__layout .txtarea .nmds, .newsarea__kkm .top_newsarea__layout .txtarea .layout09 .imgarea .itemmds, .layout09 .imgarea .newsarea__kkm .top_newsarea__layout .txtarea .itemmds {
        font-size: 23px;
        padding: 0px 0px 0px 30px;
        margin: 10px 0 10px 0px; }
      .newsarea__kkm .top_newsarea__layout .txtarea .commnet {
        clear: both;
        font-size: 14px; }
        .newsarea__kkm .top_newsarea__layout .txtarea .commnet div.br {
          display: none; }

.info_img1 {
  text-align: right;
  height: 0px; }
  .info_img1 img {
    position: relative;
    top: -550px;
    right: 150px;
    width: 150px; }

.info_img2 {
  text-align: right;
  height: 0px; }
  .info_img2 img {
    position: relative;
    top: -440px;
    right: 70px; }

.info_img3 {
  text-align: left;
  height: 0px; }
  .info_img3 img {
    position: relative;
    top: -90px;
    left: 250px;
    width: 150px; }

.event_01 {
  margin: 0 0 0 0; }
  .event_01 li {
    width: 100%;
    border-bottom: #9AA94D dotted 3px;
    padding: 10px 0 0 0;
    min-height: 90px; }
    .event_01 li img {
      float: left; }
    .event_01 li .txt {
      padding: 40px 0 0 15px;
      font-size: 18px;
      font-family: "Mplus 1p","Comic Sans MS", cursive; }