@charset "utf-8";
html{
  --MXVAR-BASE-COLOR--text-normal:#333;
  --MXVAR-BASE-COLOR--text-soft:#666;
  --MXVAR-BASE-COLOR--text-softest:#767676;
  --MXVAR-BASE-COLOR--text-alert:#e00;
  --MXVAR-BASE-COLOR--text-alert-on-gray-bg:#e00000;
  --MXVAR-BASE-COLOR--text-link:#1558d6;
  --MXVAR-BASE-COLOR--text-link-soft:#405e96;
  --MXVAR-BASE-COLOR--text-link-on-gray-bg:#1f4690;
  --MXVAR-BASE-COLOR--text-link-visited:#855885;
  --MXVAR-BASE-COLOR--text-link-focused:#966400;
  --MXVAR-BASE-COLOR--inverse-text-normal:#fff;
  --MXVAR-BASE-BACKGROUND-COLOR--base-normal:#fff;
  --MXVAR-BASE-BACKGROUND-COLOR--base-soft-gray:#f2f2f2;
  --MXVAR-BASE-BACKGROUND-COLOR--base-gray:#e8e8e8;
  --MXVAR-BASE-BACKGROUND-COLOR--base-alert:#e00;
  --MXVAR-BASE-FONT-SIZE--root:62.5%;
  --MXVAR-BASE-FONT-SIZE--inherit:inherit;
  --MXVAR-BASE-WEBKIT-TEXT-SIZE-ADJUST--normal:100%;
  --MXVAR-BASE-LINE-HEIGHT--normal:1.5;
  --MXVAR-BASE-FONT-SIZE--input-text-normal:1.6rem;
  --MXVAR-BASE-FONT-SIZE--absolute-heading-large:2rem;
  --MXVAR-BASE-FONT-SIZE--absolute-heading-normal:1.8rem;
  --MXVAR-BASE-FONT-SIZE--absolute-heading-small:1.6rem;
  --MXVAR-BASE-FONT-SIZE--absolute-large:1.8rem;
  --MXVAR-BASE-FONT-SIZE--absolute-normal:1.6rem;
  --MXVAR-BASE-FONT-SIZE--absolute-small:1.4rem;
  --MXVAR-BASE-FONT-SIZE--absolute-minimum:1.2rem;
  --MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal:underline;
  --MXVAR-BASE-TEXT-DECORATION--block-text-link-normal:none;
  --MXVAR-BASE-TEXT-DECORATION--area-link-normal:none;
  --MXVAR-BASE-FONT-WEIGHT--set-normal:normal;
  --MXVAR-BASE-FORM-STYLE--invalidInputs-border-color:color-mix(in oklab, var(--MXVAR-BASE-COLOR--text-alert, #e00) 90%, black);
  --MXVAR-BASE-FORM-STYLE--invalidInputs-background:color-mix(in oklab, var(--MXVAR-BASE-COLOR--text-alert, #e00) 10%, white);
}
@media screen and (min-width: 360px){
  html{
    --MXVAR-BASE-FONT-SIZE--heading-large:2rem;
    --MXVAR-BASE-FONT-SIZE--heading-normal:1.8rem;
    --MXVAR-BASE-FONT-SIZE--heading-small:1.6rem;
    --MXVAR-BASE-FONT-SIZE--heading-minimum:1.4rem;
    --MXVAR-BASE-FONT-SIZE--large:1.8rem;
    --MXVAR-BASE-FONT-SIZE--normal:1.6rem;
    --MXVAR-BASE-FONT-SIZE--small:1.4rem;
    --MXVAR-BASE-FONT-SIZE--minimum:1.2rem;
    --MXVAR-BASE-BLANK--extend-size-normal:5px;
    --MXVAR-BASE-BLANK--extend-size-small:2px;
  }
}
@media screen and (max-width: 359.98px){
  html{
    --MXVAR-BASE-FONT-SIZE--heading-large:1.8rem;
    --MXVAR-BASE-FONT-SIZE--heading-normal:1.6rem;
    --MXVAR-BASE-FONT-SIZE--heading-small:1.4rem;
    --MXVAR-BASE-FONT-SIZE--heading-minimum:1.2rem;
    --MXVAR-BASE-FONT-SIZE--large:1.6rem;
    --MXVAR-BASE-FONT-SIZE--normal:1.4rem;
    --MXVAR-BASE-FONT-SIZE--small:1.2rem;
    --MXVAR-BASE-FONT-SIZE--minimum:1.2rem;
    --MXVAR-BASE-BLANK--extend-size-normal:2px;
    --MXVAR-BASE-BLANK--extend-size-small:1px;
  }
}
@layer MX-CSS-LAYER-reset, MX-CSS-LAYER-common-base, MX-CSS-LAYER-shared-components, MX-CSS-LAYER-for-products;
@layer MX-CSS-LAYER-reset{
  html{
    font-family:sans-serif;
    -webkit-text-size-adjust:var(--MXVAR-BASE-WEBKIT-TEXT-SIZE-ADJUST--normal, none);
            text-size-adjust:var(--MXVAR-BASE-WEBKIT-TEXT-SIZE-ADJUST--normal, none);
  }
  body{
    margin:0;
    padding:0;
    color:#333;
    background:#fff;
    font-size:var(--MXVAR-BASE-FONT-SIZE--inherit, 12px);
    font-family:sans-serif;
    text-autospace:no-autospace;
  }
  div,
  span,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  abbr,
  address,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  samp,
  small,
  strong,
  sub,
  sup,
  var,
  b,
  i,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  dialog,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  time,
  mark,
  audio,
  video{
    margin:0;
    padding:0;
    border:0;
    background:transparent;
  }
  input,
  textarea{
    margin:0;
    padding:0;
  }
  article,
  aside,
  figure,
  footer,
  header,
  hgroup,
  nav,
  section{
    display:block;
  }
  nav ul{
    list-style:none;
  }
  blockquote,
  q{
    quotes:none;
  }
  blockquote::before,
  blockquote::after,
  q::before,
  q::after{
    content:none;
  }
  div,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  dt,
  dd,
  pre,
  code,
  blockquote,
  th,
  td{
    word-break:break-all;
  }
  br{
    letter-spacing:0;
  }
  fieldset,
  img{
    border:0;
  }
  li{
    list-style:none;
  }
  caption,
  th{
    text-align:left;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  th{
    font-size:100%;
    font-weight:normal;
    font-style:normal;
  }
  input,
  textarea,
  select{
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    color:#333;
  }
  mark{
    color:inherit;
  }
  input[type="submit"]{
    cursor:pointer;
  }
  input[type="number"],
  input[type="text"],
  input[type="password"],
  input[type="month"],
  input[type="week"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="time"]{
    border:1px solid #888;
    border-radius:3px;
  }
  select{
    border:1px solid #888;
    border-radius:3px;
    background-color:#fff;
  }
  address,
  caption,
  cite,
  code,
  dfn,
  var{
    font-style:normal;
    font-weight:normal;
  }
  abbr,
  acronym{
    border:0;
    font-variant:normal;
  }
  del,
  u{
    text-decoration:none;
  }
  dialog{
    max-width:100dvw;
    max-height:100dvh;
  }
}
@layer MX-CSS-LAYER-common-base{
  html{
    font-size:var(--MXVAR-BASE-FONT-SIZE--root, medium);
  }
  body{
    line-height:var(--MXVAR-BASE-LINE-HEIGHT--normal, 1.4);
  }
  .userInput{
    line-height:1.2;
    word-break:break-all;
  }
  .clearfix::after{
    content:"";
    display:block;
    clear:both;
  }
  a{
    text-decoration:none;
  }
  a:link{
    color:var(--MXVAR-BASE-COLOR--text-link, #258fb8);
  }
  a:visited{
    color:var(--MXVAR-BASE-COLOR--text-link-visited, #258fb8);
  }
  a:focus{
    color:var(--MXVAR-BASE-COLOR--text-link-focused, #996600);
  }
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="number"],
  input[type="email"],
  input[type="text"],
  input[type="password"]{
    padding:0.3em;
    font-size:max( var( --MXVAR-BASE-FONT-SIZE--input-text-normal, 120% ), 16px );
    color:var(--MXVAR-BASE-COLOR--text-soft, #666);
  }
  input[type="button"],
  input[type="submit"]{
    padding:0.25em 0 0.15em;
    font-size:var(--MXVAR-BASE-FONT-SIZE--normal, 120%);
    border:1px solid #ccc;
    border-radius:5px;
  }
  input[type="image"]{
    border-radius:0;
  }
  input[type="checkbox"]{
    width:18px;
    height:18px;
    margin-right:4px;
    vertical-align:baseline;
  }
  input[type="checkbox"] + label{
    color:var(--MXVAR-BASE-COLOR--text-soft, #666);
  }
  .LEGACY_UI2016_useThisEmailForLogin + label{
    color:#d00;
  }
  select:disabled{
    opacity:0.35;
  }
  textarea{
    font-size:max( var( --MXVAR-BASE-FONT-SIZE--input-text-normal, 100% ), 16px );
    color:var(--MXVAR-BASE-COLOR--text-soft, #666);
  }
}
@font-face{
  font-family:'mixiIcon';
  src:url("/static/fonts/icons/mixiIcon.woff?v8361fd1c0f7412b5cf9b12785f01a974") format("woff");
}
@layer MX-CSS-LAYER-shared-components.mixiIcons{
  .ICON_mixiLogo{
    display:inline-block;
  }
  .ICON_mixiLogo::before{
    content:"\f001";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_activity{
    display:inline-block;
  }
  .ICON_activity::before{
    content:"\f002";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_app{
    display:inline-block;
  }
  .ICON_app::before{
    content:"\f003";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_calendar{
    display:inline-block;
  }
  .ICON_calendar::before{
    content:"\f004";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_calendar02{
    display:inline-block;
  }
  .ICON_calendar02::before{
    content:"\f04F";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_check{
    display:inline-block;
  }
  .ICON_check::before{
    content:"\f005";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_community{
    display:inline-block;
  }
  .ICON_community::before{
    content:"\f006";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_diary{
    display:inline-block;
  }
  .ICON_diary::before{
    content:"\f007";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_game{
    display:inline-block;
  }
  .ICON_game::before{
    content:"\f008";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_news{
    display:inline-block;
  }
  .ICON_news::before{
    content:"\f009";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_photo{
    display:inline-block;
  }
  .ICON_photo::before{
    content:"\f00a";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_review{
    display:inline-block;
  }
  .ICON_review::before{
    content:"\f00b";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_voice{
    display:inline-block;
  }
  .ICON_voice::before{
    content:"\f00e";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_ranking{
    display:inline-block;
  }
  .ICON_ranking::before{
    content:"\f018";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_search{
    display:inline-block;
  }
  .ICON_search::before{
    content:"\f019";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_streamStandard{
    display:inline-block;
  }
  .ICON_streamStandard::before{
    content:"\f00c";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_streamTimeline{
    display:inline-block;
  }
  .ICON_streamTimeline::before{
    content:"\f00d";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_iine{
    display:inline-block;
  }
  .ICON_iine::before{
    content:"\f00f";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_comment{
    display:inline-block;
  }
  .ICON_comment::before{
    content:"\efff";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_notification{
    display:inline-block;
  }
  .ICON_notification::before{
    content:"\f011";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_community_link{
    display:inline-block;
  }
  .ICON_community_link::before{
    content:"\f012";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_game_link{
    display:inline-block;
  }
  .ICON_game_link::before{
    content:"\f013";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_twitter{
    display:inline-block;
  }
  .ICON_twitter::before{
    content:"\f014";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_voiceTopic{
    display:inline-block;
  }
  .ICON_voiceTopic::before{
    content:"\f015";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_fancyText{
    display:inline-block;
  }
  .ICON_fancyText::before{
    content:"\f016";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_voicePhotoUpload{
    display:inline-block;
  }
  .ICON_voicePhotoUpload::before{
    content:"\f017";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_visitor{
    display:inline-block;
  }
  .ICON_visitor::before{
    content:"\f020";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_mymixi{
    display:inline-block;
  }
  .ICON_mymixi::before{
    content:"\f021";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_friend{
    display:inline-block;
  }
  .ICON_friend::before{
    content:"\f022";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_cancel{
    display:inline-block;
  }
  .ICON_cancel::before{
    content:"\f023";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_add01{
    display:inline-block;
  }
  .ICON_add01::before{
    content:"\f01A";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_arrow01{
    display:inline-block;
  }
  .ICON_arrow01::before{
    content:"\efff";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_check01{
    display:inline-block;
  }
  .ICON_check01::before{
    content:"\f01C";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_crown01{
    display:inline-block;
  }
  .ICON_crown01::before{
    content:"\efff";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_message01{
    display:inline-block;
  }
  .ICON_message01::before{
    content:"\f01E";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_pen01{
    display:inline-block;
  }
  .ICON_pen01::before{
    content:"\efff";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_question01{
    display:inline-block;
  }
  .ICON_question01::before{
    content:"\f024";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_cogwheel01{
    display:inline-block;
  }
  .ICON_cogwheel01::before{
    content:"\f025";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_chatIcon01{
    display:inline-block;
  }
  .ICON_chatIcon01::before{
    content:"\efff";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_notificationoff01{
    display:inline-block;
  }
  .ICON_notificationoff01::before{
    content:"\f027";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_update01{
    display:inline-block;
  }
  .ICON_update01::before{
    content:"\f02C";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_topic01{
    display:inline-block;
  }
  .ICON_topic01::before{
    content:"\f028";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_enquete01{
    display:inline-block;
  }
  .ICON_enquete01::before{
    content:"\f02A";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_dropdown01{
    display:inline-block;
  }
  .ICON_dropdown01::before{
    content:"\f029";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_closeup01{
    display:inline-block;
  }
  .ICON_closeup01::before{
    content:"\f03A";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_comment01{
    display:inline-block;
  }
  .ICON_comment01::before{
    content:"\f02B";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_control01{
    display:inline-block;
  }
  .ICON_control01::before{
    content:"\f02D";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_mymixi01{
    display:inline-block;
  }
  .ICON_mymixi01::before{
    content:"\f02E";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_profile01{
    display:inline-block;
  }
  .ICON_profile01::before{
    content:"\f02F";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_qrcode01{
    display:inline-block;
  }
  .ICON_qrcode01::before{
    content:"\f030";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_smartphone01{
    display:inline-block;
  }
  .ICON_smartphone01::before{
    content:"\f032";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_overlay01{
    display:inline-block;
  }
  .ICON_overlay01::before{
    content:"\f033";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_flag01{
    display:inline-block;
  }
  .ICON_flag01::before{
    content:"\f034";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_tel01{
    display:inline-block;
  }
  .ICON_tel01::before{
    content:"\f035";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_blankLink01{
    display:inline-block;
  }
  .ICON_blankLink01::before{
    content:"\f036";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_watch01{
    display:inline-block;
  }
  .ICON_watch01::before{
    content:"\f037";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_hourglass01{
    display:inline-block;
  }
  .ICON_hourglass01::before{
    content:"\f038";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_place01{
    display:inline-block;
  }
  .ICON_place01::before{
    content:"\f039";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_recommend01{
    display:inline-block;
  }
  .ICON_recommend01::before{
    content:"\f03B";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_sharp01{
    display:inline-block;
  }
  .ICON_sharp01::before{
    content:"\f03C";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_clover01{
    display:inline-block;
  }
  .ICON_clover01::before{
    content:"\f03D";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_pickup01{
    display:inline-block;
  }
  .ICON_pickup01::before{
    content:"\f03E";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_interest01{
    display:inline-block;
  }
  .ICON_interest01::before{
    content:"\f03F";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_facebook01{
    display:inline-block;
  }
  .ICON_facebook01::before{
    content:"\f040";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_hatebu01{
    display:inline-block;
  }
  .ICON_hatebu01::before{
    content:"\f042";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_line01{
    display:inline-block;
  }
  .ICON_line01::before{
    content:"\f043";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_attention01{
    display:inline-block;
  }
  .ICON_attention01::before{
    content:"\f044";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_weather01{
    display:inline-block;
  }
  .ICON_weather01::before{
    content:"\f045";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_post01{
    display:inline-block;
  }
  .ICON_post01::before{
    content:"\f046";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_edit01{
    display:inline-block;
  }
  .ICON_edit01::before{
    content:"\f047";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_delete01{
    display:inline-block;
  }
  .ICON_delete01::before{
    content:"\f048";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_add02{
    display:inline-block;
  }
  .ICON_add02::before{
    content:"\f049";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_lock01{
    display:inline-block;
  }
  .ICON_lock01::before{
    content:"\f04A";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_ticket01{
    display:inline-block;
  }
  .ICON_ticket01::before{
    content:"\f04B";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_groupEdit01{
    display:inline-block;
  }
  .ICON_groupEdit01::before{
    content:"\f04C";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_favoriteCommunity01{
    display:inline-block;
  }
  .ICON_favoriteCommunity01::before{
    content:"\f04D";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_chevronLeft{
    display:inline-block;
  }
  .ICON_chevronLeft::before{
    content:"\f050";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .ICON_chevronRight{
    display:inline-block;
  }
  .ICON_chevronRight::before{
    content:"\f051";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
}
@layer MX-CSS-LAYER-shared-components{
  .FRAME2016_page{
    width:100%;
    position:relative;
    min-height:100%;
    background-color:#fff;
  }
  @media screen and (min-width: 642px){
    body{
      background-color:#ccc;
    }
  }
  body > .FRAME2016_page{
    height:auto;
  }
  .STATE_withFloatPanel01{
    padding-bottom:250px;
  }
  .FRAME2016_page{
    font-size:var(--MXVAR-BASE-FONT-SIZE--normal, 117%);
  }
  .webView01 .FRAME2016_mainDisplay,
  .error .FRAME2016_mainDisplay{
    padding-bottom:47px;
  }
  .FRAME2016_footDisplay{
    padding-top:15px;
  }
  .webView01 .FRAME2016_footDisplay,
  .error .FRAME2016_footDisplay{
    width:100%;
    position:absolute;
    bottom:0;
    height:37px;
    padding-top:0;
  }
  .FRAME2016_headerArea{
    position:relative;
    background:#fff;
    min-height:38px;
  }
  .FRAME2016_headerArea::after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
  }
  .FRAME2016_headerArea > h1{
    float:left;
    width:120px;
    height:52px;
  }
  .FRAME2016_headerArea > h1 span.logo,
  .FRAME2016_headerArea > h1 a{
    display:block;
    padding:7px 0 7px 10px;
    width:110px;
    height:38px;
  }
  .FRAME2016_footerArea{
    border-top:1px dotted #ccc;
    padding:0 0 15px;
  }
  .FRAME2016_footerArea:first-child{
    border-top:none;
  }
  .FRAME2016_footerArea\$\$\$address,
  .FRAME2016_footerArea .copyright{
    text-align:center;
    font-size:86%;
    color:#999;
  }
  .FRAME2016_footerArea\$\$\$address{
    padding:20px 0 0;
  }
  .FRAME2016_footerArea:first-child address:first-child{
    padding-top:0;
  }
  .FRAME2016_footerArea_web_copyright01{
    margin:20px 0 0;
    text-align:center;
    display:block;
    margin:10px 0 0;
    color:var(--MXVAR-BASE-COLOR--text-soft, #999);
  }
  .webView01 .FRAME2016_mainArea{
    background:transparent url("/static/image/smartphone/touch/common/bg_headend002.png?v7b6b47a0fdc87db49d7863b635d1998e") repeat-x 0 0;
  }
  .FRAME2016_mainArea:first-child{
    background-image:none;
  }
  .FRAME2016_mainEndArea{
    padding:0 10px 13px;
  }
}
@layer MX-CSS-LAYER-shared-components{
  #page.materialStyle{
    background-color:#e8e8e8;
  }
  .gBodyAdArea01.connective01{
    padding:12px 0 10px;
  }
  .gBodyAdArea01:last-child{
    margin-bottom:10px;
  }
  .gBodyAdArea01 div.adMain{
    min-width:320px;
    line-height:0;
    margin:0 auto;
    text-align:center;
    overflow:hidden;
  }
  .gBodyAdArea01:last-child:not(:first-child) div.adMain{
    padding-top:10px;
  }
  .gBodyAdArea01 div.adMain > a > img{
    vertical-align:bottom;
  }
  .gBodyAdArea01 .options{
    width:290px;
    margin:4px auto 0;
    font-size:86%;
    text-align:right;
    line-height:16px;
  }
  .gBodyAdArea01 .options a{
    display:inline-block;
    font-weight:bold;
  }
  .gBodyAdArea01 .options .premiumSetting{
    padding-left:20px;
    background:url("/static/image/smartphone/touch/icon/premium001.png?ve3bfcd47fe523e33f16c6d6d0b157efe") no-repeat 0 50%;
    background-size:16px auto;
  }
  .FRAME2016_headerArea .gBodyAdArea01{
    padding:0;
    border-top:1px solid #f2f0e9;
  }
  .FRAME2016_headerArea .gPersonalNavigation + .gBodyAdArea01{
    border-top:1px solid #ccc;
  }
  .FRAME2016_headerArea .gBodyAdArea01:last-child{
    margin-bottom:0;
  }
  .FRAME2016_headerArea .gBodyAdArea01 div.adMain{
    margin:0 auto;
    min-width:320px;
    overflow:hidden;
    line-height:0;
  }
  .FRAME2016_headerArea .gBodyAdArea01:last-child div.adMain{
    padding-top:0;
  }
  .FRAME2016_mainArea > .gBodyAdArea01:first-child{
    padding-top:10px;
  }
  .gBaseComponent01 + .gBodyAdArea01{
    padding-top:4px;
    padding-bottom:10px;
  }
  .adsbygoogle.rectangle,
  .adsbygoogle.rectangle_lrectangle,
  .adsbygoogle.square_rectangle_lrectangle{
    display:inline-block;
    width:300px;
    height:250px;
  }
  @media screen and (min-width: 356px) and (min-height: 356px){
    .adsbygoogle.rectangle.flexible01,
    .adsbygoogle.rectangle_lrectangle.flexible01,
    .adsbygoogle.square_rectangle_lrectangle.flexible01{
      width:336px;
      height:280px;
    }
  }
  .adsbygoogle.lbanner{
    display:inline-block;
    width:300px;
    height:100px;
  }
  .adsbygoogle.banner{
    display:inline-block;
    width:320px;
    height:50px;
  }
  .adsbygoogle.lbannerImg,
  .adsbygoogle.banner_lbannerImg{
    display:inline-block;
    width:320px;
    height:100px;
  }
  .adsbygoogle.anchor{
    display:none;
    width:320px;
    height:50px;
  }
  .googleAdxAnchor{
    position:fixed;
    bottom:0;
    width:100%;
    text-align:center;
    background:#d3d3d3;
    z-index:2147483646;
  }
  .googleAdxAnchorButtonArea{
    position:absolute;
    right:0;
    top:-54px;
    width:54px;
    height:54px;
  }
  .googleAdxAnchorButton{
    position:absolute;
    right:0;
    top:27px;
    width:27px;
    height:27px;
    font-size:20px;
    text-align:center;
    color:#808080;
    font-weight:bold;
    background-color:#d3d3d3;
    border-radius:12px 0 0 0;
  }
  .adInterstitialAside01{
    display:none;
  }
  @keyframes indicatorRotate01{
    0%{
      transform:rotate(0deg);
    }
    25%{
      transform:rotate(90deg);
    }
    50%{
      transform:rotate(180deg);
    }
    75%{
      transform:rotate(270deg);
    }
    100%{
      transform:rotate(360deg);
    }
  }
  .cpAttention01{
    color:var(--MXVAR-BASE-COLOR--text-alert, #f10000);
    font-weight:bold;
  }
  .cpAttention02{
    color:var(--MXVAR-BASE-COLOR--text-alert, #f10000);
    font-weight:normal;
  }
  .cpAttention03{
    color:var(--MXVAR-BASE-COLOR--text-normal, #333);
    font-weight:bold;
  }
  .cpAttention05{
    color:var(--MXVAR-BASE-COLOR--text-normal, #333);
    font-size:114.28%;
  }
  .cpLabel00{
    display:inline-block;
  }
  .cpLabel01{
    display:block;
    padding:3px 0 2px;
    border:none;
    font-weight:bold;
    font-style:normal;
    text-align:center;
    font-size:83%;
    border-radius:4px;
  }
  .cpLabel01.inline01{
    display:inline-block;
    padding-right:2em;
    padding-left:2em;
    margin-left:1em;
  }
  .cpLabel01.pValid{
    background-color:#ccc;
    color:#fff;
  }
  .cpAppliName01{
    margin-left:6px;
    padding:0 6px 0 20px;
    background:url("/img/basic/icon/icon_appli002.gif") no-repeat 0 50%;
    color:#333;
    min-height:16px;
  }
  .appliName01{
    margin-left:6px;
    padding:0 6px 0 20px;
    background:url("/img/basic/icon/icon_appli002.gif") no-repeat 0 50%;
    color:#333;
    min-height:16px;
  }
  .cpItemMark01.facebook{
    padding-left:18px;
    background:url("/static/image/smartphone/touch/common/icon_facebook001_hd2.gif?vdfcb09a1547a3d40b23169879c2e1786") no-repeat 0 45%;
    background-size:13px auto;
  }
  .cpImgBox01{
    text-align:center;
  }
  .cpImgBox01 > img{
    max-width:100%;
    vertical-align:bottom;
  }
  .cpLazyLoad{
    transition-property:opacity;
    transition-duration:0.2s;
    transition-timing-function:ease-in-out;
  }
  .gUtilityBtn01{
    padding:10px;
  }
  .gUtilityBtn01 li a,
  .gUtilityBtn01 li input{
    display:block;
    line-height:30px;
    border:1px solid #d6d6d6;
    color:#333;
    font-size:114%;
    text-align:center;
    text-shadow:1px 1px 1px #a9a8a3;
    border-radius:4px;
    background:linear-gradient(to bottom, #fff 0%, #edeae0 100%);
  }
  .gUtilityBtn01 li input{
    width:100%;
    padding:0;
  }
  a.cpPseudoBtn01{
    border:1px solid #ccc;
    padding:3px 0;
    border-radius:4px;
    background:#fff linear-gradient(to bottom, #fff 0%, #edeae0 100%);
  }
  a.cpPseudoBtn01 span{
    display:inline-block;
    padding:0.25em 0.4em 0;
    color:#333;
    font-size:100%;
  }
  input.cpSubmitBtn01{
    padding:0.45em 0 0.35em;
    font-size:86%;
    border-radius:3px;
    background:#edeae0 linear-gradient(to bottom, #fffffe 0%, #edeae0 100%);
  }
  input.cpSubmitBtn02{
    padding:0.5em 0.7em;
    min-width:4em;
    border:1px solid #45362f;
    font-size:108%;
    font-weight:bold;
    color:#fff;
    background:#675f5a linear-gradient(to bottom, #999 0%, #675f5a 100%);
    border-radius:1.1em;
  }
  input.cpCancelBtn02{
    padding:0.5em 0.7em;
    min-width:4em;
    border:1px solid #45362f;
    font-size:108%;
    font-weight:bold;
    color:#333;
    background:#fdfdfd linear-gradient(to bottom, #fdfdfd 0%, #c6c6c6 100%);
    border-radius:1.1em;
  }
  input.cpSubmitBtn02 + input.cpSubmitBtn02,
  input.cpSubmitBtn02 + input.cpCancelBtn02,
  input.cpCancelBtn02 + input.cpSubmitBtn02{
    margin-left:10px;
  }
  form > input.cpCancelBtn02,
  form > input.cpSubmitBtn02{
    margin:0 5px;
  }
  input.cpSubmitBtn03,
  input.cpCancelBtn03,
  a.cpSubmitBtn03,
  a.cpCancelBtn03{
    display:block;
    height:32px;
    border:1px solid #c8cbcc;
    line-height:30px;
    color:#52a9cc;
    text-align:center;
    font-weight:bold;
    box-sizing:border-box;
    border-radius:3px;
    background:#fff linear-gradient(to bottom, #fff 0%, #f2f2f1 100%);
  }
  input.cpSubmitBtn03,
  input.cpCancelBtn03{
    width:100%;
    line-height:24px;
    font-size:100%;
    background-color:#fff;
  }
  a.cpCancelBtn03{
    color:#99b2bf;
  }
  textarea.cpTextarea01{
    width:97%;
    height:5em;
    border:1px solid #999;
    vertical-align:top;
    padding:4px 2px;
    font-size:max( var( --MXVAR-BASE-FONT-SIZE--input-text-normal, 93% ), 16px );
  }
  textarea.cpTextarea01.alwaysExpanded,
  textarea.cpTextarea01:focus{
    height:15em;
  }
  textarea.cpTextarea02{
    height:1.5em;
    border:1px solid #999;
    vertical-align:top;
    padding:4px 2px;
  }
  textarea.cpTextarea03{
    width:97%;
    height:5em;
    border:1px solid #999;
    vertical-align:top;
    padding:4px 2px;
    font-size:max( 93%, 16px );
  }
  select.cpSelect01{
    width:300px;
  }
  input[type="password"].cpPassword01,
  input[type="text"].cpNum01,
  input[type="tel"].cpNum02,
  input[type="tel"].cpNum03,
  input.cpText00,
  input.cpText01{
    border:1px solid #999;
    padding:4px 2px;
    font-size:max( var( --MXVAR-BASE-FONT-SIZE--input-text-normal, 82% ), 16px );
  }
  input[type="password"].cpPassword01,
  input.cpText01{
    width:97%;
  }
  input[type="text"].cpNum01,
  input[type="tel"].cpNum02{
    width:120px;
    font-size:max( 92%, 16px );
  }
  input[type="tel"].cpNum03{
    width:35px;
    font-size:max( 92%, 16px );
  }
  input[type="text"].cpNum01{
    text-align:right;
  }
  .cpLoadingCheckbox01{
    display:inline-block;
    margin-right:4px;
    width:18px;
    height:18px;
    background:url("/static/image/smartphone/touch/icon/loading002.gif?v93393bd701c3aba419406fc017188be4") no-repeat 50% 50%;
    text-indent:-9999px;
    position:relative;
    top:-0.15em;
  }
  .cpMarkFormSet03{
    text-align:right;
    padding-top:10px;
  }
  .cpMarkFormSet01 li{
    padding-top:8px;
  }
  .cpMarkFormSet02 li{
    display:inline-block;
    padding-top:10px;
  }
  .cpMarkFormSet03 li{
    display:inline-block;
    padding:0 10px;
    border-left:1px dotted #ccc;
  }
  .cpMarkFormSet03 li:last-child{
    padding-right:0;
  }
  .cpMarkFormSet01 li > p{
    text-indent:-25px;
    padding-left:25px;
  }
  .cpMarkFormSet03 input[type="radio"],
  .cpMarkFormSet02 input[type="radio"],
  .cpMarkFormSet01 input[type="radio"]{
    width:21px;
    height:21px;
    border-radius:10px;
  }
  .cpMarkFormSet01 input[type="radio"] + label,
  .cpMarkFormSet01 input[type="checkbox"] + label,
  .cpMarkFormSet01 .cpLoadingCheckbox01 + label{
    padding:0 4px;
    color:#555;
    position:relative;
  }
  .cpMarkFormSet01 input[type="checkbox"]:disabled + label{
    color:#999;
  }
  .cpMarkFormSet02 input[type="radio"] + label,
  .cpMarkFormSet02 input[type="checkbox"] + label,
  .cpMarkFormSet02 .cpLoadingCheckbox01 + label{
    padding:0 15px 0 4px;
    color:#555;
    position:relative;
  }
  .cpMarkFormSet02.labelPush input[type="radio"] + label,
  .cpMarkFormSet02.labelPush input[type="checkbox"] + label,
  .cpMarkFormSet02.labelPush .cpLoadingCheckbox01 + label{
    padding-right:8px;
  }
  .cpMarkFormSet03 input[type="radio"] + label,
  .cpMarkFormSet03 input[type="checkbox"] + label,
  .cpMarkFormSet03 .cpLoadingCheckbox01 + label{
    padding:0 0 0 4px;
    color:#555;
    position:relative;
  }
  .cpMarkFormSet03 input[type="radio"] + label,
  .cpMarkFormSet02 input[type="radio"] + label,
  .cpMarkFormSet01 input[type="radio"] + label{
    top:-0.25em;
  }
  .cpMarkFormSet03 input[type="checkbox"] + label,
  .cpMarkFormSet03 .cpLoadingCheckbox01 + label,
  .cpMarkFormSet02 input[type="checkbox"] + label,
  .cpMarkFormSet02 .cpLoadingCheckbox01 + label,
  .cpMarkFormSet01 input[type="checkbox"] + label,
  .cpMarkFormSet01 .cpLoadingCheckbox01 + label{
    top:-0.15em;
  }
  .cpMarkFormSet01.emphasis01 p,
  .cpMarkFormSet01.emphasis01 label,
  .cpMarkFormSet01 p.emphasis01,
  .cpMarkFormSet01 p.emphasis01 label{
    font-weight:bold;
  }
  .cpMarkFormSet01 li > p + p{
    padding-left:26px;
  }
  .cpMarkFormSet01 li p.note{
    padding:5px 0 5px 25px;
    text-indent:0;
    font-size:86%;
  }
  .cpMarkFormSet01 li p img.new{
    padding-top:4px;
    vertical-align:top;
  }
  .cpMarkFormSet01 li > p + p.cpInputAlert01,
  .cpMarkFormSet01 li p.cpInputAlert01{
    padding-left:22px;
    margin-top:4px;
    text-indent:0;
  }
  .cpMarkFormSet01 li > p.invalid label{
    color:#d1d1d1;
  }
  .cpMarkFormSet02 select{
    max-width:290px;
  }
  @media screen and (min-width: 482px){
    .cpMarkFormSet02 select{
      max-width:450px;
    }
  }
  .cpMarkTextSet01 li{
    margin-top:8px;
    padding-left:10px;
    background:url("/static/image/smartphone/touch/common/listmark001.gif?vb11c00521c93b6f9314db4dbb0c6b132") no-repeat 4px 0.5em;
  }
  .cpInlineSelectText01 select{
    margin:0 0.35em;
  }
  .cpInlineSelectText01 select:first-child{
    margin-left:0;
  }
  .gFootPanel ul.cpMarkFormSet01{
    padding:8px 10px 0;
  }
  .gFootPanel ul.cpMarkFormSet01:first-child{
    padding-top:0;
  }
  .gFootPanel ul.cpMarkFormSet01 > li:first-child{
    padding-top:0;
  }
  .gPhotoAndText01 .oneData .cpMarkFormSet01{
    margin-left:48px;
    padding:0 10px 0 6px;
  }
  .gPhotoAndText01 .oneData .cpMarkFormSet01 li:first-child{
    margin-top:8px;
    padding-top:12px;
    background:url("/static/image/smartphone/touch/common/dotline003.gif?vd032211f4105eb991edbca338f60a272") repeat-x 0 0;
  }
  .gPhotoAndText01 .lInputForm p.cpInputAlert01{
    margin:4px 0 0 58px;
    font-size:100%;
  }
  .gPhotoAndText01 .lInputForm input.cpSubmitBtn01{
    padding:0.45em 0.5em 0.35em;
    font-size:100%;
  }
  .gPhotoAndText01 .lInputForm p.cpInputAlert01 + p.submit{
    padding-top:4px;
  }
  .lInputColumns01 .columnBody div.cpInputAlert01{
    margin-top:4px;
  }
  .lInputColumns01 .columnBody > .cpInputAlert01:first-child{
    margin-top:11px;
  }
  .cpContentsTitle01{
    padding:8px 0 0;
  }
  .cpContentsTitle01.withInfoBox,
  .cpContentsTitle01.subContents{
    padding-top:0;
  }
  .cpContentsTitle01 .titleMain{
    border-top:1px solid #ccc;
    border-bottom:1px solid #e5e5e5;
    background:#fff linear-gradient(to bottom, #fff 0%, #f2f2f2 5%, #fff 100%);
  }
  .cpContentsTitle01 .titleMain h2{
    padding:6px 10px;
    color:#333;
    font-weight:bold;
  }
  .cpContentsTitle01 .titleMain h2 .subNote01{
    font-size:86%;
    font-weight:normal;
    color:#666;
  }
  .cpContentsTitle01 .addTopLink{
    background-color:#fffaf2;
    border-bottom:1px solid #edeae0;
  }
  .cpContentsTitle01 .addTopLink a > img{
    vertical-align:bottom;
  }
  .cpContentsTitle01 .addTopLink > p,
  .cpContentsTitle01 .addTopLink > ul > li{
    padding:15px 10px;
    text-align:center;
  }
  .cpContentsTitle01 .addTopLink > p + p,
  .cpContentsTitle01 .addTopLink > ul > li:first-child{
    padding-top:0;
  }
  .cpHeading03,
  .cpHeading02,
  .cpHeading01{
    clear:both;
    padding:0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #e5e5e5;
    background:#fff linear-gradient(to bottom, #fff 0%, #f2f2f2 5%, #fff 100%);
    position:relative;
    left:0;
  }
  .cpHeading03.connective,
  .cpHeading02.connective,
  .cpHeading01.connective{
    border-top:none;
  }
  .cpHeading03::after,
  .cpHeading02::after,
  .cpHeading01::after{
    content:"";
    display:block;
    clear:both;
  }
  .cpHeading03 h2,
  .cpHeading02 h2,
  .cpHeading01 h2{
    padding:7px 0 6px 28px;
    background:url("/static/image/smartphone/touch/heading/sectionhead001.png?v9ad1763b607fd214dd01f94850306c79") no-repeat 10px 10px;
    background-size:13px 14px;
    font-weight:bold;
    min-height:17px;
  }
  .cpHeading02 h2{
    background-image:url("/static/image/smartphone/touch/heading/sectionhead002.gif?v48c6ce40163e5eba0a8417145a623eeb");
  }
  .cpHeading03 h2{
    background:url("/static/image/smartphone/touch/heading/sectionhead003.gif?v3b8e9919776fd21db69a51c3cdc8c371") no-repeat 7px 9px;
  }
  .cpHeading01.withSubLink h2{
    float:left;
    margin-right:140px;
  }
  .cpHeading01.withSubLink p.subLink{
    position:absolute;
    right:0;
    padding:7px 10px 6px 0;
    text-align:right;
  }
  .cpHeading01 p.subLink a{
    color:#f00;
  }
  .cpHeading01 p.subLink .new{
    display:inline-block;
    padding-left:24px;
    background:url("/static/image/smartphone/touch/icon/new001.gif?vce8e3ca0d71f8c5f7b52185c14419350") no-repeat 0 50%;
  }
  .cpHeading04{
    border-top:1px solid #ffd073;
    border-bottom:1px solid #edeae0;
    padding-bottom:1px;
    background-color:#f3f3f3;
  }
  .cpHeading04 h3,
  .cpHeading04 h2{
    padding:7px 10px 3px 11px;
    border-top:2px solid #ffdd99;
    border-bottom:1px solid #f7f7f7;
    background-color:#fff;
    font-weight:bold;
  }
  .cpHeading04 h3 .subNote01,
  .cpHeading04 h2 .subNote01{
    font-size:86%;
    font-weight:normal;
    color:#666;
  }
  .cpHeading05{
    clear:both;
    border-top:1px solid #fff;
    border-bottom:1px solid #e1e1e1;
    background-color:#f2eee8;
  }
  .cpHeading05::after{
    content:"";
    display:block;
    clear:both;
  }
  .cpHeading05 h3,
  .cpHeading05 h2{
    padding:6px 10px 4px 9px;
    font-weight:bold;
  }
  .cpHeading05.withSubLink h3,
  .cpHeading05.withSubLink h2{
    float:left;
    margin-right:160px;
  }
  .cpHeading05.withSubLink p.subLink{
    position:absolute;
    right:0;
    width:140px;
    padding:7px 10px 6px 0;
    text-align:right;
  }
  .cpHeading05 h3 .subNote01,
  .cpHeading05 h2 .subNote01{
    font-size:86%;
    font-weight:normal;
    color:#666;
  }
  .cpHeading06{
    clear:both;
    padding:9px 4em;
    border-top:1px solid #ccc;
    border-bottom:1px solid #666;
    background:#7e7773 linear-gradient(to bottom, #a6a6a6 0%, #7e7773 100%);
    color:#fff;
    text-align:center;
    position:relative;
  }
  .cpHeading06::after{
    content:"";
    display:block;
    clear:both;
  }
  .cpHeading06 h2,
  .cpHeading06 h3,
  .cpHeading06 p{
    display:inline;
    font-weight:bold;
  }
  .cpHeading06 p.subNote01{
    font-size:79%;
    padding-left:1em;
  }
  .cpHeading06 p.subLink{
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:140px;
    padding:5px 5px 0 0;
    text-align:right;
    line-height:1;
  }
  .cpHeading06 p.subLink a{
    display:inline-block;
    padding:7px 3px 6px;
    border:1px solid #606060;
    background:#58514d linear-gradient(to bottom, #7e7e7e 0%, #58514d 100%);
    box-shadow:0 1px 2px #a6a29f;
    border-radius:3px;
    color:#fff;
    font-size:79%;
  }
  .cpHeading07{
    clear:both;
    padding:0;
    border-bottom:1px solid #edeae0;
    background:#fff url("/static/image/smartphone/touch/heading/sectionhead006.gif?v2182a1e8e7229cf76a951c84689aaa4f") no-repeat 10px 7px;
  }
  .cpHeading07 h3,
  .cpHeading07 h4{
    padding:6px 0 5px 25px;
    font-weight:bold;
    min-height:15px;
  }
  .cpHeading08{
    clear:both;
    min-height:34px;
    padding:0 4em;
    border-bottom:1px solid #ccc;
    background:url("/static/image/smartphone/touch/icon/mixi010.svg?v696da3d617fb6e2af9859fb4b7369174") no-repeat 10px 7px, linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
    background-size:21px 21px, 100% 100%;
    color:#666;
    text-align:center;
    position:relative;
  }
  .cpHeading08 h2,
  .cpHeading08 h3,
  .cpHeading08 p{
    line-height:34px;
    font-weight:bold;
  }
  .cpHeading08 p.subLink{
    display:block;
    position:absolute;
    top:0;
    right:0;
  }
  .cpHeading08 p.subLink a{
    display:block;
    width:45px;
    height:34px;
    background:url("/static/image/smartphone/touch/button/head_close001.png?v64ab2d3c2f7edd8c68b7c61d56e830b0") no-repeat 0 0;
    text-indent:-9999px;
    overflow:hidden;
  }
  .gBodyAdArea01 + .cpContentsTitle01{
    padding-top:0;
  }
  .FRAME2016_mainArea:first-child .cpContentsTitle01:first-child{
    padding-top:0;
  }
  a.cpMoreLink01{
    padding-left:20px;
    background:transparent url("/static/image/smartphone/touch/icon/arrow001.png?vecb230c70af3edb06af67d524884e466") no-repeat 0% 45%;
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal, unset);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal, unset);
  }
  p.cpMoreLink02{
    clear:both;
    padding:0;
    background:#f2f2f2 linear-gradient(to bottom, #f2f2f2 0%, #e7e7e7 100%);
  }
  p.cpMoreLink02 a{
    display:block;
    position:relative;
    padding:7px 25px 5px 10px;
    text-align:right;
    color:#666;
  }
  p.cpMoreLink02 a::after{
    content:"";
    position:absolute;
    right:12px;
    top:42%;
    display:inline-block;
    width:4px;
    height:4px;
    border-top:2px solid #666;
    border-right:2px solid #666;
    transform:rotate(45deg);
  }
  p.cpMoreLink03{
    clear:both;
    text-align:center;
    background:#fff linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    border-bottom:1px solid #e1e1e1;
  }
  p.cpMoreLink03 a{
    display:block;
    padding:7px 25px 5px 10px;
  }
  p.cpMoreLink03 a span{
    padding:0 0 0 16px;
    background:url("/static/image/smartphone/touch/icon/arrow007.gif?v15d739936f77a799632e65e0ebbdda5c") no-repeat 0% 50%;
    color:#258fb8;
  }
  p.cpMoreLink03.update a span{
    padding-left:13px;
    background:url("/static/image/smartphone/touch/icon/arrow012.gif?v37c1b0aa4ac526754886ee9659a172d4") no-repeat 0% 40%;
  }
  p.cpMoreLink03.miniSize a{
    font-size:86%;
  }
  p.cpMoreLink03.miniSize a span{
    padding-left:0;
    background-image:none;
  }
  p.cpMoreLink04{
    clear:both;
    text-align:center;
    background-color:#fff;
    border-bottom:1px solid #e1e1e1;
  }
  p.cpMoreLink04 a{
    display:block;
    padding:7px 25px 5px 10px;
    font-weight:bold;
  }
  p.cpMoreLink04 a span{
    display:inline-block;
    padding:5px 0 5px 16px;
    background:url("/static/image/smartphone/touch/icon/arrow007.gif?v15d739936f77a799632e65e0ebbdda5c") no-repeat 0% 50%;
    color:#258fb8;
  }
  p.cpMoreLink04 a span.loading{
    width:18px;
    margin-left:15px;
    padding:5px 0;
    background:url("/static/image/smartphone/touch/icon/loading010.gif?v7094f1924eab2e7881a780e3aeff45cf") no-repeat 50% 50%;
    background-size:18px 3px;
    text-indent:-9999px;
  }
  p.cpMoreLink04 > span.blank{
    display:block;
    padding:10px 0;
    color:#999;
  }
  ul.cpMoreLink05 > li{
    padding:0.5em 0 0;
  }
  ul.cpMoreLink05 > li a{
    padding-left:20px;
    background:transparent url("/static/image/smartphone/touch/icon/arrow001.png?vecb230c70af3edb06af67d524884e466") no-repeat 0% 45%;
  }
  .cpMoreLink06 a{
    display:block;
    padding:8px;
    color:#99b2bf;
  }
  .cpMoreLink06 a span{
    padding-left:13px;
    background:url("/static/image/smartphone/touch/home2011/icon/add001.gif?v71dd2115f2b80eab53d3742a620842ca") no-repeat 0 50%;
  }
  .cpMoreLink07 a:link,
  .cpMoreLink07 a:visited,
  .cpMoreLink07 a:focus{
    display:block;
    padding:8px;
    text-align:center;
    font-weight:bold;
    color:var(--MXVAR-BASE-COLOR--text-link, #99b2bf);
  }
  .cpMoreLink07.inner a:link,
  .cpMoreLink07.inner a:visited,
  .cpMoreLink07.inner a:focus{
    font-weight:normal;
  }
  .cpMoreLink07:not(.update) a span::after{
    content:"";
    display:inline-block;
    width:4px;
    height:4px;
    margin:0 0 8px 8px;
    border-right:2px solid var(--MXVAR-BASE-COLOR--text-link, #99b2bf);
    border-bottom:2px solid var(--MXVAR-BASE-COLOR--text-link, #99b2bf);
    transform:rotate(45deg);
    vertical-align:middle;
  }
  .cpMoreLink07.update a span{
    padding-right:12px;
    background:url("/static/image/smartphone/touch/icon/arrow026.png?vcd217b9dad7e1f0b638b6216cb942f1b") no-repeat 100% 40%;
    background-size:9px 11px;
  }
  .cpMoreLink07 a span.loading{
    padding-right:0;
    display:block;
    height:20px;
    background:url("/static/image/smartphone/touch/icon/loading010.gif?v7094f1924eab2e7881a780e3aeff45cf") no-repeat 50% 50%;
    background-size:18px 3px;
    text-indent:-9999px;
  }
  .cpMoreLink08 a:link,
  .cpMoreLink08 a:visited,
  .cpMoreLink08 a:focus{
    position:relative;
    display:block;
    padding:10px 16px 10px 10px;
    text-align:right;
    color:var(--MXVAR-BASE-COLOR--text-normal, #99b2bf);
  }
  .cpMoreLink08:not(.individual) a::after{
    content:"";
    position:absolute;
    right:6px;
    top:42%;
    display:inline-block;
    width:4px;
    height:4px;
    border-top:2px solid var(--MXVAR-LOCAL-COLOR--allow2right-border-color, var(--MXVAR-BASE-COLOR--text-link, #99b2bf));
    border-right:2px solid var(--MXVAR-LOCAL-COLOR--allow2right-border-color, var(--MXVAR-BASE-COLOR--text-link, #99b2bf));
    transform:rotate(45deg);
  }
  .cpMoreLink08.individual a{
    text-align:left;
    background:#fffaf2 url("/static/image/smartphone/touch/home2011/icon/arrow001.png") no-repeat 100% 50%;
  }
  .cpMoreLink09 a{
    display:block;
    padding:10px 0 10px;
    text-align:right;
    color:var(--MXVAR-BASE-COLOR--text-link-soft, #99b2bf);
    font-size:86%;
  }
  .gFootPanel p a.cpMoreLink01{
    display:inline-block;
    min-height:16px;
  }
  .lInputColumns01 .columnBody > p.cpMoreLink04{
    padding-top:0;
  }
  .gBaseComponent01 .lNothingBanner .cpMoreLink05{
    padding-top:8px;
  }
  .gBaseComponent01 .lNothingBanner .cpMoreLink05 > li{
    padding:4px 10px 0;
    font-size:86%;
    text-align:left;
  }
  span.cpNecessaryItem01{
    color:#f10000;
  }
  .cpNoteIcon01{
    display:inline;
  }
  .cpNoteIcon01 img{
    padding-left:7px;
    vertical-align:-0.15em;
  }
  img.emoji{
    margin:0 2px;
    vertical-align:bottom;
  }
  .cpInputAlert01{
    padding:0 0 0 22px;
    background:url("/static/image/smartphone/touch/icon/simplealert_alert001.gif?vac4e7f2f22681b7338f17e2350c7c8c8") no-repeat 0 0;
    color:#f00;
    font-size:86%;
  }
  .cpInputAlert02{
    display:inline-block;
    color:#e50000;
    line-height:1.2;
  }
  .cpInputAlert03{
    padding:0 0 0 19px;
    background:url("/static/image/smartphone/touch/home2011/icon/alert001.gif?vb3dc3d3d6c2c4d95bdd9e7fa651df06d") no-repeat 0 0.2em;
    color:#333;
  }
  .cpLoadingSign01,
  .cpLoadingSign02{
    height:20px;
    padding:20px 0;
    text-indent:-9999px;
    background:url("/static/image/smartphone/touch/icon/loading010.gif?v7094f1924eab2e7881a780e3aeff45cf") no-repeat 50% 50%;
    background-size:18px 3px;
  }
  .cpMonetarySign01{
    vertical-align:top;
  }
  .cpMonetarySign01.mixipoint{
    margin-right:0.3em;
  }
  .cpAccountMark01 .sign{
    display:inline-block;
    width:16px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    background-position:50% 30%;
  }
  .cpAccountMark01 .sign.mymixi{
    background-image:url("/static/image/smartphone/touch/icon/sign_mymixi001.png?v2142eddfcbad9100d03852da43294301");
  }
  .cpAccountMark01 .sign.friend{
    background-image:url("/static/image/smartphone/touch/icon/sign_friend001.gif?v8296d670cdd9eb1f78e099ed721da6c7");
  }
  .cpAccountMark01 .sign.company{
    background-image:url("/static/image/smartphone/touch/icon/company001.gif?v4df3deb6718c8e9272cb567fed53aa5c");
  }
  .cpScheduleMark01 .sign{
    display:inline-block;
    width:14px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    background-position:1px 30%;
  }
  .cpScheduleMark01 .sign.myData{
    background-image:url("/static/image/smartphone/touch/icon/schedule003.gif?vc6700312cd50f74a9750e756c54c703b");
  }
  .cpScheduleMark01 .sign.mymixisData{
    background-image:url("/static/image/smartphone/touch/icon/schedule002.gif?v6ee29b81e4415f6d99d2f2232c1a40f2");
  }
  .cpScheduleMark01 .sign.bdData{
    background-image:url("/static/image/smartphone/touch/icon/birthday001.gif?v1f20f68ccae6cc56cd344fbe7b5eba43");
    background-position:0 30%;
    width:15px;
  }
  .cpPageMark01{
    display:inline-block;
  }
  .cpPageMark01 .sign{
    margin:0 2px 0 3px;
    vertical-align:-3px;
  }
  .cpPageMark01 .sign02{
    margin:0 2px 0 3px;
    vertical-align:-5px;
  }
  br + .cpPageMark01 .sign02:first-child{
    margin-left:0;
  }
  .cpPageMark01 .sign03{
    margin:0 2px 0 3px;
    vertical-align:-3px;
  }
  .cpPageMark01 .new01{
    margin:0 2px 0 3px;
  }
  .gLikeSign01{
    padding-left:17px;
    background:url("/static/image/smartphone/touch/home2011/icon/like006_hd2.gif?v13ff724dcc8a91c3d7e0e4b0cd405e88") no-repeat 0 40%;
    background-size:12px auto;
  }
  .gInterestSign01{
    position:relative;
  }
  .gInterestSign01::before{
    content:"\f03F";
    font-family:"mixiIcon";
    line-height:1;
    font-size:100%;
    font-weight:normal;
    display:inline-block;
    margin-right:5px;
  }
  p.cpListMark01,
  div.cpListMark01 > p,
  ul.cpListMark01 > li > p{
    padding:0 0 0 15px;
    background:url("/static/image/smartphone/touch/common/listmark002.gif?v2edc3b320e8c2a7b2d06b01b0ad71509") no-repeat 1px 0.2em;
    text-indent:-2px;
    color:#666;
  }
  .cpListMark01 :where(:any-link){
    -webkit-text-decoration:var(--MXVAR-COMPONENT-CPLISTMARK01--text-decoration-basic-any-link, var(--MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal, underline));
            text-decoration:var(--MXVAR-COMPONENT-CPLISTMARK01--text-decoration-basic-any-link, var(--MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal, underline));
  }
  p.cpListMark01.sub01,
  div.cpListMark01.sub01 > p,
  ul.cpListMark01.sub01 > li > p{
    color:#999;
  }
  p.cpListMark01 span,
  div.cpListMark01 > p span,
  ul.cpListMark01 > li > p span{
    display:none;
  }
  p.cpListMark01 span[id],
  div.cpListMark01 > p span[id],
  ul.cpListMark01 > li > p span[id],
  p.cpListMark01 span[class],
  div.cpListMark01 > p span[class],
  ul.cpListMark01 > li > p span[class],
  p.cpListMark01 span[style],
  div.cpListMark01 > p span[style],
  ul.cpListMark01 > li > p span[style]{
    display:inline;
  }
  div.cpListMark01 > p.noMark,
  ul.cpListMark01 > li > p.noMark{
    background-image:none;
    text-indent:0;
  }
  div.cpListMark02,
  ul.cpListMark02,
  ul.cpListMark02 > li{
    margin-top:0.4em;
  }
  p.cpListMark02,
  div.cpListMark02 > p,
  ul.cpListMark02 > li > p{
    margin-top:0.4em;
    padding-left:10px;
    background:url("/static/image/smartphone/touch/common/listmark001.gif?vb11c00521c93b6f9314db4dbb0c6b132") no-repeat 4px 0.5em;
    color:#666;
  }
  div.cpListMark02 > p:first-child,
  ul.cpListMark02 > li:first-child,
  ul.cpListMark02 > li > p:first-child{
    margin-top:0;
  }
  .cpInlineLinkSet01{
    padding:0.5em 0;
    border-bottom:1px solid #edeae0;
  }
  .cpInlineLinkSet01 li{
    display:inline-block;
    width:80px;
    background:url("/static/image/smartphone/touch/common/solidline001.gif?vf348d4bf41a7c9ce3c867170dbad1914") no-repeat 100% 48%;
  }
  .cpInlineLinkSet01 li:last-child{
    background-image:none;
  }
  @media screen and (max-width: 319.98px){
    .cpInlineLinkSet01 li:nth-of-type(3n){
      background-image:none;
    }
  }
  @media screen and (min-width: 320px) and (max-width: 399.98px){
    .cpInlineLinkSet01 li:nth-of-type(4n){
      background-image:none;
    }
  }
  @media screen and (min-width: 400px) and (max-width: 479.98px){
    .cpInlineLinkSet01 li:nth-of-type(5n){
      background-image:none;
    }
  }
  @media screen and (min-width: 480px) and (max-width: 559.98px){
    .cpInlineLinkSet01 li:nth-of-type(6n){
      background-image:none;
    }
  }
  @media screen and (min-width: 560px) and (max-width: 639.98px){
    .cpInlineLinkSet01 li:nth-of-type(7n){
      background-image:none;
    }
  }
  @media screen and (min-width: 640px){
    .cpInlineLinkSet01 li:nth-of-type(8n){
      background-image:none;
    }
  }
  .cpInlineLinkSet01 li a,
  .cpInlineLinkSet01 li .current{
    display:block;
    padding:0.5em 0;
    text-align:center;
  }
  .gTargetItems01{
    display:none;
    position:absolute;
    padding:0 10px 10px;
    border:1px solid #999;
    background-color:#fff;
    z-index:4;
  }
  .gTargetItems01 .loading{
    min-width:30px;
    margin-top:10px;
    padding-bottom:30px;
    background:url("/static/image/smartphone/touch/icon/loading010.gif?v7094f1924eab2e7881a780e3aeff45cf") no-repeat 50% 50%;
    background-size:18px 3px;
    text-indent:-9999px;
  }
  .gTargetItems01 > .members{
    min-width:240px;
    min-height:120px;
  }
  .gTargetItems01 > .pageNavi,
  .gTargetItems01 > .subNote,
  .gTargetItems01 > .members > li{
    padding-top:10px;
    line-height:1.1;
  }
  .gTargetItems01 > .members.byThumbnail{
    min-width:0;
    width:222px;
    min-height:0;
    padding-top:7px;
    white-space:normal;
    line-height:0;
  }
  .gTargetItems01 > .members.byThumbnail > li{
    padding-top:3px;
  }
  .gTargetItems01 > .members.byThumbnail > li:not([class]){
    display:inline-block;
    padding-left:3px;
  }
  .gTargetItems01 > .members.byThumbnail > li:nth-child(5n + 1){
    padding-left:0;
  }
  .gTargetItems01 > .members.byThumbnail > li:not([class]) p > span,
  .gTargetItems01 > .members.byThumbnail > li:not([class]) p > a{
    display:table-cell;
    width:40px;
    height:40px;
    background-color:#fff;
    text-align:center;
    vertical-align:middle;
    border:1px solid #9ca5aa;
    border-radius:1px;
  }
  .gTargetItems01 > .members.byThumbnail > li:not([class]) p > span > img,
  .gTargetItems01 > .members.byThumbnail > li:not([class]) p > a > img{
    max-width:40px;
    max-height:40px;
    vertical-align:middle;
  }
  .gTargetItems01 > .subNote{
    font-size:86%;
  }
  .gTargetItems01 > .subNote .viewLevel{
    margin-bottom:9px;
    padding-bottom:9px;
    border-bottom:1px dotted #999;
    color:#999;
  }
  .gTargetItems01 > .subNote .viewLevel:last-child{
    margin-bottom:0;
  }
  .gTargetItems01 > .subNote .targetLavel{
    color:#666;
  }
  .gTargetItems01 > .pageNavi{
    display:flex;
  }
  .gTargetItems01 > .pageNavi > p{
    width:50%;
  }
  .gTargetItems01 > .pageNavi .prev{
    text-align:left;
  }
  .gTargetItems01 > .pageNavi .prev:last-child{
    width:100%;
  }
  .gTargetItems01 > .pageNavi .prev a{
    padding-left:11px;
    background:url("/static/image/smartphone/touch/icon/arrow029.png?v4029d6f7098315512074fb66274d6b7c") no-repeat 0 40%;
  }
  .gTargetItems01 > .pageNavi .next{
    text-align:right;
  }
  .gTargetItems01 > .pageNavi .prev[style*="none"] + .next,
  .gTargetItems01 > .pageNavi .next:first-child{
    width:100%;
  }
  .gTargetItems01 > .pageNavi .next a{
    padding-right:11px;
    background:url("/static/image/smartphone/touch/icon/arrow029.png?v4029d6f7098315512074fb66274d6b7c") no-repeat 100% 40%;
  }
  .gUtilityLink01 li{
    background:url("/static/image/smartphone/touch/icon/arrow005.gif?v966d4adc0ab6e07bc3cab8bb41714a1b") no-repeat 100% 50%;
    border-bottom:1px solid #edeae0;
  }
  .gUtilityLink01 li a{
    display:block;
    padding:8px 22px 7px 10px;
  }
  .gUtilityLink01.adjustment01 li a{
    display:block;
    padding:13px 22px 12px 10px;
  }
  .gUtilityList01 > li{
    border-bottom:1px solid #edeae0;
    padding:8px 10px 7px;
  }
  .gUtilityList01 > li.inputForm{
    padding:10px;
  }
  .gUtilityList01 > li.inputForm p.subNote,
  .gUtilityList01 > li.inputForm ul.subNote li{
    padding-top:0.3em;
    font-size:86%;
    color:#666;
  }
  .gResponseBox02 ul.cpListMark01 > li{
    padding-top:0.4em;
  }
  .gResponseBox02 ul.cpListMark01 > li:first-child{
    padding-top:0;
  }
  .gResponseBox02 ul.cpListMark02{
    padding-top:0;
  }
  .gResponseBox02 p.cpListMark02,
  .gResponseBox02 div.cpListMark02 > p,
  .gResponseBox02 ul.cpListMark02 > li > p{
    font-size:79%;
    background:url("/static/image/smartphone/touch/common/listmark001.gif?vb11c00521c93b6f9314db4dbb0c6b132") no-repeat 1px 0.4em;
  }
  .gResponseBox03 p.cpListMark01,
  .gResponseBox03 div.cpListMark01 > p,
  .gResponseBox03 ul.cpListMark01 > li > p{
    color:#666;
    font-size:86%;
  }
  .gFootPanel ul.cpListMark01{
    padding:0 10px;
  }
  .gFootPanel ul.cpListMark01:first-child{
    padding-top:0;
  }
  .gFootPanel ul.cpListMark01 > li,
  .gFootPanel p + ul.cpListMark01 > li:first-child{
    padding-top:8px;
  }
  .gFootPanel ul.cpListMark01 > li:first-child{
    padding-top:0;
  }
  .gEditForm01 p.cpListMark01,
  .gEditForm01 div.cpListMark01,
  .gEditForm01 ul.cpListMark01{
    padding-top:6px;
  }
  .gEditForm01 ul.cpListMark01 > li{
    padding-top:0.6em;
  }
  .gEditForm01 ul.cpListMark01 > li:first-child{
    padding-top:0;
  }
  .gEditForm01 p.cpListMark01,
  .gEditForm01 div.cpListMark01 > p,
  .gEditForm01 ul.cpListMark01 > li > p{
    color:#666;
    font-size:86%;
  }
  ul.cpFootCtrl01{
    text-align:right;
    padding-top:6px;
  }
  ul.cpFootCtrl01 li{
    clear:both;
    display:inline-block;
    border-left:1px dotted #ccc;
    padding:0 10px;
    font-size:86%;
  }
  ul.cpFootCtrl01 li:first-child{
    border-left:none;
    padding-left:0;
  }
  ul.cpFootCtrl01 li:last-child{
    padding-left:10px;
    padding-right:0;
    border-left:1px dotted #ccc;
  }
  ul.cpFootCtrl01 li a{
    display:inline-block;
    background:url("/static/image/smartphone/touch/icon/arrow001.png?vecb230c70af3edb06af67d524884e466") no-repeat 0 var(--MXVAR-BASE-BLANK--extend-size-small, 0);
    padding-left:18px;
  }
  ul.cpFootCtrl01 li a.change{
    background:url("/static/image/smartphone/touch/icon/arrow012.gif?v37c1b0aa4ac526754886ee9659a172d4") no-repeat 0 var(--MXVAR-BASE-BLANK--extend-size-small, 0);
    padding-left:15px;
  }
  ul.cpFootCtrl01 li a.add{
    background:url("/static/image/smartphone/touch/icon/add001.gif?v4b12e54e19ca1118dd087eca527a1ab0") no-repeat 0 calc(3px + var(--MXVAR-BASE-BLANK--extend-size-small, 0));
    padding-left:15px;
  }
  ul.cpFootCtrl01 li a.delete{
    background:url("/static/image/smartphone/touch/icon/trashcan002.gif?v36a11278d8d84e7dfe7f8833ad723b8b") no-repeat 0 calc(1px + var(--MXVAR-BASE-BLANK--extend-size-small, 0));
    padding-left:17px;
  }
  ul.cpFootCtrl01 li a.delete02{
    background:url("/static/image/smartphone/touch/icon/delete001.gif?vdeaaa2b1d261d0180fb1890041900d42") no-repeat 0 calc(7px + var(--MXVAR-BASE-BLANK--extend-size-small, 0));
    padding-left:15px;
  }
  ul.cpFootCtrl01 li a.edit01{
    background:url("/static/image/smartphone/touch/icon/diary001.gif?v1867a7e3c3fdcbd014e29cb67352dd71") no-repeat 0 40%;
    padding-left:15px;
  }
  ul.cpFootCtrl01 li a.mail01{
    background:url("/static/image/smartphone/touch/icon/mail001.gif?v2549ac3c029e379bc7c2e483a8b355c5") no-repeat 0 40%;
    padding-left:18px;
  }
  ul.cpFootCtrl01 li a.reply{
    background:url("/static/image/smartphone/touch/icon/message_reply001.gif?v1c14063ea4d2a0c7234523e27374c8ea") no-repeat 0 calc(2px + var(--MXVAR-BASE-BLANK--extend-size-small, 0));
    padding-left:21px;
  }
  ul.cpFootCtrl01 li a.cpPseudoBtn01{
    background:#fff linear-gradient(to bottom, #fff 0%, #edeae0 100%);
    padding-left:0;
  }
  ul.cpFootCtrl01 li input[type="image"],
  ul.cpFootCtrl01 li input[type="checkbox"]{
    vertical-align:bottom;
  }
  ul.cpFootCtrl01 label{
    padding-left:2px;
    color:#666;
  }
  ul.cpFootCtrl01 input.cpSubmitBtn01{
    font-size:100%;
  }
  .lInputColumns01 .columnBody .cpFootCtrl01:first-child{
    padding-top:11px;
  }
  .cpSimpleTable01{
    padding:10px;
  }
  .cpSimpleTable01.setupAlone{
    border-bottom:1px solid #edeae0;
  }
  .cpSimpleTable01 dl{
    display:table-row;
  }
  .cpSimpleTable01 dl > dt:first-child,
  .cpSimpleTable01 dl > dd{
    padding-top:4px;
  }
  .cpSimpleTable01 dl:first-child > dt:first-child,
  .cpSimpleTable01 dl:first-child > dt:first-child + dd,
  .cpSimpleTable01 dl:first-child > dd:first-child{
    padding-top:0;
  }
  .cpSimpleTable01 dl > dt{
    display:table-cell;
    white-space:nowrap;
    width:auto;
    padding-right:8px;
  }
  .cpSimpleTable01 dl > dd{
    display:table-cell;
  }
  .cpSimpleTable02{
    padding:10px;
  }
  p + .cpSimpleTable02{
    padding-top:0;
  }
  .cpSimpleTable02 dl dt{
    display:inline;
    color:#333;
  }
  .cpSimpleTable02 dl dd{
    display:inline;
    padding-left:0.5em;
    color:#666;
  }
  .cpSimpleTable03{
    display:table;
    width:100%;
  }
  .cpSimpleTable03 dl{
    display:table-row;
    width:100%;
    border-collapse:collapse;
    margin:0;
    padding:0;
  }
  .cpSimpleTable03 dl > dt,
  .cpSimpleTable03 dl > dd{
    display:table-cell;
    margin:0;
    color:#666;
    text-align:left;
    vertical-align:top;
    border-bottom:1px solid #edeae0;
  }
  .cpSimpleTable03 dl > dt{
    padding:10px 18px 9px 10px;
    width:73px;
    font-size:93%;
    background:url("/static/image/smartphone/touch/common/noicon_list001.gif?vac6917fda6503a1b3dd10c6216fcc806") no-repeat 10px 0.9em;
    border-bottom:1px solid #edeae0;
  }
  .cpSimpleTable03 dl > dd{
    padding:10px 10px 9px 0;
    width:auto;
  }
  .lInputColumns01 .columnBody .cpSimpleTable01:first-child{
    padding-top:11px;
  }
  .lInputColumns01 .columnBody .cpSimpleTable01{
    padding:10px 0 0;
  }
  .lInputColumns01 .columnBody .cpSimpleTable02{
    padding-right:0;
    padding-bottom:0;
    padding-left:0;
  }
  .gDialog01{
    position:absolute;
    left:0;
    bottom:45%;
    width:100%;
    text-align:center;
    z-index:17510;
  }
  .gDialog01 .messageMain > p,
  .gDialog01 .messageMain > a{
    display:inline-block;
  }
  .gDialog01 p{
    height:1em;
    padding:1.2em 1.2em 1.5em;
    border:1px solid #fff;
    border-radius:4px;
    background-color:#333;
    color:#fff;
    font-size:86%;
    font-weight:bold;
    line-height:1.5em;
    box-shadow:0 1px 5px #000;
  }
  .gDialog01.notShort{
    width:auto;
    margin:0 10px;
    text-align:left;
  }
  .gDialog01.notShort .messageMain > p,
  .gDialog01.notShort .messageMain > a{
    display:block;
  }
  .gDialog01.notShort p{
    height:auto;
    padding-bottom:1.2em;
    line-height:1.3em;
  }
  .gDialog01.notShort p .subNote{
    display:block;
    padding-top:0.4em;
  }
  .optPosFix .gDialog01{
    position:fixed;
  }
  .gBaseComponent01::after{
    content:" ";
    display:block;
    text-indent:-9999px;
    height:8px;
    background:url("/static/image/smartphone/touch/common/box_end001.png?v0f25231cf94867a5fdaba21c2ea64c41") repeat-x 0 0;
  }
  .LEGACY_UI2016_gBaseComponent01--hasAfterRule::after{
    height:10px;
    background-image:none;
    background-color:#e8e8e8;
  }
  .gBaseComponent01 .lNothingBanner{
    padding:10px 0 15px;
    text-align:center;
  }
  .gBaseComponent01 .lNothingBanner.innerContents{
    border-bottom:1px solid #e1e1e1;
  }
  .gBaseComponent01 .lNothingBanner img{
    vertical-align:bottom;
  }
  .gBaseComponent01 .lNothingBanner.withNotes{
    padding-bottom:10px;
  }
  .gBaseComponent01 .lNothingBanner.withNotes .footNote{
    padding:12px 10px 0;
    color:#666;
    font-size:86%;
    text-align:left;
  }
  .gBaseComponent01 .lNothingBanner .footNote + .footNote{
    padding-top:4px;
  }
  .gBaseComponent01 .lNothingText{
    color:#999;
    text-align:center;
    padding:20px 10px;
  }
  .gBaseComponent01 .lNothingText.innerContents{
    border-bottom:1px solid #edeae0;
  }
  .gBaseComponent01 .lNothingBannerText{
    text-align:center;
    padding:12px 0 18px;
    border-bottom:1px solid #edeae0;
  }
  .gBaseComponent01 .lNothingBannerText span{
    text-align:center;
    color:#999;
    font-weight:bold;
    background:url("/static/image/smartphone/touch/icon/nothing001.png?v2e8cf418b14b499c20ae5ad364148fc4") no-repeat left center;
    display:inline-block;
    padding:12px 10px 8px 47px;
  }
  .gBaseComponent01 .lNowProcessing{
    padding:10px 0 15px;
    height:105px;
    text-indent:-9999px;
    background:url("/static/image/smartphone/touch/icon/loading010.gif?v7094f1924eab2e7881a780e3aeff45cf") no-repeat 50% 50%;
    background-size:18px 3px;
  }
  .gBaseComponent01 .lNowProcessing02{
    padding:15px 0;
    text-align:center;
    border-bottom:1px solid #edeae0;
  }
  .gBaseComponent01 .lNowProcessing02 > span{
    display:inline-block;
    width:18px;
    height:20px;
    background:url("/static/image/smartphone/touch/icon/loading010.gif?v7094f1924eab2e7881a780e3aeff45cf") no-repeat 50% 50%;
    background-size:18px 3px;
    text-indent:-9999px;
  }
  .gBaseComponent01 .lNowProcessing03{
    padding:1em 10px 1.5em;
    text-align:center;
    border-bottom:1px solid #edeae0;
  }
  .gBaseComponent01 .lNowProcessing03 p{
    color:#999;
    font-size:86%;
    text-align:center;
  }
  .gBaseComponent01 .lNowProcessing03 .loading{
    display:block;
    height:3em;
    background:url("/static/image/smartphone/touch/icon/loading010.gif?v7094f1924eab2e7881a780e3aeff45cf") no-repeat 50% 50%;
    background-size:18px 3px;
    color:#999;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    line-height:1.5em;
  }
  .gBaseComponent01 .lNowProcessing03 .subNote{
    margin:0.5em 0 0;
    color:#4d4d4d;
    font-weight:bold;
  }
  .gBaseComponent01.topContentsAtNoTitlePage > div:first-child{
    border-top:1px solid #ccc;
  }
  .gBodyAdArea01 + .gBaseComponent01{
    border-top:1px solid #edeae0;
  }
  .gHeader02{
    position:relative;
    border-top:4px solid #e0c074;
    border-bottom:1px solid #ccc;
    background:linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);
    min-height:41px;
    z-index:8200;
  }
  .gHeader02 h1{
    padding:8px 75% 9px 10px;
    text-align:left;
  }
  .gHeader02 h1 > span,
  .gHeader02 h1 > a{
    display:block;
    height:17px;
    padding:3px 0 4px;
    text-align:left;
    line-height:0;
  }
  .FRAME2016_headerArea .gHeader02{
    background-image:none;
    background-color:#fff;
    min-height:34px;
  }
  .logout .FRAME2016_headerArea .gHeader02{
    min-height:42px;
  }
  .FRAME2016_headerArea .gHeader02 h1{
    padding:4px 70% 4px 10px;
    text-align:left;
  }
  .logout .FRAME2016_headerArea .gHeader02 h1{
    padding:8px 70% 9px 10px;
  }
  .error .gHeader02 h1{
    border-bottom:1px solid #f2f2f2;
  }
  .FRAME2016_headerArea .gHeader02 h1 > span,
  .FRAME2016_headerArea .gHeader02 h1 > a{
    padding-bottom:2px;
  }
  .gHeader03{
    position:relative;
    border-top:4px solid #e0c074;
    border-bottom:1px solid #ccc;
    background:linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);
    min-height:40px;
    z-index:8200;
  }
  .gHeader03 .heading a,
  .gHeader03 ul .button a{
    display:block;
    height:40px;
    text-indent:-100em;
    overflow:hidden;
  }
  .gHeader03 .heading{
    float:left;
  }
  .gHeader03 ul{
    float:right;
    overflow:hidden;
  }
  .gHeader03 ul .button{
    position:relative;
    float:left;
    width:58px;
    height:40px;
  }
  .gHeader03 ul .button::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:40px;
    background:linear-gradient(to bottom, #cdcdcd 0%, #ececec 100%);
  }
  .gHeader03 ul .button.active::before{
    background:#cdcdcd;
  }
  .gHeader03 ul .button.active a{
    box-shadow:0 2px 6px 0 #999 inset;
  }
  .gHeader03 ul .button.disable a{
    opacity:0.3;
  }
  .headerSection{
    height:48px;
    overflow:hidden;
    border-bottom:1px solid #ccc;
    background:#fff;
  }
  .headerSection .menu{
    float:left;
    width:48px;
    height:48px;
    margin-right:-7px;
    background:url("/static/image/smartphone/touch/icon/menu001.png?va146002df9adc4434abc22c2804596ce") no-repeat 50% 50%;
    background-size:24px;
  }
  .headerSection .menu.activated{
    background-color:#ddd;
  }
  .headerSection .menu a{
    display:block;
    width:48px;
    height:48px;
    text-indent:-9999px;
  }
  .headerSection .logo{
    float:left;
  }
  .headerSection .logo.news,
  .headerSection .logo.mixi{
    margin:0 5px 0 15px;
    padding:12px 0;
  }
  .headerSection .logo a,
  .headerSection .logo a img{
    display:block;
  }
  .headerSection .rightArea{
    float:right;
  }
  .headerSection .rightArea .buttonStyle02.primary{
    background:#cfa34c;
    color:#fff;
  }
  .headerSection .rightArea .buttonStyle02{
    display:inline-block;
    line-height:36px;
    margin:6px 10px;
    padding:0 15px;
    border:none;
    border-radius:4px;
    font-size:14px;
  }
  .headerSection .topNavigation01{
    float:right;
  }
  .headerSection .topNavigation01 li{
    float:left;
    height:48px;
  }
  .headerSection .topNavigation01 li a{
    display:block;
    position:relative;
    width:48px;
    height:48px;
    color:rgba(0, 0, 0, 0);
    font-size:1px;
  }
  .headerSection .topNavigation01 .home{
    background:url("/static/image/smartphone/touch/home2011/icon/home001.png?v086b6d46ddcb3e9eb5774907a10b6a64") no-repeat 50% 50%;
    background-size:24px;
  }
  .gPersonalNavigation{
    clear:both;
    width:100%;
    padding:0;
    position:relative;
    left:0;
  }
  .LEGACY_UI2016_header_gPersonalNavi{
    border-top:1px solid #f2f2f2;
    border-bottom:1px solid #fff;
    width:100%;
    height:48px;
    background:#f2f2f2 linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
  }
  .LEGACY_UI2016_header_gPersonalNavi\$\$li,
  .LEGACY_UI2016_header_gPersonalNavi\$\$li\$\$a\$\$span{
    background-image:url("/static/image/smartphone/touch/common/btn_navi0024.png?vea2c5e2e2a1219f09192eb91bd76b7aa");
  }
  .modeFriend .LEGACY_UI2016_header_gPersonalNavi\$\$li,
  .modeFriend .LEGACY_UI2016_header_gPersonalNavi\$\$li\$\$a\$\$span{
    background-image:url("/static/image/smartphone/touch/common/btn_navi_friend0024.png?v1c36800988cc97d64b72a51e43cbb339");
  }
  .LEGACY_UI2016_header_gPersonalNavi\$\$li{
    display:inline-block;
    padding:2px 0 0;
    margin:0;
    border:0;
    width:20%;
    height:46px;
    background-size:64px auto;
    background-repeat:no-repeat;
    background-position:50% 0;
  }
  .LEGACY_UI2016_header_gPersonalNavi\$\$li.profile{
    background-position:50% 0;
  }
  .LEGACY_UI2016_header_gPersonalNavi\$\$li.mymixi{
    background-position:50% -96px;
  }
  .LEGACY_UI2016_header_gPersonalNavi\$\$li.diary{
    background-position:50% -192px;
  }
  .LEGACY_UI2016_header_gPersonalNavi\$\$li.message{
    background-position:50% -288px;
  }
  .LEGACY_UI2016_header_gPersonalNavi\$\$li.voice{
    background-position:50% -288px;
  }
  .LEGACY_UI2016_header_gPersonalNavi\$\$li.others{
    background-position:50% -384px;
  }
  a.LEGACY_UI2016_header_gPersonalNavi\$\$li\$\$a,
  .LEGACY_UI2016_header_gPersonalNavi\$\$li\$\$a{
    display:block;
    margin:0 2px;
  }
  .LEGACY_UI2016_header_gPersonalNavi\$\$li\$\$a\$\$span{
    display:block;
    height:45px;
    text-indent:-9999px;
    background-size:64px auto;
    background-repeat:no-repeat;
    background-position:50% 100px;
    border-radius:4px;
  }
  .selected > .LEGACY_UI2016_header_gPersonalNavi\$\$li\$\$a\$\$span{
    background-color:#f2f2f2;
  }
  .profile > .selected > .LEGACY_UI2016_header_gPersonalNavi\$\$li\$\$a\$\$span{
    background-position:50% -50px;
  }
  .mymixi > .selected > .LEGACY_UI2016_header_gPersonalNavi\$\$li\$\$a\$\$span{
    background-position:50% -146px;
  }
  .diary > .selected > .LEGACY_UI2016_header_gPersonalNavi\$\$li\$\$a\$\$span{
    background-position:50% -242px;
  }
  .message > .selected > .LEGACY_UI2016_header_gPersonalNavi\$\$li\$\$a\$\$span{
    background-position:50% -338px;
  }
  .voice > .selected > .LEGACY_UI2016_header_gPersonalNavi\$\$li\$\$a\$\$span{
    background-position:50% -338px;
  }
  .others > .selected > .LEGACY_UI2016_header_gPersonalNavi\$\$li\$\$a\$\$span{
    background-position:50% -434px;
  }
  .others.opened .LEGACY_UI2016_header_gPersonalNavi\$\$li\$\$a\$\$span{
    background-position:50% -434px;
  }
  .LEGACY_UI2016_header_gPersonalSubNavi{
    border-top:1px solid #999;
    border-right:1px solid #999;
    width:calc((var(--MXVAR-BASE-BLANK--extend-size-normal, 0px) * 2) + 228px);
    background-color:#fff;
    position:absolute;
    top:50px;
    right:2px;
    z-index:1001;
  }
  .LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li{
    display:block;
    float:left;
    padding:0;
    border:1px solid #999;
    border-top:none;
    border-right:none;
    width:calc(var(--MXVAR-BASE-BLANK--extend-size-normal, 0px) + 113px);
    font-size:86%;
  }
  .LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li.calendar{
    background:url("/static/image/smartphone/touch/icon/calendar001.gif?v788cf39b62c148120a14ae8a900eb87b") no-repeat 7px 10px;
  }
  .LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li.photo{
    background:url("/static/image/smartphone/touch/icon/photo001.gif?v30395e5a309a8d5b31299af1ecb22a66") no-repeat 7px 12px;
  }
  .LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li.review{
    background:url("/static/image/smartphone/touch/icon/review002.png?v74e179aca8d61392665b459e3edbaf30") no-repeat 6px 10px;
  }
  .LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li.editProfile{
    background:url("/static/image/smartphone/touch/icon/edit001.gif?vbaedb7569346506100a2aebc762fe8f6") no-repeat 8px 12px;
  }
  .LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li.message{
    background:url("/static/image/smartphone/touch/icon/message001.gif?vb322eec72da653925659bd3405a8bac3") no-repeat 6px 12px;
  }
  .LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li.voice{
    background:url("/static/image/smartphone/touch/icon/voice001.gif?vc7da12d1fa6541f4205e524a518484e3") no-repeat 7px 10px;
  }
  .LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li.community{
    background:url("/static/image/smartphone/touch/icon/community_topic001.gif?vb6298b7bc6e088f48ae46a027c6e55b9") no-repeat 7px 11px;
  }
  .LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li.official{
    background:url("/static/image/smartphone/touch/icon/official002.gif?v99ac3af817cf92c9528b1a2f858eed7a") no-repeat 8px 10px;
  }
  .LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li.check{
    background:url("/static/image/smartphone/touch/icon/mixicheck001.png?va58a993f7ddc2f84db69a87a3b4e1225") no-repeat 6px 11px;
  }
  .LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li.news{
    background:url("/static/image/smartphone/touch/icon/news001.gif?vff7ca30748528d534ceaa9890488ce9f") no-repeat 7px 10px;
  }
  .LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li.game{
    background:url("/static/image/smartphone/touch/icon/game003.gif?v11209497ea35e7ecf24bc49dcb3aae9a") no-repeat 7px 10px;
    letter-spacing:-0.1em;
  }
  .LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li.empty{
    padding:11px 0 9px;
    text-indent:-9999px;
  }
  a.LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li\$\$\$a,
  .LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li\$\$\$a{
    display:block;
    margin:0;
    padding:11px 1px 9px 27px;
    color:#4d4d4d;
  }
  .toListOfAll.LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li{
    position:relative;
    clear:left;
    float:none;
    width:calc((var(--MXVAR-BASE-BLANK--extend-size-normal, 0px) * 2) + 227px);
    background-color:#f2f2f2;
  }
  .toListOfAll.LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li::after{
    content:"";
    position:absolute;
    right:8px;
    top:45%;
    display:block;
    width:4px;
    height:4px;
    border-top:2px solid #666;
    border-right:2px solid #666;
    transform:rotate(45deg);
  }
  .toListOfAll .LEGACY_UI2016_header_gPersonalSubNavi\$\$\$li\$\$\$a{
    padding:7px 24px 5px 7px;
    text-align:right;
  }
  .gGlobalMenuMain01,
  .gGlobalMenuSub01,
  .gGlobalMenu{
    padding:10px 5px 0;
    text-align:center;
    color:#ccc;
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 86%);
  }
  .gGlobalMenuSub01 + .gGlobalMenuMain01{
    padding-top:20px;
  }
  .gGlobalMenuSub01:first-child,
  .gGlobalMenu:first-child{
    padding-top:15px;
  }
  .gGlobalMenuMain01 a,
  .gGlobalMenuSub01 a,
  .gGlobalMenu a{
    padding:0 2px;
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
    color:var(--MXVAR-BASE-COLOR--text-link-soft, #99b2bf);
  }
  .gGlobalMenuMain01 a:link,
  .gGlobalMenuSub01 a:link,
  .gGlobalMenu a:link{
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
    color:var(--MXVAR-BASE-COLOR--text-link-soft, #99b2bf);
  }
  .gGlobalMenuMain01 a:visited,
  .gGlobalMenuSub01 a:visited,
  .gGlobalMenu a:visited{
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
    color:var(--MXVAR-BASE-COLOR--text-link-visited, #99b2bf);
  }
  .gGlobalMenuMain01 a:focus,
  .gGlobalMenuSub01 a:focus,
  .gGlobalMenu a:focus{
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
    color:var(--MXVAR-BASE-COLOR--text-link-focused, #996600);
  }
  .gLocalMenu01_pNavi01{
    padding:1px 0 8px 10px;
    border-bottom:1px solid #e5e5e5;
    background:#f2f2f2 linear-gradient(to bottom, #f2f2f2 0%, #fff 100%);
  }
  .gLocalMenu01_pNavi01\$\$\$li{
    display:inline-block;
    margin:5px 5px 0 0;
    position:relative;
  }
  .gLocalMenu01_pNavi01\$\$\$li:last-child{
    margin-right:10px;
  }
  a.gLocalMenu01_pNavi01\$\$\$li\$\$\$a,
  .gLocalMenu01_pNavi01\$\$\$li\$\$\$a{
    display:block;
    border:1px solid #ccc;
    border-bottom:1px solid #d2d2d2;
    font-size:86%;
    background:#fff linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
    color:#333;
  }
  .gLocalMenu01_pNavi01\$\$\$li\$\$\$a.selected{
    border:1px solid #ccc;
    position:relative;
    top:1px;
  }
  .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    display:block;
    padding:0 5px 1px 4px;
    height:23px;
    line-height:25px;
    border-top:1px solid #fff;
    border-bottom:1px solid #ccc;
    background-repeat:no-repeat;
    background-position:5px 45%;
  }
  .gLocalMenu01_pNavi01\$\$\$li\$\$\$a.selected .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding:1px 4px 0 5px;
    border-top:1px solid #cfb37b;
    border-bottom:1px solid #ffdd99;
    background-color:#ffdd99;
  }
  .gLocalMenu01_pNavi01\$\$\$li.diary .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:23px;
    background-image:url("/static/image/smartphone/touch/icon/diary001.gif?v1867a7e3c3fdcbd014e29cb67352dd71");
  }
  .gLocalMenu01_pNavi01\$\$\$li.photo .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:23px;
    background-image:url("/static/image/smartphone/touch/icon/photo001.gif?v30395e5a309a8d5b31299af1ecb22a66");
  }
  .gLocalMenu01_pNavi01\$\$\$li.calendar .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:24px;
    background-image:url("/static/image/smartphone/touch/icon/calendar001.gif?v788cf39b62c148120a14ae8a900eb87b");
  }
  .gLocalMenu01_pNavi01\$\$\$li.community .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:26px;
    background-image:url("/static/image/smartphone/touch/icon/community_topic001.gif?vb6298b7bc6e088f48ae46a027c6e55b9");
  }
  .gLocalMenu01_pNavi01\$\$\$li.review .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:24px;
    background-image:url("/static/image/smartphone/touch/icon/review002.png?v74e179aca8d61392665b459e3edbaf30");
    background-position:5px 40%;
  }
  .gLocalMenu01_pNavi01\$\$\$li.appli .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:24px;
    background-image:url("/static/image/smartphone/touch/icon/appli001.gif?v466b4a1361caf53e8c14022fe0b16c4b");
    background-position:5px 50%;
  }
  .gLocalMenu01_pNavi01\$\$\$li.list .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:24px;
    background-image:url("/static/image/smartphone/touch/icon/back001.png?vae3b1c008dab4ab80cc981b9ff82e5cd");
  }
  .gLocalMenu01_pNavi01\$\$\$li.inbox .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:24px;
    background-image:url("/static/image/smartphone/touch/icon/message_inbox001.gif?v0be18f43dd6eb3554c95ee4d88ed0156");
  }
  .gLocalMenu01_pNavi01\$\$\$li.outbox .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:24px;
    background-image:url("/static/image/smartphone/touch/icon/message_sent001.gif?v17065695e72ef271ec2e8a229b398386");
  }
  .gLocalMenu01_pNavi01\$\$\$li.group .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span,
  .gLocalMenu01_pNavi01\$\$\$li.document .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span,
  .gLocalMenu01_pNavi01\$\$\$li.draft .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:24px;
    background-image:url("/static/image/smartphone/touch/icon/message_draft001.gif?ve550db6c4c644db6c94f570760c21cae");
  }
  .gLocalMenu01_pNavi01\$\$\$li.trash .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:24px;
    background-image:url("/static/image/smartphone/touch/icon/message_trash001.gif?v4e250b0c99c7183e09a2e86c36953230");
  }
  .gLocalMenu01_pNavi01\$\$\$li.appli02 .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:24px;
    background-image:url("/static/image/smartphone/touch/icon/appli003.gif?v3cdc23289d42ae573c7e1d5fea914514");
    background-position:5px 50%;
  }
  .gLocalMenu01_pNavi01\$\$\$li.new .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:30px;
    background-image:url("/static/image/smartphone/touch/icon/new002.gif?v08c59ae89a12cbb12e0fb13a6be4bcd7");
    background-position:5px 50%;
  }
  .gLocalMenu01_pNavi01\$\$\$li.ranking .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:26px;
    background-image:url("/static/image/smartphone/touch/icon/ranking001.gif?vf22b09ab19abf3bd04c799ff1335ef0b");
    background-position:5px 50%;
  }
  .gLocalMenu01_pNavi01\$\$\$li.voice .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:26px;
    background-image:url("/static/image/smartphone/touch/icon/voice001.gif?vc7da12d1fa6541f4205e524a518484e3");
    background-position:6px 50%;
  }
  .gLocalMenu01_pNavi01\$\$\$li.mixicheck .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:26px;
    background-image:url("/static/image/smartphone/touch/icon/mixicheck001.png?va58a993f7ddc2f84db69a87a3b4e1225");
    background-position:6px 50%;
  }
  .gLocalMenu01_pNavi01\$\$\$li.activity .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:20px;
    background-image:url("/static/image/smartphone/touch/icon/profile003.gif?v91b571057da6c197a5e9581295bd8e0e");
    background-position:6px 55%;
  }
  .gLocalMenu01_pNavi01\$\$\$li.android .gLocalMenu01_pNavi01\$\$\$li\$\$\$a\$\$\$span{
    padding-left:25px;
    background-image:url("/static/image/smartphone/touch/icon/sp_android001.gif?vbdb8447b262f2538f93802a855a8672e");
    background-position:7px 48%;
  }
  .gPageNavigation01 .UI01{
    border-bottom:1px solid #e1e1e1;
    height:28px;
    overflow:hidden;
    background:#fff linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
    position:relative;
  }
  .gPageNavigation01 .UI01 > p,
  .gPageNavigation01 .UI01 ul{
    width:100%;
    height:28px;
    overflow:hidden;
    position:absolute;
    left:0;
  }
  .gPageNavigation01 .UI01 ul::after{
    content:"";
    display:block;
    clear:both;
  }
  .gPageNavigation01 .UI01 ul li{
    padding:0;
  }
  .gPageNavigation01 .UI01 li[rel="__prev"],
  .gPageNavigation01 .UI01 .prev{
    float:left;
    width:47px;
    height:28px;
    position:absolute;
    left:0;
    top:0;
  }
  .gPageNavigation01 .UI01 li[rel="__next"],
  .gPageNavigation01 .UI01 .next{
    float:right;
    width:47px;
    height:28px;
    position:absolute;
    right:0;
    top:0;
  }
  .gPageNavigation01 .UI01 li[rel="__prev"] a,
  .gPageNavigation01 .UI01 li[rel="__prev"] span.unexist,
  .gPageNavigation01 .UI01 li[rel="__next"] a,
  .gPageNavigation01 .UI01 li[rel="__next"] span.unexist,
  .gPageNavigation01 .UI01 .prev a,
  .gPageNavigation01 .UI01 .prev span.unexist,
  .gPageNavigation01 .UI01 .next a,
  .gPageNavigation01 .UI01 .next span.unexist{
    display:block;
    width:47px;
    height:28px;
    text-indent:-9999px;
  }
  .gPageNavigation01 .UI01 li[rel="__prev"] a,
  .gPageNavigation01 .UI01 .prev a{
    border-right:1px dotted #ccc;
    background:url("/static/image/smartphone/touch/icon/arrow008.gif?vf637fda591cf1821a02034a0e866e624") no-repeat 50% 50%;
  }
  .gPageNavigation01 .UI01 li[rel="__prev"] span.unexist,
  .gPageNavigation01 .UI01 .prev span.unexist{
    border-right:1px dotted #ccc;
    background:url("/static/image/smartphone/touch/icon/arrow010.gif?v0fa4fd2b0bbaf0b5464d945a0d47cc36") no-repeat 50% 50%;
  }
  .gPageNavigation01 .UI01 li[rel="__next"] a,
  .gPageNavigation01 .UI01 .next a{
    border-left:1px dotted #ccc;
    background:url("/static/image/smartphone/touch/icon/arrow009.gif?ve9a9d1d6f448f1f10f1b02b4c708c4b9") no-repeat 50% 50%;
  }
  .gPageNavigation01 .UI01 li[rel="__next"] span.unexist,
  .gPageNavigation01 .UI01 .next span.unexist{
    border-left:1px dotted #ccc;
    background:url("/static/image/smartphone/touch/icon/arrow011.gif?v6579ef7d63ba3f893682dbb564aef149") no-repeat 50% 50%;
  }
  .gPageNavigation01 .UI01 li[rel="__display"],
  .gPageNavigation01 .UI01 .display{
    width:auto;
    text-align:center;
    color:#666;
    font-size:86%;
    padding:7px 0 0;
    margin:0 50px;
  }
  .gPageNavigation01 .UI01 li[rel="__display"] a,
  .gPageNavigation01 .UI01 .display a{
    letter-spacing:-0.1em;
  }
  .gPageNavigation01 .UI01 > p.display{
    width:210px;
    height:21px;
  }
  @media screen and (min-width: 479px){
    .gPageNavigation01 .UI01 > p.display{
      width:370px;
    }
  }
  .gPageNavigation04 .lNaviMain{
    display:flex;
    position:relative;
    height:33px;
    border-bottom:1px solid #e1e1e1;
    background-color:#fafafa;
    line-height:1;
  }
  .gPageNavigation04 .prev,
  .gPageNavigation04 .next{
    width:50px;
  }
  .gPageNavigation04 .prev{
    order:1;
  }
  .gPageNavigation04 .next{
    order:3;
  }
  .gPageNavigation04 .next:first-child,
  .gPageNavigation04 .prev + .next{
    flex:1 auto;
  }
  .gPageNavigation04 .prev > a,
  .gPageNavigation04 .next > a{
    display:block;
    background:linear-gradient(to bottom, #fff 0%, #fff 70%, #f3f3f3 100%);
  }
  .gPageNavigation04 .prev > a{
    border-right:1px solid #c8cbcc;
  }
  .gPageNavigation04 .next > a{
    border-left:1px solid #c8cbcc;
  }
  .gPageNavigation04 .next:first-child > a,
  .gPageNavigation04 .prev + .next > a{
    margin-left:auto;
  }
  .gPageNavigation04 .prev > a > span,
  .gPageNavigation04 .next > a > span{
    position:relative;
    display:block;
    height:33px;
    width:49px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
  }
  .gPageNavigation04 .prev > a > span::after,
  .gPageNavigation04 .next > a > span::after{
    content:"";
    position:absolute;
    top:42%;
    display:inline-block;
    width:5px;
    height:5px;
    border-top:2px solid #888;
    border-right:2px solid #888;
  }
  .gPageNavigation04 .prev > a > span::after{
    left:22px;
    transform:rotate(225deg);
  }
  .gPageNavigation04 .next > a > span::after{
    right:22px;
    transform:rotate(45deg);
  }
  .gPageNavigation04 .display,
  .gPageNavigation04 .choice{
    display:flex;
    flex:1 auto;
    height:33px;
    overflow:hidden;
    order:2;
  }
  .gPageNavigation04 .display p{
    width:100%;
    height:33px;
    line-height:33px;
    text-align:center;
    font-size:86%;
  }
  .gPageNavigation04 .display:first-child,
  .gPageNavigation04 .choice:first-child{
    margin-left:49px;
    border-left:1px solid #c8cbcc;
  }
  .gPageNavigation04 .display:last-child,
  .gPageNavigation04 .choice:last-child{
    margin-right:49px;
    border-right:1px solid #c8cbcc;
  }
  .gPageNavigation04 .choice > li{
    width:20%;
  }
  .gPageNavigation04 .choice p{
    height:33px;
    line-height:33px;
    text-align:center;
    overflow:hidden;
  }
  .gPageNavigation04 .choice > li:last-child p{
    border-right:none;
  }
  .gPageNavigation04 .choice > li:nth-child(-n + 4) p{
    border-right:1px dotted #ccc;
  }
  .gPageNavigation04 .choice a{
    display:block;
    color:#8098a5;
  }
  .gPageNavigation04 .choice .current a{
    color:#4d4d4d;
  }
  .LEGACY_UI2016_gPagetopLink{
    padding:0 5px;
    text-align:right;
    line-height:1;
  }
  .LEGACY_UI2016_gPagetopLink\$\$\$a{
    display:inline-block;
    padding:10px 5px 10px 0;
    font-size:var(--MXVAR-BASE-FONT-SIZE--normal, 86%);
    color:var(--MXVAR-BASE-COLOR--text-link, #99b2bf);
  }
  .LEGACY_UI2016_gPagetopLink\$\$\$a::after{
    content:"";
    display:inline-block;
    width:4px;
    height:4px;
    margin:0 0 2px 6px;
    border-top:2px solid var(--MXVAR-BASE-COLOR--text-link, #99b2bf);
    border-left:2px solid var(--MXVAR-BASE-COLOR--text-link, #99b2bf);
    transform:rotate(45deg);
    vertical-align:middle;
  }
  .FRAME2016_errorArea,
  .gResponseBox01{
    padding:10px;
  }
  .FRAME2016_errorArea.innerContents,
  .gResponseBox01.innerContents{
    padding-bottom:0;
  }
  .gResponseBox01.connective{
    padding-top:0;
  }
  .FRAME2016_errorArea .contents,
  .gResponseBox01 .contents{
    border:3px solid #e5e5e5;
    background:#f2f2f2 url("/static/image/smartphone/touch/icon/alert001.gif?v732a48eaf1d7afe7b27a0f91b8954989") no-repeat 7px 7px;
    padding:14px 12px 10px 42px;
    min-height:19px;
  }
  .FRAME2016_errorArea p,
  .gResponseBox01 p{
    font-weight:bold;
    line-height:1.25;
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 86%);
  }
  .FRAME2016_errorArea p{
    color:var(--MXVAR-BASE-COLOR--text-alert-on-gray-bg, #f10000);
  }
  .FRAME2016_errorArea p .subNote,
  .gResponseBox01 p .subNote{
    display:block;
    padding-top:0.4em;
    font-weight:normal;
  }
  .gResponseBox01 p + p,
  .gResponseBox01 ul.subNote{
    padding-top:0.4em;
  }
  .gResponseBox01 ul.subNote li{
    padding:0.4em 0 0 0.8em;
    line-height:1.25;
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 86%);
    background:url("/static/image/smartphone/touch/common/listmark001.gif?vb11c00521c93b6f9314db4dbb0c6b132") no-repeat 0.2em 0.8em;
  }
  .gResponseBox02{
    padding:10px;
  }
  .gResponseBox02.connective02{
    padding:10px 10px 0;
    color:var(--MXVAR-BASE-COLOR--text-soft, #666);
    border-bottom:none;
  }
  .gResponseBox02.connective{
    padding-top:0;
  }
  .gResponseBox02 .contents{
    border:3px solid #edeae0;
    background:#fff url("/static/image/smartphone/touch/common/bg_stripe001.gif?vb40907b2d6d540f2c858e445ed3ae0f4") repeat 0 -1px;
    padding:14px 15px 12px;
  }
  .gResponseBox02 .subContents{
    margin-top:10px;
  }
  .gResponseBox02 a{
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal, inherit);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal, inherit);
  }
  .gResponseBox02 p{
    line-height:1.25;
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 86%);
  }
  .gResponseBox02 p + p,
  .gResponseBox02 p + ul,
  .gResponseBox02 ul + p{
    padding-top:1em;
  }
  .gResponseBox02 p.messageMain{
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 93%);
  }
  .gResponseBox02 p.subNote{
    padding-top:0.45em;
  }
  .gResponseBox02 p strong:not([class]){
    color:#333;
  }
  .gResponseBox02 ul.subNote li{
    padding:0.4em 0 0 0.8em;
    line-height:1.25;
    background:url("/static/image/smartphone/touch/common/listmark001.gif?vb11c00521c93b6f9314db4dbb0c6b132") no-repeat 0.2em 0.8em;
  }
  .gResponseBox03{
    padding:10px;
    border-bottom:1px solid #edeae0;
    background-color:#fff;
    color:var(--MXVAR-BASE-COLOR--text-soft, #666);
  }
  .gResponseBox03.connective{
    padding-top:0;
  }
  .gResponseBox03.connective02{
    padding:10px 10px 0;
    color:var(--MXVAR-BASE-COLOR--text-soft, #666);
    border-bottom:none;
  }
  .gResponseBox03 h4{
    margin-top:0.8em;
    font-weight:bold;
    color:var(--MXVAR-BASE-COLOR--text-normal, #333);
  }
  .gResponseBox03 h4:first-child{
    margin-top:0;
  }
  .gResponseBox03 p{
    margin-top:0.6em;
  }
  .gResponseBox03 p.accentuation{
    margin-top:2.4em;
    margin-bottom:2.4em;
  }
  .gResponseBox03.subNote p{
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 83%);
  }
  .gResponseBox03.subNote a{
    -webkit-text-decoration:var(--MXVAR-COMPONENT-RESPONSE-BOX01-SUBNOTE--textDecoration, inherit);
            text-decoration:var(--MXVAR-COMPONENT-RESPONSE-BOX01-SUBNOTE--textDecoration, inherit);
  }
  .gResponseBox03 p:first-child{
    margin-top:0;
  }
  .gResponseBox03 h4 + p{
    margin-top:0.6em;
  }
  .gResponseBox03 ul.subNote{
    padding-top:0.4em;
  }
  .gResponseBox03 ul.subNote li{
    padding:0.4em 0 0 0.8em;
    line-height:1.25;
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 86%);
    background:url("/static/image/smartphone/touch/common/listmark001.gif?vb11c00521c93b6f9314db4dbb0c6b132") no-repeat 0.2em 0.8em;
  }
  .gResponseBox04 .contents{
    border-bottom:1px solid #ccc;
    background-color:#f2f2f0;
    padding:7px 5px 7px;
  }
  .gResponseBox04 p{
    text-align:center;
    color:#999;
    font-size:86%;
  }
  .gResponseBox05{
    padding:0 10px 10px;
    border-bottom:1px solid #ccc;
    background-color:#f2f2f0;
  }
  .gResponseBox05 .lMainNote{
    padding:10px 0 0;
    color:#333;
  }
  .gResponseBox05 .lMainNote p,
  .gResponseBox05 .lMainNote h2{
    font-weight:bold;
    text-indent:21px;
    background:url("/static/image/smartphone/touch/home2011/icon/alert002.gif?v697b8056e04c1cc438d47e88150cf2cd") no-repeat 0 0.2em;
  }
  .gResponseBox05 .lMainNote p:not(:first-child){
    background-image:none;
  }
  .gResponseBox05 .lSubNote{
    color:#4d4d4d;
  }
  .gResponseBox05 .lSubNote p,
  .gResponseBox05 .lSubNote h3{
    font-size:86%;
  }
  .gResponseBox05 .lSubNote h3{
    padding:10px 0 0;
    font-weight:bold;
  }
  .gBaseComponent01 .gResponseBox02,
  .gBaseComponent01 .FRAME2016_errorArea,
  .gBaseComponent01 .gResponseBox01{
    border-bottom:1px solid #edeae0;
  }
  .gBaseComponent01 .FRAME2016_errorArea.innerContents,
  .gBaseComponent01 .gResponseBox01.innerContents{
    border-bottom:none;
  }
  .gInnerAlert01 .contents{
    border-bottom:1px solid #edeae0;
    background:#fff url("/static/image/smartphone/touch/icon/alert003.gif?vd5375949bf8ef57596409546383981ad") no-repeat 10px calc(10px + var(--MXVAR-BASE-BLANK--extend-size-small, 0px));
    padding:12px 10px 10px 31px;
  }
  .gInnerAlert01.connective .contents{
    border-bottom:none;
  }
  .gInnerAlert01 p{
    padding-top:0.5em;
    line-height:1.25;
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 78%);
  }
  .gInnerAlert01 p:first-child{
    padding-top:0;
  }
  .lInputColumns01 .columnBody + .gInnerAlert01 .contents{
    padding-top:2px;
    border-bottom:none;
    background-position:10px 0;
  }
  .gSearchPanel01 li{
    display:inline-block;
  }
  .gSearchPanel01 .group,
  .gSearchPanel01 .condition{
    padding-right:0;
    text-align:left;
  }
  .gSearchPanel01 li > p{
    color:#666;
  }
  .gSearchPanel01 .groups select{
    width:300px;
    font-size:86%;
  }
  .gSearchPanel01 .condition select{
    width:125px;
    font-size:86%;
  }
  .gSearchPanel01 .parameter{
    text-align:right;
  }
  .gSearchPanel01 .parameter input[type="text"]{
    width:140px;
    padding-right:25px;
    background:url("/static/image/smartphone/touch/icon/search001.gif?v59c8cc7d6011590494194bd2947d0897") no-repeat 147px 50%;
    font-size:86%;
    text-align:left;
  }
  @media screen and (min-width: 479px){
    .gSearchPanel01 .parameter input[type="text"]{
      width:300px;
      background-position:307px 50%;
    }
  }
  .gSearchPanel01 .subNote{
    font-size:86%;
    color:#666;
  }
  .gSearchPanel01 .condition + .subNote{
    float:right;
    padding-top:0.3em;
  }
  .gSearchPanel01 .condition select{
    vertical-align:middle;
  }
  .gSearchPanel01 .flag{
    padding-left:10px;
  }
  .gSearchPanel01 .flag:first-child{
    padding-left:0;
  }
  .gSearchPanel01 .flag input[type="checkbox"] + label{
    padding:0 4px;
    color:#555;
    position:relative;
    top:-0.15em;
  }
  .gSearchPanel01 .search{
    padding-right:10px;
    margin-right:10px;
    border-right:1px solid #ccc;
  }
  .gSearchPanel01 .search .watchArea{
    width:130px;
    line-height:20px;
    font-size:12px;
    vertical-align:middle;
  }
  .gFootPanel{
    padding:15px 0;
    border-top:1px solid #edeae0;
    border-bottom:1px solid #edeae0;
    background:url("/static/image/smartphone/touch/common/bg_stripe001.gif?vb40907b2d6d540f2c858e445ed3ae0f4") repeat 0 0;
  }
  .gFootPanel.modeConfirm{
    border-top:none;
  }
  .gFootPanel p{
    padding:8px 10px 0;
    font-size:86%;
    color:#666;
  }
  .gFootPanel .ctrlButtons{
    padding:12px 0 0;
    text-align:center;
  }
  .gFootPanel .ctrlButtons + p:not([class]){
    padding-top:12px;
  }
  .gFootPanel div.ctrlButtons form{
    display:inline;
  }
  .gFootPanel div.ctrlButtons input[type="submit"],
  .gFootPanel div.ctrlButtons input[type="button"]{
    font-size:var(--MXVAR-BASE-FONT-SIZE--heading-small, 86%);
  }
  .gFootPanel .ctrlButtons.submitted{
    display:none;
  }
  .gFootPanel .lNowProcessing03,
  .gFootPanel .lNowProcessing02,
  .gFootPanel .lNowProcessing{
    padding-top:0;
    padding-bottom:0;
    border-bottom:none;
  }
  .gFootPanel .lNowProcessing03 .loading{
    height:2em;
  }
  .gFootPanel .ctrlButtons.notSubmittedYet + .lNowProcessing03,
  .gFootPanel .ctrlButtons.notSubmittedYet + .lNowProcessing02,
  .gFootPanel .ctrlButtons.notSubmittedYet + .lNowProcessing{
    display:none;
  }
  .gFootPanel ul.subNotes01{
    padding:0 10px;
  }
  .gFootPanel ul.subNotes01 li{
    padding:8px 0 0 10px;
    font-size:86%;
    background:url("/static/image/smartphone/touch/common/listmark001.gif?vb11c00521c93b6f9314db4dbb0c6b132") no-repeat 0.2em 1.2em;
  }
  .gFootPanel div:first-child,
  .gFootPanel p:first-child{
    padding-top:0;
  }
  .gFootPanel :where(:any-link:not([class])){
    -webkit-text-decoration:var(--MXVAR-COMPONENT-GFOOTPANEL--text-decoration-basic-any-link, var(--MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal, underline));
            text-decoration:var(--MXVAR-COMPONENT-GFOOTPANEL--text-decoration-basic-any-link, var(--MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal, underline));
  }
  .lInputColumns01 > li > .gFootPanel{
    border-top:none;
    border-bottom:none;
  }
  .gBtnMenu01{
    margin:0 10px 10px;
    border:1px solid #ccc;
    border-radius:7px;
  }
  .gBtnMenu01.innerContents{
    margin-top:10px;
  }
  .gBtnMenu01.innerContents01{
    margin:0;
  }
  .gBtnMenu01 li{
    position:relative;
    border-top:1px solid #edeae0;
  }
  .gBtnMenu01 li::after{
    content:"";
    position:absolute;
    right:10px;
    top:42%;
    display:inline-block;
    width:4px;
    height:4px;
    border-top:2px solid #888;
    border-right:2px solid #888;
    transform:rotate(45deg);
  }
  .gBtnMenu01 li:first-child{
    border-top:none;
  }
  .gBtnMenu01 li a{
    display:block;
    padding:8px 22px 7px 10px;
  }
  .gBtnMenu01 li a[class$="Icon"]{
    padding-left:29px;
    color:#333;
  }
  .gBtnMenu01 li a.profileIcon{
    background:url("/static/image/smartphone/touch/icon/profile003.gif?v91b571057da6c197a5e9581295bd8e0e") no-repeat 9px 10px;
  }
  .gBtnMenu01 li a.allDeleteIcon{
    background:url("/static/image/smartphone/touch/icon/message_trash001.gif?v4e250b0c99c7183e09a2e86c36953230") no-repeat 9px 9px;
  }
  .gStepDisplay01{
    border-bottom:1px solid #edeae0;
    background:#fff linear-gradient(to bottom, #f2f2f2 0%, #fff 100%);
  }
  .gStepDisplay01 .displayMain{
    padding:8px 10px;
    text-align:center;
  }
  .gStepDisplay01 .displayMain > h3,
  .gStepDisplay01 .displayMain > ul,
  .gStepDisplay01 .displayMain > ul > li{
    display:inline-block;
    text-align:center;
  }
  .gStepDisplay01 .displayMain > ul.steps > li{
    padding-left:17px;
    background:url("/static/image/smartphone/touch/icon/arrow015.gif?v831c46f17b8dfedd99019400fba2ab88") no-repeat 5px 45%;
  }
  .gStepDisplay01 .displayMain > ul.steps > li:first-child{
    padding-left:9px;
    background-image:none;
  }
  .gStepDisplay01 .displayMain > ul.steps > li > p{
    padding:0 8px;
    border:1px solid #666;
    border-radius:5px;
    background-color:#fff;
    color:#333;
  }
  .gStepDisplay01 .displayMain > ul.steps > li > p.current{
    background-color:#666;
    color:#fff;
  }
  .gHelpTooltip01{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:0;
    z-index:1000;
  }
  .gHelpTooltip01.top .lTooltipBody,
  .gHelpTooltip01 .lTooltipBody{
    position:absolute;
    left:0;
    border-bottom:1px solid #666;
    background-color:#e6e0cf;
    width:100%;
    padding:0 0 15px;
  }
  .gHelpTooltip01.top .lTooltipBody{
    top:0;
  }
  .gHelpTooltip01.bottom .lTooltipBody{
    bottom:0;
    border-top:1px solid #666;
    border-bottom:none;
  }
  .gHelpTooltip01 .lHeader{
    padding:8px 10px 0;
    color:#333;
  }
  .gHelpTooltip01 .lContents{
    padding:0 10px;
    color:#333;
    font-size:93%;
  }
  .gHelpTooltip01 .lFooter{
    padding:0 10px;
  }
  .gHelpTooltip01 h3{
    font-weight:bold;
  }
  .gHelpTooltip01 .lContents p{
    padding-top:6px;
  }
  .gHelpTooltip01 .closeBtn01{
    padding-top:15px;
    text-align:center;
  }
  .gHelpTooltip04{
    position:absolute;
    left:50%;
    width:auto;
    opacity:0.75;
    z-index:1010;
  }
  .gHelpTooltip04 .lTooltipBody{
    position:absolute;
    left:-110px;
    width:210px;
    margin:0 5px;
    border-radius:5px;
    box-shadow:0 0 5px #fff;
    background-color:#4a4a4a;
  }
  .gHelpTooltip04 .lHeader h3{
    display:none;
  }
  .gHelpTooltip04 .lTooltipBody .lContents{
    display:block;
    padding:8px 10px;
    color:#fff;
    font-size:100%;
  }
  .gHelpTooltip04 .lTooltipBody .close + .lContents{
    padding-top:16px;
  }
  .gHelpTooltip04 .lTooltipBody .lContents p{
    letter-spacing:-0.1em;
  }
  .gHelpTooltip04 .lTooltipBody .lContents ul + p,
  .gHelpTooltip04 .lTooltipBody .lContents p + p{
    padding-top:0.4em;
  }
  .gHelpTooltip04 .lTooltipBody .close{
    position:absolute;
    right:11px;
    top:7px;
  }
  .gHelpTooltip04 .lTooltipBody .close > a{
    display:block;
    width:7px;
    height:7px;
    background:url("/static/image/smartphone/touch/icon/close001.gif?va570c7b66d32f8b36f4610e441f30430") no-repeat 50% 50%;
    text-indent:-9999px;
    overflow:hidden;
  }
  .gHelpTooltip04 .lTooltipBody .cpListMark02{
    padding-left:16px;
  }
  .gHelpTooltip04 .lTooltipBody .cpListMark02 > li{
    list-style-position:outside;
    list-style-type:disc;
  }
  .gHelpTooltip04 .lTooltipBody .cpListMark02 p{
    margin-left:-6px;
    padding-left:0;
    background-image:none;
    color:inherit;
  }
  .gHelpTooltip04 .lTooltipBody .cpListMark02 + .cpImgBox01,
  .gHelpTooltip04 .lTooltipBody p + .cpImgBox01{
    padding-top:0.8em;
  }
  .gUtilitySearch01{
    padding:10px 10px;
    border-bottom:1px solid #e5e5e5;
  }
  .gUtilitySearch01 li + .submit{
    padding-left:0.5em;
  }
  .gUtilitySearch01 .submit{
    font-size:86%;
  }
  .gUtilitySearch01 select{
    height:28px;
  }
  .gUtilitySearch04{
    margin:10px 0;
    border:1px solid #ccc;
    border-right:none;
    border-left:none;
    background-color:#fafafa;
  }
  .gUtilitySearch04 form{
    display:inline;
  }
  .gUtilitySearch04 .lPanelMain{
    display:flex;
    padding:4px 5px 4px 0;
  }
  .gUtilitySearch04 .lPanelMain > p{
    margin:0 0 0 5px;
  }
  .gUtilitySearch04 .lCondition{
    order:10;
  }
  .gUtilitySearch04 .lKeyword{
    order:20;
    flex:1 auto;
  }
  .gUtilitySearch04 .lSubmit{
    order:99;
    width:calc(58px + (var(--MXVAR-BASE-BLANK--extend-size-normal, 0px) * 4));
  }
  .gUtilitySearch04 .lCondition{
    width:86px;
    padding:1px;
    border:1px solid #ccc;
    border-radius:2px;
    background-color:#fff;
  }
  .gUtilitySearch04 .lCondition > span{
    display:block;
    height:28px;
    background:url("/static/image/smartphone/touch/icon/arrow032.png?vdc5d80c6882c7b94500cc5883f67aeee") no-repeat 100% 50%, linear-gradient(to bottom, #fff 0%, #f2f2f1 100%);
    line-height:26px;
  }
  .gUtilitySearch04 .lCondition > span > select{
    appearance:none;
    box-sizing:border-box;
    display:block;
    width:100%;
    height:28px;
    padding:0 20px 0 0.2em;
    border:none;
    background-color:transparent;
    color:#4d4d4d;
    font-size:86%;
    overflow:hidden;
    white-space:nowrap;
  }
  .gUtilitySearch04 .lKeyword input{
    box-sizing:border-box;
    width:100%;
    height:32px;
    border-color:#ccc;
    border-radius:2px;
    font-size:max( var( --MXVAR-BASE-FONT-SIZE--heading-small, 86% ), 16px );
  }
  .gUtilitySearch04 .lSubmit input[type="submit"]{
    appearance:none;
    box-sizing:border-box;
    width:100%;
    height:32px;
    padding-left:16px;
    border:1px solid #c8cbcc;
    border-radius:2px;
    background:url("/static/image/smartphone/touch/icon/search003.png?v28abd80f04f9b5ba6370956c6ba2b0ba") no-repeat 4px 50%, linear-gradient(to bottom, #fff 0%, #f2f2f1 100%);
    color:#99b2bf;
    font-size:var(--MXVAR-BASE-FONT-SIZE--heading-small, 86%);
    font-weight:bold;
    text-align:center;
    line-height:26px;
  }
  .clickThroughBugBlocker{
    display:none;
  }
  .clickThroughBugBlockerParent > .LEGACY_UI2016_clickThroughBugBlockerParentChild,
  .LEGACY_UI2016_clickThroughBugBlockerParentChild{
    position:relative;
    z-index:1;
  }
  .clickThroughBugBlocker\$\$\$all{
    margin:0;
    padding:0;
    overflow:hidden;
    white-space:nowrap;
  }
  .clickThroughBugBlocker\$\$div{
    width:100%;
    height:25%;
  }
  a.clickThroughBugBlocker\$\$div\$\$a,
  .clickThroughBugBlocker\$\$div\$\$a{
    display:inline-block;
    width:10%;
    height:100%;
  }
  .reportLink01{
    margin:10px 10px 10px 0;
    padding:0;
    text-align:right;
  }
  .reportLink01 > .button{
    display:inline-block;
    padding:0 5px;
    line-height:22px;
    border:solid 1px #ccc;
    border-radius:4px;
    background:#fff linear-gradient(to bottom, #fff 0%, #edeae0 100%);
    color:#333;
    font-size:12px;
    text-align:center;
  }
  .gPhotoAndText01 .oneData{
    padding:10px 0 10px 10px;
    border-bottom:1px solid #edeae0;
  }
  .gPhotoAndText01.striped li:nth-of-type(2n-1){
    background-color:#f8f8f8;
  }
  .gPhotoAndText01.linkage .oneData{
    position:relative;
    padding-right:22px;
    overflow:hidden;
  }
  .gPhotoAndText01.linkage .oneData::after{
    content:"";
    position:absolute;
    right:12px;
    top:48%;
    display:inline-block;
    width:4px;
    height:4px;
    border-top:2px solid #258fb8;
    border-right:2px solid #258fb8;
    transform:rotate(45deg);
  }
  .gPhotoAndText01.withInput .oneData{
    padding-left:36px;
    position:relative;
  }
  .gPhotoAndText01 .oneData::after{
    content:"";
    display:block;
    clear:both;
  }
  .gPhotoAndText01 .oneData p.selectee{
    position:absolute;
    left:10px;
    top:10px;
  }
  .gPhotoAndText01 .oneData p.photo{
    float:left;
    width:48px;
  }
  .gPhotoAndText01 .oneData p.photo > a,
  .gPhotoAndText01 .oneData p.photo > span{
    display:table-cell;
    width:40px;
    height:40px;
    background-color:#fff;
    text-align:center;
    vertical-align:middle;
    border:4px solid #edeae0;
    border-radius:4px;
  }
  .gPhotoAndText01 .oneData p.photo > a > img,
  .gPhotoAndText01 .oneData p.photo > span > img,
  .gPhotoAndText01 .oneData p.log.withFeedImg .feedImg img{
    max-width:40px;
    max-height:40px;
    vertical-align:middle;
  }
  .gPhotoAndText01 .oneData p.photo > .userLink{
    border:none;
  }
  .gPhotoAndText01 .oneData p.photo > .userLink .userIcon{
    display:block;
    width:40px;
    height:40px;
    border-radius:50%;
    background-size:cover;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
  }
  .gPhotoAndText01 .oneData p.photo > a + em,
  .gPhotoAndText01 .oneData p.photo > span + em{
    margin-top:5px;
  }
  .gPhotoAndText01 .oneData .lFeedImgWide01{
    display:block;
    margin-top:3px;
  }
  .gPhotoAndText01 .oneData .lFeedImgWide01 a{
    display:inline-block;
    border:1px solid #e5e5e5;
  }
  .gPhotoAndText01 .oneData .lFeedImgWide01 img{
    display:block;
    margin:4px;
    max-width:238px;
    max-height:238px;
  }
  .gPhotoAndText01 .oneData .lFeedImgWide02{
    display:block;
    padding:5px 10px 0 0;
    text-align:center;
  }
  .gPhotoAndText01 .oneData .lFeedImgWide02 img{
    max-width:100%;
  }
  .gPhotoAndText01 .oneData p.relation,
  .gPhotoAndText01 .oneData p.name,
  .gPhotoAndText01 .oneData p.log,
  .gPhotoAndText01 .oneData p.commentPhoto{
    margin-left:48px;
    padding:2px 10px 0 6px;
    color:var(--MXVAR-BASE-COLOR--text-soft, #666);
  }
  .gPhotoAndText01 .oneData p.commentPhoto img{
    max-width:100%;
  }
  .gPhotoAndText01 .oneData p.name{
    color:var(--MXVAR-BASE-COLOR--text-normal, #333);
  }
  .gPhotoAndText01 .oneData p.name span.beginner{
    padding-right:12px;
    background:url("/static/image/smartphone/touch/icon/beginner002.png?v07b39263a254d1293656108937cc6dbf") no-repeat 100% 50%;
    background-size:8px auto;
  }
  .gPhotoAndText01 .oneData p.name .sub,
  .gPhotoAndText01 .oneData p.log .timestamp{
    display:block;
    color:var(--MXVAR-BASE-COLOR--text-softest, #999);
    font-size:86%;
  }
  .gPhotoAndText01 .oneData p.log .timestamp a{
    color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  }
  .gPhotoAndText01 .oneData p.log .twitterName{
    display:block;
    padding:3px 0 3px 16px;
    background:url("/static/image/smartphone/touch/home2011/icon/twitter001.png?veed0b9645bdaddc17fe307f8b2225fba") no-repeat 0 5px;
    color:var(--MXVAR-BASE-COLOR--text-softest, #999);
    font-size:86%;
  }
  .gPhotoAndText01 .oneData p.log .twitterName a{
    color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  }
  .gPhotoAndText01 .oneData p.log .nameBlank{
    padding:3px 0;
    background:transparent;
  }
  .gPhotoAndText01 .oneData p.log a[target="_blank"]{
    font-weight:normal;
    padding-right:15px;
    margin-right:2px;
    background:url("/static/image/smartphone/touch/home2011/icon/outlink001.gif?v9853d4d453a2e32039aeef2418bbcb70") no-repeat 100% 1px;
  }
  .gPhotoAndText01 .oneData p.log a.likeInternal,
  .gPhotoAndText01 .oneData p.log .lFeedImg a,
  .gPhotoAndText01 .oneData p.log .twitterName a,
  .gPhotoAndText01 .oneData p.log .lFeedImgWide01 a{
    padding-right:0;
    margin-right:0;
    background-image:none;
  }
  .gPhotoAndText01 .oneData p.log .relation{
    font-size:86%;
  }
  .gPhotoAndText01 .oneData p.log .relation a.company{
    padding:2px 0 2px 25px;
    background:url("/static/image/smartphone/touch/icon/company001.gif?v4df3deb6718c8e9272cb567fed53aa5c") no-repeat;
  }
  .gPhotoAndText01 .oneData ul.status{
    margin-left:48px;
    padding:2px 10px 0 6px;
  }
  .gPhotoAndText01 .oneData ul.status > li{
    display:inline-block;
    margin-left:10px;
    color:var(--MXVAR-BASE-COLOR--text-softest, #999);
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 86%);
  }
  .gPhotoAndText01 .oneData ul.status > li > span.thisIs{
    display:inline-block;
    text-indent:-9999px;
  }
  .gPhotoAndText01 .oneData ul.status > li:first-child{
    margin-left:0;
  }
  .gPhotoAndText01 .oneData ul.status > .members > span.thisIs{
    width:17px;
    background:url("/static/image/smartphone/touch/icon/community_member001.gif?v01b5228c38354eeca7ae47b29a4c587f") no-repeat 0 35%;
  }
  .gPhotoAndText01 .oneData ul.status > .likeit > span.thisIs{
    width:12px;
    background:url("/static/image/smartphone/touch/icon/state_markset001.gif?v0497458647422b7a3545f85145817331") no-repeat 0 50%;
  }
  .gPhotoAndText01 .oneData ul.status > .comments > span.thisIs{
    width:17px;
    background:url("/static/image/smartphone/touch/icon/state_markset001.gif?v0497458647422b7a3545f85145817331") no-repeat -200px 50%;
  }
  .gPhotoAndText01 .oneData ul.status > .likeit + .comments,
  .gPhotoAndText01 .oneData ul.status > .comments + .likeit{
    margin-left:7px;
  }
  .gPhotoAndText01 .oneData dl.property{
    margin-left:48px;
    padding:0.3em 10px 0.4em 6px;
  }
  .gPhotoAndText01 .oneData dl.property.setting{
    margin-left:0;
    padding:0.3em 10px 0.4em 6px;
  }
  .gPhotoAndText01 .oneData dl.property::after{
    content:"";
    display:block;
    clear:both;
  }
  .gPhotoAndText01 .oneData dl.property dt{
    float:left;
    padding:0.2em 0;
    width:4em;
    color:var(--MXVAR-BASE-COLOR--text-soft, #666);
    line-height:1.1;
  }
  .gPhotoAndText01 .oneData dl.property dd{
    margin-left:4em;
    padding:0.2em 0;
    color:var(--MXVAR-BASE-COLOR--text-normal, #333);
    line-height:1.1;
  }
  .gPhotoAndText01 .oneData p.twitterName{
    margin:0 0 0 52px;
    padding:2px 0 0 16px;
    background:url("/static/image/smartphone/touch/home2011/icon/twitter001.png?veed0b9645bdaddc17fe307f8b2225fba") no-repeat 0 4px;
    color:var(--MXVAR-BASE-COLOR--text-softest, #999);
    font-size:86%;
    text-align:left;
    white-space:nowrap;
  }
  .gPhotoAndText01 .oneData p.twitterName a{
    color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  }
  .gPhotoAndText01 .oneData ul.subPanel{
    margin-left:48px;
    padding:2px 10px 0 6px;
  }
  .gPhotoAndText01 .oneData ul.subPanel > li{
    display:inline-block;
    padding:0 8px;
    border-left:1px solid #ccc;
    color:var(--MXVAR-BASE-COLOR--text-softest, #999);
    font-size:86%;
    line-height:1;
  }
  .gPhotoAndText01 .oneData ul.subPanel > li:first-child{
    padding-left:0;
    border-left:none;
  }
  .gPhotoAndText01 .oneData ul.subPanel > li:last-child{
    padding-right:0;
  }
  .gPhotoAndText01 .oneData ul.subPanel > .viewLevel{
    display:block;
    padding:0.4em 0 0;
    border-left:none;
  }
  .gPhotoAndText01 .oneData ul.subPanel a.delete{
    padding-left:12px;
    background:url("/static/image/smartphone/touch/icon/close002.gif?v68ab39e904b54414b4f1a4da3297e7c0") no-repeat 0 50%;
  }
  .gPhotoAndText01 .oneData ul.subPanel .timestamp a{
    color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  }
  .gPhotoAndText01.noPhoto > .oneData > dl.property,
  .gPhotoAndText01.noPhoto > .oneData > p,
  .gPhotoAndText01.noPhoto > .oneData > ul{
    margin-left:0;
    padding-left:0;
  }
  .gPhotoAndText01 .lInputForm{
    padding-right:10px;
    font-size:86%;
  }
  .gPhotoAndText01 .lInputForm p.photo,
  .gPhotoAndText01 .lInputForm p.submit,
  .gPhotoAndText01 .lInputForm .subNotes{
    display:none;
  }
  .gPhotoAndText01 .lInputForm.opened p.photo,
  .gPhotoAndText01 .lInputForm.opened p.submit,
  .gPhotoAndText01 .lInputForm.opened .subNotes{
    display:block;
  }
  .gPhotoAndText01 .lInputForm.opened p.input,
  .gPhotoAndText01 .lInputForm.opened p.submit{
    margin-left:58px;
  }
  .gPhotoAndText01 .lInputForm textarea{
    width:290px;
    height:5em;
  }
  .gPhotoAndText01 .lInputForm.opened textarea{
    width:97%;
  }
  @media screen and (min-width: 470px){
    .gPhotoAndText01 .lInputForm textarea{
      width:450px;
      height:3.5em;
    }
    .gPhotoAndText01 .lInputForm.opened textarea{
      width:393px;
    }
  }
  .gPhotoAndText01 .lInputForm p.submit{
    padding-top:8px;
    text-align:right;
  }
  .gPhotoAndText01 .lInputForm .subNotes{
    color:var(--MXVAR-BASE-COLOR--text-soft, #666);
    margin-left:58px;
  }
  .gPhotoAndText01 .lInputForm .subNotes a{
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal, none);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal, none);
  }
  .gPhotoAndText01 .lInputForm .subNotes p,
  .gPhotoAndText01 .lInputForm .subNotes > ul > li{
    padding-top:0.7em;
  }
  .gPhotoAndText01 .lInputForm .subNotes > ul > li{
    padding-left:0.8em;
    background:url("/static/image/smartphone/touch/common/listmark001.gif?vb11c00521c93b6f9314db4dbb0c6b132") no-repeat 0.2em 1.2em;
  }
  .gTextWithFeed01::after{
    content:"";
    display:block;
    clear:both;
  }
  .gTextWithFeed01 .lFeedImg{
    float:left;
    display:table-cell;
    width:76px;
    height:76px;
    margin:0 10px 0.5em 0;
    padding:1px;
    border:1px solid #ccc;
    background-color:#fff;
    text-align:center;
    vertical-align:middle;
  }
  .gTextWithFeed01 .timestamp{
    clear:left;
  }
  .gTitle01 li{
    padding:8px 22px 7px 10px;
    background:url("/static/image/smartphone/touch/icon/arrow005.gif?v966d4adc0ab6e07bc3cab8bb41714a1b") no-repeat 100% 50%;
    border-bottom:1px solid #edeae0;
  }
  .gTitle01.striped li:nth-of-type(2n-1){
    background-color:#f8f8f8;
  }
  .gTitle01 li a{
    margin-right:4px;
  }
  .gTitle02 li{
    background:url("/static/image/smartphone/touch/icon/arrow005.gif?v966d4adc0ab6e07bc3cab8bb41714a1b") no-repeat 100% 50%;
    border-bottom:1px solid #edeae0;
  }
  .gTitle02 li a{
    display:block;
    padding:8px 22px 7px 10px;
  }
  .gTitle02.inlineLink li{
    background-image:none;
    padding:8px 10px 7px;
  }
  .gTitle02.inlineLink li a{
    display:inline;
    padding:0;
  }
  .gTitle02.striped li:nth-of-type(2n-1){
    background-color:#f8f8f8;
  }
  .gEditForm01 .gTitle02 li.quoteNews{
    border-bottom:none;
  }
  .gDateAndTitleWithName01 li{
    padding:8px 22px 8px 0;
    background:url("/static/image/smartphone/touch/icon/arrow005.gif?v966d4adc0ab6e07bc3cab8bb41714a1b") no-repeat 100% 50%;
    border-bottom:1px solid #edeae0;
  }
  .gDateAndTitleWithName01.striped li:nth-of-type(2n-1){
    background-color:#f8f8f8;
  }
  .gDateAndTitleWithName01.logList li{
    padding-right:10px;
    background-image:none;
  }
  .gDateAndTitleWithName01 li::after{
    content:"";
    display:block;
    clear:both;
  }
  .gDateAndTitleWithName01 p.date{
    display:block;
    float:left;
    padding:0 0 0 10px;
    width:7.7em;
    font-size:86%;
    color:#666;
  }
  .gDateAndTitleWithName01.diary li p.date,
  .gDateAndTitleWithName01 li.diary p.date{
    padding-left:27px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/diary001.gif?v1867a7e3c3fdcbd014e29cb67352dd71") no-repeat 10px 0.2em;
  }
  .gDateAndTitleWithName01.comment li p.date,
  .gDateAndTitleWithName01 li.comment p.date{
    padding-left:27px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/comment001.gif?v30215eb1f3c5322020fcfee26aa45ece") no-repeat 9px 0.2em;
  }
  .gDateAndTitleWithName01.photo li p.date,
  .gDateAndTitleWithName01 li.photo p.date{
    padding-left:27px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/photo001.gif?v30395e5a309a8d5b31299af1ecb22a66") no-repeat 11px 0.1em;
  }
  .gDateAndTitleWithName01.photoComment li p.date,
  .gDateAndTitleWithName01 li.photoComment p.date{
    padding-left:28px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/photo_comment001.gif?v4b42f80c78d4c262589ed206ff6844aa") no-repeat 9px 0.1em;
  }
  .gDateAndTitleWithName01.calendar li p.date,
  .gDateAndTitleWithName01 li.calendar p.date{
    padding-left:27px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/calendar001.gif?v788cf39b62c148120a14ae8a900eb87b") no-repeat 10px 0;
  }
  .gDateAndTitleWithName01.calendarComment li p.date,
  .gDateAndTitleWithName01 li.calendarComment p.date{
    padding-left:28px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/schedule_comment001.gif?vb0b5a4823938045e6f63d8846195abd7") no-repeat 10px 0;
  }
  .gDateAndTitleWithName01.bbs li p.date,
  .gDateAndTitleWithName01 li.bbs p.date{
    padding-left:27px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/community_topic001.gif?vb6298b7bc6e088f48ae46a027c6e55b9") no-repeat 9px 0.1em;
  }
  .gDateAndTitleWithName01.event li p.date,
  .gDateAndTitleWithName01 li.event p.date{
    padding-left:27px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/community_event001.gif?v55df956a66834ffdaf6c1b887c5a48af") no-repeat 11px 0.1em;
  }
  .gDateAndTitleWithName01.enquete li p.date,
  .gDateAndTitleWithName01 li.enquete p.date{
    padding-left:27px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/community_enquete001.gif?v363f434409bf9745399d8f3b14bb0685") no-repeat 11px 0.1em;
  }
  .gDateAndTitleWithName01.announcement li p.date,
  .gDateAndTitleWithName01 li.announcement p.date{
    padding-left:27px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/announce001.png?vff34b0567f6a11f0ac65b2808d9a9550") no-repeat 9px 0.1em;
  }
  .gDateAndTitleWithName01.voice li p.date,
  .gDateAndTitleWithName01 li.voice p.date{
    padding-left:27px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/voice001.gif?vc7da12d1fa6541f4205e524a518484e3") no-repeat 9px 0;
  }
  .gDateAndTitleWithName01.community_voice li p.date,
  .gDateAndTitleWithName01 li.community_voice p.date{
    padding-left:27px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/community_voice001.png?vca2cf2cf9bc0710dc0c63d60f2f7077c") no-repeat 9px 0.1em;
    background-size:13px 13px;
  }
  .gDateAndTitleWithName01.like li p.date,
  .gDateAndTitleWithName01 li.like p.date,
  .gDateAndTitleWithName01.mixicheck li p.date,
  .gDateAndTitleWithName01 li.mixicheck p.date{
    padding-left:27px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/mixicheck002.gif?vf8408c2cd6e3ac0d131f1c5b4ffd6352") no-repeat 7px 0;
  }
  .gDateAndTitleWithName01.profile li p.date,
  .gDateAndTitleWithName01 li.profile p.date{
    padding-left:27px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/profile003.gif?v91b571057da6c197a5e9581295bd8e0e") no-repeat 7px 0;
  }
  .gDateAndTitleWithName01.mall li p.date,
  .gDateAndTitleWithName01 li.mall p.date{
    padding-left:27px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/mall001.gif?v485f515b62785a7bc507eb28d9d29dc0") no-repeat 7px 0;
  }
  .gDateAndTitleWithName01.appli li p.date,
  .gDateAndTitleWithName01 li.appli p.date{
    padding-left:27px;
    width:4.4em;
    background:url("/static/image/smartphone/touch/icon/appli001.gif?v466b4a1361caf53e8c14022fe0b16c4b") no-repeat 7px 0;
  }
  .gDateAndTitleWithName01.review li p.date,
  .gDateAndTitleWithName01 li.review p.date{
    width:4.4em;
    padding-left:27px;
    background:url("/static/image/smartphone/touch/icon/review002.png?v74e179aca8d61392665b459e3edbaf30") 7px 0 no-repeat;
  }
  .gDateAndTitleWithName01 p.item{
    margin-left:7.9em;
    padding:0 0 0 16px;
    background:url("/static/image/smartphone/touch/icon/leader001.gif?v6980e0a49eada8499d476c906d6eaecc") no-repeat 0 0.5em;
    font-size:93%;
  }
  .gDateAndTitleWithName01.diary li p.item,
  .gDateAndTitleWithName01.comment li p.item,
  .gDateAndTitleWithName01.photo li p.item,
  .gDateAndTitleWithName01.photoComment li p.item,
  .gDateAndTitleWithName01.calendar li p.item,
  .gDateAndTitleWithName01.calendarComment li p.item,
  .gDateAndTitleWithName01.bbs li p.item,
  .gDateAndTitleWithName01.event li p.item,
  .gDateAndTitleWithName01.enquete li p.item,
  .gDateAndTitleWithName01 li[class] p.item{
    margin-left:6.5em;
  }
  .gDateAndTitleWithName01.dateYYYYMMDDW p.date{
    width:5.9em;
  }
  .gDateAndTitleWithName01.dateYYYYMMDDW p.item{
    margin-left:6.1em;
  }
  .gDateAndTitleWithName01.dateMMDD p.date{
    width:5.2em;
  }
  .gDateAndTitleWithName01.dateMMDD p.item{
    margin-left:5.4em;
  }
  .gInstanceOutline01 > li,
  .gDiaryOutline01 > li{
    padding:10px;
    border-bottom:1px solid #edeae2;
  }
  .gInstanceOutline01 p.selectCheck,
  .gDiaryOutline01 p.selectCheck{
    float:left;
    width:20px;
    text-align:left;
  }
  .gInstanceOutline01 p.selectCheck + .outlineMain,
  .gDiaryOutline01 p.selectCheck + .outlineMain{
    margin-left:28px;
  }
  .gInstanceOutline01 .outlineMain::after,
  .gDiaryOutline01 .outlineMain::after{
    content:"";
    display:block;
    clear:both;
  }
  .gInstanceOutline01 .outlineMain .topImage01{
    display:block;
    float:left;
    width:80px;
    margin:0 10px 4px 0;
  }
  .gInstanceOutline01 .outlineMain .topImage01 > span,
  .gInstanceOutline01 .outlineMain .topImage01 > a{
    display:table-cell;
    width:78px;
    height:78px;
    background-color:#fff;
    text-align:center;
    vertical-align:middle;
    border:1px solid #ccc;
  }
  .gInstanceOutline01 .outlineMain .topImage01 > span > img,
  .gInstanceOutline01 .outlineMain .topImage01 > a > img{
    vertical-align:middle;
  }
  .gInstanceOutline01 .outlineMain .title01,
  .gDiaryOutline01 .outlineMain .title01{
    font-size:107%;
    font-weight:bold;
  }
  .gInstanceOutline01 .outlineMain .headline01,
  .gDiaryOutline01 .outlineMain .headline01{
    padding-bottom:calc(var(--MXVAR-BASE-BLANK--extend-size-normal, 0px) * 1.6);
    font-size:var(--MXVAR-BASE-FONT-SIZE--normal, 93%);
  }
  .gInstanceOutline01 .outlineMain .timestamp,
  .gDiaryOutline01 .outlineMain .timestamp{
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 86%);
    color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  }
  .gInstanceOutline01 .outlineMain ul.status > li{
    display:inline-block;
    margin-left:10px;
    color:var(--MXVAR-BASE-COLOR--text-softest, #999);
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 86%);
  }
  .gInstanceOutline01 .outlineMain ul.status > li:first-child{
    margin-left:0;
  }
  .gInstanceOutline01 .outlineMain ul.status > .serviceLabel{
    display:block;
    margin-left:0;
    padding-top:0.5em;
    padding-bottom:0.5em;
  }
  .gInstanceOutline01 .outlineMain ul.status > .serviceLabel p{
    min-height:16px;
    line-height:16px;
  }
  .gInstanceOutline01 .outlineMain ul.status > .serviceLabel .appliName01{
    display:inline-block;
    min-height:16px;
    line-height:16px;
    margin-left:0;
    background-position:0 0;
    color:inherit;
  }
  .gInstanceOutline01 .outlineMain ul.status > li > span.thisIs{
    display:inline-block;
    text-indent:-9999px;
  }
  .gInstanceOutline01 .outlineMain ul.status > .likeit > span.thisIs{
    width:12px;
    background:url("/static/image/smartphone/touch/icon/state_markset001.gif?v0497458647422b7a3545f85145817331") no-repeat 0 50%;
  }
  .gInstanceOutline01 .outlineMain ul.status > .comments > span.thisIs{
    width:17px;
    background:url("/static/image/smartphone/touch/icon/state_markset001.gif?v0497458647422b7a3545f85145817331") no-repeat -200px 50%;
  }
  .gInstanceOutline01 .outlineMain .detail01,
  .gDiaryOutline01 .outlineMain .detail01{
    font-size:93%;
    color:#666;
  }
  .gInstanceOutline01 .outlineMain .handNote01,
  .gDiaryOutline01 .outlineMain .handNote01{
    font-size:93%;
    color:#666;
    padding-top:0.4em;
  }
  .gInstanceOutline01 .outlineMain .subLink01,
  .gDiaryOutline01 .outlineMain .subLink01{
    font-size:86%;
  }
  .gInstanceOutline01 .outlineMain .subLink01 a.updated,
  .gDiaryOutline01 .outlineMain .subLink01 a.updated{
    font-weight:bold;
  }
  .gInstanceOutline01 .outlineMain ul.subLink01 > li,
  .gDiaryOutline01 .outlineMain ul.subLink01 > li{
    display:inline;
    padding:0;
    border:none;
  }
  .gInstanceOutline01 .outlineMain ul.subLink01 > li + li,
  .gDiaryOutline01 .outlineMain ul.subLink01 > li + li{
    padding-left:1em;
  }
  .gInstanceOutline01 .outlineMain .footLink01,
  .gDiaryOutline01 .outlineMain .footLink01{
    float:right;
    text-align:right;
    padding-top:4px;
    font-size:86%;
  }
  .gInstanceOutline01 .outlineMain .footLink01 span,
  .gDiaryOutline01 .outlineMain .footLink01 span,
  .gInstanceOutline01 .outlineMain .footLink01 a,
  .gDiaryOutline01 .outlineMain .footLink01 a{
    display:inline-block;
    border-left:1px dotted #ccc;
    padding-left:25px;
    padding-right:10px;
  }
  .gInstanceOutline01 .outlineMain .footLink01 span:first-child,
  .gDiaryOutline01 .outlineMain .footLink01 span:first-child,
  .gInstanceOutline01 .outlineMain .footLink01 a:first-child,
  .gDiaryOutline01 .outlineMain .footLink01 a:first-child{
    border-left:none;
  }
  .gInstanceOutline01 .outlineMain .footLink01 span:last-child,
  .gDiaryOutline01 .outlineMain .footLink01 span:last-child,
  .gInstanceOutline01 .outlineMain .footLink01 a:last-child,
  .gDiaryOutline01 .outlineMain .footLink01 a:last-child{
    border-left:1px dotted #ccc;
    padding-right:0;
  }
  .gInstanceOutline01 .outlineMain a.forDiary,
  .gInstanceOutline01 .outlineMain a.forEdit,
  .gDiaryOutline01 .outlineMain a.forEdit{
    background:url("/static/image/smartphone/touch/icon/diary001.gif?v1867a7e3c3fdcbd014e29cb67352dd71") no-repeat 10px 40%;
  }
  .gInstanceOutline01 .outlineMain a.forDelete,
  .gDiaryOutline01 .outlineMain a.forDelete{
    background:url("/static/image/smartphone/touch/icon/trashcan001.gif?vaa272bc207a67ba52f9a657f1f2b6605") no-repeat 7px 25%;
  }
  .gInstanceOutline01 .outlineMain a.forComment,
  .gDiaryOutline01 .outlineMain a.forComment{
    background:url("/static/image/smartphone/touch/icon/reply002.gif?v56dc43825cb0adf8422b1d332e167e9c") no-repeat 10px 25%;
    padding-left:34px;
  }
  .gInstanceOutline01 .outlineMain a.edit{
    background:url("/static/image/smartphone/touch/icon/arrow001.png?vecb230c70af3edb06af67d524884e466") no-repeat 10px 25%;
    padding-left:30px;
  }
  .gInstanceOutline01 .outlineMain a.likeIt{
    background:url("/static/image/smartphone/touch/icon/like001.gif?v349a0f2364e01a8cc66c24db0f61c1df") no-repeat 10px 0;
    padding-left:27px;
  }
  .gInstanceOutline01 .outlineMain a.check{
    width:58px;
    background:url("/img/basic/mixicheck_entry/bt_check_1.gif") no-repeat 10px 0;
    padding-left:10px;
    text-indent:-9999px;
    text-align:left;
    min-height:18px;
  }
  .gInstanceOutline01 .outlineMain .footLink01 span.likeIt{
    background:url("/static/image/smartphone/touch/icon/like_done001.gif?v5ac5dbb1c37251e203309881cd140a83") no-repeat 10px 0;
    padding-left:27px;
    color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  }
  .gInstanceOutline01 .outlineMain .footLinkButton01{
    clear:right;
    text-align:right;
    padding-top:4px;
    font-size:86%;
  }
  .gInstanceOutline01 .outlineMain .footLink01 + .footLinkButton01{
    padding-top:1.2em;
  }
  .gInstanceOutline01 .outlineMain .footLinkButton01 > li{
    display:inline;
    text-align:right;
  }
  .gInstanceOutline01 .outlineMain .footLinkButton01 > li + li{
    padding-left:1em;
  }
  .gInstanceOutline01 .outlineMain .footLinkButton01 > li:first-child{
    padding-left:0;
  }
  .gInstanceOutline01 .outlineMain .footLinkButton01 > li .subNote{
    width:100%;
    padding-top:1em;
    color:#666;
    text-align:left;
  }
  .gInstanceOutline01 .outlineMain .footLinkButton01 > li .subNote + .subNote{
    padding-top:0;
  }
  .gInstanceOutline01 .outlineMain .footLinkButton01 > li img{
    vertical-align:bottom;
  }
  .gInstanceOutline01 .outlineMain .areaIcon{
    padding-bottom:2px;
  }
  .gDiaryOutline01 .outlineMain .areaIcon{
    padding-top:2px;
    width:90px;
  }
  .gInstanceOutline01 .outlineMain .areaIcon img,
  .gDiaryOutline01 .outlineMain .areaIcon img{
    vertical-align:bottom;
  }
  .gInstanceDetail01 .headNote{
    border-top:1px dotted #ccc;
    position:relative;
    left:0;
  }
  .gInstanceDetail01 .headNote p{
    padding:3px 10px 2px;
    font-size:79%;
  }
  .gInstanceDetail01 .headNote .targetList01{
    width:122px;
    border:1px solid #999;
    padding:2px 10px 10px;
    background-color:#fff;
    position:absolute;
    left:0;
    top:100%;
    z-index:1000;
  }
  .gInstanceDetail01 .headNote .targetList01 li{
    padding-top:7px;
    font-size:86%;
  }
  .gInstanceDetail01 .detailMain{
    border-top:1px dotted #ccc;
    padding:10px 0 0;
    overflow:hidden;
    color:#666;
  }
  .gMessageOutline01 li{
    padding:10px;
    border-bottom:1px solid #edeae2;
  }
  .gMessageOutline01 li.newItem{
    background-color:#fffaf2;
  }
  .gMessageOutline01 p.selectCheck{
    float:left;
    width:20px;
    text-align:left;
  }
  .gMessageOutline01 p.selectCheck + .outlineMain{
    margin-left:28px;
  }
  .gMessageOutline01 p.photo{
    float:left;
    text-align:left;
  }
  .gMessageOutline01 p.photo > a,
  .gMessageOutline01 p.photo > img,
  .gMessageOutline01 p.photo > span{
    display:table-cell;
    width:40px;
    height:40px;
    background-color:#fff;
    text-align:center;
    vertical-align:middle;
    border:2px solid #edeae0;
    border-radius:4px;
  }
  .gMessageOutline01 p.photo > a > img,
  .gMessageOutline01 p.photo > span > img{
    vertical-align:middle;
  }
  .gMessageOutline01 p.photo + .outlineMain{
    margin-left:54px;
  }
  .gMessageOutline01 p.photo > .userLink{
    border:none;
  }
  .gMessageOutline01 p.photo > .userLink .userIcon{
    display:block;
    width:40px;
    height:40px;
    border-radius:50%;
    background-size:cover;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
  }
  .gMessageOutline01 p.photo > .userLink .userIcon.group{
    border:solid 1px #edeae0;
  }
  .gMessageOutline01 .outlineMain::after{
    content:"";
    display:block;
    clear:both;
  }
  .gMessageOutline01 .outlineMain .label01{
    padding:2px 0;
    font-size:93%;
  }
  .gMessageOutline01 .label01.new{
    padding-left:20px;
    background:url("/static/image/smartphone/touch/icon/message002.gif?vf3cebc1fb5740eb3c857040ad399ef21") no-repeat 0 4px;
  }
  .gMessageOutline01 .label01.opened{
    padding-left:20px;
    background:url("/static/image/smartphone/touch/icon/message_opened001.gif?v4aadd20c38ba30955d778d9e2c3e118d") no-repeat 0 0;
  }
  .gMessageOutline01 .label01.replied{
    padding-left:20px;
    background:url("/static/image/smartphone/touch/icon/message_replied001.gif?vf8ffcf7fdd319d6af1d57b500f77e6c3") no-repeat 0 0;
  }
  .gMessageOutline01 .label01 .status{
    display:inline-block;
    text-indent:-9999px;
    width:1px;
  }
  .gMessageOutline01 .label01 .name{
    padding-right:4px;
  }
  .gMessageOutline01 .outlineMain .headline01{
    font-size:93%;
  }
  .gMessageOutline01 .outlineMain .nickname{
    color:var(--MXVAR-BASE-COLOR--text-soft, #999);
    padding-right:4px;
  }
  .gMessageOutline01 .outlineMain .timestamp{
    font-size:86%;
    color:var(--MXVAR-BASE-COLOR--text-soft, #999);
  }
  .gMessageOutline01 .outlineMain .footLink01{
    float:right;
    text-align:right;
    padding-top:4px;
    font-size:86%;
  }
  .gMessageOutline01 .outlineMain .footLink01 a{
    display:inline-block;
    border-left:1px dotted #ccc;
    padding-left:32px;
  }
  .gMessageOutline01 .outlineMain a.forDelete{
    background:url("/static/image/smartphone/touch/icon/trashcan001.gif?vaa272bc207a67ba52f9a657f1f2b6605") no-repeat 7px 25%;
  }
  .gMessageOutline01 .outlineMain a.forReply{
    background:url("/static/image/smartphone/touch/icon/message_reply001.gif?v1c14063ea4d2a0c7234523e27374c8ea") no-repeat 11px 35%;
  }
  .gArticleOutline01{
    border-bottom:1px solid #edeae0;
  }
  .gArticleOutline01 .lArticleOutline{
    padding:10px;
  }
  .gArticleOutline01 .lArticleOutline .title01{
    font-size:107%;
    font-weight:bold;
  }
  .gArticleOutline01 .lArticleOutline .timestamp,
  .gArticleOutline01 .lArticleOutline .sub{
    font-size:86%;
    color:#999;
  }
  .gArticleOutline01 .lArticleDetail{
    padding:0 10px 10px;
  }
  .gArticleOutline01 .lArticleDetail .detailMain{
    border-top:1px dotted #ccc;
    padding:10px 0 0;
    font-size:93%;
    overflow:hidden;
  }
  .gArticleOutline01 .lArticleDetail .checkButton{
    padding-top:5px;
    text-align:right;
  }
  .gMymixiList01{
    border-bottom:1px solid #edeae0;
  }
  .gMymixiList01\$\$\$table{
    width:100%;
    border-collapse:collapse;
  }
  .gMymixiList01_instance,
  .gMymixiList01\$\$\$table\$\$\$tr\$\$\$td{
    border-top:1px solid #edeae0;
    border-left:1px solid #edeae0;
    margin:1px;
    width:32%;
    overflow:hidden;
    vertical-align:top;
    padding:0 3px 3px;
    background-repeat:no-repeat;
    background-position:3px 3px;
  }
  .gMymixiList01\$\$\$table\$\$\$tr:first-child .gMymixiList01_instance{
    border-top:none;
  }
  .gMymixiList01_instance:first-child{
    border-left:none;
  }
  .gMymixiList01_instance.selected{
    background:#f2f2f2 url("/static/image/smartphone/touch/icon/checked001.gif?v07772de4420e7c80737e4e803269fde7") no-repeat 3px 3px;
  }
  .gMymixiList01_instance.invalid .gMymixiList01__display{
    opacity:0.5;
  }
  .gMymixiList01_instance.propertyState01,
  .gMymixiList01_instance.accessState01{
    background-color:#fff;
  }
  .gMymixiList01_instance.accessState02{
    background-color:#ffeecc;
  }
  .gMymixiList01_instance.accessState03{
    background-color:#ffd8a7;
  }
  .gMymixiList01_instance.propertyState02{
    background-color:#f2f2f2;
  }
  .gMymixiList01_instance.selectState01{
    background-color:#fff;
  }
  .gMymixiList01_instance.selectState02{
    background-color:#f2f2f2;
  }
  a.gMymixiList01__display,
  .gMymixiList01__display{
    color:#666;
    display:block;
    text-align:center;
    font-size:93%;
  }
  p.gMymixiList01__display{
    font-size:79%;
  }
  a.gMymixiList01__display{
    -webkit-tap-highlight-color:transparent;
  }
  .selectState01 > a.gMymixiList01__display,
  .selectState02 > a.gMymixiList01__display{
    position:relative;
  }
  .selectState01 > a.gMymixiList01__display::before,
  .selectState02 > a.gMymixiList01__display::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:14px;
    height:14px;
    border:1px solid #ccc;
    border-radius:7px;
  }
  .selectState02 > a.gMymixiList01__display::before{
    background-color:#ccc;
  }
  .selectState02 > a.gMymixiList01__display::after{
    position:absolute;
    top:2px;
    left:5px;
    content:"";
    display:block;
    width:4px;
    height:7px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(40deg);
  }
  .gMymixiList01__display.state{
    font-size:86%;
  }
  .gMymixiList01_instance_image,
  .gMymixiList01_instance_name,
  .gMymixiList01_instance_title,
  .gMymixiList01_instance_control{
    display:block;
    padding:3px 0 0;
    text-align:center;
    color:#333;
  }
  .gMymixiList01_instance_name{
    display:table-cell;
    width:100px;
    border:0;
    margin:0;
    height:2.8em;
    text-align:center;
    vertical-align:middle;
  }
  @media screen and (min-width: 321px){
    .gMymixiList01_instance_name{
      width:160px;
    }
  }
  .gMymixiList01_instance_name span.beginnerIcon{
    display:inline-block;
    width:8px;
    padding-left:4px;
    background:url("/static/image/smartphone/touch/icon/beginner002.png?v07b39263a254d1293656108937cc6dbf") no-repeat 100% 50%;
    background-size:8px auto;
    text-indent:-9999px;
    overflow:hidden;
  }
  .gMymixiList01_instance_name .newAccount{
    padding-left:5px;
    text-align:left;
    vertical-align:-0.3em;
  }
  p.gMymixiList01_instance_control{
    font-size:117%;
  }
  p.gMymixiList01_instance_control.edit a{
    padding-left:14px;
    background:url("/static/image/smartphone/touch/icon/edit001.gif?vbaedb7569346506100a2aebc762fe8f6") no-repeat 0 35%;
  }
  .gMymixiList01_instance_image img{
    vertical-align:bottom;
    border:4px solid #edeae0;
    border-radius:4px;
  }
  .gMymixiList01_instance_image img[src*=".gif"]{
    background:#fff;
  }
  .gMymixiList01_instance.selected .gMymixiList01_instance_image img{
    border:4px solid #ccc;
    border-radius:4px;
  }
  .gMymixiList01_instance_thumbnail{
    display:block;
    margin:3px auto 0;
    width:40px;
    border:4px solid #edeae0;
    border-radius:4px;
  }
  .propertyState02 .gMymixiList01_instance_thumbnail{
    border-color:#ccc;
  }
  .gMymixiList01_instance_thumbnail\$\$\$mark{
    display:table-cell;
    width:40px;
    height:40px;
    text-align:center;
    vertical-align:middle;
    overflow:hidden;
  }
  .gMymixiList01_instance_thumbnail\$\$\$mark\$\$\$img{
    vertical-align:middle;
  }
  .gMymixiList01_instance_subMenu{
    padding:10px 0;
    text-align:center;
  }
  .gMymixiList01_instance_subMenu\$\$\$li{
    display:inline-block;
    border-left:1px dotted #ccc;
  }
  .gMymixiList01_instance_subMenu\$\$\$li:first-child{
    border-left:none;
  }
  .gMymixiList01_instance_subMenu a.editSetting{
    display:block;
    width:2.2em;
    padding:0 6px 0 24px;
    text-align:center;
    background:transparent url("/static/image/smartphone/touch/icon/edit001.gif?vbaedb7569346506100a2aebc762fe8f6") no-repeat 10px 35%;
    font-size:93%;
  }
  .gMymixiList01_instance_subMenu a.sendMessage{
    display:block;
    width:37px;
    background:transparent url("/static/image/smartphone/touch/icon/message_send001.gif?v0b47afdf3b8e3c0e538f7ad9f342c3e8") no-repeat 50% 50%;
    text-indent:-9999px;
  }
  .gMymixiList01_instance_subMenu a.remove{
    display:block;
    width:2.2em;
    padding:0 6px 0 24px;
    text-align:center;
    background:transparent url("/static/image/smartphone/touch/icon/arrow012.gif?v37c1b0aa4ac526754886ee9659a172d4") no-repeat 10px 35%;
    font-size:93%;
  }
  .gMymixiList01__lJoinIt\$\$a\$\$span{
    display:block;
    width:71px;
    height:20px;
    background:url("/static/image/smartphone/touch/button/join002.gif?vdce6f2f99c1812d9c0915e627920d0ce") no-repeat 0 0;
    background-size:71px auto;
    text-indent:-9999px;
  }
  .waitingForApproval > .gMymixiList01__lJoinIt\$\$a\$\$span{
    background-position:0 50%;
  }
  .registered > .gMymixiList01__lJoinIt\$\$a\$\$span{
    background-position:0 100%;
  }
  .gMymixiList01\$\$\$table--withPanel{
    display:block;
    width:100%;
  }
  .gMymixiList01\$\$\$table--withPanel .gMymixiList01\$\$\$table\$\$\$tr{
    display:flex;
    flex-direction:row;
    align-items:stretch;
    height:100%;
  }
  .gMymixiList01\$\$\$table--withPanel .gMymixiList01_instance{
    display:flex;
    box-sizing:border-box;
    flex-direction:column;
    flex:1 auto;
    width:33.333%;
    margin:0;
    padding:8px 3px;
  }
  .gMymixiList01\$\$\$table--withPanel .gMymixiList01_instance > .gMymixiList01__display:first-child{
    flex:1 auto;
    padding-bottom:8px;
  }
  .gMymixiList01\$\$\$table--withPanel .gMymixiList01_instance > .gMymixiList01__display:only-child{
    padding-bottom:0;
  }
  .gMymixiList01\$\$\$table--withPanel .gMymixiList01_instance_thumbnail\$\$\$mark\$\$\$img{
    max-width:40px;
    max-height:40px;
  }
  .gMymixiList01\$\$\$table--withPanel .gMymixiList01_instance_property\$\$\$dt{
    display:none;
  }
  .gMymixiList01\$\$\$table--withPanel .gMymixiList01_instance_property\$\$\$dd\$\$\$p{
    color:#999;
  }
  .gMymixiList01\$\$\$table--withPanel .gMymixiList01__register{
    line-height:1;
  }
  .gMymixiList01\$\$\$table--withPanel .property + .gMymixiList01__register{
    margin-top:5px;
  }
  .gMymixiList01\$\$\$table--withPanel .gMymixiList01__register\$\$a{
    display:inline-block;
  }
  .cSubNoteDisplay01{
    padding:0 10px;
    background-color:#f2f2f2;
    border-bottom:1px solid #edeae0;
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 86%);
    color:var(--MXVAR-BASE-COLOR--text-soft, #666);
  }
  .cSubNoteDisplay01 .lSignList li{
    padding:3px 0 2px;
  }
  .cSubNoteDisplay01 .lSignList.floating li{
    display:inline-block;
    padding-left:10px;
  }
  .cSubNoteDisplay01 .lSignList.floating li:first-child{
    padding-left:0;
  }
  .cSubNoteDisplay01 a{
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal, unset);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal, unset);
  }
  .cSubNoteDisplay01 > ul,
  .cSubNoteDisplay01 > div{
    padding:10px 0;
    background:url("/static/image/smartphone/touch/common/dotline003.gif?vd032211f4105eb991edbca338f60a272") repeat-x 0 0;
  }
  .cSubNoteDisplay01 > ul:first-child,
  .cSubNoteDisplay01 > div:first-child{
    background-image:none;
  }
  .cDocumentDisplay01 > li,
  .cIntroDisplay01 > li{
    border-bottom:1px solid #e1e1e1;
  }
  .cDocumentDisplay01 .textHead,
  .cIntroDisplay01 .introHead{
    padding:5px 10px 4px;
    background:#fffaf2 url("/static/image/smartphone/touch/common/dotline004.gif?v1b0c57b6c4533713b0ce3cf6aeaff1cf") repeat-x 0% 100%;
    color:#333;
  }
  .cDocumentDisplay01 .textHead h3,
  .cDocumentDisplay01 .textHead h4,
  .cIntroDisplay01 .introHead h3,
  .cIntroDisplay01 .introHead h4{
    font-weight:bold;
  }
  .cDocumentDisplay01 .textBody,
  .cIntroDisplay01 .introBody{
    padding:0;
    background-color:#fff;
  }
  .cDocumentDisplay01 .textBody > p,
  .cIntroDisplay01 .introBody p.intro{
    padding:8px 10px 7px;
  }
  .cIntroDisplay01 .introBody p.mainLink{
    text-align:center;
    padding:10px 0 10px;
  }
  .cDocumentDisplay01 .textBody > p + .cpSimpleTable01,
  .cIntroDisplay01 .introBody p.intro + p.mainLink{
    padding-top:0;
  }
  .cDocumentDisplay01 .textBody .cpSimpleTable01 .cpSimpleTable01{
    padding:4px 0 0;
  }
  .cIntroDisplay01 .introBody p.mainLink a > img{
    vertical-align:bottom;
  }
  .cDocumentDisplay01 .textBody .sign{
    text-align:right;
  }
  .cDocumentDisplay01 p.cpListMark01,
  .cDocumentDisplay01 div.cpListMark01,
  .cDocumentDisplay01 ul.cpListMark01{
    padding:0 10px 7px;
  }
  .cDocumentDisplay01 p.cpListMark01:first-child,
  .cDocumentDisplay01 div.cpListMark01:first-child,
  .cDocumentDisplay01 ul.cpListMark01:first-child{
    padding-top:6px;
  }
  .cDocumentDisplay01 ul.cpListMark01 > li{
    padding-top:0.6em;
  }
  .cDocumentDisplay01 ul.cpListMark01 > li:first-child{
    padding-top:0;
  }
  .cDocumentDisplay01 p.cpListMark01,
  .cDocumentDisplay01 div.cpListMark01 > p,
  .cDocumentDisplay01 ul.cpListMark01 > li > p{
    color:#666;
    font-size:86%;
  }
  .cDocumentDisplay01 p.gPagetopLink{
    padding:0.6em 10px 0.5em;
  }
  .lInputColumns01 > li{
    border-bottom:1px solid #e1e1e1;
  }
  .lInputColumns01 > li.subContents{
    padding:0;
    border-bottom:none;
  }
  .lInputColumns01 .columnHead{
    padding:5px 10px 4px;
    background:#fffaf2 url("/static/image/smartphone/touch/common/dotline004.gif?v1b0c57b6c4533713b0ce3cf6aeaff1cf") repeat-x 0% 100%;
  }
  .lInputColumns01 .columnHead.noDisplay{
    display:none;
  }
  .lInputColumns01 h4{
    font-weight:bold;
    font-size:93%;
  }
  .lInputColumns01 h4 .subNote01,
  .lInputColumns01 h4 ~ .subNote02{
    font-weight:normal;
    font-size:93%;
    color:#666;
  }
  .lInputColumns01 h4 ~ .subNote02{
    display:block;
  }
  .lInputColumns01 .columnBody{
    padding:0 10px 13px;
    background-color:#fff;
  }
  .lInputColumns01.modeConfirm .columnBody{
    padding-bottom:10px;
  }
  .lInputColumns01 .columnBody .subNote{
    font-size:92%;
  }
  .lInputColumns01 .columnBody > p.notice01:first-child,
  .lInputColumns01 .columnBody > .lPlainText,
  .lInputColumns01 .columnBody > p{
    color:#666;
    padding-top:10px;
  }
  .lInputColumns01.modeConfirm .columnBody > p{
    color:#333;
  }
  .lInputColumns01.modeConfirm .columnBody .subNote02,
  .lInputColumns01.modeConfirm .columnBody > h5 + p{
    color:#666;
  }
  .lInputColumns01 .columnBody > p.notice01 + p,
  .lInputColumns01 .columnBody > p.notice01 + h5,
  .lInputColumns01 .columnBody > p.seemlessParag{
    padding-top:0;
  }
  .lInputColumns01 .columnBody > p.notice01{
    padding-top:15px;
  }
  .lInputColumns01 .columnBody h5{
    padding-top:8px;
    font-weight:bold;
  }
  .lInputColumns01 .columnBody h5 + .lPlainText,
  .lInputColumns01 .columnBody h5 + p{
    padding-top:4px;
  }
  .lInputColumns01 .columnBody > p + h5{
    padding-top:15px;
  }
  .lInputColumns01 .columnBody li > h5:first-child{
    padding-top:0;
  }
  .gEditForm01 .lInputColumns01 .columnBody p.partition01{
    margin-top:5px;
    padding-top:5px;
    border-top:dotted 1px #ddd;
  }
  .lInputColumns01 .lTargetsHandler{
    padding-left:0.7em;
    position:relative;
  }
  .lInputColumns01 .lTargetsHandler input{
    position:relative;
    padding:0.4em 0 0.2em;
  }
  .gEditForm01 .lFootPanel{
    border-top:none;
  }
  .gEditForm01 .lTxtEditTools{
    line-height:1;
  }
  .gEditForm01 .lTxtEditTools a{
    display:inline-block;
    margin:10px 10px 0 0;
  }
  .gEditForm01 .lTxtEditTools img{
    vertical-align:bottom;
  }
  .gEditForm01 .lSubNotes01 li{
    padding-top:0.7em;
    font-size:86%;
    color:#666;
  }
  .gEditForm01 p.quoteInfo{
    font-size:86%;
  }
  .gEditForm01 .cTargetEdit01{
    border-bottom:none;
  }
  .gEditForm01 .cTargetEdit02{
    border-bottom:none;
  }
  .cTargetEdit01 .columnBody{
    padding:0;
  }
  .cTargetEdit01 .state{
    padding:10px;
    border-bottom:1px solid #edeae0;
    color:#666;
  }
  .cTargetEdit01 .state .param{
    padding-left:0.8em;
  }
  .cTargetEdit01 .lEditTarget01 > li{
    padding:10px;
  }
  .cTargetEdit02 .columnBody{
    padding:0;
  }
  .cTargetEdit02 p.state{
    padding:10px 10px 11px;
    background:#fffaf2 url("/static/image/smartphone/touch/common/dotline004.gif?v1b0c57b6c4533713b0ce3cf6aeaff1cf") repeat-x 0% 100%;
    font-weight:bold;
    color:#333;
  }
  .cTargetEdit02 p.state:last-child{
    padding-bottom:10px;
    background-image:none;
  }
  .cTargetEdit02 p.state .param{
    padding-left:0.8em;
  }
  .cTargetEdit02 .lEditTarget01 > li{
    padding:10px;
  }
  .cParallel2Inputs01 .cpMarkFormSet02 li{
    padding-left:10px;
    vertical-align:top;
  }
  .cParallel2Inputs01 .cpMarkFormSet02 li:first-child{
    padding-left:0;
  }
  .cParallel2Inputs01 .cpMarkFormSet02 li{
    width:145px;
  }
  .cParallel2Inputs01 .cpMarkFormSet02 li input.cpText00{
    width:95%;
  }
  @media screen and (min-width: 480px){
    .cParallel2Inputs01 .cpMarkFormSet02 li{
      width:225px;
    }
  }
  .cParallel2Inputs01 > span{
    display:inline;
    padding-left:1em;
  }
  .cParallel2Inputs01 > span:first-child{
    padding-left:0;
  }
  p.cCombinationForms01 + p.cCombinationForms01{
    padding-top:4px;
  }
  .cCombinationForms01 > select{
    width:35%;
  }
  .cCombinationForms01 > input[type="text"]{
    width:58%;
  }
  .contentsHeader01{
    position:relative;
    height:38px;
    line-height:38px;
    overflow:hidden;
    padding:0 10px;
    border-top:2px solid #e0c074;
    background:#fff;
    color:#333;
    font-size:var(--MXVAR-BASE-FONT-SIZE--heading-small, 14px);
  }
  .contentsHeader01 .title01{
    font-weight:bold;
  }
  .contentsHeader01 .title02{
    padding-left:22px;
    font-weight:bold;
  }
  .contentsHeader01 small{
    margin-left:5px;
    color:var(--MXVAR-BASE-COLOR--text-softest, #999);
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 12px);
  }
  .contentsHeader01 small span{
    color:#f00;
  }
  .contentsHeader01 .topicDiary{
    background:url("/static/image/smartphone/touch/icon/diary003.png?vcc534d64ca3089d74bd6970f15c341fd") 0 50% no-repeat;
    background-size:14px 15px;
  }
  .contentsHeader01 .recentDiary{
    background:url("/static/image/smartphone/touch/icon/diary004.png?v299184cc12f8198d565eea94919ae736") 0 50% no-repeat;
    background-size:14px 15px;
  }
  .contentsHeader02{
    padding:8px 10px;
    border-top:1px solid #ccc;
    background:#fafafa;
    color:#333;
    font-size:var(--MXVAR-BASE-FONT-SIZE--heading-small, 14px);
  }
  .contentsHeader02 .title01{
    padding-left:10px;
    border-left:2px solid #e0c074;
    font-weight:bold;
  }
  .contentsHeader02 .title02{
    padding-left:22px;
    font-weight:bold;
  }
  .contentsHeader02 small{
    margin-left:5px;
    color:#999;
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 12px);
  }
  .contentsHeader02 small span{
    color:#f00;
  }
  .contentsHeader03{
    padding:5px 10px;
    border-top:1px solid #ccc;
    background:#eee;
    color:var(--MXVAR-BASE-COLOR--text-soft, #666);
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 12px);
  }
  .contentsHeader03 .title01{
    font-weight:bold;
  }
  .contentsHeader03 small{
    margin-left:5px;
    color:var(--MXVAR-BASE-COLOR--text-softest, #999);
    font-size:var(--MXVAR-BASE-FONT-SIZE--minimum, 10px);
  }
  .contentsHeader03 small span{
    color:#f00;
  }
  .popupView01{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
    z-index:8200;
    overflow-y:scroll;
  }
  .popupArea01{
    border-radius:3px;
    background:#fff;
    position:absolute;
    margin:auto;
    inset:0 0 0 0;
    width:270px;
  }
  .popupArea01.login{
    height:max-content;
    font-size:var(--MXVAR-BASE-FONT-SIZE--absolute-small, inherit);
  }
  .popupArea01.share,
  .popupArea01.feedSetting{
    height:275px;
  }
  .popupArea01.join{
    height:234px;
  }
  .popupArea01 .loginArea p{
    margin:0 16px;
    color:#666;
    text-align:center;
  }
  .popupArea01 .loginArea p.title{
    padding:10px 0;
    font-weight:bold;
  }
  .popupArea01 .loginArea p.img{
    margin-bottom:8px;
    line-height:1em;
  }
  .popupArea01 .loginArea p.txt{
    height:54px;
    padding-top:40px;
    font-weight:bold;
    font-size:var(--MXVAR-BASE-FONT-SIZE--absolute-small, 120%);
  }
  .popupArea01 .loginArea p.btn.login{
    margin-top:10px;
  }
  .popupArea01 .loginArea p.link{
    margin:12px 0;
  }
  .popupArea01 .loginArea p.btn{
    margin:0 10px;
  }
  .popupArea01 .loginArea p.btn a{
    display:block;
    width:100%;
    padding:10px 0;
    border:0;
    border-radius:4px;
    color:#fff;
    font-size:var(--MXVAR-BASE-FONT-SIZE--absolute-normal, 134%);
    font-weight:bold;
    text-align:center;
  }
  .popupArea01 .loginArea p.btn.login a{
    background-color:#cfa34c;
  }
  .popupArea01 .loginArea p.btn.register{
    margin:0;
    padding:10px;
    border-top:solid 1px #ccc;
  }
  .popupArea01 .loginArea p.btn.register a{
    background-color:#e67e22;
  }
  .popupArea01 .loginArea p.btn.register a span{
    font-size:88%;
  }
  .popupArea01 .loginArea .closeLayer{
    position:absolute;
    margin:0;
    top:10px;
    right:8px;
  }
  .popupArea01 .closeLayer{
    position:absolute;
    top:10px;
    right:8px;
  }
  .popupArea01 .viewCommunityArea .attention{
    padding:15px 15px 12px 15px;
    border-bottom:1px solid #ccc;
    text-align:center;
  }
  .popupArea01 .viewCommunityArea .communityBlock{
    margin:15px;
  }
  .popupArea01 .viewCommunityArea div p.thumb{
    float:left;
    border:1px solid #cdcdcd;
  }
  .popupArea01 .viewCommunityArea div p.thumb img{
    max-width:76px;
    max-height:76px;
  }
  .popupArea01 .viewCommunityArea .comnnunityTitle01{
    float:right;
    width:155px;
  }
  .popupArea01 .viewCommunityArea .comnnunityTitle01 .communityTitle{
    margin-bottom:10px;
    font-weight:bold;
  }
  .popupArea01 .viewCommunityArea .selectcheck01{
    font-size:86%;
  }
  .popupArea01 .viewCommunityArea .selectcheck01 li{
    margin-bottom:10px;
  }
  .popupArea01 .viewCommunityArea .selectcheck01 li:last-child{
    margin-bottom:0;
  }
  .popupArea01 .viewCommunityArea .selectcheck01 input{
    vertical-align:middle;
  }
  .popupArea01 .shareArea{
    padding:30px 0;
  }
  .popupArea01 .feedSettingArea{
    padding:30px 0 0;
  }
  .popupArea01 .titleElement01{
    padding:8px 0;
    font-size:16px;
    text-align:center;
    color:#333;
  }
  .popupArea01 .communityBlock::after{
    display:block;
    clear:both;
    content:"";
  }
  .popupArea01 .bottomArea01{
    padding:15px 0;
    border-top:1px solid #ccc;
    border-radius:0 0 3px 3px;
    background:#f7f7f7;
  }
  .popupArea01 .btnArea01{
    width:240px;
    margin:0 15px 0 15px;
  }
  .popupArea01 .btnArea01 li:first-child{
    float:left;
    margin-right:15px;
  }
  .popupArea01 .btnArea01 li input{
    width:112px;
    padding:10px;
    border:none;
    border-radius:3px;
    appearance:none;
    font-size:86%;
    font-weight:bold;
  }
  .popupArea01 .btnArea01::after{
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
    content:".";
  }
  .popupArea01 .submitBtn01{
    background:#cfa34c;
    color:#fff;
  }
  .popupArea01 .submitBtn02{
    background:#d0d0d0;
  }
  .listUnit01 li a.linkColor{
    color:var(--MXVAR-BASE-COLOR--text-link, #258fb8);
  }
  .listUnit01 li a.notice{
    color:#ed7f5e;
  }
  .listUnit01 li .strong{
    font-weight:bold;
  }
  .listUnit01 .icon{
    padding-left:20px;
  }
  .listUnit01 .list01{
    height:24px;
    line-height:24px;
    padding:calc(10px + var(--MXVAR-BASE-BLANK--extend-size-normal, 0px));
    border-top:1px solid #ccc;
    background:#fff;
  }
  .listUnit01 .list01 > a{
    display:block;
    position:relative;
    margin:calc(-1 * (10px + var(--MXVAR-BASE-BLANK--extend-size-normal, 0px)));
    padding:calc(10px + var(--MXVAR-BASE-BLANK--extend-size-normal, 0px)) 15px calc(10px + var(--MXVAR-BASE-BLANK--extend-size-normal, 0px)) 10px;
    color:#333;
  }
  .listUnit01 .list01 > a::after{
    position:absolute;
    right:6px;
    top:0;
    bottom:0;
    width:4px;
    height:4px;
    margin:auto;
    border-top:2px solid #ccc;
    border-right:2px solid #ccc;
    transform:rotate(45deg);
    content:"";
  }
  .listUnit01 .list01 .inline{
    display:inline;
    margin:0;
    padding:0;
  }
  .listUnit01 .list01 .inline::after{
    content:none;
  }
  .listUnit01 .list02{
    border-top:1px solid #ccc;
    background:#fff;
  }
  .listUnit01 .list02 > a{
    display:block;
    position:relative;
    height:24px;
    line-height:24px;
    padding:calc(10px + var(--MXVAR-BASE-BLANK--extend-size-normal, 0px)) 20px calc(10px + var(--MXVAR-BASE-BLANK--extend-size-normal, 0px)) 10px;
    color:var(--MXVAR-BASE-COLOR--text-normal, #333);
    text-align:right;
  }
  .listUnit01 .list02 > a::after{
    position:absolute;
    right:6px;
    top:0;
    bottom:0;
    width:4px;
    height:4px;
    margin:auto;
    border-top:2px solid #ccc;
    border-right:2px solid #ccc;
    transform:rotate(45deg);
    content:"";
  }
  .listUnit01 .list03{
    border-top:1px solid #ccc;
    background:#fff;
  }
  .listUnit01 .list03 > a{
    display:block;
    height:24px;
    line-height:24px;
    padding:10px;
    color:#333;
    text-align:center;
  }
  .listUnit01 .list04{
    border-top:1px solid #ccc;
    background:#fff;
  }
  .listUnit01 .list04 > div{
    display:block;
    position:relative;
    height:24px;
    line-height:24px;
    padding:10px 30px 10px 10px;
    color:#333;
  }
  .listUnit01 .list04 > div::after{
    position:absolute;
    right:10px;
    top:0;
    bottom:0;
    width:16px;
    height:16px;
    margin:auto;
    background:url("/static/image/smartphone/touch/icon/arrow050.png?va2ce22202f517266665ed449cfc87c01") no-repeat 0 0;
    background-size:16px auto;
    content:"";
  }
  .listUnit01 .list04 > div.close::after{
    transform:rotate(180deg);
  }
  .tab01{
    display:flex;
    width:100%;
    border-top:1px solid #ccc;
    background:#f7f7f7;
  }
  .tab01 .tab{
    width:100%;
    flex:1 auto;
    flex-grow:1;
  }
  .tab01 .tab a{
    display:block;
    height:48px;
    line-height:24px;
    padding-top:13px;
    color:#666;
    text-align:center;
    box-sizing:border-box;
  }
  .tab01 .tab.current a{
    color:#333;
    font-weight:bold;
    border-bottom:4px solid #cfa34a;
  }
  .tab01 .tab a span{
    display:block;
    border-right:1px solid #ccc;
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 12px);
    box-sizing:border-box;
  }
  .tab01 .tab:last-child a span{
    border:none;
  }
  button.btnType01,
  input.btnType01,
  a.btnType01,
  .btnType01{
    border:none;
    background:var(--MXVAR-LIMITED-BACKGROUND-COLOR--accentColor, #cfa34c);
    color:#fff;
  }
  button.btnType02,
  input.btnType02,
  a.btnType02,
  .btnType02{
    border:1px solid var(--MXVAR-LIMITED-BORDER-COLOR--accentColor, #cfa34c);
    background:#fff;
    color:var(--MXVAR-LIMITED-COLOR--accentColor, #cfa34c);
  }
  button.btnType03,
  input.btnType03,
  a.btnType03,
  .btnType03{
    border:none;
    background:#f53e3e;
    color:#fff;
  }
  button.btnType04,
  input.btnType04,
  a.btnType04,
  .btnType04{
    border:none;
    background:#d0d0d0;
    color:#666;
  }
  button.btnType05,
  input.btnType05,
  a.btnType05,
  .btnType05{
    border:none;
    background:#e8e8e8;
    color:#999;
  }
  button.button01,
  input.button01,
  span.button01,
  a.button01{
    display:block;
    width:100%;
    height:44px;
    line-height:44px;
    padding:0 10px;
    border-radius:4px;
    font-size:var(--MXVAR-BASE-FONT-SIZE--normal, 14px);
    font-family:inherit;
    text-align:center;
    vertical-align:middle;
    appearance:none;
    box-sizing:border-box;
    cursor:pointer;
  }
  .button01.disabled,
  .button01:disabled{
    opacity:0.5;
    pointer-events:none;
  }
  .buttonList{
    display:flex;
  }
  .buttonList .list{
    width:50%;
    flex:1 auto;
    flex-grow:1;
  }
  .buttonList .list:nth-child(n + 2){
    margin-left:10px;
  }
  button.button02,
  input.button02,
  span.button02,
  a.button02{
    display:inline-block;
    height:44px;
    line-height:44px;
    padding:0 15px;
    border-radius:4px;
    font-size:14px;
    font-family:inherit;
    text-align:center;
    vertical-align:middle;
    appearance:none;
    box-sizing:border-box;
    cursor:pointer;
  }
  .button02.disabled,
  .button02:disabled{
    opacity:0.5;
    pointer-events:none;
  }
  .alertBox01{
    padding:13px 15px 12px;
    border:1px solid #cdc4a7;
    background:#f6f3e8;
    border-radius:4px;
    color:#666;
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 12px);
  }
  .alertBox01 p + p{
    margin-top:0.7em;
  }
  .alertBox01.caution{
    border:1px solid #ffcb02;
    background:#fff6d1;
    color:#666;
  }
  .alertBox01.caution .text{
    padding-left:20px;
    background:url("/static/image/smartphone/touch/icon/alert008.png?v0e69e2f29715088a1471d6a5f5695dba") no-repeat 0 0;
    background-size:16px auto;
  }
  .alertBox01.error{
    border:1px solid #faa1a1;
    background:#fadadd;
    color:var(--MXVAR-BASE-COLOR--text-alert, #f00);
  }
  .alertBox01.error .text{
    padding-left:20px;
    background:url("/static/image/smartphone/touch/icon/alert007.png?vd7e67901099b38914674dac8c6de1183") no-repeat 0 0;
    background-size:15px auto;
  }
  .noContents01{
    background:#fff;
    color:#999;
    font-size:16px;
    text-align:center;
  }
  .noContents01 .mixi{
    padding-top:55px;
    background:url("/static/image/smartphone/touch/icon/mixi006.png?v7f7dc5a1954d3158247cd53e3bed0156") no-repeat 50% 0;
    background-size:51px auto;
  }
  .noContents01 .event{
    padding-top:55px;
    position:relative;
  }
  .noContents01 .event::before{
    display:block;
    content:"\f034";
    font-family:"mixiIcon";
    color:#bcbcbc;
    font-size:60px;
    position:absolute;
    top:-20px;
    right:0;
    left:0;
    margin:0 auto;
    line-height:1em;
  }
  .COMMON_popupLayer01{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
    z-index:8200;
    overflow-y:scroll;
  }
  .COMMON_popupLayer01__contentsArea{
    border-radius:3px;
    background:#fff;
    position:absolute;
    margin:auto;
    inset:0 0 0 0;
    width:270px;
  }
  .COMMON_popupLayer01__title01{
    text-align:center;
    padding:0 0 10px;
    font-size:116%;
  }
  .COMMON_popupLayer01__attention01{
    width:90%;
    margin:0 auto 20px;
    box-sizing:border-box;
    padding-left:22px;
    position:relative;
    color:#666;
    display:inline-block;
    display:block;
  }
  .COMMON_popupLayer01__attention01::before{
    content:"\f044";
    color:inherit;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-family:'mixiIcon';
  }
  .COMMON_popupLayer01__attention01::before{
    position:absolute;
    top:-2px;
    left:0;
    color:#ccc;
    font-size:18px;
  }
  .COMMON_popupLayer01__closeArea{
    position:absolute;
    top:10px;
    right:8px;
  }
  .COMMON_popupLayer01__registryTelNum{
    height:max-content;
  }
  .COMMON_popupLayer01__attentionPanel01{
    height:190px;
    padding:35px 20px 0;
    box-sizing:border-box;
  }
  .COMMON_registryTelNumber01{
    padding:20px 25px 0;
  }
  .COMMON_registryTelNumber01--inPopup{
    padding:20px 10px;
  }
  .COMMON_registryTelNumber01__title{
    text-align:center;
    font-size:var(--MXVAR-BASE-FONT-SIZE--heading-normal, 128%);
    margin-bottom:10px;
    color:var(--MXVAR-BASE-COLOR--text-soft, #646464);
  }
  .COMMON_registryTelNumber01__note{
    font-size:var(--MXVAR-BASE-FONT-SIZE--minimum, 78%);
    color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  }
  .COMMON_registryTelNumber01__note :any-link{
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal, none);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal, none);
  }
  .COMMON_registryTelNumber01__img{
    text-align:center;
    margin:14px 0 12px;
  }
  .COMMON_registryTelNumber01__info{
    text-align:center;
    font-size:var(--MXVAR-BASE-FONT-SIZE--normal, inherit);
    font-weight:bold;
    color:#d0a444;
    margin-bottom:18px;
  }
  .COMMON_registryTelNumber01__butttonArea{
    margin-bottom:10px;
  }
  .COMMON_registryTelNumber01__buttton,
  .COMMON_registryTelNumber01__buttton:link,
  .COMMON_registryTelNumber01__buttton:visited,
  input[type="button"].COMMON_registryTelNumber01__buttton,
  input[type="submit"].COMMON_registryTelNumber01__buttton{
    display:block;
    box-sizing:border-box;
    width:100%;
    padding:11px 10px 10px;
    border:0;
    border-radius:4px;
    background:#cfa34c;
    text-align:center;
    font-size:16px;
    font-weight:700;
    color:var(--MXVAR-BASE-COLOR--inverse-text-normal, #fff);
    appearance:none;
  }
  .FRAME2016_mainDisplay:has( .COMMONDOC_headerNavSwitch__switch[aria-expanded="true"] ) .gPersonalNavigation,
  .FRAME2016_mainDisplay:has( .COMMONDOC_headerNavSwitch__switch[aria-expanded="true"] ) .FRAME2016_mainArea,
  .FRAME2016_mainDisplay:has( .COMMONDOC_headerNavSwitch__switch[aria-expanded="true"] ) ~ .FRAME2016_footDisplay,
  .FRAME2016_mainDisplay:has( .COMMONDOC_headerNavSwitch__switch[aria-expanded="true"] ) .COMMONDOC_headerNav_covering{
    display:none;
  }
  .COMMONDOC_headerNav{
    margin:0;
    border-top:var(--MXVAR-COMPONENT-NAVIMENU-BORDER-TOP--top-of-content, none);
    border-bottom:solid 10px #e8e8e8;
    background-color:var(--MXVAR-BASE-BACKGROUND-COLOR--base-normal, #fff);
    display:none;
  }
  .headerSection:has( .COMMONDOC_headerNavSwitch__switch[aria-expanded="true"] ) ~ .COMMONDOC_headerNav,
  .COMMONDOC_headerNavFulcrum:has( .COMMONDOC_headerNavSwitch__switch[aria-expanded="true"] ) .COMMONDOC_headerNav{
    display:block;
  }
  .COMMONDOC_headerNavFulcrum--withShade:has( .COMMONDOC_headerNavSwitch__switch[aria-expanded="true"] ) .COMMONDOC_headerNav{
    --MXVAR-COMPONENT-NAVIMENU-BORDER-TOP--top-of-content:1px solid #ccc;
    display:block;
  }
  :where( .COMMONDOC_headerNav){
    --MXVAR-COMPONENT-NAVIMENU-COLOR--lightBG:#666;
    --MXVAR-COMPONENT-NAVIMENU-COLOR--darkBG:#636363;
    --MXVAR-COMPONENT-NAVIMENU-COLOR--invertBG:#fff;
    --MXVAR-COMPONENT-NAVIMENU-BACKGROUND-COLOR--lightBG:#fff;
    --MXVAR-COMPONENT-NAVIMENU-BACKGROUND-COLOR--darkBG:#e1e0df;
    --MXVAR-COMPONENT-NAVIMENU-BACKGROUND-COLOR--invertBG:#747370;
    --MXVAR-COMPONENT-NAVIMENU-FONT-SIZE--outOfNecessity-11px:var(--MXVAR-BASE-FONT-SIZE--minimum, 12px);
    --MXVAR-COMPONENT-NAVIMENU-FONT-SIZE--outOfNecessity-10px:var(--MXVAR-BASE-FONT-SIZE--minimum, 12px);
  }
  @media screen and (max-width: 359.98px){
    :where( .COMMONDOC_headerNav){
      --MXVAR-COMPONENT-NAVIMENU-FONT-SIZE--outOfNecessity-11px:11px;
      --MXVAR-COMPONENT-NAVIMENU-FONT-SIZE--outOfNecessity-10px:10px;
    }
  }
  .COMMONDOC_headerNav_heading{
    padding:9px 10px 7px;
    border-bottom:1px solid #ccc;
    background:linear-gradient(to bottom, #fff 0%, #e6e6e6 100%);
    color:var(--MXVAR-BASE-COLOR--text-soft, #666);
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 12px);
  }
  .COMMONDOC_headerNav_userInfo{
    height:128px;
    padding:10px 2px 0 10px;
    background:linear-gradient(to bottom, var(--MXVAR-COMPONENT-NAVIMENU-BACKGROUND-COLOR--darkBG, #e1e0df) 0%, var(--MXVAR-COMPONENT-NAVIMENU-BACKGROUND-COLOR--darkBG, #e1e0df) 72px, var(--MXVAR-COMPONENT-NAVIMENU-BACKGROUND-COLOR--invertBG, #9c9b98) 72px, var(--MXVAR-COMPONENT-NAVIMENU-BACKGROUND-COLOR--invertBG, #9c9b98) 100%);
    background-repeat:repeat-x;
    background-size:auto 138px;
  }
  .COMMONDOC_headerNav_userThumbnail{
    float:left;
    width:104px;
  }
  .COMMONDOC_headerNav_userImage{
    display:table-cell;
    width:96px;
    height:96px;
    padding:4px;
    background:var(--MXVAR-BASE-BACKGROUND-COLOR--base-normal, #fff);
    box-shadow:rgba(0, 0, 0, 0.3) 0 0 3px 0;
    vertical-align:middle;
    text-align:center;
  }
  .COMMONDOC_headerNav_userImage\$\$\$img{
    max-width:96px;
    max-height:96px;
    vertical-align:middle;
  }
  .COMMONDOC_headerNav_profile{
    margin-top:3px;
    font-size:var(--MXVAR-COMPONENT-NAVIMENU-FONT-SIZE--outOfNecessity-10px, 10px);
    font-weight:bold;
    color:var(--MXVAR-COMPONENT-NAVIMENU-COLOR--invertBG, #fff);
    text-align:center;
  }
  .COMMONDOC_headerNav_userName{
    display:flex;
  }
  .COMMONDOC_headerNav_userNameMain{
    flex:1 auto;
    margin-left:10px;
  }
  .COMMONDOC_headerNav_userNameMain\$\$\$a:is( :link, :visited, :hover, :active, :focus  ){
    display:table-cell;
    height:62px;
    color:var(--MXVAR-COMPONENT-NAVIMENU-COLOR--darkBG, #666);
    vertical-align:middle;
  }
  .COMMONDOC_headerNav_userNameMain\$\$\$a\$\$\$span{
    font-weight:bold;
  }
  .COMMONDOC_headerNav_switchAccount{
    width:60px;
    text-align:center;
    flex:0 0 60px;
  }
  .COMMONDOC_headerNav_switchAccount\$\$\$a:is( :link, :visited, :hover, :active, :focus  ){
    display:block;
    padding-top:40px;
    background:url("/static/image/smartphone/touch/home2011/icon/menu_post_sub003.png?v016e73e825688167e15070d2385d5d6e") no-repeat 4px -248px;
    background-size:104px auto;
    color:var(--MXVAR-COMPONENT-NAVIMENU-COLOR--darkBG, #666);
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 12px);
  }
  .COMMONDOC_headerNav_userNav{
    height:66px;
  }
  .COMMONDOC_headerNav_userNav\$\$\$ul{
    display:flex;
  }
  .COMMONDOC_headerNav_userNav\$\$\$ul\$\$\$li{
    display:flex;
    flex:1 auto;
    justify-content:center;
    width:33%;
  }
  .COMMONDOC_headerNav_userNavLink:is( :link, :visited, :hover, :active, :focus  ){
    display:block;
    position:relative;
    width:100%;
    height:14px;
    padding-top:calc(45px + var(--MXVAR-BASE-BLANK--extend-size-small, 0px));
    padding-bottom:5px;
    background:url("/static/image/smartphone/touch/home2011/icon/menu_navi003.png?v5c7048b658c64ccd33fb0a168aad8a36") no-repeat;
    background-size:50px auto;
    font-size:var(--MXVAR-COMPONENT-NAVIMENU-FONT-SIZE--outOfNecessity-10px, 10px);
    font-weight:bold;
    color:var(--MXVAR-COMPONENT-NAVIMENU-COLOR--invertBG, #fff);
    text-align:center;
  }
  .COMMONDOC_headerNav_userNavLink--setting:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% 17px;
  }
  .COMMONDOC_headerNav_userNavLink--friendList:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -55px;
  }
  .COMMONDOC_headerNav_userNavLink--findFriend:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -128px;
  }
  .COMMONDOC_recentlyUsedItems{
    padding:5px 10px 10px;
    border-bottom:1px solid #e8e6e1;
    background:var(--MXVAR-COMPONENT-NAVIMENU-BACKGROUND-COLOR--darkBG, #e1e0df);
  }
  .COMMONDOC_recentlyUsedItemsHeading{
    margin-bottom:5px;
    color:var(--MXVAR-COMPONENT-NAVIMENU-COLOR--darkBG, #666);
    font-weight:bold;
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 12px);
  }
  .COMMONDOC_recentlyUsedItemList{
    display:flex;
  }
  .COMMONDOC_recentlyUsedItem{
    flex:1 auto;
    width:25%;
    text-align:center;
  }
  .COMMONDOC_recentlyUsedItem__face{
    display:block;
    color:var(--MXVAR-COMPONENT-NAVIMENU-COLOR--darkBG, #666);
    font-size:var(--MXVAR-COMPONENT-NAVIMENU-FONT-SIZE--outOfNecessity-10px, 10px);
  }
  .COMMONDOC_recentlyUsedItem__photoArea{
    display:flex;
    height:48px;
    justify-content:center;
    align-items:center;
  }
  .COMMONDOC_recentlyUsedItem__photo{
    max-width:48px;
    max-height:48px;
    border-radius:4px;
    box-shadow:rgba(0, 0, 0, 0.3) 0 0 3px 0;
  }
  .COMMONDOC_recentlyUsedItemName{
    display:block;
    margin-top:5px;
  }
  .COMMONDOC_linkList{
    display:block;
  }
  .COMMONDOC_linkItem{
    position:relative;
    border-bottom:1px solid #e8e6e1;
    background:var(--MXVAR-COMPONENT-NAVIMENU-BACKGROUND-COLOR--lightBG, #fff);
  }
  .COMMONDOC_linkLabel:is( :link, :visited, :hover, :active, :focus  ){
    display:block;
    line-height:20px;
    padding:14px 5px 14px 50px;
    background:url("/static/image/smartphone/touch/home2011/icon/menu_post_sub004.png?v364fadaf8bd954687a4b23a04104762b") no-repeat;
    background-size:104px auto;
    color:var(--MXVAR-COMPONENT-NAVIMENU-COLOR--lightBG, #999);
    font-weight:bold;
  }
  .COMMONDOC_linkLabel--community:is( :link, :visited, :hover, :active, :focus  ){
    background-position:0 -457px;
  }
  .COMMONDOC_linkLabel--joinedEvent:is( :link, :visited, :hover, :active, :focus  ){
    background-position:0 -800px;
  }
  .COMMONDOC_linkLabel--game:is( :link, :visited, :hover, :active, :focus  ){
    background-position:0 -526px;
  }
  .COMMONDOC_linkLabel--mixiInfo:is( :link, :visited, :hover, :active, :focus  ){
    background-position:0 -731px;
  }
  .COMMONDOC_searchFormBox{
    position:relative;
    padding:10px;
    border-bottom:1px solid #e8e6e1;
    background-color:var(--MXVAR-BASE-BACKGROUND-COLOR--base-normal, #fff);
  }
  .COMMONDOC_searchForm_category{
    position:absolute;
    top:10px;
    left:10px;
    width:63px;
    height:42px;
    border:1px solid #c8cbcc;
    border-radius:2px;
    background-color:var(--MXVAR-BASE-BACKGROUND-COLOR--base-normal, #fff);
  }
  .COMMONDOC_searchForm_category select{
    width:63px;
    height:42px;
    padding:0 20px 0 3px;
    border:1px solid #fff;
    border-radius:2px;
    background:url("/static/image/smartphone/touch/button/select_box002.png?vd28afd2a9ea25e286b2a0da32d4a5d78") no-repeat 100% 0;
    background-size:20px auto;
    font-size:12px;
    appearance:none;
  }
  .COMMONDOC_searchForm_text{
    width:auto;
    margin:0 0 0 70px;
  }
  .COMMONDOC_searchForm_searchText{
    width:100%;
    height:44px;
    padding:0;
    border:1px solid #c8cbcc;
    border-radius:2px;
    background:var(--MXVAR-BASE-BACKGROUND-COLOR--base-normal, #fff);
    font-size:13px;
    text-indent:5px;
    appearance:none;
    box-sizing:border-box;
  }
  .COMMONDOC_searchForm_submit{
    position:absolute;
    top:12px;
    right:12px;
  }
  .COMMONDOC_searchForm_submitButton{
    width:40px;
    height:40px;
    border:none;
    background:url("/static/image/smartphone/touch/button/search005.png?vf91dc90ce953a203e4b91d131ac600f3") no-repeat 0 0;
    background-size:40px auto;
    text-indent:-9999px;
    cursor:pointer;
  }
  .COMMONDOC_serviceListMain{
    display:grid;
    grid-template-columns:repeat(var(--MXVAR-LOCAL-NUMBER--linkList-columns, 3), calc(100% / var(--MXVAR-LOCAL-NUMBER--linkList-columns, 3)));
    background:linear-gradient(to bottom, #e8e6e1 0%, #e8e6e1 100%) repeat-x 0 100%;
    background-size:1px 1px;
  }
  .COMMONDOC_serviceItem{
    box-sizing:border-box;
    position:relative;
    border-bottom:1px solid #e8e6e1;
    background:linear-gradient(to bottom, #ffffff 0%, #f5f3f0 100%);
  }
  .COMMONDOC_serviceLinkLabel:is( :link, :visited, :hover, :active, :focus  ){
    display:flex;
    height:84px;
    padding-bottom:5px;
    align-items:flex-end;
    justify-content:center;
    background:url("/static/image/smartphone/touch/home2011/icon/menu_service004.png?v92cb2031a441355fad076d7ad2749c0b") no-repeat;
    background-size:104px auto;
    color:var(--MXVAR-COMPONENT-NAVIMENU-COLOR--lightBG, #999);
    font-size:var(--MXVAR-COMPONENT-NAVIMENU-FONT-SIZE--outOfNecessity-10px, 10px);
    font-weight:bold;
  }
  .COMMONDOC_serviceLinkLabel--home:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -310px;
  }
  .COMMONDOC_serviceLinkLabel--community:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -90px;
  }
  .COMMONDOC_serviceLinkLabel--news:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -525px;
  }
  .COMMONDOC_serviceLinkLabel--game:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -200px;
  }
  .COMMONDOC_serviceLinkLabel--premium:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -850px;
  }
  .COMMONDOC_serviceLinkLabel--voiceTopics:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -1509px;
  }
  .COMMONDOC_serviceLinkLabel--openDiary:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -1614px;
  }
  .COMMONDOC_serviceLinkLabel--review:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -1825px;
  }
  .COMMONDOC_postItemListMain{
    display:grid;
    grid-template-columns:repeat(var(--MXVAR-LOCAL-NUMBER--linkList-columns, 3), calc(100% / var(--MXVAR-LOCAL-NUMBER--linkList-columns, 3)));
    background:linear-gradient(to bottom, #e8e6e1 0%, #e8e6e1 100%) repeat-x 0 100%;
    background-size:1px 1px;
  }
  .COMMONDOC_postItem{
    box-sizing:border-box;
    position:relative;
    border-bottom:1px solid #e8e6e1;
    background:linear-gradient(to bottom, #ffffff 0%, #f5f3f0 100%);
  }
  .COMMONDOC_postItemLabel:is( :link, :visited, :hover, :active, :focus  ){
    display:flex;
    height:84px;
    padding-bottom:5px;
    align-items:flex-end;
    justify-content:center;
    background:url("/static/image/smartphone/touch/home2011/icon/menu_service004.png?v92cb2031a441355fad076d7ad2749c0b") no-repeat;
    color:var(--MXVAR-COMPONENT-NAVIMENU-COLOR--lightBG, #999);
    font-size:var(--MXVAR-COMPONENT-NAVIMENU-FONT-SIZE--outOfNecessity-10px, 10px);
    font-weight:bold;
    background:url("/static/image/smartphone/touch/home2011/icon/menu_post_main004.png?v32366bbc6e7b34b372967097b4c6f32a") no-repeat;
    background-size:104px auto;
  }
  .COMMONDOC_postItemLabel--voice:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -625px;
  }
  .COMMONDOC_postItemLabel--diary:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -193px;
  }
  .COMMONDOC_postItemLabel--photo:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -410px;
  }
  .COMMONDOC_postItemLabel--check:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -85px;
  }
  .COMMONDOC_postItemLabel--schedule:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% 23px;
  }
  .COMMONDOC_postItemLabel--review:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -517px;
  }
  .COMMONDOC_postItemLabel--wall:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -728px;
  }
  .COMMONDOC_postItemLabel--actionhistory:is( :link, :visited, :hover, :active, :focus  ){
    background-position:50% -828px;
  }
  @media screen and (max-width: 439.98px){
    html{
      --MXVAR-LOCAL-NUMBER--linkList-columns:3;
    }
    .COMMONDOC_serviceItem:not(:nth-child(3n)){
      border-right:1px solid #e8e6e1;
    }
    .COMMONDOC_postItem:not(:nth-child(3n)){
      border-right:1px solid #e8e6e1;
    }
  }
  @media screen and (min-width: 440px) and (max-width: 549.98px){
    html{
      --MXVAR-LOCAL-NUMBER--linkList-columns:4;
    }
    .COMMONDOC_serviceItem:not(:nth-child(4n)){
      border-right:1px solid #e8e6e1;
    }
    .COMMONDOC_postItem:not(:nth-child(4n)){
      border-right:1px solid #e8e6e1;
    }
  }
  @media screen and (min-width: 550px){
    html{
      --MXVAR-LOCAL-NUMBER--linkList-columns:5;
    }
    .COMMONDOC_serviceItem:not(:nth-child(5n)){
      border-right:1px solid #e8e6e1;
    }
    .COMMONDOC_postItem:not(:nth-child(5n)){
      border-right:1px solid #e8e6e1;
    }
  }
  .COMMONDOC_headerNavSwitch{
    float:left;
    display:block;
    width:48px;
    height:48px;
    margin-right:-7px;
    background:url("/static/image/smartphone/touch/icon/menu001.png?va146002df9adc4434abc22c2804596ce") no-repeat 50% 50%;
    background-size:24px;
    white-space:nowrap;
    display:none;
  }
  .EXAMPLE_implementedProduct .COMMONDOC_headerNavSwitch{
    display:block;
  }
  .COMMONDOC_headerNavSwitch:has( .COMMONDOC_headerNavSwitch__switch[aria-expanded="true"] ){
    background-color:#ddd;
  }
  .COMMONDOC_headerNavSwitch__switch{
    display:block;
    width:48px;
    height:48px;
    overflow:hidden;
    text-indent:200%;
    opacity:0.01;
  }
  .COMPONENT_footerNav{
    margin:0 0 -7px;
    padding:8px 0 0;
    line-height:26px;
    overflow:hidden;
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 12px);
  }
  .COMPONENT_navByTextLinks{
    color:#ccc;
    text-align:center;
  }
  .COMPONENT_navByTextLinks__item{
    display:inline;
    white-space:pre;
  }
  .COMPONENT_navByTextLinks__item a{
    padding:0 4px;
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
    color:var(--MXVAR-BASE-COLOR--text-link-soft, #99b2bf);
  }
  .COMPONENT_navByTextLinks__item a:link{
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
    color:var(--MXVAR-BASE-COLOR--text-link-soft, #99b2bf);
  }
  .COMPONENT_navByTextLinks__item a:visited{
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
    color:var(--MXVAR-BASE-COLOR--text-link-visited, #99b2bf);
  }
  .COMPONENT_navByTextLinks__item a:focus{
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
    color:var(--MXVAR-BASE-COLOR--text-link-focused, #996600);
  }
  .COMPONENT_navByTextLinks__item + .COMPONENT_navByTextLinks__item::before{
    content:"\A";
  }
  .COMMONDOC_footerNavArea{
    margin:0 0 -7px;
    padding:8px 0 0;
    line-height:26px;
    overflow:hidden;
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 12px);
  }
  .COMMONDOC_footerNav{
    color:#ccc;
    text-align:center;
  }
  .COMMONDOC_footerNavItem{
    display:inline;
    white-space:pre;
  }
  .COMMONDOC_footerNavItem a{
    padding:0 4px;
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
    color:var(--MXVAR-BASE-COLOR--text-link-soft, #99b2bf);
  }
  .COMMONDOC_footerNavItem a:link{
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
    color:var(--MXVAR-BASE-COLOR--text-link-soft, #99b2bf);
  }
  .COMMONDOC_footerNavItem a:visited{
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
    color:var(--MXVAR-BASE-COLOR--text-link-visited, #99b2bf);
  }
  .COMMONDOC_footerNavItem a:focus{
    -webkit-text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
            text-decoration:var(--MXVAR-BASE-TEXT-DECORATION--block-text-link-normal, none);
    color:var(--MXVAR-BASE-COLOR--text-link-focused, #996600);
  }
  .COMMONDOC_footerNavItem + .COMMONDOC_footerNavItem::before{
    content:"\A";
  }
  .COMMONDOC_footerNavItem--isLinkToOtherAccess + .COMMONDOC_footerNavItem--isLinkToOtherAccess::before,
  .COMMONDOC_footerNavItem--isLinkToAboutMixiSub + .COMMONDOC_footerNavItem--isLinkToAboutMixiSub::before,
  .COMMONDOC_footerNavItem--isLinkToAboutMixi + .COMMONDOC_footerNavItem--isLinkToAboutMixi::before,
  .COMMONDOC_footerNavItem--isLinkToMixiPolicy + .COMMONDOC_footerNavItem--isLinkToMixiPolicy::before,
  .COMMONDOC_footerNavItem--isLinkToMixiCorporate + .COMMONDOC_footerNavItem--isLinkToMixiCorporate::before,
  .COMMONDOC_footerNavItem--isLinkToUseMixiSub + .COMMONDOC_footerNavItem--isLinkToUseMixiSub::before,
  .COMMONDOC_footerNavItem--isLinkToUseMixi + .COMMONDOC_footerNavItem--isLinkToUseMixi::before,
  .COMMONDOC_footerNavItem--isLinkToOurProducts + .COMMONDOC_footerNavItem--isLinkToOurProducts::before,
  .COMMONDOC_footerNavItem--isLinkToMixiProducts + .COMMONDOC_footerNavItem--isLinkToMixiProducts::before{
    content:"|";
  }
  .COMMONDOC_footerNavItem--isLinkToMixiProducts:nth-of-type(2n+3)::before,
  .COMMONDOC_footerNavItem--typeLongLabel + .COMMONDOC_footerNavItem::before,
  .COMMONDOC_footerNavItem--typeLongLabel::before{
    content:"\A";
  }
  .COMMON_textLabel01{
    display:inline-block;
    min-width:30px;
    width:calc(var(--MXVAR-COMPONENT-TEXT-LABEL01--maxStrLength, 3) * 1em + 20px);
    margin-inline-end:6px;
    padding:4px 2px 3px;
    border-radius:4px;
    background:#f1cd84;
    color:var(--MXVAR-BASE-COLOR--text-normal, #333);
    font-size:calc((var(--MXVAR-COMPONENT-TEXT-LABEL01--font-size, 12) / 14) * 100%);
    font-weight:normal;
    line-height:1;
    text-align:center;
    vertical-align:-30%;
    overflow:hidden;
    white-space:nowrap;
  }
  .COMMON_textLabel02{
    display:inline-block;
    margin-inline-start:6px;
    padding-inline-start:6px;
    border-inline-start:1px solid #ccc;
    color:var(--MXVAR-BASE-COLOR--text-softest, #767676);
    font-size:var(--MXVAR-BASE-FONT-SIZE--small, 12px);
    font-weight:normal;
    line-height:1;
  }
  html{
    --MXVAR-ENV-viewport-width:320;
  }
  @media screen and (min-width: 320px) and (max-width: 334.98px){
    html{
      --MXVAR-ENV-viewport-width:320;
    }
  }
  @media screen and (min-width: 335px) and (max-width: 349.98px){
    html{
      --MXVAR-ENV-viewport-width:335;
    }
  }
  @media screen and (min-width: 350px) and (max-width: 364.98px){
    html{
      --MXVAR-ENV-viewport-width:350;
    }
  }
  @media screen and (min-width: 365px) and (max-width: 379.98px){
    html{
      --MXVAR-ENV-viewport-width:365;
    }
  }
  @media screen and (min-width: 380px) and (max-width: 394.98px){
    html{
      --MXVAR-ENV-viewport-width:380;
    }
  }
  @media screen and (min-width: 395px) and (max-width: 409.98px){
    html{
      --MXVAR-ENV-viewport-width:395;
    }
  }
  @media screen and (min-width: 410px) and (max-width: 424.98px){
    html{
      --MXVAR-ENV-viewport-width:410;
    }
  }
  @media screen and (min-width: 425px) and (max-width: 439.98px){
    html{
      --MXVAR-ENV-viewport-width:425;
    }
  }
  @media screen and (min-width: 440px) and (max-width: 454.98px){
    html{
      --MXVAR-ENV-viewport-width:440;
    }
  }
  @media screen and (min-width: 455px) and (max-width: 469.98px){
    html{
      --MXVAR-ENV-viewport-width:455;
    }
  }
  @media screen and (min-width: 470px) and (max-width: 484.98px){
    html{
      --MXVAR-ENV-viewport-width:470;
    }
  }
  @media screen and (min-width: 485px) and (max-width: 499.98px){
    html{
      --MXVAR-ENV-viewport-width:485;
    }
  }
  @media screen and (min-width: 500px) and (max-width: 514.98px){
    html{
      --MXVAR-ENV-viewport-width:500;
    }
  }
  @media screen and (min-width: 515px) and (max-width: 529.98px){
    html{
      --MXVAR-ENV-viewport-width:515;
    }
  }
  @media screen and (min-width: 530px) and (max-width: 544.98px){
    html{
      --MXVAR-ENV-viewport-width:530;
    }
  }
  @media screen and (min-width: 545px) and (max-width: 559.98px){
    html{
      --MXVAR-ENV-viewport-width:545;
    }
  }
  @media screen and (min-width: 560px) and (max-width: 574.98px){
    html{
      --MXVAR-ENV-viewport-width:560;
    }
  }
  @media screen and (min-width: 575px) and (max-width: 589.98px){
    html{
      --MXVAR-ENV-viewport-width:575;
    }
  }
  @media screen and (min-width: 590px) and (max-width: 604.98px){
    html{
      --MXVAR-ENV-viewport-width:590;
    }
  }
  @media screen and (min-width: 605px) and (max-width: 619.98px){
    html{
      --MXVAR-ENV-viewport-width:605;
    }
  }
  @media screen and (min-width: 620px) and (max-width: 634.98px){
    html{
      --MXVAR-ENV-viewport-width:620;
    }
  }
  @media screen and (min-width: 635px) and (max-width: 649.98px){
    html{
      --MXVAR-ENV-viewport-width:635;
    }
  }
  @media screen and (min-width: 650px) and (max-width: 664.98px){
    html{
      --MXVAR-ENV-viewport-width:650;
    }
  }
  @media screen and (min-width: 665px) and (max-width: 679.98px){
    html{
      --MXVAR-ENV-viewport-width:665;
    }
  }
  @media screen and (min-width: 680px) and (max-width: 694.98px){
    html{
      --MXVAR-ENV-viewport-width:680;
    }
  }
  @media screen and (min-width: 695px) and (max-width: 709.98px){
    html{
      --MXVAR-ENV-viewport-width:695;
    }
  }
  @media screen and (min-width: 710px) and (max-width: 724.98px){
    html{
      --MXVAR-ENV-viewport-width:710;
    }
  }
  @media screen and (min-width: 725px) and (max-width: 739.98px){
    html{
      --MXVAR-ENV-viewport-width:725;
    }
  }
  @media screen and (min-width: 740px) and (max-width: 754.98px){
    html{
      --MXVAR-ENV-viewport-width:740;
    }
  }
  @media screen and (min-width: 755px) and (max-width: 769.98px){
    html{
      --MXVAR-ENV-viewport-width:755;
    }
  }
  @media screen and (min-width: 770px) and (max-width: 784.98px){
    html{
      --MXVAR-ENV-viewport-width:770;
    }
  }
  @media screen and (min-width: 785px) and (max-width: 799.98px){
    html{
      --MXVAR-ENV-viewport-width:785;
    }
  }
  @media screen and (min-width: 800px) and (max-width: 814.98px){
    html{
      --MXVAR-ENV-viewport-width:800;
    }
  }
  @media screen and (min-width: 815px) and (max-width: 829.98px){
    html{
      --MXVAR-ENV-viewport-width:815;
    }
  }
  @media screen and (min-width: 830px) and (max-width: 844.98px){
    html{
      --MXVAR-ENV-viewport-width:830;
    }
  }
  @media screen and (min-width: 845px) and (max-width: 859.98px){
    html{
      --MXVAR-ENV-viewport-width:845;
    }
  }
  @media screen and (min-width: 860px) and (max-width: 874.98px){
    html{
      --MXVAR-ENV-viewport-width:860;
    }
  }
  @media screen and (min-width: 875px) and (max-width: 889.98px){
    html{
      --MXVAR-ENV-viewport-width:875;
    }
  }
  @media screen and (min-width: 890px) and (max-width: 904.98px){
    html{
      --MXVAR-ENV-viewport-width:890;
    }
  }
  @media screen and (min-width: 905px) and (max-width: 919.98px){
    html{
      --MXVAR-ENV-viewport-width:905;
    }
  }
  @media screen and (min-width: 920px) and (max-width: 934.98px){
    html{
      --MXVAR-ENV-viewport-width:920;
    }
  }
  @media screen and (min-width: 935px) and (max-width: 949.98px){
    html{
      --MXVAR-ENV-viewport-width:935;
    }
  }
  @media screen and (min-width: 950px) and (max-width: 964.98px){
    html{
      --MXVAR-ENV-viewport-width:950;
    }
  }
  @media screen and (min-width: 965px) and (max-width: 979.98px){
    html{
      --MXVAR-ENV-viewport-width:965;
    }
  }
  @media screen and (min-width: 980px) and (max-width: 994.98px){
    html{
      --MXVAR-ENV-viewport-width:980;
    }
  }
  @media screen and (min-width: 995px) and (max-width: 1009.98px){
    html{
      --MXVAR-ENV-viewport-width:995;
    }
  }
  .MXARIA2018_ensureHeightAd01[style]{
    display:var(--MXVAR-COMPONENT-ENSURE-ADAREA--display, flex);
    min-height:calc(max( var( --MXVAR-COMPONENT-ENSURE-ADAREA--height, 0 ), ( var( --MXVAR-COMPONENT-ENSURE-ADAREA--isExpandable, 0 ) * var( --MXVAR-ENV-viewport-width, 0 ) * var( --MXVAR-COMPONENT-ENSURE-ADAREA--maxReciprocalAspectRatio, 0 ) ), var( --MXVAR-COMPONENT-ENSURE-ADAREA--manualHeight, 0 ), 0 ) * 1px);
    margin:0 auto;
    flex-direction:var(--MXVAR-COMPONENT-ENSURE-ADAREA--flex-direction, column);
    justify-content:var(--MXVAR-COMPONENT-ENSURE-ADAREA--justify-content, center);
    align-items:center;
    background:rgba(255, 255, 255, 0.01) var(--MXVAR-COMPONENT-ENSURE-ADAREA--bg, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABgCAYAAADvhgd/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACENJREFUeNrsXX9olGUc/24756/p9PzBzeFyY9MpXjgWC6UQNgLDIBTDIArFMAolUIyiKIJEKQqiKBJF/2kkhlEkBc5IkqSxEWzsdDo3mcydzg1/TKfTac/n7nnj9e79de/P5+6eD3zZ3e19n3vf7+f9/ni+z48raGlpoSzDPCZLmCzj7/G6hL+uZBLWOKePyQiTUSbd/H2cSaeIN9jU1EQhwUmoYNLAZCX/G2VSaqOdeoP/tTI5rZJ+EW5cNGKKmTQyWcNkHSfGazRweVtlXYeZHGNyKihFFApCyFomR5gMM/mNK6kioGuBO3yXyV9MBpl8pXKbeUEMFLCH3/yvTDaoYoUoiDDZxqSLyQluxTlLTD23jl7+ZEayJOmAiz3Kr3tTLhGzgltGG7eObAUs/SCTDh4Ls5YYpK/7mfzLY0muIMrj4QlOVtYQU8RkBzf9LZS7aOTWszUbiEGn728mn9vsd2QbkLR8x+RPt7JJL4jZwd1WA+UfVjP5h3eIhSGmhAd3WMlUyl9EuOVsEoGYap5trSUJpYKBzO2TIIl5jpOyRPKRhve5B/GdmA3cfZVKDgxj7h4/iUEK/AM3WwljoMLxsR/EbOWdxiKpc8v4kMlGL4mB+/pG6tkWDvKKgevEoJf7vbQU20A34mdKjsK6RgzGJI7KmOIYlVY8jlVi0Hk8IrMv14BwsM4NYg5SAKN4OQ6MjIadEPMmZff4iagoN6oMmBEDf/ip1KFn2EI6YzlmxOwn8cbhcwnFvH+ThpAJm42OcsOpUykUSv+K8fFxunfvnu55M2bMoDlz5tDMmTNpypQpj/3v5s2bdOvWLbp27ZphG0bQa//Bgwd0584dun79Oo2MjCSu0we8ymQ3kx4rxJRkWkLQzK+XLaNZs2alfR6Px6mrqyvt87KyMlq0aBFNmzbNUKkKrl69Sr29vXT79m3zDlthIc2fP58WLlyYIEQPs2fPpvLy8sTr4eFhunDhQuJB8BDKSO9bVojZwYOTL8BTG41GDRWmBSh67ty5dO7cORoYGNA9bsGCBVRdXU2TJk3KqH1YVTgcpvPnz9OlS5e8VAFKNTuZjBkRg4GeXX6Rgid0+fLlVFxsr98KS6itrU2c39fX9/ijWFSUaBvk2UVBQQEtXrw44ZJT23cRYd6vaTYK/tv8CviRSITq6upsk6JGVVVV4glXMHnyZGpoaHBESmr7uF4PsckoK0MtZ6tflrJ06dLEE+kW0B4sCESDcKNYZQewnEzdYQZoVHc4QxoZwjyvSYFbQGIAJaYC2dbQ0FAi4CLrwpM/ffr0RIYHiygt1a8K4VjEE1gJztECAjraR3antA8C0T7iCR4YPYAUJAYXL170Kgl4hskvWsRs88NatNwLFHX27Nm0DAgpq/IZfDzORdxA/NBCTU2NJuFo48yZM4btQ+Fm7YN4j4gB1ijEqO8Ac4qjFAAGBwepvb3dUloKi+rs7DRMBrTab2trs9x+R0eHYd+spKTES3eWFmM2BkEK+jSxWIwePnxo+Ry4oytXrnjWPjqXcHd60OqbuQRMaCkNnBj0suG+7ODy5cumx6DjCffldvt68cslrFATg3lhvi8U6unpoYmJCVvnomzy6NEj0/YzsZTU9o2SDA+xRE3Mar9JwdNs5C7MAIUb1cqUeppdoG6mVyvzMGUGKgMlBr7fKe7fv+/I1VkhJwBE1MSs9PvbEcCdwsgNutG+XTfoQnkmQUwxebDwxuyGR0dHPWsfhI2NjVGW4n9iqsnn6Ujw3WaB2wnu3r1L2Q6FGF/hte+2m+mJRkwl5RgCig2uExMmCZEwohAjJ/EJSoyc8ioWehRixqUuhEK/QsyY1IWYFnND6kIoxBRi4lIXQpFyQyGmX+pDGJxW92O6pT6EwSk1MZjCOCR1IgT+UBMDtEudCOHG+lOJOSn1Ejh+Ur9RiDku9RI4DmsRA1fWJ3UTGE6mZsfq6UvNUj+B4YvUDyQxwQOe6pgRMTF1uibhG75mkjbkmjqpfC85XHepBiZcaE3OtrI0zwrQjpft4/q15ia4OJEEfch9Wv9IJeY4TwTq3fjW7m5viwp2p9dahdY6UZeBRbGaLGutKPtIehdf0KNnLXrEHEvNqSU8wU6t2GJEjHLSqNSdZ/iR+AKlTIkZ4ORIuA9MtthudpDRliX7pEvzzIXFnRADvEEpW2lIOHZhh6wcaEYMhjmfJzle40rvgclmqwdb2a8MFvMCydk0TgDdrc8kobK6w1+rJMcRYCmxTE7IZLNS1NGaSE53yhTv2UmiMt3eF8Ofz5Icu7EKlPP32jnRzobY2P3gSZlKm6LZSV/Q7hbyCGIvM3ldxh1dUjY7acDpr2EcYFJHgv5mcUCATl4jh5P13fj9GOTnTzP5TFpPYtALXsTxWkO3fnEJhLzDpIpfXD4u7UD2td2txtz+8bg4v7gaStbaJvKAEMTbF+1mX34RowBTcVBnq6VkbShXXRyqIqvIpIQvEjHqC0d2UkbJ7WtzaSru7zy2epL4+PVby6gWfMvkKSZP8Pw+W2d/jnF3jeLuiFdfEgrgxvp5jxiCzVHrVYK9uqICkwLreIl8WLoSEuDpO0WqdSGUXEWtbAOJzSGUfQiwQbeyvy42VK1IcY0xVSyDhe5y+TrRHdjtV8YZEvCpxI2fJtXqKhuocJGYZp4K+7ryLkQSemjlsaQ1iC8vlPrXjIGv8IyrNaiLkBbzeEdxL09KAu93SWKSQOHxAxJoaX0ozy3kALcQ4ZbU5yMxmMz4JSVrecIOk+cTMag0HKLkyKvwxdVcJ6aPk3GAW0rWIFeJQQ1rlcNOaqAo8HI3Vwn7+E+AAQC9YVDiDkxdKgAAAABJRU5ErkJggg==")) no-repeat center var(--MXVAR-COMPONENT-ENSURE-ADAREA--bg-pos-y, center);
    background-blend-mode:darken;
    background-size:32px 32px;
  }
  @media screen and (orientation: landscape) and (min-width: 568px), screen and (orientation: portrait) and (min-width: 840px){
    .MXARIA2018_ensureHeightAd01[style]{
      min-height:calc(max( var( --MXVAR-COMPONENT-ENSURE-ADAREA--height, 0 ), 0, var( --MXVAR-COMPONENT-ENSURE-ADAREA--manualHeight, 0 ), 0 ) * 1px);
    }
  }
  .EXAMPLE_implementedProduct:has(body) .COMMONDOC_headerNavSwitch,
  html:has(body) .COMMONDOC_headerNavSwitch{
    display:block;
  }
  .EXAMPLE_excludedPages:has(body) .COMMONDOC_headerNavSwitch{
    display:none;
  }
}
.cpContentsTitle01 .titleMain h2{
  padding-left:27px;
  background:url("/static/image/smartphone/touch/icon/mixicheck002.gif?vf8408c2cd6e3ac0d131f1c5b4ffd6352") no-repeat 8px 7px;
}
.check #headerArea{
  background:url("/static/image/smartphone/touch/common/bg_header002.gif?v78ffb3d2d09a76e2e6eec29bee61a675") repeat-x 0 0;
  min-height:40px;
}
.check #headerArea h1{
  width:138px;
  height:40px;
}
.check #headerArea h1 span,
.check #headerArea h1 a{
  display:block;
  height:22px;
  padding:10px 10px 6px;
  width:118px;
}
.check #mainDisplay{
  padding-bottom:95px;
}
.check #footDisplay{
  height:80px;
}
.check .cLoginForm01::after{
  content:" ";
  display:block;
  text-indent:-99999px;
  height:8px;
  background:url("/static/image/smartphone/touch/common/box_end001.gif?v3aa4a2650dfa27c85631f1441c85ee44") repeat-x 0 0;
}
.check .cLoginForm01 .lContents{
  padding-bottom:5px;
}
a.others{
  display:block;
  padding:5px 0 5px 14px;
  background:url("/static/image/smartphone/touch/icon/add001.gif?v4b12e54e19ca1118dd087eca527a1ab0") no-repeat 0 45%;
}
.cCheckLog01 .oneData::after{
  content:"";
  display:block;
  clear:both;
}
.cCheckLog01 .oneData .log > .headline{
  margin-right:0.4em;
  padding-left:20px;
  background:url("/static/image/smartphone/touch/icon/mixi010.svg?v696da3d617fb6e2af9859fb4b7369174") no-repeat 0 0;
  background-size:16px 16px;
}
.cCheckLog01 .oneData .log > .mobile{
  color:#999;
}
.cCheckLog01 .oneData .log > .comment{
  display:block;
  padding-top:0.3em;
  font-size:86%;
}
.cCheckLog01 .oneData .log > .readmore{
  display:block;
  text-align:right;
  padding-top:0.3em;
  font-size:86%;
}
.cCheckLog01 .oneData .log > .readmore a{
  padding-top:1px;
  padding-bottom:1px;
}
.cCheckLog01 .oneData .footLink01{
  text-align:right;
  padding:4px 10px 0 0;
  font-size:86%;
}
.cCheckLog01 .oneData .footLink01 a{
  display:inline-block;
  border-left:1px dotted #ccc;
  padding-left:25px;
}
.cCheckLog01 .oneData a.forEdit{
  background:url("/static/image/smartphone/touch/icon/diary001.gif?v1867a7e3c3fdcbd014e29cb67352dd71") no-repeat 10px 40%;
}
.cCheckLog01 .oneData a.forDelete{
  background:url("/static/image/smartphone/touch/icon/trashcan001.gif?vaa272bc207a67ba52f9a657f1f2b6605") no-repeat 7px 25%;
}
.cCheckLog01 .oneData ul.reaction,
.cCheckLog01 .oneData ul.ctrl{
  text-align:right;
}
.cCheckLog01 .oneData ul.status + ul.reaction,
.cCheckLog01 .oneData ul.status + ul.ctrl{
  padding-top:2px;
}
.cCheckLog01 .oneData ul.reaction li,
.cCheckLog01 .oneData ul.ctrl li{
  clear:both;
  display:inline-block;
  border-left:1px dotted #edeae0;
  padding:0 10px;
}
.cCheckLog01 .oneData ul.reaction li:first-child,
.cCheckLog01 .oneData ul.ctrl li:first-child{
  border-left:none;
}
.cCheckLog01 .oneData ul.reaction li:last-child{
  border-left:1px dotted #edeae0;
}
.cCheckLog01 .oneData ul.reaction li p,
.cCheckLog01 .oneData ul.ctrl li a,
.cCheckLog01 .oneData ul.ctrl li span{
  display:inline-block;
}
.cCheckLog01 .oneData ul.reaction li a,
.cCheckLog01 .oneData ul.reaction li span{
  display:block;
}
.cCheckLog01 .oneData ul.reaction li.like a,
.cCheckLog01 .oneData ul.ctrl li a.likeit{
  background:url("/static/image/smartphone/touch/icon/like001.gif?v349a0f2364e01a8cc66c24db0f61c1df") no-repeat 0 0;
  padding-left:17px;
}
.cCheckLog01 .oneData ul.reaction li.like .acted,
.cCheckLog01 .oneData ul.ctrl li span.likeit{
  background:url("/static/image/smartphone/touch/icon/like_done001.gif?v5ac5dbb1c37251e203309881cd140a83") no-repeat 0 0;
  padding-left:17px;
  color:#999;
}
.cCheckLog01 .oneData ul.ctrl li span.likeit strong{
  font-weight:normal;
}
.cCheckLog01 .oneData ul.reaction li.delete a,
.cCheckLog01 .oneData ul.ctrl li a.forDelete{
  background:url("/static/image/smartphone/touch/icon/trashcan001.gif?vaa272bc207a67ba52f9a657f1f2b6605") no-repeat 0 0;
  padding-left:18px;
}
.cCheckLog01 .oneData ul.reaction li.comment a,
.cCheckLog01 .oneData ul.ctrl li span.reply,
.cCheckLog01 .oneData ul.ctrl li a.reply{
  background:url("/static/image/smartphone/touch/icon/reply001.gif?v9b0c46aa3b9385b2893a106e0c8df2a9") no-repeat 0 0;
  padding-left:24px;
}
.cCheckLog01 .oneData ul.reaction li.comment .acted,
.cCheckLog01 .oneData ul.ctrl li span.reply{
  color:#999;
}
.gPhotoAndText01 .oneData .caution{
  margin-left:48px;
  padding:0.3em 10px 0 6px;
  color:#999;
  font-size:86%;
}
.cCheckLog01 .lProperties{
  clear:both;
  margin:10px 10px 0 48px;
  border:1px solid #edeae0;
  border-radius:5px;
  padding:0 9px;
  font-size:86%;
}
.cCheckLog01 .lProperties > dl,
.cCheckLog01 .lProperties > p,
.cCheckLog01 .lProperties > div{
  background:url("/static/image/smartphone/touch/common/dotline004.gif?v1b0c57b6c4533713b0ce3cf6aeaff1cf") repeat-x 0 -1px;
  padding:10px 0;
}
.cCheckLog01 .lProperties .like{
  line-height:1.5;
}
.cCheckLog01 .lProperties .like dt{
  display:inline-block;
  padding:0 0.4em 0 17px;
  background:url("/static/image/smartphone/touch/icon/like001.gif?v349a0f2364e01a8cc66c24db0f61c1df") no-repeat 0 0;
  color:#999;
}
.cCheckLog01 .lProperties .like dd{
  display:inline;
}
.cCheckLog01 .lProperties .like dd a.close{
  display:inline-block;
  width:11px;
  padding:0 10px 0 5px;
  text-indent:-99999px;
  background:url("/static/image/smartphone/touch/button/close001.gif?vbdbfae7fc18b22a5d7c571031e67338d") no-repeat 5px 40%;
}
.cCheckLog01 .lProperties .moreComennts{
  padding:6px 0 3px;
}
.cCheckLog01 .lProperties .comments{
  padding:0;
}
.cCheckLog01 .lProperties .comments dt{
  display:none;
}
.cCheckLog01 .lProperties .comments dd{
  background:url("/static/image/smartphone/touch/common/dotline004.gif?v1b0c57b6c4533713b0ce3cf6aeaff1cf") repeat-x 0 -1px;
  padding:10px 0;
}
.cCheckLog01 .lProperties > .propOne[style*="none"] + .propOne,
.cCheckLog01 .lProperties > .propOne:first-child,
.cCheckLog01 .lProperties .comments dt + dd{
  background-image:none;
}
.cCheckLog01 .lProperties .comments dd .footLink01{
  font-size:100%;
}
.cCheckLog01 .lProperties .comments ul.reaction li:last-child{
  padding-right:0;
}
.cCheckLog01 .lProperties .lInputForm{
  padding-right:0;
  font-size:100%;
}
.cCheckLog01 .lProperties .lInputForm textarea{
  width:224px;
}
.cCheckLog01 .lProperties .lInputForm.opened textarea{
  width:166px;
  color:#333;
}
@media screen and (min-width: 470px){
  .cCheckLog01 .lProperties .lInputForm textarea{
    width:384px;
  }
  .cCheckLog01 .lProperties .lInputForm.opened textarea{
    width:326px;
  }
}
.cCheckLog01 .lProperties .lInputForm .subNotes{
  margin-left:0;
}
.cCheckLog01 .cPhotoCheckinData01 > p.title{
  margin-left:54px;
  padding-left:21px;
  background:url("/static/image/smartphone/touch/icon/mixi010.svg?v696da3d617fb6e2af9859fb4b7369174") no-repeat 0 2px;
  background-size:16px 16px;
}
.cCheckLog01 .cPhotoCheckinData01 > .gTextWithFeed01{
  margin-top:0.3em;
  font-size:86%;
}
.cCheckLog01 .cPhotoCheckinData01 > .gTextWithFeed01 .readmore{
  font-size:100%;
}
.cViewCheck01 div.gInstanceOutline01{
  border-bottom:1px solid #edeae0;
  padding:0 10px 10px;
}
.cCheckForm01 .lContents{
  padding:5px 10px 10px;
  border-bottom:1px solid #edeae0;
}
.cCheckForm01 .lDataHead{
  padding-top:10px;
}
.cCheckForm01 .lDataHead.connective01{
  padding-top:0;
}
.cCheckForm01 .lDataMain{
  padding-top:10px;
  margin:0 0 10px;
}
.cCheckForm01 .lDataMain::after{
  content:"";
  display:block;
  clear:both;
}
.cCheckForm01 .lCommentForm{
  margin-top:10px;
}
.cCheckForm01 .lDataHead p strong{
  color:#666;
  padding-left:23px;
  background:url("/static/image/smartphone/touch/icon/mixi010.svg?v696da3d617fb6e2af9859fb4b7369174") no-repeat 0 0;
  background-size:16px 16px;
}
.cCheckForm01 .lDataHead p strong.noIcon{
  padding-left:0;
  background-image:none;
}
.cCheckForm01 .lDataHead > ul{
  text-align:left;
}
.cCheckForm01 .lDataHead > ul > li,
.cCheckForm01 .lDataHead p cite{
  color:#999;
  font-size:83%;
  padding-top:0.3em;
}
.cCheckForm01 .lDataHead p cite img{
  margin-right:8px;
  vertical-align:middle;
}
.cCheckForm01 .lDataHead > ul > li{
  display:inline-block;
  padding-left:1em;
}
.cCheckForm01 .lDataHead > ul > li:first-child{
  padding-left:0;
}
.cCheckForm01 .lDataHead > ul > li.level{
  display:block;
  padding-left:0;
}
.cCheckForm01 .lDataHead > ul > li.level img{
  vertical-align:bottom;
}
.cCheckForm01 .lDataMain > p{
  color:#666;
  font-size:92%;
}
.cCheckForm01 .lDataMain .attached + .readMore,
.cCheckForm01 .lDataMain > p + p{
  padding-top:0.4em;
}
.cCheckForm01 .lDataMain > p.readMore{
  clear:left;
  text-align:right;
}
.cCheckForm01 .lDataMain > .video_player{
  text-align:center;
}
.cCheckForm01 .lDataMain .attached{
  float:left;
  width:80px;
  padding:0 10px 0 0;
  position:relative;
}
.cCheckForm01 .lDataMain .attached .images > span,
.cCheckForm01 .lDataMain .attached .images > a{
  display:table-cell;
  width:78px;
  height:78px;
  background-color:#fff;
  text-align:center;
  vertical-align:middle;
  border:1px solid #ccc;
}
.cCheckForm01 .lDataMain .attached .images > span > img,
.cCheckForm01 .lDataMain .attached .images > a > img{
  vertical-align:middle;
}
.cCheckForm01 .lDataMain .attached .imgSelectorBtn{
  padding:8px 0 0;
}
.cCheckForm01 .lDataMain .attached .imgSelectorBtn input.cpSubmitBtn01{
  width:100%;
  text-align:center;
  text-indent:-0.3em;
}
.cCheckForm01 .lDataMain .attached .imgSelector{
  position:absolute;
  left:0;
  top:113px;
  z-index:1001;
}
.cCheckForm01 .imgSelector > ul{
  border:5px solid #ccc;
  border-radius:5px;
  padding:3px;
  background-color:#ccc;
}
.cCheckForm01 .imgSelector > ul > li{
  margin-top:4px;
  padding:1px;
  background-repeat:no-repeat;
  background-position:50% 50%;
  border:3px solid #ccc;
  border-radius:0;
}
.cCheckForm01 .imgSelector > ul > li:first-child{
  margin-top:0;
}
.cCheckForm01 .imgSelector > ul > li.selected{
  border:3px solid #999;
  border-radius:3px;
}
.cCheckForm01 .imgSelector > ul > li > span,
.cCheckForm01 .imgSelector > ul > li > a{
  display:block;
  width:76px;
  height:76px;
  border:1px solid #fff;
  text-indent:-99999px;
}
.cCheckForm01 .imgSelector > ul > li.selected > span,
.cCheckForm01 .imgSelector > ul > li.selected > a{
  background:url("/static/image/smartphone/touch/icon/checked002.png?v7091ca15def6c71b736ebc85f85e24b0") no-repeat 1px 1px;
}
.cCheckForm01 .lCommentForm,
.cCheckForm01 .lCommentForm .lInputForm{
  padding:0;
  border-bottom:none;
}
.cCheckForm01 .lCommentForm .cpMarkFormSet03 li:first-child{
  border-left:none;
}
.cCheckForm01 .lTempComment{
  clear:both;
  margin:10px 0;
  padding:9px;
  border:1px solid #edeae0;
  border-radius:5px;
}
.cCheckForm01 .lTempComment.topMemo01{
  margin-bottom:15px;
}
.cCheckForm01 .lTempComment p{
  font-size:92%;
}
.cCheckForm01 .lTempComment .cpImgBox01{
  margin-top:15px;
}
.cListComment02 .oneData ul.reaction,
.cListComment02 .oneData ul.ctrl{
  padding:0.3em 0 0;
  text-align:right;
}
.cListComment02 .oneData ul.reaction li,
.cListComment02 .oneData ul.ctrl li{
  clear:both;
  display:inline-block;
  border-left:1px dotted #edeae0;
  padding:0 10px;
}
.cListComment02 .oneData ul.reaction li:first-child,
.cListComment02 .oneData ul.ctrl li:first-child{
  border-left:none;
}
.cListComment02 .oneData ul.reaction li:last-child,
.cListComment02 .oneData ul.ctrl li:last-child{
  border-left:1px dotted #edeae0;
}
.cListComment02 .oneData ul.ctrl li a,
.cListComment02 .oneData ul.ctrl li span{
  display:inline-block;
}
.cListComment02 .oneData ul.reaction li a,
.cListComment02 .oneData ul.reaction li span{
  display:block;
}
.cListComment02 .oneData ul.reaction li.delete a,
.cListComment02 .oneData ul.ctrl li a.forDelete{
  background:url("/static/image/smartphone/touch/icon/trashcan001.gif?vaa272bc207a67ba52f9a657f1f2b6605") no-repeat 0 0;
  padding-left:18px;
}
.cListComment02 .oneData ul.reaction li.comment a,
.cListComment02 .oneData ul.ctrl li a.reply{
  background:url("/static/image/smartphone/touch/icon/reply001.gif?v9b0c46aa3b9385b2893a106e0c8df2a9") no-repeat 0 0;
  padding-left:24px;
}
.cCheckMenu01{
  margin-top:5px;
}
.cpContentsTitle01 + .cCheckMenu01{
  margin-top:10px;
}
.cCheckMenu01 .gBtnMenu01 li a{
  padding-left:30px;
  color:#333;
  background:url("/static/image/smartphone/touch/heading/sectionhead005.gif?v4151272ecfb04c7476d66393120e0434") no-repeat 9px 10px;
}
.pFeedbackFuncs01{
  padding:0;
}
.pFeedbackFuncs01 ul.ctrl{
  text-align:right;
  font-size:86%;
}
.pFeedbackFuncs01 ul.ctrl li{
  clear:both;
  display:inline-block;
  border-left:1px dotted #edeae0;
  padding:0 10px;
}
.pFeedbackFuncs01 ul.ctrl li:first-child{
  border-left:none;
}
.pFeedbackFuncs01 ul.ctrl li:last-child{
  border-left:1px dotted #edeae0;
  padding-right:0;
}
.pFeedbackFuncs01 ul.ctrl li a,
.pFeedbackFuncs01 ul.ctrl li span{
  display:inline-block;
}
.pFeedbackFuncs01 ul.ctrl li a.likeit{
  background:url("/static/image/smartphone/touch/icon/like001.gif?v349a0f2364e01a8cc66c24db0f61c1df") no-repeat 0 0;
  padding-left:17px;
}
.pFeedbackFuncs01 ul.ctrl li span.likeit{
  background:url("/static/image/smartphone/touch/icon/like_done001.gif?v5ac5dbb1c37251e203309881cd140a83") no-repeat 0 0;
  padding-left:17px;
  color:#999;
}
.pFeedbackFuncs01 ul.ctrl li span.likeit strong{
  font-weight:normal;
}
.pFeedbackFuncs01 ul.ctrl li a.forDelete{
  background:url("/static/image/smartphone/touch/icon/trashcan001.gif?vaa272bc207a67ba52f9a657f1f2b6605") no-repeat 0 0;
  padding-left:18px;
}
.pFeedbackFuncs01 ul.ctrl li a.reply{
  background:url("/static/image/smartphone/touch/icon/reply001.gif?v9b0c46aa3b9385b2893a106e0c8df2a9") no-repeat 0 0;
  padding-left:24px;
}
.pFeedbackFuncs01 ul.subNote{
  font-size:86%;
  padding:4px 0 0;
}
.pFeedbackFuncs01 ul.subNote li{
  color:#999;
  padding:4px 0 0;
}
.pFeedbackFuncs01 .lProperties{
  clear:both;
  margin:10px 0 0;
  font-size:86%;
  background:url("/static/image/smartphone/touch/common/dotline004.gif?v1b0c57b6c4533713b0ce3cf6aeaff1cf") repeat-x 0 -1px;
}
.pFeedbackFuncs01 .lProperties > dl,
.pFeedbackFuncs01 .lProperties > p,
.pFeedbackFuncs01 .lProperties > div{
  padding:10px 0 0;
}
.pFeedbackFuncs01 .lProperties .like{
  line-height:1.5;
}
.pFeedbackFuncs01 .lProperties .like dt{
  display:inline-block;
  padding:0 0.4em 0 17px;
  background:url("/static/image/smartphone/touch/icon/like001.gif?v349a0f2364e01a8cc66c24db0f61c1df") no-repeat 0 0;
  color:#999;
}
.pFeedbackFuncs01 .lProperties .like dd{
  display:inline;
}
.pFeedbackFuncs01 .lProperties .like dd a.close{
  display:inline-block;
  width:11px;
  padding:0 10px 0 5px;
  text-indent:-99999px;
  background:url("/static/image/smartphone/touch/button/close001.gif?vbdbfae7fc18b22a5d7c571031e67338d") no-repeat 5px 40%;
}
.CHECK_checkboxButton{
  line-height:1;
}
a.CHECK_checkboxButton__face--nonactive,
a.CHECK_checkboxButton__face,
.CHECK_checkboxButton__face--nonactive,
.CHECK_checkboxButton__face{
  display:flex;
  align-items:center;
  width:70px;
  padding:6px 0;
  border-radius:20px;
  color:#fff;
  text-align:center;
}
.CHECK_checkboxButton__face{
  background:#e0c074;
  border-left:4px solid #e0c074;
  border-right:4px solid #e0c074;
}
.CHECK_checkboxButton__face--nonactive{
  border-left:4px solid #ccc;
  border-right:4px solid #ccc;
  background:#ccc;
}
.CHECK_checkboxButton__face--nonactive::before,
.CHECK_checkboxButton__face::after{
  flex:0 0 20px;
  content:"";
  display:block;
  width:20px;
  height:20px;
  border-radius:20px;
  background:#fff;
}
.CHECK_checkboxButton__label{
  display:block;
  flex:1 1 auto;
}
.CHECK_imageFrame{
  display:table-cell;
  width:40px;
  height:40px;
  border:4px solid #edeae0;
  border-radius:4px;
  background-color:#fff;
  text-align:center;
  vertical-align:middle;
}
.CHECK_imageFrame__content{
  max-width:40px;
  max-height:40px;
  vertical-align:middle;
}
.CHECK_item{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 0;
  border-bottom:1px solid #edeae0;
}
.CHECK_item__image{
  flex:0 0 48px;
  width:48px;
  padding:0 0 0 10px;
}
.CHECK_item__main{
  flex:1 1 auto;
  padding:0 10px;
  color:#333;
}
.CHECK_item__panel{
  flex:0 0 auto;
  padding:0 10px 0 0;
}
.CHECK_statusDisplay{
  padding:10px 10px 11px;
  background:#fffaf2 url("/static/image/smartphone/touch/common/dotline004.gif?v1b0c57b6c4533713b0ce3cf6aeaff1cf") repeat-x 0 100%;
  font-weight:bold;
  color:#333;
}
.CHECK_statusDisplay:last-child{
  padding-bottom:10px;
  background-image:none;
}
.CHECK_statusDisplay__param{
  padding-left:0.8em;
}