@charset "UTF-8";
body{
	font-family: "A-OTF 新ゴ Pro", "A-OTF Shin Go Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.fullwidth{
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.container {
  width: 1110px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .container {
      width: 100%;
      padding-right: 0;
      padding-left: 0;
  }
}

.h2-title{
  position: relative;
  width: 1110px;
  margin-right: auto;
  margin-left: auto;
}
.h2-title img{
  max-width: none; 
}
.h2-title img.h2-title_layer{
  position: absolute;
}
@media screen and (max-width: 767px) {
  .h2-title{
      width: 94%;
  }
}


.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100%;
}

.topicPath {
    margin: 0 auto 0;
}


.shima_Section {
  position: relative;
}
.shima_Section img {
  max-width: 100%;
	vertical-align: bottom;
  line-height: 1.0em;
}
.shima_Section img.nomaxwidth{
  max-width: none;
}


/***** 島ナビゲーション（PC専用） *****/
div.shima_head-navi{
  position: fixed;
  top: 64px;
  left: 0;
  width: 100%;
  background-color: #cffcf8;
  z-index: 100;
}
div.shima_head-navi ul{
  width: 1110px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 25px 0;
  margin-bottom: 0;
}
div.shima_head-navi ul li a{
  display: inline-block;
  text-indent: -9999px;
	-webkit-transition: all .5s;
	transition: all .5s;
}
div.shima_head-navi ul li.shima_head-navi01 a{
  width: 63px;
  height: 46px;
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_01.png) no-repeat center center / contain;
}
div.shima_head-navi ul li.shima_head-navi01 a:hover{
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_07.png) no-repeat center center / contain;
}
div.shima_head-navi ul li.shima_head-navi02 a{
  width: 106px;
  height: 49px;
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_02.png) no-repeat center center / contain;
}
div.shima_head-navi ul li.shima_head-navi02 a:hover{
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_08.png) no-repeat center center / contain;
}
div.shima_head-navi ul li.shima_head-navi03 a{
  width: 177px;
  height: 50px;
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_03.png) no-repeat center center / contain;
}
div.shima_head-navi ul li.shima_head-navi03 a:hover{
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_09.png) no-repeat center center / contain;
}
div.shima_head-navi ul li.shima_head-navi04 a{
  width: 162px;
  height: 49px;
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_04.png) no-repeat center center / contain;
}
div.shima_head-navi ul li.shima_head-navi04 a:hover{
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_10.png) no-repeat center center / contain;
}
div.shima_head-navi ul li.shima_head-navi05 a{
  width: 132px;
  height: 49px;
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_05.png) no-repeat center center / contain;
}
div.shima_head-navi ul li.shima_head-navi05 a:hover{
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_11.png) no-repeat center center / contain;
}
div.shima_head-navi ul li.shima_head-navi06 a{
  width: 142px;
  height: 48px;
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_06.png) no-repeat center center / contain;
}
div.shima_head-navi ul li.shima_head-navi06 a:hover{
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_12.png) no-repeat center center / contain;
}

/***** ドロアメニュー（ スマホ専用） *****/
p.menu-btn{
  position: fixed;
  right: 10px;
  top: 75px;
  z-index: 102;
}
p.menu-btn img{
  width: 76.5px;
  height: 48.5px;
  cursor: pointer;
}
.menu-box{
  display: none;
}
@media screen and (min-width: 768px) {
 .menu-box{
   display: none !important;
 }
}
@media screen and (max-width: 767px) {
  .menu-box{
    margin: 0;
    left:0;
    display: none;
    position: fixed;
    margin-top: -15px;
    width: 100%;
    height: 100%;
    background: #cffcf8;
    z-index: 101 !important;
  }
  .menu-box ul{
    padding-top: 40px;
    text-align: center;
  }
  .menu-box ul li{
    margin-bottom: 20px;
  }
  .menu-box ul li.menu-box-navi01 img{
    width: 63.5px;
    height: auto;
  }
  .menu-box ul li.menu-box-navi02 img{
    width: 106.5px;
    height: auto;
  }
  .menu-box ul li.menu-box-navi03 img{
    width: 178px;
    height: auto;
  }
  .menu-box ul li.menu-box-navi04 img{
    width: 163px;
    height: auto;
  }
  .menu-box ul li.menu-box-navi05 img{
    width: 132.5px;
    height: auto;
  }
  .menu-box ul li.menu-box-navi06 img{
    width: 142.5px;
    height: auto;
  }

  /*
  p.menu-btn:before img{
    content: '';
  }
  p.menu-btn.active:before img{
    content: '';
  }
  */
}

/***** メインイメージ島 *****/
.shima-headerwrap{
  margin-top: 168px;
    position: relative;
    background: #cffcf8 url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_23.png) repeat-x bottom center;
    overflow: hidden;
 min-height: 748px;
}
_::-webkit-full-page-media, _:future, :root .shima-headerwrap { /* Safariで隙間ができる対策 */
 margin-top: 164px;
}
.shima-headerwrap img.shima-headerwrap-Fishes1,
.shima-headerwrap img.shima-headerwrap-Fishes2,
.shima-headerwrap img.shima-headerwrap-Fishes3,
.shima-headerwrap img.shima-headerwrap-Fishes4{
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1538px;
  margin-left: -769px;
  z-index: 0;
  max-width: none;
}
.shima-headerwrap .container{
  position: relative;
  max-width: none;
}
.shima-headerwrap .island-base{
  margin-top: 300px;
  max-width: none;
  margin-bottom: 50px;
}
.shima-headerwrap-navi02{  /* 産直市場 */
  position: absolute;
  top: 740px;
  left: 50%;
  width: 181px;
  margin-left: -346px;
  z-index: 2;
}
.shima-headerwrap-navi03{  /* お家で○○気分 */
  position: absolute;
  top: 555px;
  left: 50%;
  width: 180px;
  margin-left: -45px;
  z-index: 2;
}
.shima-headerwrap-navi04{  /* ママサポの泉 */
  position: absolute;
  top: 580px;
  left: 50%;
  width: 179px;
  margin-left: -423px;
  z-index: 2;
}
.shima-headerwrap-navi05{  /* お祭り広場 */
  position: absolute;
  top: 775px;
  left: 50%;
  width: 181px;
  margin-left: 160px;
  z-index: 2;
}
.shima-headerwrap-navi06{  /* 風の掲示板 */
  position: absolute;
  top: 825px;
  left: 50%;
  width: 181px;
  margin-left: -156px;
  z-index: 2;
}
.shima-headerwrap-navi02,
.shima-headerwrap-navi03,
.shima-headerwrap-navi04,
.shima-headerwrap-navi05,
.shima-headerwrap-navi06{
  transform: scale(1);
  transform: translateY(3px);
  transition: transform 0.3s linear;
}
.shima-headerwrap-navi02:hover,
.shima-headerwrap-navi03:hover,
.shima-headerwrap-navi04:hover,
.shima-headerwrap-navi05:hover,
.shima-headerwrap-navi06:hover{
	transform: scale(1.05);
  transition: transform 0.3s linear;
}

.shima-headerwrap .container.news-tip_cont{
  padding-bottom: 15px;
}


.shima-headerwrap .container.news-tip_cont li{
  display: inline-block;
  padding: 3px 10px;
  background: #ffffff;
  margin-right: 5px;
  font-size: 80%;
  margin-bottom: 5px;
}
.shima-headerwrap .container.news-tip_cont li span{
  color: #00a8b5;
  }
/*** アニメーション ***/
/* タイトルロゴ */
.shimacont-logo{
  position: absolute;
  top: 32px;
  left: 300px;
}
/* お魚の吹き出し */
.shima-headerwrap-balloon{
  position: absolute;
  top: 279px;
  left: 50%;
  width: 161px;
  margin-left: -397px;
  z-index: 2;
}
/* ピチピチお魚 */
.shima-headerwrap-fish{
  position: absolute;
  top: 345px;
  left: 50%;
  width: 143px;
  margin-left: -538px;
  z-index: 3;
  animation: tada-fish 1.2s infinite;
}
@keyframes tada-fish {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.98, 0.98, 0.98) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.98, 0.98, 0.98) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%{
    -webkit-transform: scale3d(1.02, 1.02, 1.02) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.02, 1.02, 1.02) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%{
    -webkit-transform: scale3d(1.02, 1.02, 1.02) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.02, 1.02, 1.02) rotate3d(0, 0, 1, -3deg);
  }
  100%,71%{
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* ふわふわ風船 */
.shima-headerwrap-fusen{
  position: absolute;
  top: 300px;
  left: 50%;
  width: 102px;
  margin-left: 571px;
  animation: shima-headerwrap-fusen 9s infinite;
}
@keyframes shima-headerwrap-fusen {
  0% { transform:translateY(0px); }
  5% { transform:translateY(0px); }
  50% { transform:translateY(-150%); }
  95% { transform:translateY(  0px); }
  100% { transform:translateY(  0px); }
}
/* ふわふわ気球 */
.shima-headerwrap-kikyu{
  position: absolute;
  top: 214px;
  left: 50%;
  width: 56px;
  margin-left: 377px;
  animation: shima-headerwrap-kikyu 12s infinite;
}
@keyframes shima-headerwrap-kikyu {
  0% { transform:translateY(0px); }
  2% { transform:translateY(0px); }
  50% { transform:translateY(-180%); }
  98% { transform:translateY(  0px); }
  100% { transform:translateY(  0px); }
}

@media screen and (max-width: 767px) {
.shima-headerwrap{
  margin-top: 0;
    background: #00a8b5;
  min-height: 600px;
}
 _::-webkit-full-page-media, _:future, :root .shima-headerwrap {/* Safariで隙間ができる対策 */
  margin-top: 0;
 }
.shima-headerwrap .container{
  max-width: none;
}
.shima-headerwrap img.shima-headerwrap-Fishes1,
.shima-headerwrap img.shima-headerwrap-Fishes2,
.shima-headerwrap img.shima-headerwrap-Fishes3,
.shima-headerwrap img.shima-headerwrap-Fishes4{
  top: 0;
  left: 0;
  width: 100%;
  margin-left: 0;
  z-index: 1;
}
.shima-headerwrap .island-base{
  margin-top: 0;
  width: 100%;
  max-width: none;
  margin-bottom: 0;
}
.shima-headerwrap-navi02{  /* 産直市場 */
  top: 38%;
  width: 28.3%;
  margin-left: 11%;
}
.shima-headerwrap-navi03{  /* お家で○○気分 */
  top: 64%;
  width: 28.2%;
  margin-left: -35%;
}
.shima-headerwrap-navi04{  /* ママサポの泉 */
  top: 58%;
  width: 28.2%;
  margin-left: 11%;
}
.shima-headerwrap-navi05{  /* お祭り広場 */
  top: 46%;
  width: 28.2%;
  margin-left: -36%;
}
.shima-headerwrap-navi06{  /* 風の掲示板 */
  top: 77%;
  width: 28.3%;
  margin-left: 10%;
}
.shima-headerwrap .container.news-tip_cont{
  padding: 10px 3% 10px;
}
.shima-headerwrap .container.news-tip_cont p{
  padding: 2px 7px;
  display: block;
  margin-right: 0;
  font-size: 0.9rem;
}
/*** アニメーション ***/
/* タイトルロゴ */
.shimacont-logo{
  top: 5%;
  left: 50%;
  z-index: 1;
  width: 58%;
  margin-left: -29%;
}
/* お魚の吹き出し */
.shima-headerwrap-balloon{
  top: 25%;
  left: 50%;
  width: 18.3%;
  margin-left: 10%;
  z-index: 2;
}
/* ピチピチお魚 */
.shima-headerwrap-fish{
  top: 21.5%;
  left: 50%;
  width: 20.1%;
  margin-left: -10.05%;
  z-index: 3;
  animation: tada-fish 1.2s infinite;
}
/* ふわふわ風船 */
.shima-headerwrap-fusen{
  top: 18%;
  left: 50%;
  width: 11.9%;
  margin-left: 32%;
  animation: shima-headerwrap-fusen 9s infinite;
  z-index: 2;
}
/* ふわふわ気球 */
.shima-headerwrap-kikyu{
  top: 18%;
  left: 50%;
  width: 6.4%;
  margin-left: -41%;
  animation: shima-headerwrap-kikyu 12s infinite;
  z-index: 2;
}
}

/***** 仕切り1個目 *****/
.shima-partition01{
  height: 39px;
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_24.png) repeat-x center center;
}
.shima-partition01 img{
  display: none;
}
@media screen and (max-width: 767px) {
.shima-partition01{
  height: auto;
  overflow:hidden;
  background-image:none;
}
.shima-partition01 img{
  display: block;
  width: 100%;
  max-width: none;
}
}


/***** 産地市場 *****/
.shima-sanchi{
    position: relative;
    background-color: #67aad7;
    padding: 25px 0 0;
    overflow: hidden;
}
.shima-sanchi .h2-title{
  margin-bottom: 35px;
}
.shima-sanchi .h2-title img.h2-title_layer{
  z-index: -1;
}
.shima-sanchi .bx-wrapper {
    position: relative;
    width: 100%;
    padding: 0;
    margin-bottom: 45px  !important;
}
ul.sanchi-slider li{
  padding: 0 20px;
  text-align: center;
}
ul.sanchi-slider li div.sanchi-circleCont{
  width: 100%;
  margin-bottom: 15px;
}
ul.sanchi-slider li div.sanchi-circleCont div.sanchi-circleImg{
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
ul.sanchi-slider li img{
	display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform 0.3s linear;
}
ul.sanchi-slider li img:hover{
	transform: scale(1.1);
  transition: transform 0.3s linear;
}
ul.sanchi-slider li p{
  color: #ffffff;
}
/* bx-slider カスタマイズ */
.bx-wrapper .bx-viewport {
  background-color: transparent;
}
.bx-wrapper .bx-controls-direction a {
    top: 40%;
    margin-top: -16px;
}
.bx-wrapper .bx-prev {
  left: -25px;
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_76.png) no-repeat center center / contain;
  width: 16px;
  height: 31px;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.bx-wrapper .bx-next {
  right: -25px;
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_77.png) no-repeat center center / contain;
  width: 16px;
  height: 31px;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.bx-wrapper .bx-prev:hover {
	background-position: center center;
  opacity: 0.75;
}
.bx-wrapper .bx-next:hover {
	background-position: center center;
  opacity: 0.75;
}
/*** アニメーション ***/
/* 顔をだすお魚 */
.shima-sanchi .h2-title img.h2-title_layer.shima-sanchi-sakanaMove{
  animation: shima-sanchi-sakanaMove 3s infinite;
}
@keyframes shima-sanchi-sakanaMove {
  0% { transform:translateY(5%); }
  5% { transform:translateY(5%); }
  50% { transform:translateY(-3%); }
  95% { transform:translateY(5%); }
  100% { transform:translateY(5%); }
}


@media screen and (max-width: 767px) {
.shima-sanchi .h2-title{
  margin-bottom: 30px;
}
.shima-sanchi .bx-wrapper {
    width: 90%;
    margin-bottom: 20px  !important;
}
ul.sanchi-slider li{
  padding: 0 10px;
}
ul.sanchi-slider li p{
  font-size: 0.9rem;
}
.bx-wrapper .bx-controls-direction a {
    top: 35%;
    margin-top: -16px;
}
}

/***** 仕切り2個目 *****/
.shima-partition02{
  height: 123px;
  background: #67aad7 url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_28.png) repeat-x center center;
}
.shima-partition02 img{
  display: none;
}
@media screen and (max-width: 767px) {
.shima-partition02{
  height: auto;
  overflow:hidden;
  background-image:none;
}
.shima-partition02 img{
  display: block;
  width: 100%;
  max-width: none;
}
}



/***** お祭り広場 *****/
.omatsuri-hiroba{
    position: relative;
    background-color: #8dc21f;
    padding: 30px 0 0;
    overflow: hidden;
}
.omatsuri-hiroba .container{
  max-width: none;
}
.omatsuri-hiroba .h2-title{
  margin-bottom: 45px;
}
ul.omatsuri-featureList{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 1110px;
  margin-bottom: 30px;
}
ul.omatsuri-featureList li{
  width: 256px;
  border-radius: 20px;
  background: #ffffff;
  overflow: hidden;
  margin: 0 15px;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
ul.omatsuri-featureList li:first-child{
  margin: 0 15px 0 0;
}
ul.omatsuri-featureList li:last-child{
  margin: 0 0 0 15px;
}
ul.omatsuri-featureList li div.omatsuri-circleImg{ 
  position:relative;
  overflow: hidden;
  z-index: 1;
}
ul.omatsuri-featureList li div.omatsuri-circleImg img{
	display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform 0.3s linear;
}
ul.omatsuri-featureList li div.omatsuri-circleImg img:hover {
	transform: scale(1.1);
  transition: transform 0.3s linear;
}
ul.omatsuri-featureList li p{
  padding: 10px;
}
/*** アニメーション ***/
/* 滑り台を滑るお魚（表示のタイミングで一回きり） */
.effect_omatsuri-hiroba_sakanaMove{
  top: -10%;
  left: 5%;
}
@keyframes omatsuri-hiroba_sakanaMove {
  0% {
    transform:translate(0,0);
    transition: linear;
  }
  100% {
    transform:translate(-10%,12%) rotate3d(0, 0, -1, -6deg);
    transition: transform 0.3s ease-in-out;
  }
}
.omatsuri-hiroba_sakanaMove {
  animation-name: omatsuri-hiroba_sakanaMove;
}

@media screen and (max-width: 767px) {
  .omatsuri-hiroba{
      padding: 25px 0 0;
  }
  ul.omatsuri-featureList{
    width: 96%;
    margin: 0 auto 10px;
    flex-wrap: wrap;
}
  ul.omatsuri-featureList li{
    width: 44%;
    margin: 0 3% 15px;
  }
  ul.omatsuri-featureList li:first-child{
    margin: 0 3%;
  }
  ul.omatsuri-featureList li:last-child{
    margin: 0 3%;
  }
  ul.omatsuri-featureList li div.omatsuri-circleImg{ 
    overflow: hidden;
    height: 180px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  ul.omatsuri-featureList li p{
    padding: 5px 10px;
    font-size: 0.9rem;
  }
}

/***** 仕切り3個目 *****/
.shima-partition03{
  height: 106px;
  background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_33.png) repeat-x center center;
}
.shima-partition03 img{
  display: none;
}
@media screen and (max-width: 767px) {
.shima-partition03{
  height: auto;
  overflow:hidden;
  background-image:none;
}
.shima-partition03 img{
  display: block;
  width: 100%;
  max-width: none;
}
}


/***** ママサポの泉 *****/
.mamasuppo{
    position: relative;
    background-color: #00a8b5;
    padding: 35px 0 0;
    overflow: hidden;
}
.mamasuppo .container{
  max-width: none;
}
.mamasuppo .h2-title{
  margin-bottom: 20px;
}
ul.mamasuppo-movieList-L,
ul.mamasuppo-movieList-S{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 1110px;
}
ul.mamasuppo-movieList-L{
  margin-bottom: 15px;
}
ul.mamasuppo-movieList-S{
  margin-bottom: 30px;
}
ul.mamasuppo-movieList-L li{
  width: 360px;
  border-radius: 20px;
  background: #ffffff;
  overflow: hidden;
  margin: 0 8px;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
ul.mamasuppo-movieList-S li{
  width: 267px;
  border-radius: 20px;
  background: #ffffff;
  overflow: hidden;
  margin: 0 8px;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
ul.mamasuppo-movieList-L li:first-child,
ul.mamasuppo-movieList-S li:first-child{
  margin: 0 8px 0 0;
}
ul.mamasuppo-movieList-L li:last-child,
ul.mamasuppo-movieList-S li:last-child{
  margin: 0 0 0 8px;
}
ul.mamasuppo-movieList-L li div.mamasuppo-circleImg,
ul.mamasuppo-movieList-S li div.mamasuppo-circleImg{ 
  position: relative;
  overflow: hidden;
  z-index: 1;
}
ul.mamasuppo-movieList-L li div.mamasuppo-circleImg img,
ul.mamasuppo-movieList-S li div.mamasuppo-circleImg img{
	display: block;
  width: 100%;
  height: auto;
  transition: 0.3s linear;
}
ul.mamasuppo-movieList-L li div.mamasuppo-circleImg img.movie-playIc,
ul.mamasuppo-movieList-S li div.mamasuppo-circleImg img.movie-playIc{
  position: absolute;
  z-index: 1;
  width: inherit;
  top: 50%;
  left: 50%;
  margin-top: -37.5px;
  margin-left: -37.5px;
}
ul.mamasuppo-movieList-L li div.mamasuppo-circleImg a:hover img.movie-playIc,
ul.mamasuppo-movieList-S li div.mamasuppo-circleImg a:hover img.movie-playIc{
  opacity: 0.75;
  transition: 0.3s linear;
}
ul.mamasuppo-movieList-L li p,
ul.mamasuppo-movieList-S li p{
  padding: 10px;
}
/*** アニメーション ***/
/* ピチピチお魚 */
.mamasuppo-fish{
  position: absolute;
  top: 57px;
  left: 50%;
  width: 94px;
  margin-left: -364px;
  z-index: 3;
  animation: tada-fish 1s infinite;
}
/* 泉の時間差噴水 */
.mamasuppo-fauntain1{
  position: absolute;
  top: 0;
  left: 50%;
  width: 212px;
  margin-left: -466px;
  z-index: 2;
}
.mamasuppo-fauntain2{
  position: absolute;
  top: 0;
  left: 50%;
  width: 211px;
  margin-left: 258px;
  z-index: 2;
}
.mamasuppo-fauntain3{
  position: absolute;
  top: 101px;
  left: 50%;
  width: 235px;
  margin-left: -565px;
  z-index: 4;
}
.mamasuppo-fauntain4{
  position: absolute;
  top: 101px;
  left: 50%;
  width: 235px;
  margin-left: 324px;
  z-index: 4;
}
@keyframes mamasuppo-fauntainMove {
	from {
		transform: translate(0%,30%) scale(0,0) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		transform: translate(0%,50%) scale(0,0) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 0% {
		transform: translate(0%,50%) scale(0,0) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 10% {
		transform: translate(0%,0%) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 75% {
		transform: translate(0%,0%) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 85% {
		transform: translate(0%,50%) scale(0,0) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 100% {
		transform: translate(0%,50%) scale(0,0) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	}
}
.mamasuppo-fauntainMove {
  animation-name: mamasuppo-fauntainMove;
}

@media screen and (max-width: 767px) {
  .mamasuppo{
      padding: 25px 0 0 0;
  }
  ul.mamasuppo-movieList-L,
  ul.mamasuppo-movieList-S{
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  ul.mamasuppo-movieList-S{
    margin: 0 auto 35px;
  }
  ul.mamasuppo-movieList-L li,
  ul.mamasuppo-movieList-S li{
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  ul.mamasuppo-movieList-L li:first-child,
  ul.mamasuppo-movieList-S li:first-child{
    margin: 0 8px 15px 8px;
  }
  ul.mamasuppo-movieList-L li:last-child,
  ul.mamasuppo-movieList-S li:last-child{
    margin: 0 8px 15px 8px;
  }
  ul.mamasuppo-movieList-L li > *,
  ul.mamasuppo-movieList-S li > *{
    width: 50%;
    overflow: hidden;
  }
  ul.mamasuppo-movieList-L li div.mamasuppo-circleImg,
  ul.mamasuppo-movieList-S li div.mamasuppo-circleImg{ 
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 50%;
  }
  ul.mamasuppo-movieList-L li div.mamasuppo-circleImg img.movie-thumbPhoto,
  ul.mamasuppo-movieList-S li div.mamasuppo-circleImg img.movie-thumbPhoto{
    height: 160px;
    width: auto;
    object-fit: cover;
  }
  ul.mamasuppo-movieList-L li div.mamasuppo-circleImg img.movie-playIc,
  ul.mamasuppo-movieList-S li div.mamasuppo-circleImg img.movie-playIc{
    width: 46px;
    height: 46px;
    margin-top: -23px;
    margin-left: -23px;
  }
  ul.mamasuppo-movieList-L li p,
  ul.mamasuppo-movieList-S li p{
    padding: 10px;
    font-size: 0.9rem;
  }
  /*** アニメーション ***/
  /* ピチピチお魚 */
  .mamasuppo-fish{
    top: 17%;
    width: 12.2%;
    margin-left: -44%;
    z-index: 5;
    animation: tada-fish 1s infinite;
  }
  /* 泉の時間差噴水 */
  .mamasuppo-fauntain1{
    top: 21%;
    width: 13.8%;
    margin-left: -50%;
  }
  .mamasuppo-fauntain2{
    top: 40%;
    width: 13.8%;
    margin-left: 36%;
  }
  .mamasuppo-fauntain3{
    top: 62%;
    width: 18.5%;
    margin-left: -49%;
  }
  .mamasuppo-fauntain4{
    top: 73%;
    width: 13.7%;
    margin-left: 30%;
  }
  .mamasuppo-fauntain5{  /* スマホのみ */
    position: absolute;
    top: 0;
    left: 50%;
    width: 13.6%;
    margin-left: -37%;
    z-index: 1;
  }
  .mamasuppo-fauntain6{  /* スマホのみ */
    position: absolute;
    top: 5%;
    left: 50%;
    width: 12.4%;
    margin-left: 31%;
    z-index: 1;
  }
}

/***** 仕切り4個目 *****/
.shima-partition04{
  height: 211px;
  background: #00a8b5 url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_41.png) repeat-x center center;
  margin-top: -70px;
  z-index: 2;
}
.shima-partition04 img{
  display: none;
}
@media screen and (max-width: 767px) {
  .shima-partition04{
    height: auto;
    overflow:hidden;
    background-image:none;
    margin-top: -20px;
  }
  .shima-partition04 img{
    display: block;
    width: 100%;
    max-width: none;
  }
}



/***** お家で○○気分 *****/
.ouchi-de-kibun{
    position: relative;
    background-color: #67aad7;
    padding: 80px 0 0;
    overflow: hidden;
}
.ouchi-de-kibun .container{
  max-width: none;
}
.ouchi-de-kibun .h2-title{
  margin-bottom: 20px;
}
ul.ouchi-menuList{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 1110px;
  margin-bottom: 0;
}
ul.ouchi-menuList li{
  width: 348px;
  background: #ffffff;
  overflow: hidden;
  margin: 0 8px 40px;
}
ul.ouchi-menuList li:first-child{
  margin: 0 8px 0 0;
}
ul.ouchi-menuList li:last-child{
  margin: 0 0 0 8px;
}
ul.ouchi-menuList li div.ouchi-circleImg{ 
  position:relative;
  overflow: hidden;
  z-index: 1;
}
ul.ouchi-menuList li div.ouchi-circleImg img.ouchi-5mask{
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
ul.ouchi-menuList li img{
	display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform 0.3s linear;
}
ul.ouchi-menuList li img:hover{
	transform: scale(1.1);
  transition: transform 0.3s linear;
}
ul.ouchi-menuList li p{
  padding: 0 10px 10px;
}

/*** アニメーション ***/
/* ふわふわ気球 */
.ouchi-kikyu1{
  position: absolute;
  top: 717px;
  left: 50%;
  width: 55px;
  margin-left: -636px;
  z-index: 1;
}
.ouchi-kikyu2{
  position: absolute;
  top: 850px;
  left: 50%;
  width: 55px;
  margin-left: -718px;
  z-index: 2;
}
.ouchi-kikyu3{
  position: absolute;
  top: 938px;
  left: 50%;
  width: 55px;
  margin-left: -594px;
  z-index: 3;
}
@keyframes ouchi-kikyu {
  0% { transform:translateY(0px);opacity: 1.0; }
  50% { transform:translateY(-600px);opacity: 1.0; }
  100% { transform:translateY(  0px);opacity: 1.0;transition-timing-function: ease-in-out;
 }
}
.ouchi-kikyu {
  animation-name: ouchi-kikyu;
}
/* ふわふわ風船 */
.ouchi-fusen1{
  position: absolute;
  top: 654px;
  left: 50%;
  width: 46px;
  margin-left: 667px;
  z-index: 1;
}
.ouchi-fusen2{
  position: absolute;
  top: 709px;
  left: 50%;
  width: 63px;
  margin-left: 568px;
  z-index: 1;
}
.ouchi-fusen3{
  position: absolute;
  top: 848px;
  left: 50%;
  width: 100px;
  margin-left: 610px;
  z-index: 1;
}
@keyframes ouchi-fusen {
  0% { transform:translateY(0px);opacity: 1.0; }
  50% { transform:translateY(-420px);opacity: 1.0; }
  100% { transform:translateY(  0px);opacity: 1.0;transition-timing-function: ease-in-out;
 }
}
.ouchi-fusen {
  animation-name: ouchi-fusen;
}

@media screen and (max-width: 767px) {
  .ouchi-de-kibun{
      padding: 25px 0 0 0;
  }
  ul.ouchi-menuList{
    width: 95%;
    margin: 0 auto 10px;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  ul.ouchi-menuList li{
    width: 45%;
    margin-bottom: 15px;
  }
  ul.ouchi-menuList li:first-child{
    margin: 0 8px 15px 8px;
  }
  ul.ouchi-menuList li:last-child{
    margin: 0 8px 15px 8px;
  }
  ul.ouchi-menuList li div.ouchi-circleImg img.ouchi-5mask{
    width: 100%;
  }
}

/***** 仕切り5個目 *****/
.shima-partition05{
  height: 48px;
  background:url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_50.png) repeat-x center center;
  margin-top: 55px;
}
.shima-partition05 img{
  display: none;
}
@media screen and (max-width: 767px) {
  .shima-partition05{
    height: auto;
    overflow:hidden;
    background-image:none;
    margin-top: 0;
  }
  .shima-partition05 img{
    display: block;
    width: 100%;
    max-width: none;
  }
}



/***** 風の掲示板 *****/
.kaze-keiji{
    position: relative;
    background-color: #8dc21f;
    padding: 80px 0 0;
    overflow: hidden;
}
.kaze-keiji .container{
  max-width: none;
}
.kaze-flowerBack{
  position: absolute;
  top: 110px;
  left: 50%;
  width: 1504px;
  margin-left: -752px;
  z-index: 0;
  max-width: none !important;
}
.kaze-keiji .kaze-h2{
  display: block;
  margin: 0 auto 15px;
}
div.kaze-newsList_cont{
  width: 1110px;
  border: 25px solid #bc9755;
  background-color: #f6f0cb;
  margin: 0 auto;
  padding: 20px 0 0;
}
div.kaze-newsList_cont ul{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}
div.kaze-newsList_cont ul li{
  width: 44%;
  margin: 0 3% 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
div.kaze-newsList_cont ul li div.kaze-circleImg{ 
  position:relative;
  overflow: hidden;
  z-index: 1;
  width: 222px;
  margin-right: 15px;
  flex-shrink: 0;
}
div.kaze-newsList_cont ul li div.kaze-circleImg img.kaze-balloonMask{
  position: absolute;
  z-index: 1;
}
div.kaze-newsList_cont ul li img{
	display: block;
  width: 100%;
  height: auto;
}

/*** アニメーション ***/
/* ヒラヒラ蝶 */
.kaze-keiji .kaze-butterfly1{
  position: absolute;
  top: 408px;
  left: 50%;
  width: 54px;
  margin-left: -675px;
  z-index: 1;
}
.kaze-keiji .kaze-butterfly2{
  position: absolute;
  top: 783px;
  left: 50%;
  width: 54px;
  margin-left: -635px;
  z-index: 1;
}
.kaze-keiji .kaze-butterfly3{
  position: absolute;
  top: 108px;
  left: 50%;
  width: 54px;
  margin-left: 600px;
  z-index: 1;
}
.kaze-keiji .kaze-butterfly4{
  position: absolute;
  top: 508px;
  left: 50%;
  width: 54px;
  margin-left: 650px;
  z-index: 1;
 }
.kaze-keiji .kaze-butterfly5{
  position: absolute;
  top: 890px;
  left: 50%;
  width: 54px;
  margin-left: 540px;
  z-index: 1;
}
.kaze-keiji .kaze-butterfly1 img,
.kaze-keiji .kaze-butterfly2 img,
.kaze-keiji .kaze-butterfly3 img,
.kaze-keiji .kaze-butterfly4 img,
.kaze-keiji .kaze-butterfly5 img{
  animation: hirahiraMove 85ms infinite alternate;
}
@keyframes hirahiraMove {
	from {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes frownMove {
	from {
		animation-timing-function: linear;
    transform: translate(0px,0px);
    opacity: 1.0;
	} to {
		animation-timing-function: linear;
    transform: translate(0px,0px);
    opacity: 1.0;
	} 20% {
		animation-timing-function: linear;
		transform: translate(-100px,-50px);
    opacity: 1.0;
	} 30% {
		animation-timing-function: linear;
		transform: translate(-100px,50px);
    opacity: 1.0;
	} 70% {
		animation-timing-function: linear;
		transform: translate(100px,-50px);
    opacity: 1.0;
	} 80% {
		animation-timing-function: linear;
		transform: translate(100px,50px);
    opacity: 1.0;
	} 
}
.frownMove {
  animation-name: frownMove;
}

@media screen and (max-width: 767px) {
  .kaze-keiji{
      padding: 25px 0 0 0;
  }
  .kaze-keiji .kaze-h2{
    width: 95%;
  }
  div.kaze-newsList_cont{
    width: 95%;
    padding: 10px 0 0;
    border: 10px solid #bc9755;
  }
  div.kaze-newsList_cont ul{
    width: 95%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  div.kaze-newsList_cont ul li{
    width: 95%;
    margin-bottom: 15px;
  }
  div.kaze-newsList_cont ul li div.kaze-circleImg{ 
    width: 100px;
    margin-right: 10px;
    flex-shrink: 0;
  }
  div.kaze-newsList_cont ul li p{
    font-size: 0.9rem;
  }
}

/***** 仕切り6個目 *****/
.shima-partition06{
  height: 18px;
  background: #00a8b5 url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_57.png) repeat-x center center;
  margin-top: 90px;
}
.shima-partition06 img{
  display: none;
}
@media screen and (max-width: 767px) {
  .shima-partition06{
    height: auto;
    overflow:hidden;
    background-image:none;
    margin-top: 20px;
  }
  .shima-partition06 img{
    display: block;
    width: 100%;
    max-width: none;
  }
}


/* 共通のページのトップへ戻るボタンは非表示 */
.pageTopFix{
  display: none !important;
}
/* 島専用 ページのトップへ戻る（スマホのみ） */
.pageTopFix_smileisland {
    position: fixed;
    z-index: 100;
    right: 15px;
    bottom: 50px;
    background: url(/kywp/wp-content/themes/kohyo/assets/img/contents/smileisland/smileisland_202.png) no-repeat center center / contain;
    width: 34px;
    height: 41.5px;
    text-indent: -9999px;
    cursor: pointer;
}



.tcenter{
  text-align: center;
}
.font-s{
  font-size: 0.85em;
}





.footer {
    margin-top: 30px;
}



@media screen and (max-width: 767px) {

.pc {
    display: none !important;
}

}

@media screen and (min-width: 768px) {
.sp{
    display: none !important;
}
}




/* 汎用・フェードのアニメーション */

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUpMin {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpMin {
  from {
    opacity: 0;
    transform: translate3d(0, 5%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpMin {
  animation-name: fadeInUpMin;
}

@-webkit-keyframes fadeInRightMin {
  from {
    opacity: 0;
    -webkit-transform: translate3d(3%, 0, 0);
    transform: translate3d(3%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightMin {
  from {
    opacity: 0;
    transform: translate3d(3%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightMin {
  animation-name: fadeInRightMin;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.animaated-3s {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.animated.animaated-9s {
  -webkit-animation-duration: 9s;
  animation-duration: 9s;
}
.animated.animaated-12s {
  -webkit-animation-duration: 12s;
  animation-duration: 12s;
}
.animated.animaated-15s {
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
}

.delay01 {
  animation-delay: .1s;
}
.delay02 {
  animation-delay: .2s;
}
.delay03 {
  animation-delay: .3s;
}
.delay04 {
  animation-delay: .4s;
}
.delay05 {
  animation-delay: .5s;
}
.delay06 {
  animation-delay: .6s;
}
.delay07 {
  animation-delay: .7s;
}
.delay08 {
  animation-delay: .8s;
}
.delay09 {
  animation-delay: .9s;
}
.delay10 {
  animation-delay: 1s;
}