@charset "utf-8";

/* ベース
   ============================================================= */
   body {
    /* font-family: "メイリオ", Meiryo, sans-serif; */
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;;
    line-height: 1.5;
    background-color: white;
    font-size: 1.1em;
}

/* ly_cont
　 ============================================================== */
.ly_cont {
    max-width: 960px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* title
　 ============================================================== */
.title{
    text-align: center;
    margin:30px 0 40px 0;
}

.title h1{
    font-size:28px;
}

/* head_border
　 ============================================================== */
.head_border{
    display: flex;
    align-items: center;
}

.head_border:before,
.head_border:after{
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color:#ffae17;
}

.head_border:before{
    margin-right: 1rem;
}

.head_border:after{
    margin-left: 1rem;
}

/* pic
　 ============================================================== */
.pic{
    text-align: center;
}

.pic img{
    width: 800px;
}

/* date
　 ============================================================== */
.date{
    width: 800px;
    margin: 10px auto;
    border-collapse:separate;
}

table {
    margin-bottom:20px;
    width:100%;
    table-layout: fixed;
    border-collapse:collapse;
}

table tr{
    border-bottom: solid 2px #eeeeee;
}

table th,td {
    border:none;
    padding:2%;
}

.left {
    width:30%;
}

table li{
    list-style: none;
}

.bold{
    font-size: 1.4em;
    font-weight: bold;
    text-shadow: 1px 0 0 currentColor, -1px 0 0 currentColor;
}

h2{   
    display: inline-block;
    padding: 6px 36px;
    background-color: #35589A;  
    color: #fff;
    border-radius: 1px;
    cursor: pointer;
    font-size: 1.2rem;
}

/* guest
　 ============================================================== */
.guest{
    width: 800px;
    margin: 100px auto 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.guest h2,
.guest p:first-of-type {
  margin: 0;
}

.guest p:first-of-type {
  margin-left: 12px;
}

.guest p:not(:first-of-type) {
  width: 100%;
  margin-top: 8px;
}

.guestNm{
    width: 800px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;   /* 自動で折り返し */
    row-gap: 10px;     /* 上下の間隔 */
    column-gap: 40px; /* 左右の間隔 */    
}
.guestNm p{
   margin: 0;         /* pのデフォルト余白を消す */
}

/* toTop
　 ============================================================== */
.toTop {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 20px;
}