@charset "UTF-8";
@media print {
  body:not(.isPreview) * {
    display: none !important;
    opacity: 0 !important;
    background: #fff !important; }
  body:not(.isPreview) img {
    display: none !important;
    opacity: 0 !important;
    background: #fff !important; } }

/* ============================================================ common module */
.md-text {
  max-width: 640px; }
  .md-text--normal {
    line-height: 1.7; }
  .md-text--btn {
    line-height: 1; }
  .md-text--cap01 {
    color: #797B80; }
  .md-text--cap02 {
    color: #797B80;
    line-height: 1.3; }
  .md-text--title {
    display: block;
    font-weight: bold; }
  .md-text--lead01 {
    display: block;
    font-weight: bold;
    line-height: 1.7; }
  .md-text--lead02 {
    color: #E67717;
    font-weight: bold; }
  .md-text__activity--data {
    vertical-align: top;
    color: #3264C8; }
  .md-text--job {
    display: block; }
  .md-text--next {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1; }
  .md-text--right {
    text-align: right; }
  .md-text--center {
    text-align: center; }
  .md-text--bold {
    font-weight: bold; }
  .md-text--answer {
    margin-top: 24px; }
    .md-text--answer .md-text--bold {
      padding-right: 6px;
      color: #54BF26; }
      .md-text--answer .md-text--bold:after {
        content: "："; }
  .md-text--question {
    color: #797B80;
    position: relative;
    text-indent: 2em;
    margin-top: 24px; }
    .md-text--question:before {
      content: "";
      position: absolute;
      top: 0.8em;
      left: 0;
      border-top: 1px solid #C8C9CC;
      width: 25px; }
  .md-text--quotation {
    background-color: #F5F6F7;
    margin-top: 24px;
    background-image: url(/contents/image/icon_quotation.png?v=20200207151040);
    background-repeat: no-repeat; }
  .md-textSer--number {
    display: inline-block;
    font-weight: bold;
    padding: 0 4px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; }
  .md-textArticle--day {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #797B80;
    text-align: right; }
  .md-textMedia {
    display: table;
    line-height: 1; }
    .md-textMedia .md-iconImg {
      display: table-cell;
      vertical-align: top; }
    .md-textMedia__title {
      display: table-cell;
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 12px;
      -webkit-background-size: 12px;
      line-height: 12px;
      font-weight: bold;
      padding: 0 8px 0 16px;
      vertical-align: top; }
      .md-textMedia__title:hover, .md-textMedia__title:active {
        text-decoration: none; }
    .md-textMedia__day {
      display: table-cell;
      border-left: 1px solid #B3B3B3;
      line-height: 12px;
      padding-left: 8px; }
    .md-textMedia--01 {
      color: #B3B3B3; }
      .md-textMedia--01 .md-textMedia__title {
        background-image: url(/contents/image/icon_mediaGray.png?v=20200207151040); }
        .md-textMedia--01 .md-textMedia__title:link, .md-textMedia--01 .md-textMedia__title:visited {
          color: #B3B3B3; }
        .md-textMedia--01 .md-textMedia__title:hover, .md-textMedia--01 .md-textMedia__title:active {
          background-image: url(/contents/image/icon_mediaGray_on.png?v=20200207151040);
          color: #C8C9CC; }
    .md-textMedia--02 {
      color: #fff; }
      .md-textMedia--02 .md-textMedia__title {
        background-image: url(/contents/image/icon_mediaWhite.png?v=20200207151040); }
        .md-textMedia--02 .md-textMedia__title:link, .md-textMedia--02 .md-textMedia__title:visited {
          color: #fff; }
        .md-textMedia--02 .md-textMedia__title:hover, .md-textMedia--02 .md-textMedia__title:active {
          background-image: url(/contents/image/icon_mediaGray_on.png?v=20200207151040);
          color: #C8C9CC; }
  .md-textAlert {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1; }
  .md-text--user {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: bold; }
  .md-text--gftStatus01 {
    color: #39990F; }
  .md-text--error {
    color: #DA3333; }
  .md-text--add {
    color: #E67717; }

em.md-textSer--number {
  border: none;
  padding: 0; }

@media screen and (min-width: 641px) {
  .md-text--normal, .md-text--lead01 {
    font-size: 16px;
    font-size: 1.6rem; }
  .md-text--com {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5; }
  .md-text--sub {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4; }
  .md-text--btn {
    font-size: 15px;
    font-size: 1.5rem; }
  .md-text--cap01 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4; }
  .md-text--cap02 {
    font-size: 12px;
    font-size: 1.2rem; }
  .md-text--title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4; }
  .md-text--notice {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4; }
  .md-text--activity {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.2; }
  .md-text--job {
    font-size: 14px;
    font-size: 1.4rem; }
  .md-text--mail {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.1; }
  .md-text--quotation {
    background-position: 8px 8px;
    background-size: 48px 48px;
    padding: 28px 24px 20px 64px; }
  .md-textMedia__title {
    font-size: 12px;
    font-size: 1.2rem; }
  .md-textMedia__day {
    font-size: 12px;
    font-size: 1.2rem; }
  .md-textSer--number {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4; } }

@media only screen and (max-width: 640px) {
  .md-text--normal, .md-text--lead01 {
    font-size: 14px;
    font-size: 1.4rem; }
  .md-text--com {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4; }
  .md-text--sub {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3; }
  .md-text--btn {
    font-size: 13px;
    font-size: 1.3rem; }
  .md-text--cap01 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3; }
  .md-text--cap02 {
    font-size: 10px;
    font-size: 1rem; }
  .md-text--title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3; }
  .md-text--notice {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3; }
  .md-text--activity {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4; }
  .md-text--job {
    font-size: 12px;
    font-size: 1.2rem; }
  .md-text--mail {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.1; }
  .md-text--quotation {
    background-position: 4px 4px;
    background-size: 32px 32px;
    padding: 20px 16px 12px; }
  .md-textMedia__title {
    font-size: 10px;
    font-size: 1rem; }
  .md-textMedia__day {
    font-size: 10px;
    font-size: 1rem; }
  .md-textSer--number {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3; } }

.md-link {
  max-width: 640px; }
  .md-linkText:link, .md-linkText:visited {
    color: #3264C8; }
  .md-linkText--disable:link, .md-linkText--disable:visited {
    color: #adc1e9; }
  .md-linkSub:link, .md-linkSub:visited {
    color: #797B80; }
  .md-linkSub:hover, .md-linkSub:active {
    color: #3264C8;
    text-decoration: none; }
  .md-linkBox {
    display: table;
    position: relative;
    width: 100%;
    box-sizing: border-box; }
    .md-linkBox:link, .md-linkBox:visited {
      color: #262626; }
    .md-linkBox:hover, .md-linkBox:active {
      text-decoration: none; }
    .md-linkBox .md-iconImg {
      vertical-align: middle; }
    .md-linkBox .md-text--center .md-text:link, .md-linkBox .md-text--center .md-text:visited {
      color: #262626; }
    .md-linkBox .md-text--center .md-text:hover, .md-linkBox .md-text--center .md-text:active {
      color: #3264C8;
      text-decoration: none; }
    .md-linkBox__text {
      display: table-cell;
      height: 56px;
      vertical-align: middle;
      box-sizing: border-box;
      line-height: 1; }
      .md-linkBox__textSub {
        width: 10%;
        text-align: right;
        white-space: nowrap;
        font-size: 12px;
        font-size: 1.2rem;
        padding: 5px 40px 5px 16px; }
        .md-linkBox__textSub:after {
          content: "";
          position: absolute;
          top: 50%;
          right: 16px;
          background-image: url(/contents/image/icon_bulletRight.png?v=20200207151040);
          background-repeat: no-repeat;
          background-position: 0 0;
          width: 24px;
          height: 24px;
          background-size: 24px;
          margin-top: -12px; }
        .md-linkBox__textSub:link, .md-linkBox__textSub:visited {
          color: #797B80; }
        .md-linkBox__textSub:hover, .md-linkBox__textSub:active {
          color: #3264C8;
          text-decoration: none; }
        .md-linkBox__textSub:hover:after, .md-linkBox__textSub:active:after {
          background-image: url(/contents/image/icon_bulletRight_over.png?v=20200207151040); }
      .md-linkBox__textLead__sub--01 {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1; }
      .md-linkBox__textLead__sub--02 {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1;
        color: #797B80;
        padding-left: 8px; }
      .md-linkBox__textLead__subTel {
        display: inline-block;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1;
        color: #797B80;
        border: 1px solid #ccc;
        border-radius: 2px;
        padding: 2px 4px;
        margin: 2px 0 2px 8px;
        white-space: nowrap; }
    .md-linkBox__shadow {
      border-bottom: 1px solid #d9d9d9; }
    .md-linkBox--normal .md-linkBox__text {
      padding: 5px 16px 5px 0; }
      .md-linkBox--normal .md-linkBox__text .md-text {
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px; }
      .md-linkBox--normal .md-linkBox__text .md-btn {
        display: inline-block;
        vertical-align: middle; }
    .md-linkBox__subText .md-linkBox__text {
      width: 90%; }
    .md-linkBox__bullet--right:after {
      content: "";
      position: absolute;
      top: 50%;
      right: 16px;
      background-repeat: no-repeat;
      background-position: 0 0;
      width: 24px;
      height: 24px;
      background-size: 24px;
      margin-top: -12px; }
    .md-linkBox__bullet--right .md-linkBox__text {
      padding: 5px 40px 5px 16px;
      line-height: 1; }
      .md-linkBox__bullet--right .md-linkBox__text--sub {
        padding-left: 0; }
      .md-linkBox__bullet--right .md-linkBox__textLead {
        padding-right: 16px;
        width: 90%; }
        .md-linkBox__bullet--right .md-linkBox__textLead--single {
          width: 100%; }
    .md-linkBox__bullet--right:hover, .md-linkBox__bullet--right:active {
      background-color: #f7f7f7; }
    .md-linkBox__bullet--left:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 16px;
      background-repeat: no-repeat;
      background-position: 0 0;
      width: 24px;
      height: 24px;
      background-size: 24px;
      margin-top: -12px; }
    .md-linkBox__bullet--left .md-linkBox__text {
      padding: 5px 16px 5px 40px; }
    .md-linkBox__bullet--tel .md-linkBox__textLead {
      width: 10em; }
    .md-linkBox__bullet--tel .md-linkBox__text {
      padding: 5px 40px 5px 0; }
    .md-linkBox__bulletIcon--arrowRight:after {
      background-image: url(/contents/image/icon_bulletRight.png?v=20200207151040); }
    .md-linkBox__bulletIcon--arrowRight:hover, .md-linkBox__bulletIcon--arrowRight:active {
      color: #3264C8; }
      .md-linkBox__bulletIcon--arrowRight:hover .md-text--cap01, .md-linkBox__bulletIcon--arrowRight:active .md-text--cap01 {
        color: #3264C8; }
    .md-linkBox__bulletIcon--arrowRight:hover:after, .md-linkBox__bulletIcon--arrowRight:active:after {
      background-image: url(/contents/image/icon_bulletRight_over.png?v=20200207151040); }
    .md-linkBox__bulletIcon--arrowLeft:before {
      background-image: url(/contents/image/icon_bulletLeft.png?v=20200207151040); }
    .md-linkBox__bulletIcon--arrowLeft:hover, .md-linkBox__bulletIcon--arrowLeft:active {
      color: #3264C8; }
      .md-linkBox__bulletIcon--arrowLeft:hover .md-text--cap01, .md-linkBox__bulletIcon--arrowLeft:active .md-text--cap01 {
        color: #3264C8; }
    .md-linkBox__bulletIcon--arrowLeft:hover:before, .md-linkBox__bulletIcon--arrowLeft:active:before {
      background-image: url(/contents/image/icon_bulletLeft_over.png?v=20200207151040); }
    .md-linkBox__bulletIcon--windowRight:after {
      background-image: url(/contents/image/icon_winopen.png?v=20200207151040); }
    .md-linkBox--dialog .md-linkBox__text {
      padding: 5px 112px 5px 0;
      font-weight: bold; }
    .md-linkBox--dialog .md-linkBox__btn {
      display: table-cell;
      position: absolute;
      background: #F0F2F5;
      font-size: 13px;
      font-size: 1.3rem;
      top: 50%;
      right: 16px;
      width: 80px;
      height: 32px;
      margin-top: -16px;
      border-radius: 4px;
      text-align: center;
      border: 1px solid #ccc;
      font-weight: normal;
      padding-top: 8px;
      box-sizing: border-box; }
      .md-linkBox--dialog .md-linkBox__btn:link, .md-linkBox--dialog .md-linkBox__btn:visited {
        color: #262626; }
      .md-linkBox--dialog .md-linkBox__btn:hover, .md-linkBox--dialog .md-linkBox__btn:active {
        background-color: #F7F7F7;
        text-decoration: none; }
    .md-linkBox__icon {
      display: table-cell;
      vertical-align: middle;
      padding: 5px 0px 5px 0; }
      .md-linkBox__icon + .md-linkBox__textLead,
      .md-linkBox__icon + .md-linkBox__textLead--single {
        padding-left: 4px; }
  .md-linkPager {
    display: table;
    width: 100%;
    background: url(/contents/image/bg_linkPager.png?v=20200207151040) no-repeat center center;
    background-size: 1px 24px;
    border-bottom: 1px solid #d9d9d9; }
    .md-linkPager__cell {
      display: table-cell;
      width: 50%;
      box-sizing: border-box; }
      .md-linkPager__cell .md-linkBox {
        background: none; }
        .md-linkPager__cell .md-linkBox:hover, .md-linkPager__cell .md-linkBox:active {
          color: #3264C8;
          text-decoration: none; }
  .md-link__next {
    display: inline-block; }

@media screen and (min-width: 641px) {
  .md-linkBox--dialog .md-linkBox__text {
    padding-left: 0; }
  .md-linkBox__textLead {
    padding-left: 0; } }

@media only screen and (max-width: 640px) {
  .md-linkBox--dialog .md-linkBox__text {
    padding-left: 16px; }
  .md-linkBox__textLead {
    padding-left: 16px; } }

.md-header {
  max-width: 640px; }
  .md-header--h1 {
    font-weight: bold;
    line-height: 1.3; }
  .md-header--h2 {
    font-weight: bold;
    line-height: 1.2; }
  .md-header--h3 {
    font-weight: bold; }
  .md-header--h4 {
    padding-left: 8px;
    border-left: 4px solid #262626; }
  .md-header--h5 {
    padding-left: 8px;
    border-left: 2px solid #797B80; }
  .md-header--title {
    font-weight: bold;
    line-height: 1.7; }
  .md-header__line {
    border-bottom: 1px solid #d9d9d9; }
  .md-header--contents {
    padding: 16px 16px 16px 0;
    border-bottom: 1px solid #d9d9d9; }
    .md-header--contentsNone {
      padding: 16px 16px 16px 0;
      border-top: 1px solid #d9d9d9; }

@media screen and (min-width: 641px) {
  .md-header--h1 {
    font-size: 27px;
    font-size: 2.7rem; }
  .md-header--h2 {
    font-size: 24px;
    font-size: 2.4rem; }
  .md-header--h3 {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.2; }
  .md-header--h4, .md-header--h5 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3; }
  .md-header--title {
    font-size: 16px;
    font-size: 1.6rem; }
  .md-header--contents {
    padding-left: 0; }
    .md-header--contentsNone {
      margin-left: 16px; } }

@media only screen and (max-width: 640px) {
  .md-header--h1 {
    font-size: 18px;
    font-size: 1.8rem; }
  .md-header--h2 {
    font-size: 16px;
    font-size: 1.6rem; }
  .md-header--h3 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4; }
  .md-header--h4, .md-header--h5 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4; }
  .md-header--title {
    font-size: 14px;
    font-size: 1.4rem; }
  .md-header--contents {
    padding-left: 16px; }
    .md-header--contentsNone {
      padding-left: 16px; } }

.md-iconGen, .md-iconPrivilege, .md-iconGenre, .md-iconImg {
  display: inline-block;
  line-height: 1; }

.md-iconGen, .md-iconPrivilege, .md-iconPr {
  color: #fff;
  font-size: 10px;
  font-size: 1rem;
  padding: 3px 8px;
  vertical-align: baseline; }

.md-iconGenre {
  vertical-align: baseline;
  line-height: 1; }
  .md-iconGenre--image {
    height: 16px; }

.md-iconGen {
  background-color: #797B80;
  border-radius: 2px; }
  .md-iconGen--article {
    font-weight: bold;
    line-height: 10px; }
  .md-iconGen--cinecom {
    line-height: 12px; }
  .md-iconGen--statusBefore {
    font-weight: bold;
    line-height: 10px; }
  .md-iconGen--statusAccept {
    font-weight: bold;
    line-height: 10px;
    box-shadow: 0 0 0 1px #DA3333 inset; }
  .md-iconGen--statusEnd {
    line-height: 12px; }

.md-iconPrivilege, .md-iconGenre {
  font-weight: bold;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4); }

.md-iconPrivilege {
  background: url(/contents/image/icon_privilege.png?v=20200207151040) no-repeat 0 0;
  padding-right: 11px;
  background-size: 100% 100%; }

.md-iconPr {
  background-color: #F25100;
  line-height: 12px;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4); }

.md-iconGenre--movies {
  background-color: #737CE6; }

.md-iconGenre--stage {
  background-color: #A17EE6; }

.md-iconGenre--art {
  background-color: #FF884C; }

.md-iconGenre--music {
  background-color: #FF6666; }

.md-iconGenre--event {
  background-color: #29CCCC; }

.md-iconGenre--idol {
  background-color: #F2499D; }

.md-iconGenre--classic {
  background-color: #CC9C3D; }

.md-iconGenre--anime {
  background-color: #E6BF00; }

.md-iconGenre--liveview {
  background-color: #3DCC85; }

.md-iconGenre--genre01 {
  background-color: #5CACE6; }

.md-iconGenre--genre02 {
  background-color: #D962D9; }

.md-iconGenre--genre03 {
  background-color: #90D92B; }

.md-iconImg {
  vertical-align: top; }
  .md-iconImg .md-imgIcon {
    height: auto; }
  .md-iconImg--56px {
    height: 56px; }
    .md-iconImg--56px .md-imgIcon {
      width: 56px; }
  .md-iconImg--32px {
    height: 32px; }
    .md-iconImg--32px .md-imgIcon {
      width: 32px; }
  .md-iconImg--24px {
    height: 24px; }
    .md-iconImg--24px .md-imgIcon {
      width: 24px; }
  .md-iconImg--16px {
    height: 16px; }
    .md-iconImg--16px .md-imgIcon {
      width: 16px; }
  .md-iconImg--14px {
    height: 14px; }
    .md-iconImg--14px .md-imgIcon {
      width: 14px; }
  .md-iconImg--12px {
    height: 12px; }
    .md-iconImg--12px .md-imgIcon {
      width: 12px; }
  .md-iconImg--4px {
    height: 4px; }
    .md-iconImg--4px .md-imgIcon {
      width: 4px; }
  .md-iconImg--keyLock .md-imgIcon, .md-iconImg--keyOpen .md-imgIcon {
    width: 16px; }

.md-iconUser {
  display: inline-block;
  position: relative; }
  .md-iconUser__inner {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box; }
  .md-iconUser__a {
    display: block;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #FFBF00;
    z-index: 10;
    bottom: 0;
    right: 0;
    text-align: center;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    box-sizing: border-box; }
  .md-iconUser .md-imgIcon {
    width: 100%;
    height: 100%; }
    .md-iconUser .md-imgIcon--UserA {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      height: auto; }
  .md-iconUser--XL {
    width: 120px;
    height: 120px; }
    .md-iconUser--XL .md-iconUser__inner {
      width: 120px;
      height: 120px; }
    .md-iconUser--XL .md-iconUser__a {
      width: 24px;
      height: 24px; }
    .md-iconUser--XL .md-imgIcon--UserA {
      width: 16px; }
  .md-iconUser--L {
    width: 80px;
    height: 80px; }
    .md-iconUser--L .md-iconUser__inner {
      width: 80px;
      height: 80px; }
    .md-iconUser--L .md-iconUser__a {
      width: 24px;
      height: 24px; }
    .md-iconUser--L .md-imgIcon--UserA {
      width: 16px; }
  .md-iconUser--ML {
    width: 64px;
    height: 64px; }
    .md-iconUser--ML .md-iconUser__inner {
      width: 64px;
      height: 64px; }
    .md-iconUser--ML .md-iconUser__a {
      width: 14px;
      height: 14px; }
    .md-iconUser--ML .md-imgIcon--UserA {
      width: 9px; }
  .md-iconUser--M {
    width: 40px;
    height: 40px; }
    .md-iconUser--M .md-iconUser__inner {
      width: 40px;
      height: 40px; }
    .md-iconUser--M .md-iconUser__a {
      width: 14px;
      height: 14px; }
    .md-iconUser--M .md-imgIcon--UserA {
      width: 9px; }
  .md-iconUser--S {
    width: 32px;
    height: 32px; }
    .md-iconUser--S .md-iconUser__inner {
      width: 32px;
      height: 32px; }
    .md-iconUser--S .md-iconUser__a {
      width: 12px;
      height: 12px; }
    .md-iconUser--S .md-imgIcon--UserA {
      width: 8px; }
  .md-iconUser--XS {
    width: 16px;
    height: 16px; }
    .md-iconUser--XS .md-iconUser__inner {
      width: 16px;
      height: 16px; }
    .md-iconUser--XS .md-iconUser__a {
      width: 4px;
      height: 4px;
      border: none;
      box-shadow: none; }
    .md-iconUser--XS .md-imgIcon--UserA {
      width: 2px; }

.md-iconMed {
  display: inline-block;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  box-sizing: border-box; }
  .md-iconMed .md-imgIcon {
    width: 100%;
    height: 100%; }
  .md-iconMed--L {
    width: 80px;
    height: 80px; }
  .md-iconMed--ML {
    width: 64px;
    height: 64px; }
  .md-iconMed--M {
    width: 40px;
    height: 40px; }
  .md-iconMed--S {
    width: 32px;
    height: 32px; }

.md-iconEvent {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  box-sizing: border-box; }
  .md-iconEvent .md-imgIcon {
    width: 100%;
    height: 100%; }
  .md-iconEvent--M {
    width: 80px;
    height: 80px; }
  .md-iconEvent--S {
    width: 40px;
    height: 40px; }

.md-iconComment {
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  right: -12px;
  box-sizing: border-box;
  width: 12px;
  height: 12px; }
  .md-iconComment .md-imgIcon {
    width: 100%;
    height: 100%; }
    .md-iconComment .md-imgIcon--comment {
      width: 12px;
      height: 12px;
      vertical-align: top; }

.md-iconPoint {
  display: block;
  position: absolute;
  border-radius: 50%;
  background: rgba(38, 38, 38, 0.6);
  z-index: 10;
  bottom: 4px;
  right: 4px;
  text-align: center;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  width: 32px;
  height: 32px; }
  .md-iconPoint .md-imgIcon__point {
    width: 66%;
    height: 66%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: auto; }

.md-iconBtn {
  display: table;
  border-collapse: separate;
  border: 1px solid #FFF;
  border-radius: 50%; }
  .md-iconBtn--40 {
    width: 40px;
    height: 40px; }
  .md-iconBtn--M {
    width: 40px;
    height: 40px;
    background-color: #f2f2f2; }
  .md-iconBtn--S {
    width: 32px;
    height: 32px;
    background-color: #797B80; }
  .md-iconBtn__text {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #FFF;
    font-weight: bold;
    height: 32px;
    font-size: 12px;
    font-size: 1.2rem; }
  .md-iconBtn .md-iconImg {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  .md-iconBtn--more:hover, .md-iconBtn--more:active {
    text-decoration: none; }
  .md-iconBtn--more.md-iconBtn--S:hover, .md-iconBtn--more.md-iconBtn--S:active {
    background-color: #616366; }
  .md-iconBtn--more.md-iconBtn--M:hover, .md-iconBtn--more.md-iconBtn--M:active {
    background-color: #F7F7F7; }
  .md-iconBtn--clip {
    display: block;
    background: rgba(38, 38, 38, 0.4);
    text-align: center; }
    .md-iconBtn--clip:hover, .md-iconBtn--clip:active {
      background: rgba(38, 38, 38, 0.5); }
    .md-iconBtn--clip .md-iconImg {
      display: inline-block;
      padding-top: 8px; }

a.md-iconUser {
  display: block;
  background-color: #fff;
  border-radius: 50%; }
  a.md-iconUser:hover .md-imgIcon {
    opacity: 0.5; }

.md-box {
  max-width: 640px; }
  .md-boxDayplace__inner {
    display: table; }
    .md-boxDayplace__inner .md-iconImg {
      display: table-cell;
      padding-right: 4px;
      vertical-align: top; }
    .md-boxDayplace__inner .md-boxDayplace__cell {
      display: table-cell;
      margin-left: 20px;
      vertical-align: top; }
    .md-boxDayplace__inner .md-text {
      line-height: 1; }
  .md-boxDayplace--L .md-boxDayplace__text {
    color: #fff;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4; }
  .md-boxDayplace--M .md-boxDayplace__text {
    color: #fff;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6; }
  .md-boxDayplace--S .md-boxDayplace__text {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4; }
  .md-boxArticle--title:after {
    content: " ";
    display: block;
    clear: both; }
  .md-boxArticle--title .md-boxArticle__number {
    display: block;
    float: left;
    color: #fff;
    line-height: 1.4;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
    border-color: #fff;
    margin-right: 8px; }
    .md-boxArticle--title .md-boxArticle__number + .md-boxArticle__text {
      overflow: hidden; }
  .md-boxArticle--title .md-boxArticle__text {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #fff;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
    font-weight: bold; }
  .md-boxGenre:after {
    content: " ";
    display: block;
    clear: both; }
  .md-boxGenre__title {
    display: block;
    float: left;
    margin-bottom: 4px; }
    .md-boxGenre__title .md-iconImg {
      vertical-align: middle;
      margin-right: 4px; }
    .md-boxGenre__title + .md-boxGenre__icon {
      overflow: hidden; }
  .md-boxGenre__item {
    display: inline-block;
    line-height: 1;
    margin-right: 4px;
    margin-bottom: 4px; }
  .md-boxGenre__title + .md-boxGenre__icon {
    padding-left: 4px; }
  .md-boxPr__title {
    display: inline-block; }
    .md-boxPr__titleText {
      font-size: 10px;
      font-size: 1rem;
      line-height: 1.2;
      color: #B3B3B3;
      padding-right: 8px;
      vertical-align: middle; }
    .md-boxPr__title .md-iconPr {
      vertical-align: middle;
      margin-right: 4px; }
  .md-boxPr__detail {
    display: inline-block;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.2;
    color: #B3B3B3;
    padding-left: 8px;
    border-left: 1px solid #B3B3B3;
    vertical-align: middle; }
  .md-boxForm {
    padding: 13px 0; }
    .md-boxForm__title {
      vertical-align: middle; }
      .md-boxForm__title--required {
        color: #DA3333;
        padding-left: 8px;
        font-weight: bold; }
    .md-boxForm__detail {
      margin-top: 8px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.5; }
  .md-boxCastview {
    border: 1px solid #929292;
    border-radius: 4px;
    box-sizing: border-box;
    width: 104px; }
    .md-boxCastview__icon {
      position: relative;
      height: 104px;
      border-bottom: 1px solid #929292;
      overflow: hidden; }
      .md-boxCastview__icon .md-imgIcon {
        width: 100%;
        height: 100%;
        border-radius: 4px 4px 0 0; }
        .md-boxCastview__icon .md-imgIcon--UserA {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          width: 9px;
          height: auto; }
      .md-boxCastview__icon .md-iconUser__a {
        bottom: 4px;
        right: 4px;
        width: 14px;
        height: 14px;
        box-shadow: none; }
    .md-boxCastview__detail {
      color: #262626;
      background-color: #fff;
      padding: 8px;
      box-sizing: border-box;
      border-radius: 0 0 4px 4px;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1;
      min-height: 60px; }
  .md-boxIcon {
    line-height: 1; }
  .md-boxActivity--count:after {
    content: " ";
    display: block;
    clear: both; }
  .md-boxActivity__title {
    float: left;
    font-weight: bold;
    padding-right: 8px;
    margin-right: 7px;
    border-right: 1px solid #ccc; }
  .md-boxActivity--list .md-column__item {
    margin-right: 8px;
    height: 40px; }
  .md-boxAlert {
    border: 1px solid #DA3333;
    padding: 0 13px; }
    .md-boxAlert__title {
      font-weight: bold; }

@media screen and (min-width: 641px) {
  .md-boxPr__titleText {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1; }
  .md-boxPr__detail {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1; }
  .md-boxActivity__title, .md-boxActivity__detail {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.2; }
  .md-boxAlert__title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4; } }

@media only screen and (max-width: 640px) {
  .md-boxPr__titleText {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.2; }
  .md-boxPr__detail {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.2; }
  .md-boxDayplace__inner + .md-boxDayplace__inner {
    margin-top: 4px; }
  .md-boxActivity__title, .md-boxActivity__detail {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4; }
  .md-boxAlert__title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3; } }

/* === mod-button */
.md-btn {
  display: table;
  width: 100%;
  max-width: 288px;
  box-sizing: border-box;
  border-radius: 4px;
  border-collapse: separate; }
  .md-btn:active, .md-btn:hover {
    text-decoration: none; }
  .md-btn__icon {
    position: relative; }
    .md-btn__icon .md-btn__text:after {
      position: absolute;
      content: "";
      background: url(/contents/image/icon_winopenWhite.png?v=20200207151040) no-repeat 0 0;
      background-size: 24px;
      width: 24px;
      height: 24px;
      top: 50%;
      right: 8px;
      margin-top: -12px; }
  .md-btn__text {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 24px;
    padding: 8px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1; }
  .md-btnMini {
    background: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    width: auto; }
    .md-btnMini .md-btn__text {
      font-size: 10px;
      font-size: 1rem;
      height: auto;
      padding: 3px 4px; }
  .md-btnConversion {
    position: relative;
    color: #fff;
    background-color: #E67717;
    margin: 0 auto; }
    .md-btnConversion .md-btn__text {
      font-weight: bold; }
    .md-btnConversion--disable {
      background-color: #f5c9a3; }
  .md-btnAction {
    background-color: #405580;
    color: #fff;
    margin: 0 auto; }
    .md-btnAction .md-btn__text {
      font-weight: bold; }
    .md-btnAction--disable {
      background-color: #b1b9cc; }
  .md-btnSub {
    border: 1px solid #cbcbcb;
    background-color: #fff;
    color: #262626;
    margin: 0 auto; }
    .md-btnSub--disable {
      border-color: #d7d7d7;
      color: #a9a9a9; }
    .md-btnSub--S {
      width: 52px; }
      .md-btnSub--S .md-btn__text {
        font-size: 12px;
        font-size: 1.2rem;
        height: 16px; }
  .md-btnTransparence {
    background-color: #fff;
    color: #262626;
    margin: 0 auto; }
    .md-btnTransparence--disable {
      color: #a9a9a9; }
  .md-btnDialog {
    background-color: #F0F2F5;
    border: 1px solid #d7d9dc;
    color: #262626;
    margin: 0 auto; }
    .md-btnDialog .md-btn__text {
      height: 16px; }
    .md-btnDialog--disable {
      color: #a9a9a9; }
  .md-btnLinkshare__detail {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.1; }
    .md-btnLinkshare__detail .md-linkLikeshare:link, .md-btnLinkshare__detail .md-linkLikeshare:visited {
      color: #797B80; }
    .md-btnLinkshare__detail .md-linkLikeshare:hover, .md-btnLinkshare__detail .md-linkLikeshare:active {
      color: #3264C8;
      text-decoration: none; }
    .md-btnLinkshare__detail .md-linkLikeshare:before {
      display: inline-block;
      content: "";
      width: 16px;
      height: 16px;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 16px;
      -webkit-background-size: 16px;
      padding-right: 4px; }
    .md-btnLinkshare__detail--like .md-linkLikeshare:before {
      background-image: url(/contents/image/icon_likeGray.png?v=20200207151040);
      vertical-align: -0.1em; }
    .md-btnLinkshare__detail--like .md-linkLikeshare:hover:before, .md-btnLinkshare__detail--like .md-linkLikeshare:active:before {
      background-image: url(/contents/image/icon_like.png?v=20200207151040); }
    .md-btnLinkshare__detail--share .md-linkLikeshare:before {
      background-image: url(/contents/image/icon_shareGray.png?v=20200207151040);
      vertical-align: -0.2em; }
    .md-btnLinkshare__detail--share .md-linkLikeshare:hover:before, .md-btnLinkshare__detail--share .md-linkLikeshare:active:before {
      background-image: url(/contents/image/icon_share.png?v=20200207151040); }
    .md-btnLinkshare__detail + .md-btnLinkshare__detail:before {
      content: "・";
      color: #797B80; }
  .md-btnLinkshare__icon {
    padding-right: 4px; }
  .md-btnLinkshare--none .md-btnLinkshare__detail .md-linkLikeshare:link, .md-btnLinkshare--none .md-btnLinkshare__detail .md-linkLikeshare:visited {
    color: #3264C8; }
  .md-btnLinkshare--none .md-btnLinkshare__detail .md-linkLikeshare:hover, .md-btnLinkshare--none .md-btnLinkshare__detail .md-linkLikeshare:active {
    color: #3264C8;
    text-decoration: none; }
  .md-btnLinkshare--none .md-btnLinkshare__detail--like .md-linkLikeshare:before {
    background-image: url(/contents/image/icon_like.png?v=20200207151040);
    vertical-align: -0.1em; }
  .md-btnLinkshare--none .md-btnLinkshare__detail--share .md-linkLikeshare:before {
    background-image: url(/contents/image/icon_share.png?v=20200207151040);
    vertical-align: -0.2em; }
  .md-btnWeekly {
    display: table;
    border-radius: 2px;
    box-sizing: border-box;
    width: 48px;
    height: 44px;
    border: 1px solid #ccc;
    border-collapse: separate;
    background-color: #fff; }
    .md-btnWeekly__inner {
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
    .md-btnWeekly__text {
      font-size: 10px;
      font-size: 1rem;
      line-height: 1;
      color: #797B80;
      vertical-align: baseline; }
      .md-btnWeekly__text--week {
        font-weight: bold; }
      .md-btnWeekly__text--day {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.2;
        color: #262626; }
      .md-btnWeekly__text--month {
        display: inline-block;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.2;
        padding-right: 2px;
        color: #797B80;
        vertical-align: middle; }
    .md-btnWeekly--sat .md-btnWeekly__text {
      color: #268CBF; }
      .md-btnWeekly--sat .md-btnWeekly__text--day, .md-btnWeekly--sat .md-btnWeekly__text--month {
        color: #268CBF; }
    .md-btnWeekly--sun .md-btnWeekly__text {
      color: #BF2659; }
      .md-btnWeekly--sun .md-btnWeekly__text--day, .md-btnWeekly--sun .md-btnWeekly__text--month {
        color: #BF2659; }
    .md-btnWeekly--on {
      border: none;
      background-color: #3264C8; }
      .md-btnWeekly--on .md-btnWeekly__text {
        color: #fff; }
        .md-btnWeekly--on .md-btnWeekly__text--day, .md-btnWeekly--on .md-btnWeekly__text--month {
          color: #fff; }
    .md-btnWeekly--desable .md-btnWeekly__text {
      color: #dfdfe1; }
      .md-btnWeekly--desable .md-btnWeekly__text--day {
        color: #a9a9a9; }
      .md-btnWeekly--desable .md-btnWeekly__text--month {
        color: #dfdfe1; }
    .md-btnWeekly--desable.md-btnWeekly--sat .md-btnWeekly__text {
      color: #b2d7e9; }
      .md-btnWeekly--desable.md-btnWeekly--sat .md-btnWeekly__text--day, .md-btnWeekly--desable.md-btnWeekly--sat .md-btnWeekly__text--month {
        color: #b2d7e9; }
    .md-btnWeekly--desable.md-btnWeekly--sun .md-btnWeekly__text {
      color: #e8afc2; }
      .md-btnWeekly--desable.md-btnWeekly--sun .md-btnWeekly__text--day, .md-btnWeekly--desable.md-btnWeekly--sun .md-btnWeekly__text--month {
        color: #e8afc2; }

button.md-btn {
  display: block;
  width: 100%;
  max-width: 288px;
  box-sizing: border-box;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 40px;
  padding: 8px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  border: none;
  cursor: pointer;
  font-weight: bold; }

span.md-btnSub--S {
  border: 1px solid #fff; }

a.md-btnMini:link, a.md-btnMini:visited,
button.md-btnMini:link,
button.md-btnMini:visited {
  color: #797B80; }

a.md-btnMini:active, a.md-btnMini:hover,
button.md-btnMini:active,
button.md-btnMini:hover {
  color: #3264C8;
  text-decoration: none; }

a.md-btnConversion:link, a.md-btnConversion:visited, a.md-btnConversion:active, a.md-btnConversion:hover,
button.md-btnConversion:link,
button.md-btnConversion:visited,
button.md-btnConversion:active,
button.md-btnConversion:hover {
  color: #fff; }

a.md-btnConversion:active, a.md-btnConversion:hover,
button.md-btnConversion:active,
button.md-btnConversion:hover {
  background-color: #D97116; }

a.md-btnAction:link, a.md-btnAction:visited, a.md-btnAction:active, a.md-btnAction:hover,
button.md-btnAction:link,
button.md-btnAction:visited,
button.md-btnAction:active,
button.md-btnAction:hover {
  color: #fff; }

a.md-btnAction:active, a.md-btnAction:hover,
button.md-btnAction:active,
button.md-btnAction:hover {
  background-color: #35476C; }

a.md-btnSub:link, a.md-btnSub:visited, a.md-btnSub:active, a.md-btnSub:hover,
button.md-btnSub:link,
button.md-btnSub:visited,
button.md-btnSub:active,
button.md-btnSub:hover {
  color: #262626; }

a.md-btnSub:active, a.md-btnSub:hover,
button.md-btnSub:active,
button.md-btnSub:hover {
  background-color: #F7F7F7; }

a.md-btnTransparence:link, a.md-btnTransparence:visited, a.md-btnTransparence:active, a.md-btnTransparence:hover,
button.md-btnTransparence:link,
button.md-btnTransparence:visited,
button.md-btnTransparence:active,
button.md-btnTransparence:hover {
  color: #262626; }

a.md-btnTransparence:active, a.md-btnTransparence:hover,
button.md-btnTransparence:active,
button.md-btnTransparence:hover {
  background-color: #F7F7F7; }

a.md-btnDialog:link, a.md-btnDialog:visited, a.md-btnDialog:active, a.md-btnDialog:hover,
button.md-btnDialog:link,
button.md-btnDialog:visited,
button.md-btnDialog:active,
button.md-btnDialog:hover {
  color: #262626; }

a.md-btnDialog:active, a.md-btnDialog:hover,
button.md-btnDialog:active,
button.md-btnDialog:hover {
  background-color: #F7F7F7; }

a.md-btnWeeklyLink,
button.md-btnWeeklyLink {
  text-decoration: none; }
  a.md-btnWeeklyLink .md-btnWeekly:active, a.md-btnWeeklyLink .md-btnWeekly:hover,
  button.md-btnWeeklyLink .md-btnWeekly:active,
  button.md-btnWeeklyLink .md-btnWeekly:hover {
    background-color: #F7F7F7; }

.md-formText {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  background-color: #F7F7F7;
  box-sizing: border-box; }
  .md-formText--normal {
    width: 100%; }
  .md-formText--medium {
    width: 50%; }
  .md-formText--small {
    width: 40px;
    margin-right: 8px; }
  .md-formText--textarea {
    width: 100%;
    max-width: 608px;
    min-height: 100px;
    font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, Roboto, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, Noto Sans, "ＭＳ Ｐゴシック", MS PGothic, sans-serif; }
  .md-formText--tel {
    width: 64px;
    margin: 0 8px; }
    .md-formText--tel:first-child {
      margin-left: 0; }
  .md-formText--code01 {
    width: 48px;
    margin-right: 8px; }
  .md-formText--code02 {
    width: 64px;
    margin: 0 8px; }

.md-formBtn {
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 4px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  height: 34px;
  cursor: pointer;
  -webkit-appearance: none; }

.md-formSelect {
  width: 50%;
  border: 1px solid #ccc;
  background: url(/contents/image/icon_pulldown.png?v=20200207151040) #fff no-repeat 100% 50%;
  background-size: 24px;
  border-radius: 4px;
  height: 34px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 6px 24px 6px 12px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .md-formSelect::-ms-expand {
    display: none; }

.md-form--errorText {
  color: #DA3333;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  margin-top: 8px; }

.md-formRadio {
  display: none; }

.md-formRadio + .md-formLabel {
  position: relative;
  display: inline-block;
  padding: 0px 42px 0px 33px;
  margin: 6px 6px 6px 0;
  cursor: pointer;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5; }
  .md-formRadio + .md-formLabel:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    background: url(/contents/image/icon_radio_off.png?v=20200207151040) no-repeat 0 0;
    background-size: 21px 21px; }

.md-formRadio:checked + .md-formLabel:before {
  width: 21px;
  height: 21px;
  background: url(/contents/image/icon_radio_on.png?v=20200207151040) no-repeat 0 0;
  background-size: 21px 21px; }

.md-formCheck {
  display: none; }

.md-formCheck + .md-formLabel {
  position: relative;
  display: inline-block;
  padding: 0px 42px 0px 33px;
  margin: 6px 6px 6px 0;
  cursor: pointer;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5; }
  .md-formCheck + .md-formLabel:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(/contents/image/icon_checkbox_off.png?v=20200207151040) no-repeat 0 0;
    background-size: 18px 18px; }

.md-formCheck:checked + .md-formLabel:before {
  width: 18px;
  height: 18px;
  background: url(/contents/image/icon_checkbox_on.png?v=20200207151040) no-repeat 0 0;
  background-size: 18px 18px; }

.md-formText--error {
  border-color: #DA3333; }

input:placeholder-shown {
  color: #797B80; }

input::-webkit-input-placeholder {
  color: #797B80; }

input:-moz-placeholder {
  color: #797B80;
  opacity: 1; }

input::-moz-placeholder {
  color: #797B80;
  opacity: 1; }

input:-ms-input-placeholder {
  color: #797B80; }

/* === mod-button */
.md-imgGallery {
  width: 100%;
  box-sizing: border-box; }
  .md-imgGallery--trimming {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    background-color: #000; }
    .md-imgGallery--trimming:hover, .md-imgGallery--trimming:active {
      background-color: #fff;
      opacity: 0.8; }

.md-imgArticle {
  max-width: 640px;
  text-align: center;
  margin: 0 auto; }
  .md-imgArticle .md-imgImage {
    width: auto;
    height: auto;
    vertical-align: bottom; }

.md-imgGift {
  max-width: 400px;
  text-align: center;
  margin: 0 auto; }
  .md-imgGift .md-imgImage {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 364px;
    vertical-align: bottom; }

@media screen and (min-width: 641px) {
  .md-imgArticle .md-imgImage {
    max-width: 640px;
    max-height: 500px; } }

@media only screen and (max-width: 640px) {
  .md-imgArticle .md-imgImage {
    max-width: 320px;
    height: auto; } }

@media only screen and (max-width: 375px) {
  .md-imgArticle .md-imgImage {
    max-width: 100%;
    height: auto; } }

.md-list {
  padding-left: 16px;
  font-size: 16px;
  font-size: 1.6rem; }
  .md-listDice {
    margin-left: 7px;
    list-style-type: disc; }
    .md-listDice .md-list__item {
      position: relative;
      /*&:before { position: absolute; top: -0.2em; left: 0; content: url(/contents/image/bullet_list.png?v=20200207151040); margin-left: -14px; }*/ }
      .md-listDice .md-list__item .md-text {
        margin: 0; }
  .md-listNumber {
    margin-left: 8px; }
    .md-listNumber .md-list__item {
      list-style-type: decimal; }
    .md-listNumber--roman {
      margin-left: 16px; }
      .md-listNumber--roman .md-list__item {
        list-style-type: lower-roman; }
  .md-listBoxForm__item {
    padding: 10px 0; }

/* === mod-Column */
.md-column {
  display: table;
  width: 100%; }
  .md-column__lc {
    display: table-cell;
    vertical-align: top; }
    .md-column__lc.md-columnListmod__img {
      padding-right: 16px;
      width: 80px; }
  .md-column__rc {
    display: table-cell;
    vertical-align: top; }
    .md-column__rc.md-columnListmod__img {
      padding-left: 16px;
      width: 80px; }
  .md-column__inner {
    display: table-row; }
  .md-columnList:after {
    content: " ";
    display: block;
    clear: both; }
  .md-columnList__title {
    float: left;
    margin-right: 8px; }
  .md-columnList__detail {
    overflow: hidden; }
    .md-columnList__detail .md-column__item {
      margin-right: 8px; }
  .md-columnListmod__text {
    padding-right: 8px;
    text-align: right;
    white-space: nowrap; }
  .md-columnListmod__detail {
    display: table-cell; }
    .md-columnListmod__detail a.md-text--title:link, .md-columnListmod__detail a.md-text--title:visited {
      color: #262626; }
    .md-columnListmod__detail a.md-text--title:hover, .md-columnListmod__detail a.md-text--title:active {
      color: #405580;
      text-decoration: none; }
    .md-columnListmod__detail .md-header {
      margin-top: 0; }
  .md-columnListmod--sub .md-column__lc, .md-columnListmod--comment .md-column__lc {
    width: 56px; }
    .md-columnListmod--sub .md-column__lc.md-columnListmod__img, .md-columnListmod--comment .md-column__lc.md-columnListmod__img {
      padding-top: 0;
      padding-right: 8px; }
    .md-columnListmod--sub .md-column__lc.md-columnListmod__text, .md-columnListmod--comment .md-column__lc.md-columnListmod__text {
      text-align: left; }
  .md-columnListmod--comment .md-columnListmod__detail .md-iconBox--heart {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px; }
  .md-columnListmod--comment .md-columnListmod__detail .md-textBox-date {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0; }
  .md-columnListmod--comment .md-columnListmod__detail .md-btnDialog {
    margin: 0 auto; }
  .md-columnListmod--article .md-columnListmod__detail {
    padding: 0 0 0 16px; }
  .md-columnListmod--article .md-columnListmod__img {
    padding: 0 16px 0 16px; }
  .md-columnListmod--article .md-boxArticle--title .md-boxArticle__number {
    border-color: #797B80; }
  .md-columnListmod--article .md-boxArticle--title .md-boxArticle__number,
  .md-columnListmod--article .md-boxArticle--title .md-boxArticle__text {
    color: #797B80;
    text-shadow: none;
    font-weight: normal; }
  .md-columnListul {
    display: block; }
    .md-columnListul:after {
      content: " ";
      display: block;
      clear: both; }
    .md-columnListul .md-column__item {
      float: left; }
    .md-columnListul--castview .md-column__item {
      margin-right: 8px; }
  .md-columnTable {
    display: table; }
    .md-columnTable .md-columnListtable {
      display: table-row; }
    .md-columnTable .md-column__item {
      display: table-cell;
      padding-right: 8px;
      vertical-align: top; }
    .md-columnTable__link:hover, .md-columnTable__link:active {
      text-decoration: none; }
      .md-columnTable__link:hover .md-boxCastview__detail, .md-columnTable__link:active .md-boxCastview__detail {
        background-color: #F7F7F7; }

@media screen and (min-width: 641px) {
  .md-columnList__title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4; } }

@media only screen and (max-width: 640px) {
  .md-columnList__title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3; } }

.md-mainVi {
  position: relative; }
  .md-mainVi__img {
    margin: 0 auto;
    overflow: hidden;
    background-color: #000; }
    .md-mainVi__img .md-imgMainVi {
      position: relative;
      top: 50%;
      left: 50%;
      width: auto;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .md-mainVi--topics .md-mainVi__img {
    height: 520px; }
    .md-mainVi--topics .md-mainVi__img .md-imgMainVi {
      max-width: 1024px; }
  .md-mainVi--topics .md-mainVi__detail {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 114px 0 74px;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
    /* IE6-9 */ }
    .md-mainVi--topics .md-mainVi__detailInner {
      box-sizing: border-box;
      padding: 0 16px;
      max-width: 672px;
      margin: 0 auto; }
      .md-mainVi--topics .md-mainVi__detailInner .md-textMedia--01 {
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); }
      .md-mainVi--topics .md-mainVi__detailInner .md-textMedia--02 {
        text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4); }
      .md-mainVi--topics .md-mainVi__detailInner .md-header {
        color: #fff;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); }
  .md-mainVi--event .md-mainVi__img {
    height: 520px; }
    .md-mainVi--event .md-mainVi__img .md-imgMainVi {
      max-width: 1024px; }
  .md-mainVi--event .md-mainVi__detail {
    position: absolute;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );
    /* IE6-9 */ }
    .md-mainVi--event .md-mainVi__detailInner {
      box-sizing: border-box;
      padding: 64px 16px 60px;
      max-width: 672px;
      margin: 0 auto; }
      .md-mainVi--event .md-mainVi__detailInner .md-header {
        color: #fff;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); }
  .md-mainVi--article .md-mainVi__img {
    height: 240px;
    border-radius: 4px 4px 0 0; }
    .md-mainVi--article .md-mainVi__img .md-imgMainVi {
      max-width: 1024px; }
  .md-mainVi--article .md-mainVi__detail {
    position: absolute;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );
    /* IE6-9 */ }
    .md-mainVi--article .md-mainVi__detailInner {
      box-sizing: border-box;
      max-width: 640px;
      min-height: 180px;
      margin: 0 auto; }
      .md-mainVi--article .md-mainVi__detailInner .md-header {
        color: #fff;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
        padding: 0;
        margin-top: 0;
        border-bottom: none; }
      .md-mainVi--article .md-mainVi__detailInner .md-textMedia--01 {
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); }
      .md-mainVi--article .md-mainVi__detailInner .md-textMedia--02 {
        text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4); }
  .md-mainVi--article .md-mainVi__user {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
    /* IE6-9 */ }
    .md-mainVi--article .md-mainVi__userInner {
      position: relative;
      box-sizing: border-box;
      padding: 0;
      max-width: 640px;
      margin: 0 auto; }
      .md-mainVi--article .md-mainVi__userInner .md-column {
        width: auto;
        padding-right: 40px; }
        .md-mainVi--article .md-mainVi__userInner .md-column__item {
          margin-right: 4px;
          height: 32px; }
          .md-mainVi--article .md-mainVi__userInner .md-column__item .md-iconUser {
            z-index: 150; }
          .md-mainVi--article .md-mainVi__userInner .md-column__item .md-iconBtn--S {
            position: relative;
            z-index: 150; }
      .md-mainVi--article .md-mainVi__userInner .md-iconBtn--clip {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 150; }
  .md-mainVi--article + .md-mainVi--article {
    border-top: 1px solid #fff; }
  .md-mainVi--news .md-mainVi__img {
    height: 320px; }
    .md-mainVi--news .md-mainVi__img .md-imgMainVi {
      max-width: 640px; }
  .md-mainVi--news .md-mainVi__detail {
    background-color: #fff;
    padding: 16px 0; }
    .md-mainVi--news .md-mainVi__detailInner {
      box-sizing: border-box;
      padding: 0 16px;
      max-width: 672px;
      margin: 0 auto; }
    .md-mainVi--news .md-mainVi__detail .md-boxArticle--title .md-boxArticle__number {
      border-color: #797B80; }
    .md-mainVi--news .md-mainVi__detail .md-boxArticle--title .md-boxArticle__number,
    .md-mainVi--news .md-mainVi__detail .md-boxArticle--title .md-boxArticle__text {
      color: #797B80;
      text-shadow: none;
      font-weight: normal; }
    .md-mainVi--news .md-mainVi__detail .md-textMedia--01 {
      text-shadow: none; }
    .md-mainVi--news .md-mainVi__detail .md-textMedia__title {
      border-color: #797B80; }
  .md-mainVi--news.md-mainVi--ad .md-mainVi__detail {
    background: none; }
    .md-mainVi--news.md-mainVi--ad .md-mainVi__detail .md-header {
      color: #fff; }
    .md-mainVi--news.md-mainVi--ad .md-mainVi__detail .md-boxArticle--title .md-boxArticle__number {
      border-color: #fff; }
    .md-mainVi--news.md-mainVi--ad .md-mainVi__detail .md-boxArticle--title .md-boxArticle__number,
    .md-mainVi--news.md-mainVi--ad .md-mainVi__detail .md-boxArticle--title .md-boxArticle__text {
      color: #fff;
      text-shadow: none;
      font-weight: normal; }
    .md-mainVi--news.md-mainVi--ad .md-mainVi__detail .md-textMedia--01 {
      text-shadow: none; }
  .md-mainVi--contents {
    position: relative;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    z-index: 100; }
    .md-mainVi--contents .md-mainVi {
      border-radius: 4px 4px 0 0; }
    .md-mainVi--contents .md-mainVi__detail {
      border-radius: 0 0 4px 4px;
      color: #262626;
      background-color: #fff; }
      .md-mainVi--contents .md-mainVi__detailInner {
        box-sizing: border-box;
        padding: 0 16px;
        max-width: 640px;
        margin: 0 auto; }
      .md-mainVi--contents .md-mainVi__detail .md-boxArticle--title .md-boxArticle__number {
        border-color: #797B80; }
      .md-mainVi--contents .md-mainVi__detail .md-boxArticle--title .md-boxArticle__number,
      .md-mainVi--contents .md-mainVi__detail .md-boxArticle--title .md-boxArticle__text {
        text-shadow: none;
        font-weight: normal; }
      .md-mainVi--contents .md-mainVi__detail .md-textMedia--01 {
        text-shadow: none; }
      .md-mainVi--contents .md-mainVi__detail .md-textMedia__title {
        border-color: #797B80; }
  .md-mainVi__boxlink {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .md-mainVi__boxlink:hover {
      background-color: #000;
      opacity: 0.2; }
  .md-mainVi--flag {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%; }
    .md-mainVi--flag .md-iconImg--flag {
      display: block;
      max-width: 640px;
      margin: 0 auto;
      padding: 0 16px;
      box-sizing: border-box; }

@media screen and (min-width: 641px) {
  .md-mainVi--article .md-mainVi__detailInner {
    padding: 0 24px; }
  .md-mainVi--article .md-mainVi__user {
    padding: 0 12px; } }

@media only screen and (max-width: 640px) {
  .md-mainVi--article .md-mainVi__detailInner {
    padding: 0 16px; }
  .md-mainVi--article .md-mainVi__user {
    padding: 0 12px; } }

@media only screen and (min-width: 376px) {
  .md-mainVi__img .md-imgMainVi {
    height: auto; }
  .md-mainVi--topics .md-mainVi__img .md-imgMainVi {
    min-height: 520px; }
  .md-mainVi--news .md-mainVi__img .md-imgMainVi {
    min-height: 320px; } }

@media only screen and (max-width: 375px) {
  .md-mainVi__img .md-imgMainVi {
    max-height: 520px; }
  .md-mainVi--topics .md-mainVi__img .md-imgMainVi {
    max-height: 520px;
    min-height: 520px; }
  .md-mainVi--news .md-mainVi__img .md-imgMainVi {
    max-height: 320px;
    min-height: 320px; } }

.md-table__header__item {
  text-align: center; }

.md-table__header .md-table__header__item {
  border-bottom: 1px solid #d9d9d9; }

.md-table__row .md-table__header__item {
  background-color: #f2f2f2;
  box-sizing: border-box; }

.md-table__cell__item {
  padding: 12px 6px;
  text-align: center; }

@media screen and (min-width: 641px) {
  .md-table {
    display: table;
    width: 100%; }
    .md-table__header {
      display: table-row-group; }
      .md-table__header__item {
        padding: 12px; }
      .md-table__header .md-table__header__inner {
        display: table-row; }
      .md-table__header .md-table__header__item {
        display: table-cell;
        box-sizing: border-box; }
    .md-table__row {
      display: table-row; }
      .md-table__row .md-table__header__item {
        display: table-cell;
        border-bottom: 1px solid #d9d9d9; }
    .md-table__cell {
      display: table-cell; }
      .md-table__cell__item {
        display: table-cell;
        box-sizing: border-box;
        border-bottom: 1px solid #d9d9d9; }
    .md-table--01 .md-table__header .md-table__header__item {
      width: 33%; }
      .md-table--01 .md-table__header .md-table__header__item--none {
        width: 34%; }
    .md-table--02 .md-table__header .md-table__header__item {
      width: 25%; } }

@media only screen and (max-width: 640px) {
  .md-table {
    border-bottom: 1px solid #d9d9d9; }
    .md-table__header {
      display: table;
      width: 100%; }
      .md-table__header__item {
        padding: 12px 6px; }
      .md-table__header .md-table__header__inner {
        display: table-row; }
      .md-table__header .md-table__header__item {
        display: table-cell;
        box-sizing: border-box; }
        .md-table__header .md-table__header__item--none {
          display: none; }
    .md-table__row .md-table__header__item {
      border-bottom: 1px solid #d9d9d9;
      width: 100%; }
    .md-table__cell__item {
      display: table-cell;
      box-sizing: border-box; }
    .md-table--01 .md-table__header .md-table__header__item {
      width: 50%; }
    .md-table--01 .md-table__cell__item {
      width: 50%; }
    .md-table--02 .md-table__header .md-table__header__item {
      width: 33.33%; }
    .md-table--02 .md-table__cell__item {
      width: 33.33%; } }
