/* **
common
** */
.miraito_heading {
  border-bottom-color: #06903a;
}

.miraito_subHeading {
  background-color: #f7f3e3;
  border-color: #dad7ca;
}

.miraito_list.is-brown li:before {
  background-color: #804f1b;
}
.miraito_list.is-green li:before {
  background-color: #06903a;
}
.miraito_list.is-purple li:before {
  background-color: #a40a5b;
}

.miraito_makeList.is-brown .miraito_makeList_symbol {
  color: #804f1b;
}
.miraito_makeList.is-green .miraito_makeList_symbol {
  color: #06903a;
}
.miraito_makeList.is-purple .miraito_makeList_symbol {
  color: #a40a5b;
}
.miraito_makeList li + li {
  border-top: none;
  padding-top: 14px;
}

.miraito_makeList.is-purple .miraiot_makeList_line {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAVCAYAAACHUoQEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjcyMTRENTE0NDg1MTFFOUEzNzVBNTBGODIwNjVDM0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjcyMTRENTI0NDg1MTFFOUEzNzVBNTBGODIwNjVDM0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzIxNEQ0RjQ0ODUxMUU5QTM3NUE1MEY4MjA2NUMzRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNzIxNEQ1MDQ0ODUxMUU5QTM3NUE1MEY4MjA2NUMzRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plkhdb4AAAAfSURBVHjaYvj//z8DEwMQEE38OHn9P05ZBlzmAQQYAD11CbjO+lqfAAAAAElFTkSuQmCC") left top repeat;
}

.miraito_fcGreen {
  color: #06903a;
}

.miraito_fcBrown {
  color: #804f1b;
}

.miraito_fcEmerald {
  color: #0fa599;
}

.miraito_fcDarkgreen {
  color: #006933;
}

.miraito_fcRed {
  color: #c9151e;
}

.miraito_fcPurple {
  color: #621e87;
}

/* **
miraito_mustBox
** */
* + .miraito_mustBox {
  margin-top: 37px;
}

.miraito_mustBox_inner {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.miraito_mustBox_img {
  display: table-cell;
  width: 240px;
  padding: 0 27px;
  vertical-align: middle;
}

.miraito_mustBox_right {
  display: table-cell;
  padding-left: 11px;
  vertical-align: middle;
}

.miraito_mustBox_ttl {
  text-align: center;
}

.miraito_mustBox_list {
  display: block;
  margin: 19px 0 18px !important;
  padding: 13px 69px 14px !important;
  border: 4px solid #06903a;
  list-style: none;
  letter-spacing: -.34em;
}

.miraito_mustBox_list_item {
  position: relative;
  display: inline-block;
  width: 50%;
  margin-top: 6px;
  padding-left: 15px;
  letter-spacing: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.miraito_mustBox_list_item:before {
  position: absolute;
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  top: 6px;
  left: 1px;
  background: #06903a;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

/* **
miraito_pointBox
** */
.miraito_pointBox {
  position: relative;
  margin: 0 0 40px;
  padding: 21px 24px 14px;
  border: 2px solid #3f3a39;
}
.miraito_pointBox:before, .miraito_pointBox:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: -2px;
  left: -2px;
  border-style: solid;
}
.miraito_pointBox:before {
  border-width: 23px 23px 0 0;
  border-color: #3f3a39 transparent transparent transparent;
}
.miraito_pointBox:after {
  border-width: 20px 20px 0 0;
  border-color: #fff transparent transparent transparent;
}

.miraito_pointBox_ttl {
  position: relative;
  padding-bottom: 11px;
}
.miraito_pointBox_ttl:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAACCAYAAABllJ3tAAAAJElEQVQYV2N0dHT8z8DAwPDo0SMQxSAqKgqmN23aBKYZCSkAAOZ7DX3vuthIAAAAAElFTkSuQmCC") left top repeat;
  -webkit-background-size: 4px 1px;
  -o-background-size: 4px 1px;
  background-size: 4px 1px;
}

.miraito_pointBox_text {
  margin: 4px 0 0 !important;
  font-size: 117.64706%;
  line-height: 150%;
  font-weight: bold;
}

/* **
miraito_detailList
** */
.miraito_detailList {
  margin: 0 0 20px;
}

.miraito_detailList_inner {
  display: table;
  margin: 0 -10px;
  table-layout: fixed;
}

.miraito_detailList_item {
  display: table-cell;
  width: 25%;
  padding: 0 10px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.miraito_detailList_ttl {
  margin: 0 0 18px;
  padding: 6px 5px 4px;
  border: 2px solid;
  font-size: 117.64706%;
  line-height: 150%;
  font-weight: bold;
  text-align: center;
  -webkit-border-radius: 19px;
  border-radius: 19px;
}
.miraito_detailList.is-brown .miraito_detailList_ttl {
  border-color: #804f1b;
  color: #804f1b;
}
.miraito_detailList.is-green .miraito_detailList_ttl {
  border-color: #006933;
  color: #006933;
}

/* **
miraito_diaryBox
** */
.miraito_diaryBox {
  margin: 20px 0;
  padding: 20px 0 0;
}

.miraito_diaryBox_inner {
  display: table;
  background: #fcf9e1;
  border: 2px solid #cdba9b;
  table-layout: fixed;
}

.miraito_diaryBox_item {
  display: table-cell;
  width: 50%;
  padding: 30px 10px 23px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.miraito_diaryBox_img {
  position: relative;
  margin: 0 !important;
}
.miraito_diaryBox_img img {
  position: absolute;
  top: -47px;
  left: 24px;
}

.miraito_diaryBox_text {
  margin: 0 !important;
  font-size: 102.94118%;
  line-height: 186%;
  font-weight: bold;
}
.miraito_diaryBox_text span {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaCAYAAAB2BDbRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkQ2Q0VCMzY0NDgxMTFFOThFNTc5NkNGMERGREFFREEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkQ2Q0VCMzc0NDgxMTFFOThFNTc5NkNGMERGREFFREEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRDZDRUIzNDQ0ODExMUU5OEU1Nzk2Q0YwREZEQUVEQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRDZDRUIzNTQ0ODExMUU5OEU1Nzk2Q0YwREZEQUVEQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppqj5DAAAAAbSURBVHjaYvj//z8DEwMQ0IL4j1eWEcwCCDAAr6UEMAK5K54AAAAASUVORK5CYII=") left bottom repeat;
}

.miraito_diaryBox_list {
  margin: 21px 0 0 !important;
  padding: 0 !important;
  font-size: 102.94118%;
  line-height: 172%;
  font-weight: bold;
  list-style: none;
}
.miraito_diaryBox_list li {
  padding-left: 84px;
}
.miraito_diaryBox_list li span {
  display: inline-block;
  margin: 0 0 0 -84px;
}

/* **
miraito_recdBox
** */
.miraito_recdBox_ttl {
  margin: 0 0 24px;
}

.miraito_recdBox_lead {
  margin: 0 0 5px !important;
  font-size: 117.64706%;
  line-height: 150%;
  color: #a40a5b;
  font-weight: bold;
  text-align: center;
}

.miraito_recdBox_body {
  display: table;
  table-layout: fixed;
}

.miraito_recdBox_item {
  display: table-cell;
  vertical-align: middle;
}
.miraito_recdBox_item:nth-child(1) {
  width: 150px;
  padding-right: 12px;
}
.miraito_recdBox_item:nth-child(2) {
  width: 150px;
  padding-right: 12px;
}
.miraito_recdBox_item:nth-child(3) {
  width: 151px;
  padding-right: 11px;
}
.miraito_recdBox_item:nth-child(4) {
  width: 155px;
  padding-right: 14px;
}
.miraito_recdBox_item:nth-child(5) {
  width: 185px;
}