@charset "utf-8";

@import url("../style/variables.css");/*変数定義*/
	
:root{
  --font-family-minchou:'Noto Serif JP','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.section_title{
  font-family: var(--font-family-minchou);
  font-size: clamp(1.3rem, 1.191rem + 0.55vw, 1.6rem);
  span{
    font-size: .8em;
    margin:0 0 0 .3em;
  }
}

#off{
  display:grid;
  grid-template-columns: repeat(auto-fill,minmax(min(300px,100%),1fr));
  gap:20px;
  section{
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap:0px;
    padding:20px;
    h3{
      font-family: var(--font-family-minchou);
      font-size: 1.5rem;
      font-weight: 500;
    }
    aside{

    }
    p{
      font-family: var(--font-family-minchou);
      font-size: 1.8rem;
      font-weight: 500;
    }
  }
}

#vip{
  background: linear-gradient(to right,#ff0000, #8B0000);
  color:white;
  border:3px solid #927b21;
}

#birth{
  border:3px solid red;
  color:red;
}

#school{
  background:#eaffff;
  border:3px solid #0b93b5;
  color:#0774e0;
}

.menu_list{
  width:min(640px,100%);
  margin:0 auto;
  ul{
    border-bottom:1px dotted silver;
    li{
      display:flex;
      flex-wrap:wrap;
      justify-content: space-between;
      padding:10px;
      border-top:1px dotted silver;
      h3{
        text-align: left;
        font-weight: 500;
      }
      p{
        text-align: right;
      }
      aside{
        width:100%;
        text-align: left;
        font-size: .9rem;
      }
    }
    
  }
  aside{
    font-size: .9rem;
    text-align: left;
    margin:.5em auto 0 auto;
  }
}