@charset "utf-8";
/* CSS Document */

/*===============================

    common

================================*/

.wrapper {
  margin: 40px auto 0;
  overflow: hidden;
  padding-bottom: 70px;
  text-align: left;
  width: 960px;
}

.container {
  float: right;
  width: 730px;
}

.topImage { margin-bottom: 20px; }

.listedMemorialCont {
  box-sizing: border-box;
  font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;
  font-size: 16px;
  font-weight: 500;
}

@media screen and (max-width: 768px){
  .wrapper,
  .container { width: 100%; }
}


/*
    コンテンツ
================================*/
.headerLine {
  border-bottom: 4px solid #FF277E;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.memorialCont > h2 { margin-bottom: 20px; }


.memorialCont > p {
  line-height: 1.5;
}

.memorialCont > p + p { margin-top: 20px; }


.memorialCont + .memorialCont { margin-top: 30px; }

.campaignSchedule {
  border-color: #ccc;
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin-bottom: 10px;
  table-layout: fixed;
  width: 100%;
}

.campaignSchedule th {
  border-color: #ccc;
  border-style: solid;
  border-width: 0 1px 1px 0;
  background-color: #C8DEFF;
  font-size: 13px;
  padding: 5px 3px;
  text-align: center;
  vertical-align: middle;
}

.campaignSchedule th:fitst-of-type {}

.campaignSchedule th:nth-of-type(2) { width: 32%; }
.campaignSchedule th:nth-of-type(3) { width: 10%; }
.campaignSchedule th:nth-of-type(4) { width: 10%; }
.campaignSchedule th:nth-of-type(6) { width: 15%; }

.campaignSchedule td {
  border-color: #ccc;
  border-style: solid;
  border-width: 0 1px 1px 0;
  font-size: 13px;
  padding: 5px 3px;
}

.campaignSchedule td > a { display: block; }

.campaignSchedule td > a:hover { text-decoration: underline; }

.campaignSchedule td:first-of-type {
  text-align: center;
  vertical-align: middle;
}

.campaignSchedule td:nth-of-type(2) { line-height: 1.5; }

.campaignSchedule td:nth-of-type(3) {
  line-height: 1.5;
  text-align: center;
}

.campaignSchedule td:nth-of-type(4) { vertical-align: middle; }

.campaignSchedule td:nth-of-type(5) {
  text-align: right;
  vertical-align:middle;
}

.campaignSchedule td:nth-of-type(6) { vertical-align: middle; }

.campaignSchedule td:nth-of-type(6) > a {
  background-color: #C2E6F8;
  border-radius: 3px;
  color: #0873FF;
  display: block;
  font-weight: bold;
  padding: 8px 5px;
  text-align: center;
}

.campaignSchedule td:nth-of-type(6) > a:hover {
  background-color: #0873FF;
  color: #fff;
  text-decoration: none;
}

.flexBox {
  align-items: center;
  display: flex;
  -js-display: flex;
  justify-content: space-between;
}