/* 共通（全般）オーバーライド */

/** 固有 */
.activeIconMenu a:hover, .linkMenu a:hover  {}

@media screen and (max-width:320px) {
#contentsSceneArea {display:table; width:100%; background:#ffffff;}
 #contentsSceneArea1 {display:block; width:100%; padding:10px; background:#ffffff;}
  .commentArea {display:table; width:300px; padding:10px; background:#ffffff; color:#000000;}
   .commentHeader {display:table-cell; padding:5px; background:#ffdab9; text-align:center; font-size:28px; font-weight:bold; color:#000000;}
   .comment {display:table-cell; width:280px; border:2px solid #ccc; font-size:24px; vertical-align:middle; color:#000000;}
  .menuArea {display:table; width:300px; background:#ffffff; color:#000000;}
   .iconMenu {float:left; display:table; position:relative; width:100%; height:80px; border:2px solid #ccc; background:#f6f6f6; layout-grid-line:200px;}
    .iconMenuLabel {display:table-cell; width:100%; height:76px; font-size:24px; font-weight:bold; line-height:1.5em; text-align:center; vertical-align:middle;}
   .linkMenu {float:left; display:table-cell; position:relative; width:280px; height:40px;}
    .linkMenuLabelArea {display:inline-block; position:absolute; top:5px; bottom:0px; left:125px; right:0px; width:42px; height:20px;}
     .linkMenuLabel {display:table-cell; height:20px; font-size:24px; vertical-align:middle;}

  .activeIconMenu {background:#f6f6f6;}
  .activeIconMenu a {position:absolute; top:0; left:0; width:100%; height:80px; text-decoration:none; outline:none;}
  .activeIconMenu a:link, .activeIconMenu a:visited, .activeIconMenu a:active {color:#000000;}
  .enabledIconMenu {background:#e2e2e2;}
  .unvisibleIconLinkMenu {border-style:none; background:#ffffff;}
  .activeLinkMenu {background:#ffffff; height:40px;}
  .activeLinkMenu a {position:absolute; top:0; left:0; height:20px; border-style:none; text-decoration:none; outline:none; text-align:right;}
  .activeLinkMenu a:link, .linkMenu a:visited, .linkMenu a:active {color:#0000ff;}
}
@media screen and (min-width:321px) {
#contentsSceneArea {display:table; width:100%; background:#ffffff;}
 #contentsSceneArea1 {display:block; width:100%; padding:10px; background:#ffffff;}
  .commentArea {display:table; width:100%; padding:10px; background:#ffffff; color:#000000;}
   .commentHeader {display:table-cell; width:480px; padding:5px; background:#ffdab9; text-align:center; font-size:28px; font-weight:bold; color:#000000;}
   .comment {display:table-cell; width:100%; border:2px solid #ccc; font-size:24px; vertical-align:middle; color:#000000;}
  .menuArea {display:table; width:100%; background:#ffffff; color:#000000;}
   .iconMenu {float:left; display:table; position:relative; width:100%; height:80px; border:2px solid #ccc; background:#f6f6f6; layout-grid-line:200px;}
    .iconMenuLabel {display:table-cell; width:100%; height:76px; font-size:24px; font-weight:bold; line-height:1.5em; text-align:center; vertical-align:middle;}
   .linkMenu {float:left; display:table-cell; position:relative; width:280px; height:40px;}
    .linkMenuLabelArea {display:inline-block; position:absolute; top:5px; bottom:0px; left:125px; right:0px; width:42px; height:20px;}
     .linkMenuLabel {display:table-cell; height:20px; font-size:24px; vertical-align:middle;}

  .activeIconMenu {background:#f6f6f6;}
  .activeIconMenu a {position:absolute; top:0; left:0; width:100%; height:80px; text-decoration:none; outline:none;}
  .activeIconMenu a:link, .activeIconMenu a:visited, .activeIconMenu a:active {color:#000000;}
  .enabledIconMenu {background:#e2e2e2;}
  .unvisibleIconLinkMenu {border-style:none; background:#ffffff;}
  .activeLinkMenu {background:#ffffff; height:40px;}
  .activeLinkMenu a {position:absolute; top:0; left:0; height:20px; border-style:none; text-decoration:none; outline:none; text-align:right;}
}
@media screen and (min-width:641px) {
#contentsSceneArea {display:table; margin:0 auto; max-width:960px; background:#ffffff;}
   .iconMenu {float:left; display:table; position:relative; width:50%; height:80px; border:2px solid #ccc; background:#f6f6f6;}
    .iconMenuLabel {display:table-cell; width:100%; height:76px; font-size:24px; font-weight:bold; line-height:1.5em; text-align:center; vertical-align:middle;}
   .linkMenu {float:left; display:table-cell; position:relative; width:280px; height:40px;}
    .linkMenuLabelArea {display:inline-block; position:absolute; top:5px; bottom:0px; left:125px; right:0px; width:42px; height:20px;}
     .linkMenuLabel {display:table-cell; height:20px; font-size:24px; vertical-align:middle;}
}

