@charset "UTF-8";
/*--------------RESET--------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit;
}

del, ins {
  text-decoration: none;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}

legend {
  color: #000;
}

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input, button, textarea, select {
  *font-size: 100%;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  font-size: 62.5%;
}

body {
  color: #333;
  font-size: 14px;
  line-height: 1.5;
/* font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, メイリオ, "MS PGothic", Osaka, arial, sans-serif; */
  z-index: 0;
  position: relative;
  width: 100%;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, p, ul {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  -webkit-tap-highlight-color: transparent;
  vertical-align: bottom;
}

select::-ms-expand {
  display: none;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}

a:hover {
  outline-width: thick;
}

.u-width--per-20 {
  width: 20%;
}

.u-width--per-25 {
  width: 25%;
}

.u-width--per-35 {
  width: 35%;
}

.u-width--per-50 {
  width: 50%;
}

.u-width--per-60 {
  width: 60%;
}

.u-width--per-75 {
  width: 75%;
}

.u-width--per-80 {
  width: 80%;
}

.u-width--per-100 {
  width: 100%;
}

.u-width--calc-70-10 {
  width: calc(70% - 10px);
}

.u-width--1-per-3 {
  width: calc(100% / 3);
}

.u-width--100 {
  width: 100px;
}

.u-input--width {
  width: 100%;
  max-width: 320px;
}

.u-height--a {
  height: auto;
}

.u-child-width--per-25 > * {
  width: 25%;
}

.u-child-width--per-50 > * {
  width: 50%;
}

.u-child-width--per-100 > * {
  width: 100%;
}

.u-child-width--1-per-3 > * {
  width: calc(100% / 3);
}

.u-font-family--ho {
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "見出ゴMB31", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Arial", "Meiryo UI", "メイリオ", "Meiryo", "sans-serif";
}

.u-font--10 {
  /*redesign02*/
  font-size: 11px;
}

.u-font--11 {
  font-size: 11px;
}

.u-font--12 {
  font-size: 12px;
}

.u-font--13 {
  font-size: 13px;
}

.u-font--14 {
  font-size: 14px;
}

.u-font--15 {
  font-size: 15px;
}

.u-font--16 {
  font-size: 16px;
}

.u-font--17 {
  font-size: 17px;
}

.u-font--18 {
  font-size: 18px;
}

.u-font--19 {
  font-size: 19px;
}

.u-font--20 {
  font-size: 20px;
}

.u-font--21 {
  font-size: 21px;
}

.u-font--22 {
  font-size: 22px;
}

.u-font--23 {
  font-size: 23px;
}

.u-font--24 {
  font-size: 24px;
}

.u-font--25 {
  font-size: 25px;
}

.u-font--26 {
  font-size: 26px;
}

.u-font--27 {
  font-size: 27px;
}

.u-font--28 {
  font-size: 28px;
}

.u-font--29 {
  font-size: 29px;
}

.u-font--30 {
  font-size: 30px;
}

.u-font--34 {
  font-size: 34px;
}

.u-mt--0 {
  margin-top: 0;
}

.u-mt--2 {
  margin-top: 2px;
}

.u-mt--4 {
  margin-top: 4px;
}

.u-mt--5 {
  margin-top: 5px;
}

.u-mt--7 {
  margin-top: 7px;
}

.u-mt--8 {
  margin-top: 8px;
}

.u-mt--10 {
  margin-top: 10px;
}

.u-mt--11 {
  margin-top: 11px;
}

.u-mt--12 {
  margin-top: 12px;
}

.u-mt--13 {
  margin-top: 13px;
}

.u-mt--15 {
  margin-top: 15px;
}

.u-mt--16 {
  margin-top: 16px;
}

.u-mt--17 {
  margin-top: 17px;
}

.u-mt--20 {
  margin-top: 20px;
}

.u-mt--23 {
  margin-top: 23px;
}

.u-mt--25 {
  margin-top: 25px;
}

.u-mt--30 {
  margin-top: 30px;
}

.u-mt--35 {
  margin-top: 35px;
}

.u-mt--40 {
  margin-top: 40px;
}

.u-mt--45 {
  margin-top: 45px;
}

.u-mt--50 {
  margin-top: 50px;
}

.u-mt--60 {
  margin-top: 60px;
}

.u-mt--80 {
  margin-top: 80px;
}

.u-mt--100 {
  margin-top: 100px;
}

.u-mt--120 {
  margin-top: 120px;
}

.u-mt--a {
  margin-top: auto;
}

.u-ml--0 {
  margin-left: 0;
}

.u-ml--2 {
  margin-left: 2px;
}

.u-ml--5 {
  margin-left: 5px;
}

.u-ml--8 {
  margin-left: 8px;
}

.u-ml--10 {
  margin-left: 10px;
}

.u-ml--15 {
  margin-left: 15px;
}

.u-ml--16 {
  margin-left: 16px;
}

.u-ml--20 {
  margin-left: 20px;
}

.u-ml--25 {
  margin-left: 25px;
}

.u-ml--30 {
  margin-left: 30px;
}

.u-ml--a {
  margin-left: auto;
}

.u-mr--0 {
  margin-right: 0;
}

.u-mr--4 {
  margin-right: 4px;
}

.u-mr--5 {
  margin: 0 5px 0 0;
}

.u-mr--10 {
  margin-right: 10px;
}

.u-mtb--15 {
  margin: 10px 0 15px 0;
}

.u-mr--20 {
  margin-right: 20px;
}

.u-mr--a {
  margin-right: auto;
}

.u-mb--0 {
  margin-bottom: 0;
}

.u-mb--30 {
  margin-bottom: 30px;
}

.u-m--0-3 {
  margin: 0 3px;
}

.u-m--0-5 {
  margin: 0 5px;
}

.u-ml-auto {
  margin-left: auto;
}

.u-mr-auto {
  margin-right: auto;
}

.u-m--0-auto {
  margin: 0 auto;
}

.u-text-align--l {
  text-align: left;
}

.u-text-align--c {
  text-align: center;
}

.u-text-align--r {
  text-align: right;
}

.u-lh--1 {
  line-height: 1;
}

.u-lh--1-5 {
  line-height: 1.5;
}

.u-lh--11 {
  line-height: 11px;
}

.u-lh--9 {
  line-height: 9px;
}

.u-lh--12 {
  line-height: 12px;
}

.u-lh--13 {
  line-height: 13px;
}

.u-lh--14 {
  line-height: 14px;
}

.u-lh--15 {
  line-height: 15px;
}

.u-lh--16 {
  line-height: 16px;
}

.u-lh--17 {
  line-height: 17px;
}

.u-lh--19 {
  line-height: 19px;
}

.u-lh--20 {
  line-height: 20px;
}

.u-lh--22 {
  line-height: 22px;
}

.u-lh--24 {
  line-height: 24px;
}

.u-lh--28 {
  line-height: 28px;
}

.u-lh--32 {
  line-height: 32px;
}

.u-h--40 {
  height: 40px;
}

.u-color--red {
  color: #7f0019;
}

.u-color--darkRed {
  color: #8B1A27;
}

.u-color--grey {
  color: #585858;
}

.u-color--lightGrey {
  color: #999;
}

.u-color--blue {
  color: #60b3fa;
}

.u-color--black {
  color: #000;
}

.u-color--red {
  color: #7f0019;
}

.u-color--lightestGrey {
  color: #676767;
}

.u-color--lighterRed {
  color: #DD0214;
}

.u-color--lightblack {
  color: #272727;
}

.u-color--silver {
  color: #AEAEBB;
}

.u-color--gold {
  color: #BBA285;
}

.u-color--platina {
  color: #C3BCB4;
}

.u-color--diamond {
  color: #BCC3DE;
}

.u-hide {
  display: none;
}

.u-display-block {
  display: block;
}

.u-display-in-line {
  display: inline;
}

.u-display-inline {
  display: inline-block;
}

.u-vertical-align--text-top {
  vertical-align: text-top;
}

.u-vertical-align--middle {
  vertical-align: middle;
}

.u-border-bottom--none {
  border-bottom: none;
}

.u-border-bottom--Grey {
  border-bottom: 1px solid #979797;
}

.u-border-bottom--lighterGrey {
  border-bottom: 1px solid #e5e5e5;
}

.u-border-top--lightGrey {
  border-top: 1px solid #999;
}

.u-border--lightGrey {
  border: 1px solid #999;
}

.u-border--red {
  border: 1px solid #8B1A27;
}

.u-border--none {
  border: none;
}

.u-select--disabled {
  opacity: .5;
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-position-ab {
  position: absolute;
}

.u-position-re {
  position: relative;
}

.u-mh--36 {
  min-height: 36px;
}

.u-display-flex {
  display: -webkit-flex;
  display: flex;
}

.u-display-flex__between {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.u-display-flex-column {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}

.u-display-flex-column__sb {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.u-display-flex__wrap {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.u-display-flex__nowrap {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.u-display-flex__end {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.u-display-flex__jc-end {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
}

.u-display-flex__center {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.u-display-table {
  display: table;
}

.u-display-table-cell {
  display: table-cell;
}

.u-bg-white {
  background: #fff;
}

.u-bg-light-grey {
  background: #fdfdfd;
}

.u-vh {
  visibility: hidden;
}

.u-fwb {
  font-weight: bold;
}

.u-fwn {
  font-weight: normal;
}

.u-pt--5 {
  padding-top: 5px;
}

.u-pt--10 {
  padding-top: 10px;
}

.u-pt--15 {
  padding-top: 15px;
}

.u-pt--20 {
  padding-top: 20px;
}

.u-pt--40 {
  padding-top: 40px;
}

.u-pr-0 {
  padding-right: 0;
}

.u-pr--10 {
  padding-right: 10px;
}

.u-pr--16 {
  padding-right: 16px;
}

.u-pl-0 {
  padding-left: 0;
}

.u-pl-5 {
  padding-left: 5px;
}

.u-pl--10 {
  padding-left: 10px;
}

.u-pl--14 {
  padding-left: 14px;
}

.u-pl--16 {
  padding-left: 16px;
}

.u-pl--28 {
  padding-left: 28px;
}

.u-pl--30 {
  padding-left: 30px;
}

.u-pb-5 {
  padding-bottom: 5px;
}

.u-pb-16 {
  padding-bottom: 16px;
}

.u-pb-20 {
  padding-bottom: 20px;
}

.u-plb--16 {
  padding: 0 0 16px 16px;
}

.u-plr--16 {
  padding: 0 16px 0 16px;
}

.u-pd--0 {
  padding: 0;
}

.u-pd-tb--16 {
  padding: 16px 0;
}

.u-pd--16 {
  padding: 16px;
}

.u-pr--0 {
  padding-right: 0;
}

.u-pd--3 {
  padding: 0 3px;
}

.u-pd--4 {
  padding: 0 4px;
}

.u-pd--2-4 {
  padding: 2px 4px;
}

.u-pd--0-5 {
  padding: 0 5px;
}

.u-pd--0-16 {
  padding: 0 16px;
}

.u-pd--10-16 {
  padding: 10px 16px;
}

.u-cur-def {
  cursor: default;
}

.u-cur-none {
  cursor: not-allowed;
  pointer-events: none;
}

.u-button-disabled,
.u-input-disabled {
  opacity: 0.5;
}

.u-bg-gray {
  padding: 16px;
  background: #f2f2f2;
}

.u-bg-gray.patch01 {
  padding-top: 4px;
}

.u-bg-gray__content {
  padding: 16px;
  background: #fdfdfd;
  box-shadow: 0 1px 3px rgba(88, 88, 88, 0.3);
}

.u-box-shadow {
  box-shadow: 0 1px 3px rgba(153, 153, 153, 0.5);
}

.u-box-shadow-3 {
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(88, 88, 88, 0.3);
}

.u-border-radius-2 {
  border-radius: 2px;
}

.u-border-radius-3 {
  border-radius: 3px;
}

.single-img img {
  cursor: pointer;
}

.u-ls--dot-5 {
  letter-spacing: 0.5px;
}

.u-ls--3 {
  letter-spacing: 3px;
}

.u-mx-width--300 {
  max-width: 300px;
}

.u-mx-width--600 {
  max-width: 600px;
}

.u-mx-width--700 {
  max-width: 700px;
}

.u-mx-width--800 {
  max-width: 800px;
}

.u-mx-width--1440 {
  max-width: 1440px;
}

.u-mx-width-pre--100 {
  max-width: 100%;
}

.u-ios-input--disabled {
  background: #e5e5e5;
  -webkit-text-fill-color: #585858;
  opacity: 1;
}

.u-fl--right {
  float: right;
}

.u-fl--left {
  float: left;
}

.u-normal-btn--flex {
  max-width: 700px;
  margin: 0 auto;
}

.u-text-indent {
  padding-left: 1em;
  text-indent: -1em;
}

.u-text-indent-0-5 {
  text-indent: -0.5em;
}

@media only screen and (max-width: 768px) {
  .u-sp_br {
    display: block;
  }
  .u-media-ml-16 {
    margin-left: 16px;
  }
  .u-input--width {
    max-width: 100%;
  }
  .u-modal-patch {
    max-height: calc(90vh - 120px);
  }
  .u-mt__sp--16 {
    margin-top: 16px;
  }
  .u-mt__sp--20 {
    margin-top: 20px;
  }
}

.readings-main {
  max-width: 1200px;
  width: 100%;
  margin: 20px auto 0;
  color: #585858;
}

.readings-main.readings-detail-main {
  margin-top: 25px;
}

.readings-main .ttl-readings {
  margin-top: 30px;
}

.readings-main .readings-button .c-common-normal-buttons {
  max-width: 500px;
  margin: 30px auto 0;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  font-size: 16px;
}

.readings-main .readings-button .c-common-normal-buttons a {
  padding: 15px 0;
}

.readings-main .readings__title {
  margin: 15px 0 0 0;
  color: #000;
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .readings-main .readings__title {
    padding: 0 16px;
  }
}

.readings-main .readings__date {
  margin: 3px 0 0 3px;
  color: #999;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .readings-main .readings__date {
    padding: 0 16px;
  }
}

.readings-main .readingsblog__date {
  margin: 3px 0 0 3px;
  color: #999;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .readings-main .readingsblog__date {
    padding: 0;
  }
}

.readings-main .detail-item__picture {
  margin-top: 16px;
}

.readings-main .detail-info {
  margin-top: 16px;
}

.readings-main .detail-info .readings__lead-txt {
  font-size: 11px;
  line-height: 16px;
}

.readings-main .detail-info .readings__txt {
  font-size: 11px;
  line-height: 16px;
}

.readings-main .detail-info h1.readings__subtitle {
  margin-top: 30px;
  font-size: 15px;
  line-height: 20px;
}

.readings-main .detail-info .c-common-normal-buttons--block-read_more-info {
  margin-top: 16px;
}

.readings-main .ttl-readings-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.readings-main .ttl-readings-list h1 {
  color: #000;
  font-size: 19px;
  font-weight: normal;
}

.readings-main .ttl-readings-list .link {
  width: 40px;
  height: 40px;
}

.readings-main .ttl-readings-list .link a {
  display: block;
  height: 40px;
  background: url("../readings/img/ico-readings-link.png") no-repeat center;
  background-size: auto 32px;
}

.readings-main .recent-view-item .c-common__slide-list--article-pc ul li .item-product .title--material {
  font-size: 11px;
}

.readings-main .recent-view-item .c-common__slide-list--article-pc ul li .item-product .title--spe_name {
  font-size: 11px;
}

.readings-main .c-common__slide-list--article {
  padding: 0 0 10px 0;
}

.readings-main .c-common__slide-list--article ul {
  flex-wrap: wrap;
}

.readings-main .c-common__slide-list--article ul li {
  min-width: 163px;
  max-width: 200px;
  margin: 20px 16px 0 0;
  width: 45.4039%;
}

.readings-main .c-common__slide-list--status {
  max-width: 1440px;
}

.readings-main .c-common__slide-list--status ul li {
  width: 22.75%;
  margin: 2% 3% 0 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.readings-main .c-common__slide-list--status ul li:nth-child(4n) {
  margin-right: 0;
}

.readings-main .c-common__slide-list--status ul li .item-product .title--spe_name {
  color: #585858;
  font-size: 11px;
}

.readings-main .readings-info dl {
  display: table;
  margin-top: 15px;
  font-size: 13px;
  font-weight: bold;
}

.readings-main .readings-info dl dt {
  display: table-cell;
}

.readings-main .readings-info dl dd {
  display: table-cell;
  max-width: 100%;
  margin-top: 5px;
}

.readings-main .readings-info dl a {
  color: #60b3fa;
}

.readings-main .readings-info dl.node {
  margin-top: 0;
  font-size: 12px;
  font-weight: normal;
}

.readings-main .readings-info dl.node dd {
  display: block;
}

.readings-main .readings-info dl.node dd ul {
  margin-top: 10px;
  line-height: 20px;
  color: #585858;
  font-size: 13px;
}

.readings-main .readings-detail {
  margin-top: 60px;
  padding: 16px;
  background: #f2f2f2;
}

.readings-main .readings-detail-cot {
  padding: 16px;
  background: #fff;
  box-shadow: 0 1px 3px 1px rgba(153, 153, 153, 0.5);
}

.readings-main .readings-detail--none {
  margin-top: 10px;
  padding: 16px 0;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  font-size: 13px;
  text-align: center;
}

.readings-main .readings-detail h1 {
  line-height: 15px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.readings-main .readings-detail h2 {
  margin-top: 20px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.readings-main .readings-detail .ttl-states {
  margin-top: 10px;
  line-height: 13px;
  color: #7f0019;
  font-size: 13px;
  font-weight: bold;
}

.readings-main .readings-detail .c-common-normal-buttons {
  margin-top: 30px;
}

.readings-main .readings-detail-list {
  margin-top: 10px;
  font-size: 13px;
}

.readings-main .readings-detail-list__sheet {
  min-height: 116px;
  padding: 0 16px;
}

.readings-main .readings-detail-list--blue {
  color: #60b3fa;
}

.readings-main .readings-detail-list li {
  padding: 6px 0 16px 0;
  border-bottom: 1px solid #999;
}

.readings-main .readings-detail-list li:first-child {
  border-top: 1px solid #999;
}

.readings-main .readings-detail-list li.especially {
  padding-bottom: 30px;
}

.readings-main .readings-detail-list li dl {
  display: table;
  margin-top: 10px;
}

.readings-main .readings-detail-list li dl dt {
  font-weight: 600;
  display: table-cell;
}

.readings-main .readings-detail-list li dl dd {
  display: table-cell;
  max-width: 100%;
  font-weight: normal;
}

.readings-main .readings-detail-list li dl span.txt-highlight {
  font-weight: bold;
}

.readings-main .readings-detail-list li .c-common-normal-buttons {
  margin-top: 20px;
}

.readings-main .lecturer {
  margin-top: 30px;
  max-width: calc(50% - 16px);
  margin-left: auto;
}

.readings-main .lecturer h1 {
  font-size: 15px;
  font-weight: bold;
}

.readings-main .lecturer-list {
  margin-top: 20px;
  border-top: 1px solid #999;
}

.readings-main .lecturer-list__item {
  padding: 10px;
  border-bottom: 1px solid #999;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.readings-main .lecturer-list__item--img {
  width: 40%;
  max-width: 300px;
}

.readings-main .lecturer-list__item--img img {
  width: 100%;
}

.readings-main .lecturer-list__item--description {
  width: calc(79% - 16px);
  margin-left: 16px;
}

.readings-main .lecturer-list__item--description .follow-button {
  text-align: right;
}

.readings-main .lecturer-list__item--description h2 {
  margin-top: 8px;
  color: #000;
  font-size: 13px;
  font-weight: bold;
}

.readings-main .lecturer-list__item--description h2 span {
  line-height: 12px;
  padding-left: 5px;
  font-size: 12px;
}

.readings-main .lecturer-list__item--description h2 a {
  color: #60b3fa;
  text-decoration: none;
}

.readings-main .lecturer-list__item--description p {
  line-height: 18px;
  margin-top: 10px;
  font-size: 13px;
  font-weight: normal;
}

.readings-main .p-lecturer-detail {
  margin-top: 20px;
}

.readings-main .p-lecturer-detail h1 {
  color: #000;
  font-size: 19px;
}

.readings-main .p-lecturer-detail h2 {
  color: #000;
  font-size: 15px;
  padding-bottom: 10px;
}

.readings-main .p-lecturer-detail__title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.readings-main .p-lecturer-detail__readmore--btn {
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 12px 0 0 12px;
  left: 140px;
  bottom: 0;
  background: #fff;
  text-align: left;
}

.readings-main .p-lecturer-detail__readmore .readings__series--readmore {
  position: relative;
}

.readings-main .p-lecturer-detail__readmore .readings__series--readmore--info {
  height: 135px;
  line-height: 19px;
  margin-top: 30px;
  font-size: 14px;
}

.readings-main .p-lecturer-detail__readmore .readings__series--readmore--info img {
  float: left;
  width: 40%;
  max-width: 300px;
  padding-right: 16px;
}

.readings-main .p-lecturer-detail__readmore .p-image-round-text--readmore .readings__series--readmore--info {
  height: auto;
}

.readings-main .p-lecturer-detail__readmore .p-image-round-text--readmore .p-round-text {
  overflow: hidden;
  display: block;
  height: 75px;
}

.readings-main .p-lecturer-detail__readmore .p-image-round-text--readmore .series__readmore--btn {
  display: block;
  position: relative;
}

.readings-main .bx-wrapper {
  border: none;
}

.p-activities-view h1 {
  padding-top: 14px;
  padding-bottom: 10px;
  border-bottom: none;
  font-weight: 600;
  font-size: 19px;
}

.p-activities-view .p-fade-box {
  position: relative;
  height: 22px;
  overflow: hidden;
  margin: 10px 0;
}

.p-activities-view .p-fade-box .p-this-month {
  position: absolute;
  top: 0;
  margin: 0;
}

.p-activities-view h2 {
  margin: 10px 0;
  letter-spacing: 0.5px;
  font-size: 15px;
  font-weight: bold;
}

.p-activities-view section h2 {
  margin-top: 19px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.43px;
}

.p-activities-view section .p-activities-content {
  margin-top: 10px;
}

.p-activities-view section .p-activities-info {
  display: flex;
  position: relative;
  justify-content: space-between;
  margin-top: 1px;
}

.p-activities-view section .p-activities-info__date.p-multiple div {
  position: relative;
  top: 25%;
  left: 50%;
  -webkit-transform: translate(-50%, -25%);
  -moz-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%);
}

.p-activities-view section .p-activities-info__date {
  width: 13.2%;
  background: #F2F2F2;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.43px;
}

.p-activities-view section .p-activities-info__date div {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.p-activities-view section .p-activities-info__date span {
  display: block;
  font-weight: 600;
}

.p-activities-view section .p-activities-info__act {
  width: 85.2%;
}

.p-activities-view section .p-activities-info__act .first {
  border-top: 1px solid #999;
}

.p-activities-view section .p-activities-info__act > div {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid #999;
  box-sizing: border-box;
}

.p-activities-view section .p-activities-info__act .p-act__describe {
  width: calc(72% - 10px);
}

.p-activities-view section .p-activities-info__act .p-act__describe .p-act__describe__name {
  height: 34px;
  line-height: 17px;
  margin-top: 3px;
  color: #000;
  font-size: 12px;
}

.p-activities-view section .p-activities-info__act .p-act__describe dl dt,
.p-activities-view section .p-activities-info__act .p-act__describe dl dd {
  display: inline-block;
  line-height: 15px;
  color: #585858;
  font-size: 11px;
}

.p-activities-view section .p-activities-info__act .p-act__img {
  width: 28%;
}

.p-activities-view section .p-activities-info__act .p-act__img img {
  width: 100%;
}

.series-main .readings-detail-list__sheet .txt-date {
  margin-left: 10px;
}

.series-main .readings-info ol {
  margin-top: 10px;
}

.readings__series--readmore .readings__series--readmore--info {
  height: 42px;
  overflow: hidden;
  line-height: 20px;
  margin-top: 23px;
  color: #585858;
  font-size: 13px;
  word-spacing: 0.25px;
}

.multiple-store-list {
  margin-top: 10px;
  border-top: 1px solid #999;
  font-size: 12px;
}

.multiple-store-list__item {
  padding: 10px 16px;
  border-bottom: 1px solid #999;
}

.multiple-store-list__top a {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  color: #585858;
}

.multiple-store-list__name {
  min-width: 45%;
}

.multiple-store-list__state {
  min-width: 45%;
}

.multiple-store-list__none {
  display: none;
}

.multiple-store-list__arrow {
  width: 8px;
  height: 6px;
  background: url("./img/ico-drop-down-arrow.png") no-repeat 94% center;
  background-size: 8px 6px;
}

.multiple-store-list__open {
  display: none;
  padding: 10px 0;
  font-size: 13px;
}

.multiple-store-list__open .readings-detail-list {
  margin-top: 0;
}

.multiple-store-list__open .readings-detail-list li {
  padding: 0;
  border-bottom: none;
}

.multiple-store-list__open .readings-detail-list li:first-child {
  border-top: none;
}

.multiple-store-list__open .readings-detail-list__sheet {
  padding: 0;
}

.multiple-store-list__open-name {
  display: block;
  color: #60b3fa;
}

.multiple-store-list__open-time {
  display: block;
  margin-top: 10px;
}

.multiple-store-list__open-num {
  display: inline-block;
  margin-top: 10px;
  padding: 12px 15px;
  background: #f2f2f2;
}

.multiple-store-list__open-num--full {
  padding: 0;
  background: none;
  color: #7f0019;
  font-weight: 600;
}

.readings-main .readings-detail .multiple-store h2 {
  margin-top: 30px;
}

.multiple-store-list__arrow--rotate {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.readings-form-main {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  color: #585858;
}

.readings-form-main h1.m-common__category-title {
  margin-top: 30px;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 0.25px;
}

.readings-form-main .readings-info {
  margin-top: 30px;
  padding: 16px;
  background: #f2f2f2;
}

.readings-form-main .readings-info__detail {
  padding: 16px;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(88, 88, 88, 0.3);
}

.readings-form-main .readings-info__detail h1 {
  font-size: 15px;
  font-weight: bold;
}

.readings-form-main .readings-info__list {
  margin-top: 10px;
  border-top: 1px solid #e5e5e5;
}

.readings-form-main .readings-info__list h2 {
  min-height: 50px;
  margin-top: 15px;
  padding: 0 15px 15px 15px;
  line-height: 16px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.43px;
}

.readings-form-main .readings-info__list__item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 15px 5px 15px 15px;
  border-bottom: 1px solid #e5e5e5;
}

.readings-form-main .readings-info__list__item--img {
  width: 40%;
  max-width: 300px;
}

.readings-form-main .readings-info__list__item--img img {
  width: 100%;
}

.readings-form-main .readings-info__list__item--description {
  width: calc(79% - 20px);
  margin-left: 20px;
}

.readings-form-main .readings-info__list__item--description dl {
  line-height: 20px;
  font-size: 12px;
}

.readings-form-main .readings-info__list__item--description dl dt,
.readings-form-main .readings-info__list__item--description dl dd {
  display: inline-block;
}

.readings-form-main .inquiry {
  margin-top: 30px;
  padding: 0 16px;
}

.readings-form-main .inquiry h1 {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.54px;
}

.readings-form-main .inquiry h2 {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.54px;
}

.readings-form-main .inquiry ul li {
  margin-top: 20px;
}

.readings-form-main .inquiry ul li.apps-item, .readings-form-main .inquiry ul li.tel-item {
  margin-top: 0;
}

.readings-form-main .inquiry ul li input[type="text"],
.readings-form-main .inquiry ul li input[type="tel"],
.readings-form-main .inquiry ul li input[type="email"] {
  display: block;
  width: 100%;
  max-width: 343px;
  margin-top: 10px;
  padding: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(88, 88, 88, 0.3);
  color: #585858;
  font-size: 12px;
}

.readings-form-main .inquiry ul li .input--disabled {
  background: #e5e5e5;
}

.readings-form-main .inquiry ul li .c_common-selection__control__checkbox + label {
  margin-top: 20px;
  padding-left: 2em;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.readings-form-main .inquiry ul li .c_common-selection__control__checkbox + label:after {
  top: 2px;
}

.readings-form-main .inquiry ul li p.tagging {
  display: inline-block;
  line-height: 11px;
  margin-top: 4px;
  padding-left: 16px;
  font-size: 11px;
}

.readings-form-main .inquiry ul li p.note {
  line-height: 15px;
  margin-top: 10px;
  font-size: 11px;
  letter-spacing: 0.5px;
  text-align: justify;
}

.readings-form-main .inquiry ul li .c_common__select-box {
  margin-top: 20px;
  padding: 0 30px;
}

.readings-form-main .inquiry ul li .c_common__select-box select {
  min-width: 283px;
  margin-top: 10px;
  color: #585858;
  text-align: center;
  text-align-last: center;
}

.readings-form-main .inquiry .c-common-normal-buttons--confirm {
  margin-top: 30px;
}

.readings-form-main .readings-order-cotent {
  margin-top: 30px;
  padding: 16px;
  background: #f2f2f2;
  color: #585858;
}

.readings-form-main .readings-order-cotent__detail {
  padding: 16px;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(88, 88, 88, 0.3);
}

.readings-form-main .readings-order-cotent h1 {
  line-height: 15px;
  font-size: 15px;
  font-weight: 600;
}

.readings-form-main .readings-order-cotent h1 + dl {
  margin-top: 20px;
}

.readings-form-main .readings-order-cotent dl {
  margin-top: 15px;
  line-height: 13px;
}

.readings-form-main .readings-order-cotent dl dt,
.readings-form-main .readings-order-cotent dl dd {
  display: inline-block;
  font-size: 13px;
}

.readings-form-main .readings-order-cotent dl dd.special-size {
  display: block;
  line-height: 11px;
  margin-top: 5px;
  color: #999;
  font-size: 11px;
}

.readings-form-main .cofirmation-btn-special {
  margin-top: 30px;
}

.readings-form-main .readings-contact {
  margin-top: 30px;
  padding: 16px;
  background: #f2f2f2;
}

.readings-form-main .readings-contact .c_common-selection__control__checkbox + label:after {
  top: 1.5px;
}

.readings-form-main .readings-contact .coin-partner {
  margin-top: 20px;
}

.readings-form-main .readings-contact .coin-partner .coin-input {
  bottom: 3px;
}

.readings-form-main .readings-contact .coin-partner .coin-box h1,
.readings-form-main .readings-contact .coin-partner .partner-box h1 {
  color: #585858;
  font-size: 15px;
  font-weight: 600;
}

.readings-form-main .readings-contact .coin-partner .coin-box h1 + a,
.readings-form-main .readings-contact .coin-partner .partner-box h1 + a {
  line-height: 22px;
}

.readings-form-main .readings-contact .inquiry {
  margin-top: 0;
  padding: 16px;
  background: #fff;
}

.readings-form-main .readings-contact .inquiry input[type="tel"],
.readings-form-main .readings-contact .inquiry .input--pass {
  max-width: 14em;
  padding: 8px;
}

.readings-form-main .readings-contact .inquiry__number {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.readings-form-main .readings-contact .inquiry__number fieldset {
  margin-left: 20px;
}

.readings-form-main .readings-contact .inquiry__number fieldset legend {
  color: #585858;
  font-size: 13px;
  font-weight: bold;
}

.readings-form-main .readings-contact .inquiry__number fieldset:first-child {
  margin: 0;
}

.readings-form-main .readings-contact .inquiry__number .c_common__select-box {
  margin: 0;
  padding: 0;
}

.readings-form-main .readings-contact .inquiry__number .c_common__select-box select {
  min-width: auto;
}

.readings-form-main .readings-contact .inquiry__attend {
  margin-top: 10px;
}

.readings-form-main .readings-contact .inquiry__attend legend {
  color: #585858;
  font-size: 13px;
}

.readings-form-main .readings-contact .inquiry__attend span {
  padding: 0 5px;
  font-size: 15px;
}

.readings-form-main .readings-contact .inquiry__attend label {
  margin: 22px 23px 0 0;
}

.readings-form-main .order-notice {
  line-height: 1;
  margin-top: 30px;
  text-align: center;
}

.readings-form-main .order-notice h1 {
  color: #000;
  font-size: 19px;
}

.readings-form-main .order-notice__detail {
  margin-top: 15px;
  font-size: 15px;
  font-weight: 600;
}

.readings-form-main .order-notice {
  line-height: 1;
  margin-top: 30px;
  text-align: center;
}

.readings-form-main .order-notice h1 {
  color: #000;
  font-size: 19px;
}

.readings-form-main .order-notice__detail {
  margin-top: 15px;
  font-size: 15px;
  font-weight: 600;
}

.readings-form-main .book__content {
  position: relative;
  margin-top: 20px;
  padding: 16px;
  background: #fff;
}

.readings-form-main .book__content h1 {
  font-size: 15px;
  font-weight: bold;
}

.readings-form-main .book__content__detail {
  margin-top: 20px;
}

.readings-form-main .book__content dl {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 10px;
}

.readings-form-main .book__content dl dt {
  line-height: 20px;
  font-size: 13px;
}

.readings-form-main .book__content dl dt.book--num {
  font-size: 11px;
}

.readings-form-main .book__content dl dt.book--total {
  line-height: 22px;
  font-weight: bold;
}

.readings-form-main .book__content dl dd {
  text-align: right;
}

.readings-form-main .book__content dl dd span.mile__num {
  margin-left: 5px;
  font-size: 15px;
}

.readings-form-main .book__content dl dd span.mile__unit {
  margin-left: 5px;
  font-size: 11px;
  letter-spacing: 0.23px;
}

.readings-form-main .book__content dl dd span.mile__note {
  display: block;
  color: #999;
  font-size: 12px;
}

.readings-form-main .book__content dl dd span.book__num {
  font-size: 13px;
}

.readings-form-main .book__content dl dd span.book__total {
  margin-left: 5px;
  font-size: 18px;
}

.readings-form-main .book__content .advan__detail dl {
  margin-top: 22px;
}

.readings-form-main .book__content .confirm__pay {
  margin-top: 20px;
}

.readings-form-main .book__content .confirm__pay p {
  font-size: 13px;
}

.readings-form-main .book__content .confirm__pay .confirm__decp {
  display: table;
  margin-top: 11px;
}

.readings-form-main .book__content .confirm__pay .confirm__decp p,
.readings-form-main .book__content .confirm__pay .confirm__decp .confirm__decp--img {
  display: table-cell;
  vertical-align: middle;
}

.readings-form-main .book__content .confirm__pay .confirm__decp .confirm__decp--img {
  padding-left: 10px;
}

.readings-form-main .book__content .confirm__pay .confirm__decp .confirm__decp--img img {
  height: 21px;
}

.readings-form-main .book__content .btn-payment {
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.readings-form-main .book__content .btn-payment a {
  min-width: 99px;
}

.readings-form-main .btn--common {
  margin-top: 30px;
}

.free-main .c-common-normal-buttons--confirm {
  margin-top: 30px;
}

.free-main .readings-contact .inquiry__whole {
  margin-top: 0;
}

.readings-info--popup-title {
  color: #000;
  font-weight: normal;
  text-align: center;
}

.readings-info--popup .readings-form-main .readings-info__detail {
  padding: 0;
  background: none;
  box-shadow: none;
}

.readings-info--popup .readings-form-main .readings-info__detail h1 {
  padding-left: 16px;
}

.p-readings-bulletin-main .p-bulletin-info, .p-readings-bulletin-main .p-lecturer-notice, .p-readings-bulletin-main .p-lecturer-group, .p-readings-bulletin-main .p-send-comment {
  margin-top: 20px;
  padding: 0 16px;
}

.p-readings-bulletin-main .m-common__category-title {
  line-height: 19px;
  margin-top: 6px;
  font-size: 19px;
}

.p-readings-bulletin-main .p-bulletin-info h1 {
  font-size: 15px;
  font-weight: bold;
}

.p-readings-bulletin-main .p-bulletin-info h2 {
  margin-top: 5px;
  font-size: 15px;
}

.p-readings-bulletin-main .p-bulletin-info__detail {
  margin-top: 5px;
}

.p-readings-bulletin-main .p-bulletin-info__detail dl {
  display: table;
  line-height: 20px;
  font-size: 12px;
}

.p-readings-bulletin-main .p-bulletin-info__detail dl dt {
  display: table-cell;
}

.p-readings-bulletin-main .p-bulletin-info__detail dl dd {
  display: table-cell;
  max-width: 100%;
}

.p-readings-bulletin-main .p-lecturer-list__item {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  padding: 0 16px;
}

.p-readings-bulletin-main .p-lecturer-list__item__img {
  width: 50px;
  height: auto;
  overflow: hidden;
  border: 1px solid #999;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.p-readings-bulletin-main .p-lecturer-list__item__img img {
  width: 100%;
}

.p-readings-bulletin-main .p-lecturer-list__item__img--none {
  border: none;
}

.p-readings-bulletin-main .p-lecturer-list__item__description {
  width: calc(76% - 26px);
  margin-left: 26px;
  margin-top: 5px;
}

.p-readings-bulletin-main .p-lecturer-list__item__description h2 {
  line-height: 12px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.25px;
}

.p-readings-bulletin-main .p-lecturer-list__item__description h2 .p-ico-batch {
  display: inline-block;
  margin-left: 5px;
}

.p-readings-bulletin-main .p-lecturer-list__item__description h2 .p-ico-batch img {
  width: 12px;
  height: 12px;
}

.p-readings-bulletin-main .p-lecturer-list__item__description .p-description--text {
  width: 95%;
  height: 50px;
  line-height: 17px;
  overflow: hidden;
  margin-top: 5px;
  font-size: 12px;
}

.p-readings-bulletin-main .p-lecturer-list__item__description .p-description__photo .p-photo__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  height: 140px;
  overflow: hidden;
}

.p-readings-bulletin-main .p-lecturer-list__item__description .p-description__photo .p-photo__list__item {
  width: auto;
  height: 60px;
  margin: 10px 16px 0 0;
}

.p-readings-bulletin-main .p-lecturer-list__item__description .p-description__photo .p-photo__list__item img {
  width: auto;
  height: 60px;
}

.p-readings-bulletin-main .p-lecturer-list__item__description .p-description--date {
  margin-top: 12px;
  font-size: 11px;
}

.p-readings-bulletin-main .p-lecturer-list__item .p-btn-comment {
  position: absolute;
  right: 16px;
  bottom: 10px;
}

.p-readings-bulletin-main .p-lecturer-list__item .p-btn-comment a {
  display: block;
}

.p-readings-bulletin-main .p-lecturer-list__item .p-btn-comment img {
  width: 38px;
  height: 38px;
}

.p-readings-bulletin-main .p-lecturer-list__item .p-comment-set {
  display: none;
  position: absolute;
  padding: 16px 14px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(88, 88, 88, 0.3);
  font-size: 12px;
  text-align: center;
  right: 16px;
  bottom: 51px;
  cursor: pointer;
}

.p-readings-bulletin-main .p-lecturer-list a {
  color: #60b3fa;
}

.p-readings-bulletin-main .p-lecturer-notice__detail {
  padding: 15px 0 20px;
  border: 1px solid #e5e5e5;
  background: #fdfdfd;
}

.p-readings-bulletin-main .p-lecturer-notice__detail h1 {
  padding: 0 16px;
  line-height: 13px;
  font-size: 13px;
  font-weight: bold;
}

.p-readings-bulletin-main .p-lecturer-group {
  padding: 0 16px 5px;
}

.p-readings-bulletin-main .p-lecturer-group__inner {
  box-shadow: 0 1px 3px 0 rgba(88, 88, 88, 0.3);
}

.p-readings-bulletin-main .p-lecturer-group .p-lecturer-list__item {
  padding: 10px 16px;
  border-bottom: 1px solid #e5e5e5;
}

.p-readings-bulletin-main .p-lecturer-group .p-lecturer-list__item:last-child {
  border-bottom: none;
}

.p-readings-bulletin-main .c_common__text-box {
  width: 97%;
  max-width: 300px;
  margin-top: 10px;
  padding: 11px 16px;
  font-size: 12px;
  box-shadow: 0 1px 3px 0 rgba(88, 88, 88, 0.3);
}

.p-readings-bulletin-main .p-nickname {
  margin-top: 20px;
  padding: 16px;
  background: #f2f2f2;
}

.p-readings-bulletin-main .p-nickname__inner {
  padding: 16px;
  background: #fdfdfd;
  box-shadow: 0 1px 3px 0 rgba(88, 88, 88, 0.3);
}

.p-readings-bulletin-main .p-nickname__inner h1 {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.58px;
}

.p-readings-bulletin-main .p-nickname__inner p {
  line-height: 16px;
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: 0;
  text-align: justify;
}

.p-readings-bulletin-main .p-nickname__change__item {
  margin-top: 20px;
}

.p-readings-bulletin-main .p-nickname__change__item h2 {
  line-height: 13px;
  font-size: 13px;
  font-weight: bold;
}

.p-readings-bulletin-main .p-nickname__change__item .p-change-area {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 12px;
}

.p-readings-bulletin-main .p-nickname__change__item .p-change-area__photo {
  width: 40px;
  height: auto;
  overflow: hidden;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  box-shadow: 0 1px 3px 0 rgba(88, 88, 88, 0.3);
}

.p-readings-bulletin-main .p-nickname__change__item .p-change-area__photo img {
  width: 100%;
}

.p-readings-bulletin-main .p-nickname__change__item .p-change-area__btn {
  margin-left: 20px;
}

.p-readings-bulletin-main .p-nickname__change__item .p-change-area .c-common-normal-buttons {
  min-width: 100px;
  margin-top: 0;
}

.p-readings-bulletin-main .p-send-comment {
  margin-top: 30px;
}

.p-readings-bulletin-main .p-send-comment__upload {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.p-readings-bulletin-main .p-send-comment__upload .p-icon-photo {
  position: absolute;
  width: 25px;
  height: 25px;
  background: url("./img/ico-photo.png") no-repeat;
  background-size: contain;
  top: 7px;
  right: 10px;
}

.p-readings-bulletin-main .p-send-comment__upload .p-icon-photo img {
  width: 100%;
}

.p-readings-bulletin-main .p-send-comment__btn {
  margin: 2px 0 0 15px;
}

.p-readings-bulletin-main .p-send-comment__btn .p-send--btn {
  width: 24px;
  height: 21px;
  background: url("../readings/img/btn-send.png") no-repeat;
  background-size: contain;
}

.p-readings-bulletin-main .p-send-comment__btn span {
  display: block;
  margin-top: 5px;
  color: #999;
  font-size: 11px;
}

.p-readings-bulletin-main .p-send-comment__btn.active {
  cursor: pointer;
}

.p-readings-bulletin-main .p-send-comment__btn.active span {
  color: #60b3fa;
}

.p-readings-bulletin-main .p-send-comment__btn.active span {
  display: block;
  margin-top: 5px;
  color: #999;
  font-size: 11px;
}

.p-readings-bulletin-main .p-send-comment__btn.active.active span {
  color: #60b3fa;
}

.p-readings-bulletin-main .p-send-comment__btn .p-comment-area {
  position: relative;
  min-width: 305px;
  min-height: 40px;
  border: 1px solid #999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #e5e5e5;
  color: #999;
  font-size: 12px;
  box-shadow: 0 1px 3px 0 rgba(88, 88, 88, 0.3);
}

.p-readings-bulletin-main .p-send-comment__btn .p-comment-area.active {
  background: #fff;
}

.p-readings-bulletin-main .p-send-comment__btn .p-upload__note {
  display: none;
  line-height: 20px;
  margin-top: 15px;
  font-size: 11px;
}

.p-readings-bulletin-main .p-send-comment__btn .p-upload__note a {
  color: #60b3fa;
}

.p-readings-bulletin-main .p-send-comment__btn .p-comment__textarea {
  width: 82%;
  min-height: 30px;
  margin: 5px 0 0 13px;
  padding: 6px 0 4px;
  border: none;
  background: none;
  font-size: 12px;
  color: #999;
  resize: none;
}

.p-readings-bulletin-main .p-send-comment__btn .p-comment__textarea:focus {
  border-color: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.p-readings-bulletin-main .p-send-comment__btn .p-comment__photo {
  margin-top: 5px;
  padding: 10px 0 16px 12px;
  border-top: 1px solid #e5e5e5;
}

.p-readings-bulletin-main .p-send-comment__btn .p-comment__photo .p-comment__photo__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}

.p-readings-bulletin-main .p-send-comment__btn .p-comment__photo .p-comment__photo__list__item {
  margin: 0 0 0 16px;
}

.p-readings-bulletin-main .p-send-comment__btn .p-comment__photo .p-comment__photo__list__item .p-photo-slider {
  display: inline-block;
  position: relative;
}

.p-readings-bulletin-main .p-send-comment__btn .p-comment__photo .p-comment__photo__list__item img {
  height: 180px;
}

.p-readings-bulletin-main .p-send-comment__btn .p-comment__photo .p-comment__photo__list__item:first-child {
  margin: 0;
}

.p-readings-bulletin-main .p-send-comment__btn .p-comment__photo .p-comment__photo__list__item .p-icon-closed {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 5px;
  right: 5px;
}

.p-readings-bulletin-main .p-send-comment__btn .p-comment__photo .p-comment__photo__list__item .p-icon-closed img {
  width: 28px;
  height: 28px;
}

.p-readings-bulletin-main .p-send-comment .p-comment-note {
  margin-top: 10px;
  padding-right: 45px;
}

.p-readings-bulletin-main .p-send-comment .p-comment-note p {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0;
  text-align: justify;
}

.p-readings-bulletin-main #comment-delete-dialog h1,
.p-readings-bulletin-main #comment-report-dialog h1 {
  color: #585858;
  font-weight: bold;
}

.p-readings-bulletin-main .dialog .p-bulletin__moudle--txt {
  margin-top: 10px;
  line-height: 20px;
  color: #585858;
  font-size: 12px;
}

.p-readings-bulletin-main .dialog .reason__notification h1 {
  margin-top: 20px;
  line-height: 13px;
  letter-spacing: 0.5px;
  color: #585858;
  font-size: 13px;
  font-weight: bold;
}

.p-readings-bulletin-main .dialog .reason__notification .notification-select {
  max-width: 310px;
  margin: 10px auto 0;
}

.p-readings-bulletin-main .dialog .reason__notification .notification-select > label > select {
  padding: 0 26%;
  color: #585858;
  text-align: center;
}

.p-readings-bulletin-main .dialog .cancle .p-dialog__txt {
  color: #000000;
  font-size: 15px;
}

.p-readings-bulletin-main .dialog .cancle .p-dialog--cancle {
  margin-top: 15px;
  letter-spacing: 0.25px;
  line-height: 19px;
  font-size: 13px;
}

.p-readings-bulletin-main .dialog .cancle .readings-info {
  margin-top: 30px;
  padding: 16px;
  background: #f2f2f2;
}

.p-readings-bulletin-main .dialog .cancle .readings-info__detail {
  margin-top: 16px;
  background: #fff;
}

.p-readings-bulletin-main .dialog .cancle .readings-info__detail h1 {
  font-size: 15px;
  font-weight: bold;
}

.p-readings-bulletin-main .dialog .cancle .readings-info__list {
  margin-top: 10px;
  border-top: 1px solid #e5e5e5;
}

.p-readings-bulletin-main .dialog .cancle .readings-info__list h2 {
  min-height: 50px;
  margin-top: 15px;
  padding: 0 15px 15px 15px;
  line-height: 16px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.43px;
}

.p-readings-bulletin-main .dialog .cancle .readings-info__list__item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 15px 5px 15px 15px;
  border-bottom: 1px solid #e5e5e5;
}

.p-readings-bulletin-main .dialog .cancle .readings-info__list__item--img {
  width: 40%;
  max-width: 300px;
}

.p-readings-bulletin-main .dialog .cancle .readings-info__list__item--img img {
  width: 100%;
}

.p-readings-bulletin-main .dialog .cancle .readings-info__list__item--description {
  width: calc(79% - 20px);
  margin-left: 20px;
}

.p-readings-bulletin-main .dialog .cancle .readings-info__list__item--description dl {
  line-height: 20px;
  font-size: 12px;
}

.p-readings-bulletin-main .dialog .cancle .readings-info__list__item--description dl dt,
.p-readings-bulletin-main .dialog .cancle .readings-info__list__item--description dl dd {
  display: inline-block;
}

@media screen and (min-width: 769px) {
  .p-readings-bulletin-main .readings-detail-list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .p-readings-bulletin-main .readings-detail-list li {
    width: 48%;
  }
  .p-readings-bulletin-main .readings-detail-list li.readings-detail-list__item--full {
    width: 100%;
  }
  .p-readings-bulletin-main .readings-detail-list li:nth-child(2) {
    border-top: 1px solid #999;
  }
  .p-readings-bulletin-main .readings-form-main .inquiry ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .p-readings-bulletin-main .readings-form-main .inquiry ul li {
    width: 48%;
  }
  .p-readings-bulletin-main .readings-form-main .inquiry ul li.tel-item {
    margin-top: 39px;
  }
  .p-readings-bulletin-main .readings-form-main .inquiry ul li.inquiry__whole {
    width: 100%;
  }
  .p-readings-bulletin-main .readings-form-main .producers-stock-button.c-common-normal-buttons--confirm {
    margin-top: 30px;
  }
}

.p-readings-bulletin-main .p-readings-bulletin-main {
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
}

.p-readings-bulletin-main .p-readings-bulletin-main .m-common__category-title {
  margin-top: 22px;
}

.p-readings-bulletin-main .p-readings-bulletin-main .p-bulletin-info,
.p-readings-bulletin-main .p-readings-bulletin-main .p-lecturer-notice,
.p-readings-bulletin-main .p-readings-bulletin-main .p-lecturer-group,
.p-readings-bulletin-main .p-readings-bulletin-main .p-comment-note,
.p-readings-bulletin-main .p-readings-bulletin-main .p-send-comment {
  padding: 0;
}

.p-readings-bulletin-main .p-readings-bulletin-main .p-comment-main {
  position: relative;
}

.p-readings-bulletin-main .p-readings-bulletin-main .p-comment-main .p-bulletin-content {
  max-width: 660px;
  width: calc(100% - 260px);
}

.p-readings-bulletin-main .p-readings-bulletin-main .p-comment-main .p-nickname {
  position: absolute;
  width: 230px;
  margin: 0 0 0 30px;
  padding: 0;
  background: none;
  right: 0;
  top: 0;
}

.p-readings-bulletin-main .p-readings-bulletin-main .p-comment-main .p-send-comment__upload .p-icon-photo {
  right: 20px;
}

.p-readings-bulletin-main .p-readings-bulletin-main .p-comment-main .p-send-comment .p-comment__textarea {
  width: 93%;
  font-size: 14px;
}

.p-readings-bulletin-main .p-readings-bulletin-main .p-comment-main .p-send-comment .p-comment-area {
  width: 96%;
}

.p-readings-bulletin-main .p-readings-bulletin-main .p-lecturer-list__item__description {
  width: calc(85% - 26px);
}

.p-readings-bulletin-main .p-readings-bulletin-main .p-lecturer-list__item__description .p-description--text {
  width: 100%;
}

.p-readings-bulletin-main .p-readings-bulletin-main .p-lecturer-list__item .p-btn-comment img {
  width: 49px;
  height: 49px;
}

.p-readings-bulletin-main .p-readings-bulletin-main .p-lecturer-list__item .p-comment-set {
  bottom: 62px;
}

@media screen and (max-width: 769px) {
  .readings-main .c-common__slide-list--status {
    width: 92%;
    margin: 15px auto 0;
  }
  .readings-main .c-common__slide-list--status ul li {
    width: 48%;
    margin: 4% 4% 0 0;
  }
  .readings-main .c-common__slide-list--status ul li .item-product {
    padding: 4px 12px 12px 12px;
  }
  .readings-main .c-common__slide-list--status ul li .item-product .title--spe_name {
    font-size: 11px;
  }
  .readings-main .c-common__slide-list--status ul li:nth-child(2n) {
    margin-right: 0;
  }
  .readings-main .detail-item__overview .detail-info {
    margin-top: 30px;
  }
  .readings-main .readings-detail {
    margin-top: 30px;
  }
  .readings-main .readings-detail-list__sheet {
    min-height: auto;
  }
  .readings-main .readings-detail .readings-button {
    width: 90%;
    margin: 0 auto;
  }
  .readings-main .lecturer + .recent-view-item {
    margin-top: 30px;
  }
  .readings-main .lecturer {
    max-width: 100%;
  }
}

.readings-main ul.lecturer-list.article__writer {
  border-top: none;
}

.readings-main .article__writer li.lecturer-list__item {
  border-bottom: none;
}

.readings-main .article__writer .lecturer-list__item--description h2 {
  font-size: 15px;
  margin-top: 0;
}

.article__writer-header {
  position: relative;
}

.article__writer-header .follow-button {
  position: absolute;
  top: 0;
  right: 16px;
}

.readings-main ul.lecturer-list.article__writer {
  border-top: none;
}

.readings-main .article__writer li.lecturer-list__item {
  border-bottom: none;
  display: block;
}

.readings-main .article__writer .lecturer-list__item--description h2 {
  font-size: 15px;
  margin-top: 0;
}

.readings-main .c-common-normal-buttons--block-read_more p.article__details {
  font-size: 13px;
  line-height: 18px;
}

.readings-main .c-common-normal-buttons--block-read_more h1.article__details {
  font-size: 19px;
}

@media only screen and (max-width: 768px) {
  .readings-main {
    margin: 0 auto;
  }
  .readings-main p.article__details:first-child {
    margin-top: 20px;
  }
  .readings-main .ttl-readings-list {
    padding: 0 10px 0 0;
  }
  .readings-main .ttl-readings-list .link {
    width: 32px;
    height: 32px;
  }
  .readings-main .ttl-readings-list .link a {
    display: block;
    height: 32px;
    background: url("../readings/img/ico-readings-link.png") no-repeat center;
    background-size: auto 28px;
  }
  .readings-main .readings-button .c-common-normal-buttons {
    max-width: 300px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 12px;
  }
  .readings-main .readings-button .c-common-normal-buttons a {
    padding: 10px 0;
  }
  .readings-main .recent-view-item {
    margin-top: 30px;
  }
  .readings-main .readings-info dl.node dd {
    display: block;
    max-width: 100%;
  }
  .readings-main .lecturer {
    padding: 0 16px;
  }
  .readings-main .lecturer-list__item--description {
    width: calc(60% - 16px);
  }
  .readings-main .p-lecturer-detail {
    margin-top: 10px;
    padding: 0 16px;
  }
  .readings-main .p-lecturer-detail h1 {
    color: #000;
    font-size: 19px;
  }
  .readings-main .p-lecturer-detail h2 {
    padding-bottom: 10px;
    color: #000;
    font-size: 15px;
  }
  .readings-main .p-lecturer-detail__title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .readings-main .p-lecturer-detail__readmore--btn {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 12px 0 0 12px;
    left: 140px;
    bottom: 0;
    background: #fff;
    text-align: left;
  }
  .readings-main .p-lecturer-detail__readmore .readings__series--readmore {
    position: relative;
  }
  .readings-main .p-lecturer-detail__readmore .readings__series--readmore--info {
    height: 135px;
    line-height: 19px;
    margin-top: 30px;
    font-size: 14px;
  }
  .readings-main .p-lecturer-detail__readmore .readings__series--readmore--info img {
    float: left;
    width: 151px;
    height: 135px;
    padding-right: 16px;
  }
  .readings-form-main .readings-info__list__item--description {
    width: calc(79% - 10px);
    margin-left: 10px;
  }
  .readings-form-main .book__content .btn-payment {
    position: absolute;
    right: 16px;
    bottom: 52%;
  }
  .readings-form-main h1.m-common__category-title {
    margin-top: 14px;
  }
  .p-activities-view {
    width: 92%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 320px) {
  .readings-form-main .readings-info__list__item {
    padding: 15px 0 15px 5px;
  }
  .readings-form-main .readings-info__list__item--img {
    width: 35%;
  }
  .readings-form-main .readings-info__list__item--description dl {
    line-height: 18px;
    font-size: 11px;
  }
  .readings-form-main .inquiry ul li .c_common__select-box select {
    min-width: 245px;
  }
  .readings-form-main .readings-contact .inquiry__attend label {
    margin: 20px 5px 0 0;
  }
  .multiple-store-list__item {
    padding: 10px 0;
  }
  .p-readings-bulletin-main .p-lecturer-list__item__description {
    width: calc(80% - 15px);
    margin-left: 15px;
  }
  .p-readings-bulletin-main .p-lecturer-list__item__description .p-description--text {
    width: 88%;
  }
  .p-readings-bulletin-main .p-lecturer-list__item__description .p-description__photo .p-photo__list {
    height: 130px;
  }
  .p-readings-bulletin-main .p-lecturer-list__item__description .p-description__photo .p-photo__list__item {
    margin: 6px 6px 0 0;
  }
  .p-readings-bulletin-main .p-lecturer-list__item .p-btn-comment {
    right: 10px;
  }
  .p-readings-bulletin-main .p-lecturer-list__item .p-comment-set {
    right: 10px;
  }
  .p-readings-bulletin-main .p-send-comment .p-comment-area {
    min-width: 245px;
  }
  .p-readings-bulletin-main .p-send-comment .p-comment__textarea {
    width: 79%;
  }
  .dialog .reason__notification .notification-select > label > select {
    padding: 0 21%;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1035px) {
  .coin-partner .coin-input {
    left: 166px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 376px) {
  .coin-partner .coin-input {
    right: 0;
    left: auto;
  }
  #my-accessible-dialog.readings-dialog .dialog-content {
    padding: 16px 10px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 355px) {
  .coin-partner .coin-input {
    right: 0;
  }
  .coin-partner .coin-input span {
    margin-left: 3px;
  }
  .coin-partner .radio-box {
    padding: 10px 0 10px 10px;
  }
  .readings-form-main .readings-contact .coin-partner .partner-box h1 {
    font-size: 13px;
  }
  .readings-form-main .readings-contact .coin-partner .partner-box h1 + a {
    margin-left: 16px;
    font-size: 11px;
  }
}

.limited-main .readings--activity {
  margin: 10px 0 20px;
}

.limited-main .readings--activity span {
  display: inline-block;
}

.limited-main .readings--activity .drawing-lots {
  letter-spacing: 0.5px;
  line-height: 13px;
  padding: 10px 13px;
  border: 1px solid #999;
  color: #7F0019;
  font-size: 11px;
  text-align: center;
}

.limited-main .readings--activity .possessed--miles {
  font-size: 13px;
  color: #585858;
  margin-left: 26px;
  line-height: 15px;
}

.lack-btn {
  opacity: 0.5;
}

.dialog .p-bulletin__moudle--txt {
  margin-top: 20px;
  line-height: 20px;
  color: #585858;
  font-size: 12px;
}

.dialog .reason__notification h1 {
  margin-top: 20px;
  line-height: 13px;
  letter-spacing: 0.5px;
  color: #585858;
  font-size: 13px;
  font-weight: bold;
}

.dialog .reason__notification .notification-select {
  max-width: 294px;
  margin: 10px auto 0;
}

.dialog .reason__notification .notification-select > label > select {
  width: auto;
  padding: 0 14% 0 12%;
  margin: 0;
  text-align-last: center;
}

.dialog .cancle .p-dialog__txt {
  color: #585858;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
}

.dialog .cancle .p-dialog--cancle {
  margin-top: 15px;
  letter-spacing: 0.25px;
  line-height: 19px;
  font-size: 13px;
}

.dialog .cancle .readings-info {
  margin-top: 30px;
  padding: 16px;
  background: #f2f2f2;
}

.dialog .cancle .readings-info__detail {
  margin-top: 16px;
  background: #fff;
}

.dialog .cancle .readings-info__detail h1 {
  font-size: 15px;
  font-weight: bold;
}

.dialog .cancle .readings-info__list {
  margin-top: 10px;
  border-top: 1px solid #e5e5e5;
}

.dialog .cancle .readings-info__list h2 {
  min-height: 50px;
  margin-top: 15px;
  padding: 0 15px 15px 15px;
  line-height: 16px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.43px;
}

.dialog .cancle .readings-info__list__item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 15px 5px 15px 15px;
  border-bottom: 1px solid #e5e5e5;
}

.dialog .cancle .readings-info__list__item--img {
  width: 40%;
  max-width: 300px;
}

.dialog .cancle .readings-info__list__item--img img {
  width: 100%;
}

.dialog .cancle .readings-info__list__item--description {
  width: calc(79% - 20px);
  margin-left: 20px;
}

.dialog .cancle .readings-info__list__item--description dl {
  line-height: 20px;
  font-size: 12px;
}

.dialog .cancle .readings-info__list__item--description dl dt,
.dialog .cancle .readings-info__list__item--description dl dd {
  display: inline-block;
}

@media only screen and (max-width: 320px) {
  .dialog .reason__notification .notification-select > label > select {
    padding: 0px 13% 0 5%;
  }
}

.cancelalert-requestcompleted-main h1.m-common__category-title {
  margin-top: 14px;
}

.cancelalert-requestcompleted-main .order-notice__detail {
  padding: 0 16px;
  font-size: 14px;
}

.cancelalert-requestcompleted-main .readings-info__detail {
  background-color: #fdfdfd;
}

.cancelalert-requestcompleted-main .readings-order-cotent__detail {
  background-color: #fdfdfd;
}

.drawing-milereadingsform-main h1.m-common__category-title {
  margin-top: 14px;
}

.drawing-milereadingsform-main .readings-info__detail {
  background-color: #fdfdfd;
}

.drawing-milereadingsform-main .readings-contact .inquiry {
  background-color: #fdfdfd;
}

.drawing-milereadingsform-main .readings-contact .inquiry .c_common__text-box {
  color: #999;
}

.drawing-milereadingsform-main .book__content {
  background-color: #fdfdfd;
}

.drawing-milereadingsconfirmation-main h1.m-common__category-title {
  margin-top: 14px;
}

.drawing-milereadingsconfirmation-main .readings-info__detail {
  background-color: #fdfdfd;
}

.drawing-milereadingsconfirmation-main .readings-order-cotent__detail {
  background-color: #fdfdfd;
}

.drawing-milereadingsthanks-main h1.m-common__category-title {
  margin-top: 14px;
}

.drawing-milereadingsthanks-main .readings-info__detail {
  background-color: #fdfdfd;
}

.drawing-milereadingsthanks-main .readings-order-cotent__detail {
  background-color: #fdfdfd;
}

.reservationchange-confirmation-main h1.m-common__category-title {
  margin-top: 14px;
}

.reservationchange-confirmation-main .readings-info__detail {
  background-color: #fdfdfd;
}

.reservationchange-confirmation-main .readings-order-cotent__detail {
  background-color: #fdfdfd;
}

.reservationchange-thanks-main h1.m-common__category-title {
  margin-top: 14px;
}

.reservationchange-thanks-main .order-notice__detail {
  font-size: 13px;
}

.reservationchange-thanks-main .readings-info__detail {
  background-color: #fdfdfd;
}

.reservationchange-thanks-main .readings-order-cotent__detail {
  background-color: #fdfdfd;
}

.detail-detail-main h1.m-common__category-title {
  margin-top: 5px;
  font-weight: 400;
}

.detail-detail-main .readings-info {
  margin-top: 20px;
}

.detail-detail-main .readings-info__detail {
  background-color: #fdfdfd;
}

.detail-detail-main .readings-order-cotent__detail {
  background-color: #fdfdfd;
}

@media only screen and (min-width: 769px) {
  .cancelalert-requestcompleted-main h1.m-common__category-title {
    margin-top: 30px;
  }
  .drawing-milereadingsform-main h1.m-common__category-title {
    margin-top: 30px;
  }
  .drawing-milereadingsconfirmation-main h1.m-common__category-title {
    margin-top: 30px;
  }
  .drawing-milereadingsthanks-main h1.m-common__category-title {
    margin-top: 30px;
  }
  .reservationchange-confirmation-main h1.m-common__category-title {
    margin-top: 30px;
  }
  .reservationchange-thanks-main h1.m-common__category-title {
    margin-top: 30px;
  }
  .detail-detail-main h1.m-common__category-title {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .limited-main .readings-info dl.apl--method dd {
    max-width: 304px;
  }
  .limited-main .readings-info dl.apl--cancellation dd {
    max-width: 252px;
  }
  .limited-main .readings-info dl.lim--cancellation dd {
    max-width: 304px;
  }
}

@media only screen and (max-width: 413px) and (min-width: 375px) {
  .limited-main .readings-info dl.apl--method dd {
    max-width: 264px;
  }
  .limited-main .readings-info dl.apl--cancellation dd {
    max-width: 210px;
  }
  .limited-main .readings-info dl.lim--cancellation dd {
    max-width: 263px;
  }
}

@media only screen and (max-width: 374px) and (min-width: 320px) {
  .limited-main .readings-info dl.apl--method dd {
    max-width: 208px;
  }
  .limited-main .readings-info dl.apl--cancellation dd {
    max-width: 156px;
  }
  .limited-main .readings-info dl.lim--cancellation dd {
    max-width: 208px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 860px) {
  .readings-main .detail-info {
    margin-top: 40px;
    padding: 0;
  }
  .readings-main .lecturer {
    max-width: 100%;
  }
}

@media only screen and (min-width: 860px) and (max-width: 1300px) {
  .p-readings-bulletin-main .p-lecturer-list__item__description {
    width: calc(72% - 26px);
  }
}

.dialog .p-dialog__description {
  font-size: 13px;
}

.p-dialog-info__title {
  color: #000;
}

.p-dialog-info__description {
  margin-top: 15px;
  font-size: 13px;
}

.p-dialog-info__detail {
  margin-top: 20px;
  color: #585858;
}

.p-dialog-info__detail h1 {
  line-height: 15px;
  padding: 0 15px;
  font-size: 15px;
  font-weight: bold;
}

.p-dialog-info__list {
  margin-top: 10px;
  border-top: 1px solid #e5e5e5;
}

.p-dialog-info__list h2 {
  min-height: 50px;
  margin-top: 15px;
  padding: 0 15px 15px 15px;
  line-height: 16px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.43px;
}

.p-dialog-info__list__item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 15px 0 15px 15px;
  border-bottom: 1px solid #e5e5e5;
}

.p-dialog-info__list__item--img {
  width: 35%;
  max-width: 300px;
}

.p-dialog-info__list__item--img img {
  width: 100%;
}

.p-dialog-info__list__item--description {
  width: calc(79% - 10px);
  margin-left: 10px;
}

.p-dialog-info__list__item--description dl {
  line-height: 18px;
  font-size: 11px;
}

.p-dialog-info__list__item--description dl dt,
.p-dialog-info__list__item--description dl dd {
  display: inline-block;
}

@media only screen and (min-width: 321px) {
  .p-dialog-info__list__item--img {
    width: 40%;
  }
  .p-dialog-info__list__item--description dl {
    line-height: 20px;
    font-size: 12px;
  }
}

@media only screen and (min-width: 769px) {
  h1 .p-dialog-info__list__item--description {
    width: calc(79% - 20px);
    margin-left: 20px;
  }
}

.user-following-wrap {
  display: flex;
  padding: 10px 16px;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 3px 1px -2px rgba(88, 88, 88, 0.3);
  background-color: #fff;
  z-index: 9;
}

.storeblog-main .storeblog-readings__title {
  margin: 15px 0;
  color: #000;
  font-size: 19px;
}

.storeblog-main .c-common__breadcrumb {
  margin: 20px 16px 0;
}

.storeblog-main .detail-item__picture {
  margin-top: 10px;
}

.storeblog-main .c-common_goodbad-button {
  font-size: 13px;
}

.storeblog-main .c-common_good p, .storeblog-main .c-common_bad p {
  font-size: 13px;
}

.storeblog-main .detail-info {
  padding: 0;
}

.storeblog-main .p-mt--20 {
  margin-top: 20px;
}

@media only screen and (min-width: 769px) {
  .user-following-wrap {
    padding: 10px 30px 10px 260px;
  }
  .storeblog-main .storeblog-readings__title {
    margin: 0 0;
  }
  .storeblog-main .c-common__breadcrumb {
    margin: 20px 0 0;
  }
  .p-mt--20 {
    margin-top: 0;
  }
}

/*--------------FAQ--------------*/
.header-img,
.footer-img {
  width: 100%;
}

.box_width {
  width: 100%;
}

.main-content-margin-top {
  margin-top: 50px;
}

.content_noside {
  max-width: 732px;
  padding: 0 16px 10px;
  margin: 0 auto;
  overflow: hidden;
  color: #585858;
}

.store-main {
  font-size: 13px;
}

.store-main-list .border-top {
  padding: 0 16px;
  border-top: 1px solid #999;
}

.store-main-link {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 16px 0;
}

.store-main__open {
  display: none;
  padding-bottom: 10px;
}

.store-main__content {
  padding: 16px;
  background: #fdfdfd;
  box-shadow: 0 1px 3px rgba(88, 88, 88, 0.3);
}

.store-main__content--specital {
  padding-bottom: 0;
}

.store-main-text {
  line-height: 1;
  color: #000;
  font-size: 19px;
  text-align: center;
}

.store-main .c_common__text-box {
  width: 100%;
  max-width: 320px;
}

.store-header {
  padding: 30px 0 0;
}

.store-header h1 {
  line-height: 1;
  font-size: 19px;
  color: #000;
}

.multiple-store-list__arrow--rotate {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

@media only screen and (max-width: 768px) {
  .content_noside {
    padding: 0 0 10px 0;
  }
  .store-header {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/*--------------店舗詳細--------------*/
.p-access-map-just {
  height: 220px;
}

@media only screen and (min-width: 860px) {
  .p-accept-main .p-search-result-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 30px 0 0 0;
    background: #f2f2f2;
  }
  .p-accept-main .p-search-result-content .p-access-map {
    width: 50%;
    margin: 0px;
    padding: 0px;
  }
  .p-accept-main .p-search-result-content .p-access-map .p-access-map-just {
    height: 75vh;
  }
  .p-accept-main .p-search-result-content .p-search-result {
    width: 48%;
    margin: 0;
    background: none;
  }
}

@media only screen and (min-width: 770px) {
  .p-goole-map__app-link {
    display: none;
  }
}

.content {
  color: #585858;
/*  margin: 0 260px 10px;*/
  margin: 0 auto 10px;
  padding-left: 0;
}

.p-accept-main {
  margin: 20px auto 0;
  width: 100%;
  color: #585858;
  max-width: 1200px;
}

.p-accept-main .p-search-result-content {
  background: none;
}

.p-accept-main .p-search-result-content .u-wh--104 {
  width: 104px;
}

.p-accept-main .p-search-result-content .p-access-map .p-access-map-just {
  width: 100%;
}

.p-accept-main .p-search-result-content .p-access-map .p-primary {
  position: absolute;
  width: 21px;
  height: 30px;
  background: url("./img/ico-primary.png") no-repeat;
  background-size: contain;
  top: 133px;
  right: auto;
  left: 145px;
}

.p-accept-main .p-search-result-content .p-access-map .c-common__map-marker {
  top: 88px;
  right: 172px;
  position: absolute;
  min-height: 30px;
  color: #fff;
  cursor: pointer;
}

.p-accept-main .p-search-result-content .p-access-map .c-common__map-marker .c-common__map-marker__name {
  min-width: 110px;
  height: 28px;
  line-height: 26px;
  padding: 0 20px 0 15px;
  border: 1px solid #7f0019;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #7f0019;
  font-size: 12px;
  text-align: center;
}

.c-common__map-marker {
  position: absolute;
  min-height: 30px;
  color: #fff;
  top: 25px;
  right: 40px;
  cursor: pointer;
}

.c-common__map-marker.u-top--88 {
  top: 88px;
}

.c-common__map-marker.u-right--172 {
  right: 172px;
}

.c-common__map-marker__name {
  min-width: 110px;
  height: 28px;
  line-height: 26px;
  padding: 0 20px 0 15px;
  border: 1px solid #7f0019;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #7f0019;
  font-size: 12px;
  text-align: center;
}

.c-common__map-marker__name span::after {
  position: absolute;
  content: " ";
  display: inline-block;
  width: 10px;
  height: 13px;
  background: url("./img/ico-primary.png") no-repeat;
  background-size: contain;
  top: 8px;
  right: 8px;
}

.c-common__map-marker__name:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid transparent;
  border-top-color: #7f0019;
  top: 90%;
  left: 50%;
}

.m-common__category-title {
  color: #000;
  font-size: 19px;
}

.p-storesearch__index-info {
  padding: 0 16px;
  font-size: 13px;
}

.p-storesearch__index-info--title-modifier {
  margin-top: 19px;
  font-weight: bold;
}

.p-storesearch__index-info--content {
  line-height: 18px;
  margin-top: 10px;
}

.p-storesearch__index-info--title {
  line-height: 1;
  margin-top: 30px;
  font-weight: bold;
}

div, ul, li {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

li {
  list-style: none;
}

section {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  display: block;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  -webkit-tap-highlight-color: transparent;
  vertical-align: bottom;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}

a:hover {
  outline-width: thick;
}

.c-common__slide-list--article-pc {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1440px;
  margin: 0 auto;
}

.c-common__slide-list--article-pc ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.c-common__slide-list--article-pc ul > li {
  min-width: 150px;
  max-width: 230px;
  padding-right: 16px;
  margin: 0;
}

.c-common__slide-list--article-pc ul > li a {
  color: #585858;
  text-decoration: none;
}

.c-common__slide-list--article-pc ul > li img {
  width: 100%;
}

.bx-wrapper {
  margin-bottom: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.top{
  margin:50px 0 50px 20px;

}