@charset "UTF-8";
/* ///////////////////////////////

花粉特集
PC用

///////////////////////////////
*/


#pageContents.sakuraCnt{ float:none; margin:0 auto!important; padding-bottom:60px; }
#pageContents.sakuraCnt a{text-decoration:none;}
#pageContents.sakuraCnt p{ font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; text-align:center;}

#sakura2020{ width:950px; margin:0 auto!important;}





/*ttlCnt
---------------------------------------*/

/*スライダー*/
.main_img{ width:950px; text-align:center; height:510px; }
#pageContents.sakuraCnt .container {
	margin: 0 auto;
	padding: 0;
	width:950px;
	height:510px;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate(0, 0, 0);
	-moz-transform: translate(0, 0, 0);
	-ms-transform: translate(0, 0, 0);
	-o-transform: translate(0, 0, 0);
	transform: translate(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0!important;
	display: block;
}


.box-fadein img {
  opacity: 0;
  -webkit-transition: opacity 3s;
  transition: opacity 3s;
}




.ttlCnt {
	position: relative;
}
#pageContents.sakuraCnt h1 {
	position: absolute;
	top: 80px;
	left: 46%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #e78d8f;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}


/*swing*/
/*#swing_text span {
  display: inline-block;
  font-size: 52px;
  font-weight: bold;
  transform : translateY(-20px) ;
  letter-spacing:20px;
}

@keyframes grow
{  
 from
  {transform : translateY(0) scale(1);  }
 
  to
   {transform : translateY(40px) scale(0.1);  }
}*/


#swing_text span
{
  display: inline-block;
  font-size: 52px;
  font-weight: bold;
  transform : translateY(-20px);
  letter-spacing: 20px;
}

@keyframes grow
{
  from
  {
    transform : translateY(-20px) scale(1);
  }
  
  50%
  {
    transform : translateY(40px) scale(0.6);
  }
  
  to
    {
    transform : translateY(-20px) scale(1);
  }
}




.ttlCnt P{padding: 1%!important;text-align:center;color: #333; font-size:18px; line-height:2.0;}






/*MENU*/
.menu01{overflow:hidden; _zoom:1; width:860px; margin:50px auto 50px auto;}
.menu01 ul li{float:left; width:calc(100% /3);}
.menu01 ul li img{width:90%;}

.btn-square-shadow {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}


/*ctgcnt
---------------------------------------*/

/*common*/
.ctgCnt{text-align:center;margin:0px 0 20px;}
.ctgCnt h2 {display:block;text-align:center;/* border:none!important; */font-size: 46px;font-weight: bold;line-height: 94px;padding-top:50px;}




.ctgCnt h3 {display:block;text-align:center;font-size: 34px;font-weight: bold;letter-spacing:1px;margin-top: 60px;}





.itemA{position:relative} 
.itemA mark.new img{top:-850px; left:20px; position: absolute; border-radius:50%; background:none; z-index:9999999} 

.itemA {margin-bottom:50px; text-align:center;}
p.font18 { font-size:22px; text-align:center!important; line-height:1.8; margin:20px auto!important; width:800px;}
.itembtn03 {text-align:center; padding:30px 0 30px 0px;}
.itemA .Name{font-size: 16px!important; display: block; line-height: 1.7em!important;  color: #333!important;} 
.itemA .itemInfo p.Price{text-align:center;color: #c40808!important;font-size:16px;font-weight: bold!important;text-decoration: none; margin: 10px;}


/*lineup*/ 
.itemCnt{text-align:center}
.itemCnt a{text-decoration:none}
.itemCnt li{position:relative;}
.itemCnt mark.newicon{position: absolute;top: 0%;right: 0;background:none;width: 50px;z-index: 999;}
.itemCnt mark.newicon img{width: 100%!important;}
.itemCnt.item3col{padding-bottom:30px}
.itemCnt.item3col li{background:#fff;margin: 20px 15px 0 5px!important;padding:0;width: 200px!important;}
.itemCnt.item3col .itemCatch{font-size: 15px;padding: 10px 0px;line-height: 1.6em!important;font-weight:bold;display: block;color: #333;}
.itemCnt .itemInfo p.Price{text-align:center;color: #c40808!important;font-size:16px;font-weight: bold!important;text-decoration: none;margin-bottom: 10px;}
.itemCnt .itemInfo p.Price small{font-size: 8px;/* display: block;*/ } 
.itemCnt .Name{ display: block;line-height: 1.7em!important;min-height: 4em!important;color: #333!important;} 



.block {
  width: 164px;
}
.block.active {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: animation;
  transform-origin: center bottom;
  animation-iteration-count :infinite;
}

@keyframes animation {
  100%,
  60%,
  30%,
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-30px);
  }
  40% {
    transform: translateY(-15px);
  }
}

@media screen and (max-width:640px){
  .block {
    width: 100%;
  }
}



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

}
.itemInfo{
	padding: 0 10px 0px;
}

@media screen and (orientation: landscape) {
}

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

}

@media (min-width: 768px){
}