@charset "UTF-8";

/*==================================================
  Base
==================================================*/

body{
    color:#333;
}

img{
    max-width:100%;
    height:auto;
}

a{
    transition:.2s;
}

/*==================================================
  共通カラー
==================================================*/
:root{
  --grad-header:linear-gradient(135deg,#d63bc8 0%,#a855f7 60%,#6366f1 100%);
  --grad-hero:linear-gradient(135deg,#f8d0f0 0%,#e0b4fa 35%,#c4a8f5 65%,#a8c8ff 100%);
  --grad-btn:linear-gradient(90deg,#d946ef,#a855f7);
  --grad-footer:linear-gradient(135deg,#581c87 0%,#4c1d95 50%,#1e1b4b 100%);
  --pink-accent:#e879f9;
  --purple-text:#7c3aed;
  --purple-dark:#4b2b6b;
}

/*==================================================
  アピールエリア
==================================================*/
.appeal,
.appeal-in{
  background:var(--grad-hero)!important;
  background-image:none!important;
  min-height:220px!important;
}

.appeal-content{
  text-align:center;
  padding:32px 20px!important;
}

.appeal-title{
  color:#5b1d8a!important;
  font-size:22px!important;
  border:none!important;
}

.appeal-message{
  color:var(--purple-text)!important;
}

.appeal-content .appeal-button{
  background:var(--grad-btn)!important;
  border:none!important;
  border-radius:20px!important;
  color:#fff!important;
}

/*==================================================
  共通ボタン
==================================================*/
.sim-btn a,
.btn-normal,
.btn-angle{
  background:var(--grad-btn)!important;
  border:none!important;
  border-radius:20px!important;
  color:#fff!important;
}

/*==================================================
  レスポンシブ
==================================================*/

@media (max-width:480px){

.appeal-content{
padding:16px 12px!important;
}

.entry-card{
border-radius:10px!important;
}

}