@charset "utf-8";
/* CSS Document */
#pageContents{width: 100%!important; letter-spacing: 1px;}
#pageContents.anniversary26{width:100%!important; height: 750px; background:#f2f0ec; color:#333333; margin-bottom: 210px; font-family: 'Trebuchet MS',sans-serif; overflow: hidden;}
#pageContents.anniversary26 a{text-decoration:none; background: none; padding: 0; margin: 0;}
#pageContents.anniversary26 a:hover{opacity: 0.5;}

#pageContents .spOnly{display: none;}

div#center{width: 550px;  height: 750px; margin: 0 auto; z-index: 100; overflow-y: scroll; background-color: #f2f0ec;}
div#background{background-color: #f3efec; position: relative; z-index: 0;}
div#background img.animate1{position: absolute; left: 60px; bottom: 360px; width: 100px; height: 100px; animation: floatRandom 60s infinite ease-in-out; z-index: -1;}
div#background img.animate2{position: absolute; right: 30px; bottom: 160px; width: 160px; height: 160px; animation: floatRandom 65s infinite ease-in-out;}
div#background img.animate3{position: absolute; right: 130px; bottom: 320px; width: 200px; height: 200px; animation: floatRandom 50s infinite ease-in-out;}
div#background img.animate4{position: absolute; left: 60px; bottom: 100px; width: 160px; height: 160px; animation: floatRandom 55s infinite ease-in-out;}

@keyframes floatRandom {
  0% {
    transform: translate(0, 0) scale(1);
  }
  25% {
    transform: translate(100px, -80px) scale(1.2);
  }
  50% {
    transform: translate(-50px, 120px) scale(0.8);
  }
  75% {
    transform: translate(-120px, -50px) scale(1.1);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}

.random-container{ overflow: hidden;}


/*共通*/
#pageContents.anniversary26 a.btn26th{display: block; height: 2em; width: 86%; padding: 10px; margin: 0 auto; border-radius: 12px; background-color: #333333!important; position: relative;}
#pageContents.anniversary26 a.btn26th p{color: #FFFFFF; text-align: center; margin: 0 auto;}
#pageContents.anniversary26 a.btn26th p:last-child{position: absolute; width: 1rem; margin: 0; right: 1rem; bottom: 25%;}

div#fucu a,div#watamo a{display: block; width: 95%; margin: 0 auto!important;}
img.banner{width: 100%; margin: 40px auto 40px;}


/*商品ページへ*/
#pageContents.anniversary26 a.btn26th{display: block; height: 3.8em; width: 86%; padding: 10px; margin: 0 auto; border-radius: 12px; background-color: #726d63!important; position: relative;}
#pageContents.anniversary26 a.btn26th p{color: #FFFFFF; text-align: center; margin: 0 auto;}
#pageContents.anniversary26 a.btn26th p:last-child{position: absolute; width: 1rem; margin: 0; right: 1rem; bottom: 25%;}

/*セール*/
div.sale{width: 100%;}
div.sale h5{color: #666666; text-align: center; font-weight: 600; font-size: 22px; line-height: 2em; margin: 60px auto 10px;}
div.sale h5 span{color: #e26f54; font-size: 26px;}
div.sale ul{display: flex; flex-wrap: wrap; justify-content: center;}
div.sale ul li{width: 46%; margin: auto 1px;}
div.sale ul li a img{width: 100%;}

/*メイン*/
div.main{margin-bottom: 60px;}
div.main h1{font-weight: 600;font-size: 36px!important; line-height: 1.5em; text-align: center; margin-bottom: 20px;}
div.main h1 span{font-weight: 600;font-size: 28px!important;}
div.main p{display: block; width: 90%; margin: 0 auto; line-height: 2em; }
div.main div.container{width: 100%;}
div.main img{width: 100%;}


/*メニュー*/
div.menu{margin-bottom: 60px;}
div.menu h2{font-size: 24px; text-align: center; color: #727471;}
div.menuitem{width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;}
div.menuitem a{width: 100%;}
div.menuitem a img{width: 100%;}

/*fucucoco*/
div#fucu,div#watamo{margin-bottom: 60px;}
div#fucu h3 img,div#watamo h3 img{width: 100%;}
div#fucu p,div#watamo p{width: 90%; margin: 20px auto 40px; font-size: 15px;}
div#fucu div.profile{width: 90%; margin: 0 auto 60px; display: flex; flex-wrap: wrap; justify-content: center; background-color: #fff;}
div#fucu div.profile img{width: 50%; }
div#fucu div.profile p{width: 86%; margin: 20px auto; font-size: 15px; line-height: 2em;}

div#fucu h4.fucutitle{color: #7ea7c5; font-weight: 500; font-size: 22px; text-align: center; line-height: 1.5em; letter-spacing: 0.1em; margin-bottom: 20px;}
div#fucu img.item{display: block; width: 90%; margin: 0 auto 20px;}
div#fucu div.iconcomment{display: flex; justify-content: center;}
div#fucu div.iconcomment img.icon{width: 20%; margin-right: 10px;align-self: center;}
div#fucu div.iconcomment p{display: block; width: 60%; margin: 0px;align-self: center;}

div#fucu p.subttl{font-size: 12px; text-align: center; margin: 0 auto; color: #88a7bd; margin-top: 60px;}
div#fucu h4.itemttl,div#watamo h4.itemttl{font-size: 22px; text-align: center;line-height: 1.6em; font-weight: 600; margin-bottom: 20px;}
div#fucu img.item,div#watamo img.item{display: block; width: 90%; margin: 20px auto;}

/*ワタモさん*/
div#watamo div.profile{width: 90%; margin: 0 auto 60px; display: flex; flex-wrap: wrap; justify-content: center; background-color: #fff;}
div#watamo div.profile img{width: 90%; }
div#watamo div.profile p{width: 86%; margin: 20px auto; font-size: 15px; line-height: 2em;}
div#watamo p.subttl{font-size: 12px; text-align: center; margin: 0 auto; color: #cfb881; margin-top: 60px;}

/*ファッション*/
div#fashion,div#caster,div#card,div#iina,div#catmodel{width: 100%; position: relative;}
div#fashion p,div#caster p,div#card p,div#iina p,div#catmodel p{width: 90%; margin: 0 auto; font-size: 16px;}
div#fashion h4{position: absolute; top: 5.5rem; left: 50%; transform: translate(-50%, 0);font-size: 28px; text-align: center;line-height: 1.4em; font-weight: 600; width: 100%; letter-spacing: 0.12rem;}
div#fashion img,div#caster img,div#card img,div#iina img,div#catmodel img{display: block; width: 100%; margin-top: 40px;}

/*キャスター*/
div#caster h4{position: absolute; top: 7rem; left: 50%; transform: translate(-50%, 0);font-size: 28px; text-align: center;line-height: 1.3em; font-weight: 600; width: 100%; letter-spacing: 0.12rem;}
div#caster h4 span.red{color: #c75454; font-size: 20px}
div#caster h4 span.small{font-size: 20px;}
#pageContents.anniversary26 div#caster a.qupon{display: block; height: 2em; width: 86%; padding: 20px 10px; margin: 10px auto; border-radius: 12px; background-color: #c75454!important; position: relative;}
#pageContents.anniversary26 div#caster a.qupon p{color: #FFFFFF; text-align: center; margin: 0 auto;}
#pageContents.anniversary26 div#caster a.qupon p:last-child{position: absolute; width: 1rem; margin: 0; right: 1rem; bottom: 25%;}

/*カード*/
div#card h4{position: absolute; top: 6rem; left: 50%; transform: translate(-50%, 0);font-size: 28px; text-align: center;line-height: 1.3em; font-weight: 600; width: 100%; letter-spacing: 0.12rem;}
div#card h4 span,div#iina h4 span,div#catmodel h4 span{font-size: 22px;}

/*いいなの日*/
div#iina h4{position: absolute; top: 4rem; left: 50%; transform: translate(-50%, 0);font-size: 28px; text-align: center;line-height: 1.3em; font-weight: 600; width: 100%; letter-spacing: 0.12rem;}

/*ライブ予告*/
div#live{width: 100%; margin: 60px auto;}
div#live img{width: 100%;}

/*猫モデル*/
div#catmodel{padding-bottom: 60px; width: 100%;}
div#catmodel h4{position: absolute; top: 5rem; left: 50%; transform: translate(-50%, 0);font-size: 28px; text-align: center;line-height: 1.3em; font-weight: 600; width: 100%; letter-spacing: 0.12rem;}