/* ===========================
common
=========================== */
/* **
text
** */
.miraito_text {
  font-size: 102.94118%;
  line-height: 172%;
}

.miraito_fsXLarge {
  font-size: 132.35294%;
  line-height: 156%;
}

.miraito_fsLarge {
  font-size: 117.64706%;
  line-height: 175%;
}

.miraito_fsSmall {
  font-size: 88.23529%;
  line-height: 200%;
}

.miraito_fsXSmall {
  font-size: 73.52941%;
  line-height: 180%;
}

.miraito_fwBold {
  font-weight: bold;
}

.miraito_caption {
  margin: 0 !important;
  font-size: 102.94118%;
  line-height: 172%;
  text-align: center;
}

/* **
miraito_caution
** */
.miraito_caution {
  margin: 20px 0 30px;
  text-align: right;
}

.miraito_caution_inner {
  display: inline-block;
  margin: 0 !important;
  padding: 2px 11px 0;
  background: #f4f4f4;
  font-size: 88.23529%;
  line-height: 200%;
}

/* **
miraito_column
** */
.miraito_column {
  display: table;
  width: 100%;
  margin: 0 0 24px;
}
.miraito_column.is-left {
  width: auto;
}
.miraito_column img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

* + .miraito_column {
  margin-top: 24px !important;
}

.miraito_column_item {
  display: table-cell;
  width: 50%;
  padding: 0 10px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.miraito_column_item + .miraito_column_item {
  padding: 0 0 0 10px;
}
.miraito_column_item.is-middle {
  vertical-align: middle;
}
.miraito_column_item.is-bottom {
  vertical-align: bottom;
}

.miraito_column.is-3column .miraito_column_item {
  width: 33.33%;
  padding: 0 8px 0 7px;
}
.miraito_column.is-3column .miraito_column_item:first-child {
  padding-left: 0;
}
.miraito_column.is-3column .miraito_column_item:last-child {
  padding-right: 0;
}
.miraito_column.is-3column .miraito_column_item.w-2column {
  width: 66.66%;
}

.miraito_column.is-left .miraito_column_item {
  width: auto;
}

/* **
miraito_cards
** */
.miraito_cards {
  margin: 0 0 30px;
}
.miraito_cards img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

* + .miraito_cards {
  margin-top: 28px;
}

.miraito_cards_body {
  display: table;
  width: 100%;
  margin: 15px 0 0 !important;
  padding: 0 !important;
  list-style: none;
}

.miraito_cards.is-half .miraito_cards_body {
  width: 50%;
  margin-right: auto;
}

.miraito_cards_item {
  display: table-cell;
  width: 50%;
  margin: 0;
  padding: 0 10px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.miraito_cards_item + .miraito_cards_item {
  padding: 0 0 0 10px;
}

.miraito_cards.is-half .miraito_cards_item {
  width: 100%;
}

/* **
miraito_cardLink
** */
.miraito_cardLink_ttl {
  margin: 0 0 8px !important;
}

.miraito_cardLink_img {
  margin: 0 0 8px !important;
  text-align: center;
}
.miraito_cardLink_img a {
  display: block;
}
.miraito_cardLink_img img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.miraito_cardLink_text {
  width: 100%;
  margin: 0 !important;
  font-size: 102.94118%;
  line-height: 172%;
}

/* **
miraito_list
** */
.miraito_list {
  padding-left: 20px !important;
  list-style: none;
}
.miraito_list li:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: -4px 9px 0 -14px;
  background: #232323;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.miraito_list li + li {
  margin-top: 7px;
}
.miraito_list.is-orange li:before {
  background-color: #ed6d34;
}
.miraito_list.is-pink li:before {
  background-color: #e95098;
}
.miraito_list.is-lightpink li:before {
  background-color: #eb6e8f;
}
.miraito_list.is-green li:before {
  background-color: #016a34;
}
.miraito_list.is-lightgreen li:before {
  background-color: #6cbb5a;
}
.miraito_list.is-blue li:before {
  background-color: #0975b9;
}
.miraito_list.is-lightblue li:before {
  background-color: #00aad9;
}

/* **
miraito_profile
** */
.miraito_profile {
  display: table;
  width: 100%;
  border: 1px solid #dadada;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.miraito_profile img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.miraito_profile_img {
  display: table-cell;
  width: 144px;
  padding: 18px 4px 14px 23px;
  vertical-align: middle;
  text-align: center;
}

.miraito_profile_right {
  display: table-cell;
  padding: 15px 20px 15px 18px;
  vertical-align: middle;
}

.miraito_profile_name {
  font-size: 117.64706%;
  line-height: 150%;
  font-weight: bold;
}

.miraito_profile_desc {
  margin-top: 9px;
  padding-top: 16px;
  border-top: 1px solid #dadada;
  font-size: 102.94118%;
  line-height: 172%;
}
.miraito_profile_desc p {
  margin: 0;
}

/* **
miraito_trialProfile
** */
.miraito_trialProfile {
  display: table;
}

* + .miraito_trialProfile {
  margin-top: 30px;
}

.miraito_trialProfile_left {
  display: table-cell;
  width: 180px;
  padding: 0 3px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.miraito_trialProfile_right {
  display: table-cell;
  padding: 0 16px;
  vertical-align: middle;
}

.miraito_trialProfile_img {
  margin: 0 !important;
}

.miraito_trialProfile_caption {
  margin: 6px 0 0 !important;
  text-align: center;
}

.miraito_trialProfile_text {
  margin: 0 !important;
  font-size: 117.64706%;
  line-height: 175%;
  font-weight: bold;
}

/* **
miraito_toc
** */
.miraito_toc {
  margin: 0 0 60px;
  padding: 14px 0 0;
}
.miraito_toc img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.miraito_toc ol {
  list-style: decimal;
}

* + .miraito_toc {
  margin-top: 40px;
}

.miraito_toc_inner {
  position: relative;
  padding: 39px 19px 38px;
  border: 1px solid #232323;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.miraito_toc_ttl {
  position: absolute;
  top: -15px;
  left: 13px;
  margin: 0;
}

.miraito_toc_list {
  margin: 0 !important;
  padding: 0 0 0 40px !important;
}

.miraito_toc_item {
  font-size: 110.29412%;
  line-height: 160%;
  font-weight: bold;
}
.miraito_toc_item a {
  color: #232323;
  text-decoration: underline;
}
.miraito_toc_item a:visited, .miraito_toc_item a:link {
  color: #232323;
}
.miraito_toc_item a:hover {
  text-decoration: none;
}
.miraito_toc_item + .miraito_toc_item {
  margin-top: 17px;
}

/* **
miraito_arrowLinks
** */
.miraito_arrowLinks {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
.miraito_arrowLinks li {
  position: relative;
  padding-left: 17px !important;
}
.miraito_arrowLinks li:before {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  top: 0.4em;
  left: 4px;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #232323;
  vertical-align: middle;
}
.miraito_arrowLinks li + li {
  margin-top: 10px;
}
.miraito_arrowLinks a {
  color: #232323;
  text-decoration: underline;
}
.miraito_arrowLinks a:link, .miraito_arrowLinks a:visited {
  color: #232323;
}
.miraito_arrowLinks a:hover {
  text-decoration: none;
}

* + .miraito_arrowLinks {
  margin-top: 4px !important;
}

/* **
miraito_hr
** */
.miraito_hr {
  margin: 20px 0;
  border: 1px solid #d3d3d3;
  border-width: 1px 0 0;
}

/* **
miraito_hrRibbon
** */
.miraito_hrRibbon {
  margin: 39px 0 59px;
  width: 100%;
  height: 37px;
  background: left top repeat;
  border: none;
}
.miraito_hrRibbon.is-pink {
  background-image: url("/library/image/miraito/image/2018_spring/feature/miraito_hr_bg.png");
}
.miraito_hrRibbon.is-green {
  background-image: url("/library/image/miraito/image/2018_spring/feature/miraito_hr_bg2.png");
}

/* **
miraito_balloon
** */
.miraito_balloon {
  margin: 0 0 13px !important;
  padding: 0 0 17px;
}

.miraito_balloon_inner {
  position: relative;
  padding: 17px 23px 15px;
  background: #ccc;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.miraito_balloon_inner:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  left: 19px;
  bottom: -17px;
  border-style: solid;
  border-width: 18px 12px 0 12px;
  border-color: #ccc transparent transparent transparent;
}

.miraito_balloon_text {
  margin: 0 !important;
  font-size: 147.05882%;
  line-height: 160%;
  font-weight: bold;
}

/* **
miraito_heading
** */
.miraito_heading {
  margin: 0 0 24px;
  padding: 10px 0;
  border-bottom: 2px solid;
  font-size: 176.47059%;
  line-height: 100%;
  font-weight: bold;
}

* + .miraito_heading {
  margin-top: 31px;
}

.miraito_subHeading {
  margin: 0 0 24px;
  padding: 8px 11px;
  background: #fefdeb;
  border: 1px solid #e3e2cf;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 125%;
  line-height: 142%;
  font-weight: bold;
}

* + .miraito_subHeading {
  margin-top: 24px;
}

.miraito_subsubHeading {
  margin: 0 0 19px;
  padding: 0 0 1px;
  border-bottom: 1px solid #232323;
  font-size: 110.29412%;
  line-height: 160%;
  font-weight: bold;
}

* + .miraito_subsubHeading {
  margin-top: 18px;
}

/* **
miraito_textLine
** */
.miraito_textLine {
  position: relative;
  display: inline-block;
  z-index: 0;
}
.miraito_textLine:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 6px;
  bottom: 5px;
  background: #ccc;
  z-index: -1;
}

/* ===========================
housekeeping
=========================== */
/* **
miraito_rakukajiHeading
** */
.miraito_rakukajiHeading {
  position: relative;
  margin: 0 0 30px;
  padding: 15px 15px 11px;
  background: #666;
  font-size: 176.47059%;
  line-height: 117%;
  color: #fff;
  font-weight: bold;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.miraito_rakukajiHeading:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  left: 19px;
  bottom: -17px;
  border-style: solid;
  border-width: 18px 12px 0 12px;
  border-color: #666 transparent transparent transparent;
}
.miraito_rakukajiHeading.is-orange {
  background-color: #ed6d34;
}
.miraito_rakukajiHeading.is-orange:after {
  border-color: #ed6d34 transparent transparent transparent;
}
.miraito_rakukajiHeading.is-lightgreen {
  background-color: #6cbb5a;
}
.miraito_rakukajiHeading.is-lightgreen:after {
  border-color: #6cbb5a transparent transparent transparent;
}
.miraito_rakukajiHeading.is-lightpink {
  background-color: #eb6e8f;
}
.miraito_rakukajiHeading.is-lightpink:after {
  border-color: #eb6e8f transparent transparent transparent;
}
.miraito_rakukajiHeading.is-lightblue {
  background-color: #00aad9;
}
.miraito_rakukajiHeading.is-lightblue:after {
  border-color: #00aad9 transparent transparent transparent;
}

* + .miraito_rakukajiHeading {
  margin-top: 60px;
}

/* **
miraito_star
** */
.miraito_star {
  position: relative;
}
.miraito_star:before, .miraito_star:after {
  position: absolute;
  content: "";
  display: block;
}
.miraito_star:before {
  width: 89px;
  height: 64px;
  right: 7px;
  top: -31px;
  background: url("/library/image/miraito/image/2018_spring/housekeeping/miraito_star01.png");
}
.miraito_star:after {
  width: 79px;
  height: 84px;
  left: 5px;
  bottom: -45px;
  background: url("/library/image/miraito/image/2018_spring/housekeeping/miraito_star02.png");
}

/* ===========================
preparation
=========================== */
/* **
miraito_arrangeHeading
** */
.miraito_arrangeHeading {
  position: relative;
  margin: 0 0 20px;
  padding: 9px 10px 3px 90px;
  font-size: 176.47059%;
  line-height: 125%;
  font-weight: bold;
}
.miraito_arrangeHeading img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  margin: auto;
}

* + .miraito_arrangeHeading {
  margin-top: 20px;
}

.miraito_arrangeHeading_subtext {
  display: block;
  font-size: 75%;
  line-height: 134%;
  font-weight: normal;
}

/* **
miraito_ingredientList
** */
.miraito_ingredientList {
  padding-left: 0 !important;
  list-style: none;
}
.miraito_ingredientList li {
  padding-left: 20px;
}
.miraito_ingredientList li:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: -4px 9px 0 -14px;
  background: #232323;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.miraito_ingredientList li + li {
  margin-top: 3px;
  padding-top: 7px;
  border-top: 1px dashed #d4d4d4;
}

/* **
miraito_makeList
** */
.miraito_makeList {
  margin: 0 0 24px !important;
  padding: 0 !important;
  list-style: none;
}
.miraito_makeList li {
  padding-left: 32px;
}
.miraito_makeList li + li {
  margin-top: 10px;
  padding-top: 16px;
  border-top: 1px dashed #d4d4d4;
}

.miraito_makeList_symbol {
  display: inline-block;
  margin: 0 6.5px 0 -25px;
  font-weight: bold;
}

/* **
miraito_pointBox
** */
.miraito_pointBox {
  padding: 12px 15px 14px;
  border: 3px solid #cdba9b;
}
.miraito_pointBox dt {
  font-size: 117.64706%;
  line-height: 150%;
  font-weight: bold;
}
.miraito_pointBox dd {
  margin-top: 3px;
  font-size: 102.94118%;
  line-height: 172%;
}

* + .miraito_pointBox {
  margin-top: 35px;
}

/* ===========================
saving
=========================== */
/* **
miraito_savingPoint
** */
.miraito_savingPoint {
  position: relative;
  min-height: 48px;
  margin: 0 0 7px !important;
  padding: 11px 0 5px 65px;
  font-size: 132.35294%;
  line-height: 134%;
  font-weight: bold;
}
.miraito_savingPoint img {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 3px;
  margin: auto;
}

/* **
miraito_pointText
** */
.miraito_pointText {
  padding: 11px 14px 6px;
  background: #fdfbdd;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

/* **
miraito_voice
** */
.miraito_voice {
  margin: 0 0 40px;
  padding: 19px 0 0;
}

.miraito_voice_inner {
  position: relative;
  padding: 23px 21px 13px;
  border: 2px solid #232323;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.miraito_voice_ttl {
  position: absolute;
  top: -17px;
  left: 23px;
}

.miraito_voice_question {
  font-size: 147.05882%;
  line-height: 160%;
  font-weight: bold;
}

/* ===========================
foundation
=========================== */
/* **
miraito_vision
** */
.miraito_vision {
  display: table;
}

.miraito_vision_left {
  display: table-cell;
  width: 170px;
  padding: 0 8px;
  vertical-align: top;
}

.miraito_vision_right {
  display: table-cell;
  padding: 14px 15px 0;
  vertical-align: top;
}

.miraito_vision_caption {
  font-size: 102.94118%;
  line-height: 136%;
}

.miraito_vision_ttl {
  margin: 0 0 11px;
}

.miraito_vision_text {
  margin: 0 !important;
  font-size: 117.64706%;
  line-height: 175%;
  font-weight: bold;
}

/* **
miraito_stripeBox
** */
.miraito_stripeBox {
  padding: 20px 0 0;
}

.miraito_stripeBox_inner {
  position: relative;
  padding: 49px 24px 5px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkEwOEYyQTg0ODNDMTFFODlGMjlBODlEOTU5QTEzODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkEwOEYyQTk0ODNDMTFFODlGMjlBODlEOTU5QTEzODIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQTA4RjJBNjQ4M0MxMUU4OUYyOUE4OUQ5NTlBMTM4MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQTA4RjJBNzQ4M0MxMUU4OUYyOUE4OUQ5NTlBMTM4MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqkuofYAAAAsSURBVHjaYvz///+/918ZYIDx77svcA6TIDeCD+QAFUL5EA5UPZwDBAABBgA7Php//WDMuwAAAABJRU5ErkJggg==") left top repeat;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.miraito_stripeBox_ttl {
  position: absolute;
  top: -20px;
  left: 0;
}

/* **
miraito_bgLightGreenBox
** */
.miraito_bgLightGreenBox {
  padding: 15px 20px;
  background: #e2ecaf;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}