@charset "UTF-8";
@media screen and (max-width: 880px) {
  /*
  .mq{ 
  	display: block;
  	width:inherit;
  	img{
  		width: 100%;
  	}
  }
  
  #page{
  	width: auto;
  }
  #topContents{
  	width: auto;
  //	height: auto;
  }
  .bxslider li{
  	height: auto;
  }
  */
  #fixnav {
    width: 960px;
  }

  #PageTopBt .pageTop {
    left: 910px;
  }

  #globalFoooter #footerTop {
    width: 960px;
  }

  #main {
    margin-left: 5px;
  }

  #side {
    margin-right: 5px;
  }
}
@media screen and (max-width: 480px) {
  body {
    position: relative;
  }

  #fixnav {
    display: none;
  }

  #site_search_header {
    display: none;
  }

  #globalHeader {
    height: 40px;
  }
  #globalHeader #logo {
    top: 14px;
    left: 10px;
  }
  #globalHeader #logo img {
    width: 150px;
    height: auto;
  }
  #globalHeader #topNav {
    display: none;
  }
  #globalHeader #topNav + ol {
    display: none;
  }
  #globalHeader #gNav {
    display: none;
  }

  #main {
    margin-left: 0px;
  }

  #side {
    margin-right: 0px;
  }

  .hidden-sp {
    display: block;
  }

  .hidden-pc {
    display: none;
  }

  img[src$="404.png"] {
    width: 100%;
  }

  #sp_gNav {
    z-index: 400;
    width: inherit;
    padding-top: 40px;
    overflow: hidden;
  }
  #sp_gNav span {
    display: block;
    width: 23px;
    position: absolute;
    right: 8px;
    top: 11px;
    z-index: 440;
    cursor: pointer;
    padding: 0 0 30px 30px;
  }
  #sp_gNav span img {
    width: 100%;
  }
  #sp_gNav ul {
    width: inherit;
    height: 130px;
    overflow: hidden;
    *zoom: 1;
    z-index: 420;
    position: relative;
  }
  #sp_gNav ul:before {
    content: "";
    overflow: hidden;
    *zoom: 1;
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    width: inherit;
    height: inherit;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 410;
  }
  #sp_gNav li {
    position: relative;
    z-index: 430;
    float: left;
    width: 49.75%;
    border-bottom: 1px solid #fff;
  }
  #sp_gNav li a {
    text-indent: 10px;
    padding: 13px 0;
  }
  #sp_gNav li img {
    width: 130px;
  }
  #sp_gNav li.even {
    border-left: 1px solid #fff;
  }

  .home #sp_gNav ul {
    display: block;
  }

  #sp_model {
    display: block !important;
    position: absolute;
    top: 15px;
    left: 178px;
  }
  #sp_model img {
    width: 106px;
  }

  #side {
    float: none;
    width: auto;
    padding-left: 0;
  }

  #subNav {
    width: auto;
  }

  #globalFoooter {
    width: auto;
    height: 115px;
  }
  #globalFoooter #footerTop {
    display: none;
  }
  #globalFoooter #footerBottom {
    width: auto;
    background-color: #DDDDDD;
    text-align: center;
    padding-bottom: 46px;
  }
  #globalFoooter #footerBottom p.copyright {
    width: 100%;
    font-size: 84%;
    float: none;
    height: 10px;
    padding: 4px 0;
  }
  #globalFoooter #footerBottom p.copyright small {
    color: #797979;
  }
  #globalFoooter #footerBottom #contactFooter {
    width: auto;
    background-color: #0d045f;
    padding: 0 10px;
    padding-bottom: 15px;
    align-items: center;
    padding-top: 15px;
  }
  #globalFoooter #footerBottom #contactFooter img[src$='footer_logo.png'] {
    width: 130px;
  }
  #globalFoooter #footerBottom address a {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 150px;
    height: 45px;
    background: url(/assets/templates/empire-mansion/img/common/telephonum1_mq.png) no-repeat;
    background-size: contain;
    vertical-align: top;
  }
  #globalFoooter #footerBottom address a img {
    display: none;
  }
  #globalFoooter #footerBottom address a {
    /*float: none;
    display: block;
    width: 300px;
    height: 65px;
    margin: 0 auto;
    background-image:url(/assets/templates/empire-mansion/img/common/telephonum_mq.png);
    background-size:cover;*/
  }

  .footer-logo {
    width: 160px;
  }

  .footer-logo-block {
    margin-right: 5vw;
  }

  .freedial {
    width: 24px;
  }

  .tel-block__no {
    font-size: 20px;
    letter-spacing: 0;
    text-align: left;
    width: 47vw;
  }
  .tel-block__text {
    text-align: left;
  }

  .footer-logo-block > a {
    height: 62px;
  }

  .spImg {
    width: 100%;
  }
  .spImg.w90per {
    width: 90%;
  }

  img.clublogo {
    display: none;
  }

  img.clublogoSP {
    display: block;
    padding-bottom: 20px;
  }

  a.arrowBefore {
    background-size: 12px;
  }

  table .block {
    margin: 5px;
  }
  table .block a.arrowBefore {
    background-position: left 5px;
  }

  table td {
    padding: 1px 0;
    word-break: break-all;
  }

  .guide h2.title {
    width: auto;
    height: auto;
    padding: 4px 30px 4px 10px;
    background: none;
    text-indent: 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM1NTk5Y2MiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(30%, #5599cc), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(left, #5599cc 30%, #ffffff 100%);
    background-image: -webkit-linear-gradient(left, #5599cc 30%, #ffffff 100%);
    background-image: linear-gradient(to right, #5599cc 30%, #ffffff 100%);
  }

  .arrow li {
    background-position: 0 0;
    background-size: 13px auto;
  }

  .decimal.half {
    -moz-column-count: auto;
    -webkit-column-count: auto;
    column-count: auto;
  }

  .listInlinedot li {
    width: auto;
    float: none;
  }
  .listInlinedot li.w20, .listInlinedot li.w30, .listInlinedot li.w40 {
    width: auto;
  }

  .gridWide .arrowList li a {
    background-position: 0 13px;
  }

  #page {
    width: auto;
  }

  #contents {
    width: auto;
    margin: 0 10px;
  }
  #contents #pagetitle h1 {
    background: none;
  }

  #pagetitle {
    width: auto;
    height: 80px;
    margin-bottom: 40px;
  }
  #pagetitle h1 {
    background: none !important;
  }
  #pagetitle h1 img {
    top: 18px;
  }
  #pagetitle h1:before {
    height: 43px;
    background: none;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzdhOWNiYyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjN2E5Y2JjIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM2Nzg5YTkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Nzg5YTkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #7a9cbc), color-stop(50%, #7a9cbc), color-stop(51%, #6789a9), color-stop(100%, #6789a9));
    background-image: -moz-linear-gradient(top, #7a9cbc 1%, #7a9cbc 50%, #6789a9 51%, #6789a9 100%);
    background-image: -webkit-linear-gradient(top, #7a9cbc 1%, #7a9cbc 50%, #6789a9 51%, #6789a9 100%);
    background-image: linear-gradient(to bottom, #7a9cbc 1%, #7a9cbc 50%, #6789a9 51%, #6789a9 100%);
  }

  .guide .work #pagetitle h1 img,
  .error .index #pagetitle h1 img {
    top: 24px;
    width: 80%;
  }

  #main {
    float: none;
    width: auto;
    padding-right: 0;
  }
  #main p.lead br {
    display: none;
  }
  #main p.overhidden {
    overflow: visible;
  }

  .numTitle {
    position: static;
    height: auto;
    margin-bottom: 30px;
  }
  .numTitle h2:before {
    width: 53px;
    float: left !important;
    position: static !important;
    background-repeat: no-repeat;
  }
  .numTitle h2 span {
    display: block;
    padding-left: 53px;
  }
  .numTitle h2 img {
    display: none;
  }
  .numTitle p {
    position: static;
    padding-top: 10px;
    padding-left: 53px;
  }
  .numTitle.no7 {
    height: auto;
  }
  .numTitle.no7 .imgR {
    float: none;
    padding-top: 10px;
    padding-left: 43px;
  }
  .numTitle.no7 p {
    width: auto;
    padding-left: 0;
  }

  .grid {
    width: auto;
  }
  .grid ul {
    width: auto;
  }
  .grid ul li {
    float: none;
    margin: 0 auto 12px auto;
  }

  .guide .grid ul li:last-child {
    display: none;
  }

  .toggleButton {
    display: none;
  }

  .gridWide {
    width: auto;
    padding: 20px 15px;
  }
  .gridWide .toggle img,
  .gridWide img.imgL,
  .gridWide img.imgR {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  .gridWide .toggle ul {
    width: auto;
  }
  .gridWide ul {
    text-align: left;
    height: auto;
  }
  .gridWide .customer {
    top: -27px;
  }
  .gridWide .floR {
    float: none;
  }
  .gridWide .floR.ml20 {
    float: none;
    margin-left: 0;
    padding-bottom: 20px;
    text-align: center;
  }
  .gridWide .entryDetail {
    bottom: 10px;
    right: 15px;
  }
  .gridWide.listup {
    margin-top: 30px;
  }
  .gridWide.listup li .entryDetail {
    bottom: 10px;
  }
  .gridWide .theme p {
    width: 198px;
  }

  .boxRadius {
    width: auto;
  }
  .boxRadius ol {
    margin-top: 20px;
    width: auto;
  }
  .boxRadius ol li {
    width: inherit;
    margin-right: 0;
    float: none;
    background-image: none;
  }
  .boxRadius ol li a {
    display: block;
    background: url(/assets/templates/empire-mansion/img/common/icon_arrow.png) no-repeat right center;
    background-size: 17px;
  }
  .boxRadius ol li .entry span br {
    display: none;
  }

  .mansionList .gridWide .mansionName {
    width: auto;
  }
  .mansionList .gridWide .require, .mansionList .gridWide .exclusive {
    position: static;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
  }
  .mansionList .gridWide .entry .floL {
    float: none;
    width: auto;
    height: auto;
    margin-right: 0;
  }
  .mansionList .gridWide .entry .floL img {
    width: 132px;
    display: inline;
  }
  .mansionList .gridWide .entry .floR {
    width: auto;
    margin-top: 10px;
  }
  .mansionList .gridWide .mansionSlideButton {
    left: 42%;
  }
  .mansionList .gridWide .toggle {
    width: auto;
    height: 0px;
  }
  .mansionList .gridWide .gmapSet {
    width: inherit;
    height: 300px;
  }
  .mansionList .gridWide .gmapSet .gmapBox {
    width: inherit;
    height: inherit;
  }
  .mansionList .gridWide .newsBoxWrap {
    width: inherit;
    margin-right: 0;
    margin-bottom: 20px;
    float: none;
  }
  .mansionList .gridWide .newsBoxWrap ul {
    width: inherit;
  }
  .mansionList .gridWide .newsBoxWrap ul li {
    margin-right: 10px;
  }

  .guide .glossary .gridWide .arrow {
    width: auto;
  }
  .guide .glossary .gridWide .arrow li {
    width: auto;
    margin-right: 0;
    display: block;
  }
  .guide .glossary .date {
    position: static;
    display: block;
    text-align: right;
    margin-bottom: 5px;
  }

  .slideButton {
    left: 42%;
  }

  #main .gridColumn {
    width: auto;
  }
  #main .gridColumn ul {
    width: auto;
  }
  #main .gridColumn ul li {
    width: auto;
    height: auto;
    float: none;
    margin-right: 0px;
    padding: 15px;
    list-style-type: none;
    background: #f7f7f7;
  }
  #main .gridColumn ul li a {
    background: url(/assets/templates/empire-mansion/img/common/icon_arrow.png) no-repeat right bottom;
    background-size: 16px;
  }
  #main .gridColumn ul li h3 br {
    display: none;
  }

  img[src$="/quality/h2_1.png"],
  img[src$="/quality/h3_1.png"] {
    width: 100%;
  }

  #buyplan {
    width: auto;
  }
  #buyplan ol {
    width: auto;
    height: auto;
  }
  #buyplan li {
    width: auto;
    float: none;
    margin: 0 0 20px 0;
    padding: 10px 10px 15px 10px;
  }
  #buyplan li h2 img {
    display: none;
  }
  #buyplan li h2 span {
    display: block;
    position: absolute;
    left: 65px;
    top: 20px;
  }
  #buyplan li .block {
    bottom: 10px;
    width: 90%;
    padding-right: 0;
  }
  #buyplan li:nth-child(1) h2 span,
  #buyplan li:nth-child(4) h2 span {
    color: #0066AA;
  }
  #buyplan li:nth-child(2) h2 span,
  #buyplan li:nth-child(5) h2 span {
    color: #0066B2;
  }
  #buyplan li:nth-child(3) h2 span,
  #buyplan li:nth-child(6) h2 span {
    color: #5588CC;
  }
  #buyplan li:nth-child(6) h2 span {
    font-size: 84%;
  }

  img[src$="/cost/f1.png"],
  img[src$="/cost/f2.png"],
  img[src$="/cost/f3.png"],
  img[src$="/cost/f4.png"] {
    width: 100%;
  }

  .gridWide.cost .cellBlock {
    display: block;
  }
  .gridWide.cost .cellBlock h4 {
    display: block;
    width: auto;
    padding: 4px 0;
    margin-bottom: 10px;
  }
  .gridWide.cost .cellBlock h4 br {
    display: none;
  }
  .gridWide.cost .toggle {
    height: auto;
  }
  .gridWide.cost table.tophead td:last-child {
    text-align: right;
    padding-right: 0px;
  }

  #newsList li {
    position: relative;
    width: inherit;
    padding: 20px 0;
  }
  #newsList li .date {
    float: none;
    padding-right: 0;
    width: auto;
  }
  #newsList li .entryNews {
    width: auto;
    float: none;
  }
  #newsList li .entryNews p {
    margin-top: 5px;
  }
  #newsList li .entryNews span {
    position: absolute;
    right: 0;
    top: 20px;
  }

  .newsDetail a.fancybox,
  .eventDetail a.fancybox {
    text-align: center;
  }
  .newsDetail .pBox,
  .eventDetail .pBox {
    float: none;
    padding-left: 0;
    padding-bottom: 10px;
    text-align: center;
  }
  .newsDetail .cDetail li p,
  .eventDetail .cDetail li p {
    display: block;
    margin-left: 0;
  }

  img[src$="h2_speakers.png"],
  img[src$="seminar_lead.png"],
  img[src$="h2_information.png"],
  img[src$="h2_report.png"] {
    width: 100%;
  }

  .boxThick {
    margin-top: 20px;
    padding: 5px;
  }
  .boxThick .unit ul {
    margin: 20px;
  }
  .boxThick .unit ul li {
    padding-top: 20px;
    margin-top: 20px;
  }
  .boxThick .unit ul li .entry {
    overflow: visible;
  }
  .boxThick .unit ul li ul.post {
    margin: 10px 0 0 0;
  }
  .boxThick .facePhoto {
    width: 148px;
    float: none;
    margin: 0px auto 10px auto;
  }

  .event .gridWide.seminar {
    background: #F7F7F7;
  }

  .event .information .boxThick .unit #gMap,
  .event .report .boxThick .unit #gMap {
    height: 200px;
  }
  .event .information .boxThick #dateBox,
  .event .report .boxThick #dateBox {
    float: none;
    width: auto;
    margin-right: 0px;
    padding: 5px;
  }
  .event .information .boxThick #dateBox div,
  .event .report .boxThick #dateBox div {
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px 0;
    text-align: center;
  }
  .event .information .boxThick #dateBox .year,
  .event .report .boxThick #dateBox .year {
    padding-top: 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 117%;
  }
  .event .information .boxThick #dateBox .day,
  .event .report .boxThick #dateBox .day {
    font-size: 117%;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-weight: normal;
    padding-top: 0;
  }
  .event .information .boxThick #dateBox .week,
  .event .report .boxThick #dateBox .week {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 117%;
    padding-top: 0;
  }
  .event .information .boxThick #eventTitle,
  .event .report .boxThick #eventTitle {
    float: none;
    width: auto;
    height: auto;
    position: static;
  }
  .event .information .boxThick #eventTitle #instructor,
  .event .report .boxThick #eventTitle #instructor {
    height: auto;
    position: static;
    margin-top: 10px;
    background-size: 38px;
  }
  .event .information .boxThick .photo,
  .event .report .boxThick .photo {
    float: none;
    text-align: center;
    margin: 0;
    padding-bottom: 5px;
  }
  .event .information .boxThick #summary,
  .event .report .boxThick #summary {
    padding: 17px 17px 7px 17px;
    background-color: #F2F8FD;
    border: 1px solid #ddeef6;
  }
  .event .information .boxThick #summary .leftBox,
  .event .information .boxThick #summary .rightBox,
  .event .report .boxThick #summary .leftBox,
  .event .report .boxThick #summary .rightBox {
    float: none;
    width: auto;
  }
  .event .information .boxThick #summary .rightBox,
  .event .report .boxThick #summary .rightBox {
    margin-left: 0;
  }
  .event .information .boxThick #summary .detail,
  .event .report .boxThick #summary .detail {
    padding-top: 0;
  }
  .event .information .boxThick #summary li,
  .event .report .boxThick #summary li {
    overflow: hidden;
    *zoom: 1;
  }
  .event .information .boxThick #summary li .title,
  .event .report .boxThick #summary li .title {
    display: block;
    float: left;
  }
  .event .information .boxThick #summary li .detail,
  .event .report .boxThick #summary li .detail {
    display: block;
    overflow: hidden;
  }

  .event .report .boxThick .unit .thumbnail {
    width: auto;
  }
  .event .report .boxThick .unit .thumbnail ul {
    width: auto;
    margin: 0;
  }
  .event .report .boxThick .unit .thumbnail ul li {
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .event .report .boxThick .unit #survey {
    width: auto;
  }
  .event .report .boxThick .unit #survey ul {
    width: auto;
    margin: 15px 0 0 0;
  }
  .event .report .boxThick .unit #survey ul li {
    width: 192px;
    margin: 0 auto 20px auto;
    padding: 0;
    float: none;
  }

  #qaDetail .topBox h2:before,
  #qaDetail .bottomBox h2:before {
    width: 27px;
    height: 51px;
    margin: 0 10px 0 0;
    background-size: contain;
  }

  #mapVoice {
    padding: 0px;
    background: none;
  }

  #map_canvas {
    width: inherit;
    height: 300px;
  }

  #voiceAbout #thing h2 {
    display: block;
    margin-bottom: 10px;
  }

  #voiceAbout ul li a, #voiceAbout ul li a:before {
    width: 147px;
  }

  .interviewList .gridWide img.imgR,
  .interviewList .gridWide .toggle .unit .imgR {
    margin-left: 0;
    float: none;
  }
  .interviewList .gridWide .entry {
    text-align: center;
  }
  .interviewList .gridWide h2 {
    text-align: left;
  }
  .interviewList .gridWide iframe {
    width: 220px;
    height: auto;
  }
  .interviewList .gridWide .floL,
  .interviewList .gridWide .floR,
  .interviewList .gridWide .center.pt10 {
    float: none;
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: auto !important;
    margin-bottom: 15px;
    padding-bottom: 0;
    padding-left: 0;
  }
  .interviewList .gridWide .floL img,
  .interviewList .gridWide .floR img,
  .interviewList .gridWide .center.pt10 img {
    width: 100% !important;
  }
  .interviewList .gridWide .pr10 {
    padding-right: 0;
    margin-right: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .interviewList .gridWide .pl10 {
    padding-left: 0;
  }

  img[src$="survey.png"] {
    width: 100%;
  }

  .surveyList .gridWide .entry,
  .surveyList .gridWide .toggle {
    width: auto;
  }
  .surveyList .gridWide .entry ul,
  .surveyList .gridWide .toggle ul {
    width: auto;
  }
  .surveyList .gridWide .entry .tnumbnail,
  .surveyList .gridWide .toggle .tnumbnail {
    width: auto;
  }
  .surveyList .gridWide .entry .tnumbnail ul,
  .surveyList .gridWide .toggle .tnumbnail ul {
    width: auto;
  }
  .surveyList .gridWide .entry .tnumbnail li,
  .surveyList .gridWide .toggle .tnumbnail li {
    float: none;
    margin: 0 auto 10px auto;
  }

  .life .unit .imgR.pl20 {
    display: none;
  }

  .life .index #main .gridWide figure.imgR {
    display: block;
    float: none;
    width: 215px;
    text-align: center;
    margin: 0 auto 15px auto;
  }
  .life .index #main .gridWide .entry {
    overflow: visible;
    height: auto;
  }
  .life .index #main .gridWide .entryDetail {
    margin-top: 10px;
    position: static;
    float: right;
    background-position: right 0;
    background-size: 14px;
  }
  .life .index #main section .grid ul {
    padding: 0;
  }
  .life .index #main section .grid ul li.only {
    display: none;
  }

  .life section ul.arrow li {
    display: block !important;
    float: none !important;
    width: auto !important;
  }

  .quality table.common td ul.listdot li,
  .life .after table.common td ul.listdot li,
  .life .knowledge table.common td ul.listdot li {
    width: auto;
    float: none;
  }
  .quality .floR,
  .quality .imgR,
  .life .after .floR,
  .life .after .imgR,
  .life .knowledge .floR,
  .life .knowledge .imgR {
    margin-left: 0;
    margin-top: 0;
  }
  .quality .floR.pl10,
  .quality .imgR.pl10,
  .life .after .floR.pl10,
  .life .after .imgR.pl10,
  .life .knowledge .floR.pl10,
  .life .knowledge .imgR.pl10 {
    padding-left: 0;
  }
  .quality .floL,
  .quality .imgL,
  .life .after .floL,
  .life .after .imgL,
  .life .knowledge .floL,
  .life .knowledge .imgL {
    margin-right: 0;
    margin-top: 0;
  }
  .quality .floL.pr10,
  .quality .imgL.pr10,
  .life .after .floL.pr10,
  .life .after .imgL.pr10,
  .life .knowledge .floL.pr10,
  .life .knowledge .imgL.pr10 {
    padding-right: 0;
  }
  .quality .center img,
  .life .after .center img,
  .life .knowledge .center img {
    width: 100%;
  }
  .quality img[src$="quality/safe/structure/structure_04.gif"],
  .life .after img[src$="quality/safe/structure/structure_04.gif"],
  .life .knowledge img[src$="quality/safe/structure/structure_04.gif"] {
    width: 21px;
  }

  .quality figure.floR, .quality figure.floL, .quality figure.imgR, .quality figure.imgL {
    float: none;
  }
  .quality figure img {
    width: 100%;
  }
  .quality figure .pl10 {
    padding-left: 0;
  }
  .quality figure .pr10 {
    padding-right: 0;
  }
  .quality .cellBlock .threeColumn {
    display: block;
  }
  .quality .cellBlock .threeColumn .column {
    display: block;
    width: auto;
  }
  .quality .cellBlock .threeColumn .column p {
    min-height: auto;
  }
  .quality #value .decimal {
    width: auto;
  }
  .quality #value .decimal li {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 15px 7px 0 20px;
  }
  .quality img[src$="/quality/health/water/bnr01.png"] {
    width: 100%;
  }

  .life .knowledge .gridWide img.imgR[src$="/knowledge/p10.jpg"] {
    width: 76px;
    float: right;
    padding-left: 10px;
  }

  /*
  .life .fukuoka #main{
  	img.externalIcon{
  		width: 16px!important;
  	}
  	table{
  		margin: 0 auto 5px auto;
  	}
  	img.imgR{
  		float: none;
  		margin: 0;
  		width: 100%;
  		
  	}
  	.center img{
  		width: 100%;
  	}	
  	.thumb{
  		display: block;
  		li,
  		.thumbChild{
  			display: block;
  			p{text-align: center;}
  			img{width: 100%;}
  		}
  	}
  	.thumbnail{
  		ul{
  			width: auto;
  			li{
  				float: none;
  				width:inherit;
  				margin-right: 0;
  				padding-left:0;
  				img{
  					width: 100%;
  				}
  				p{
  					text-align: left;
  				}
  			}
  		}
  		&.threeColumn{
  			li{
  				margin-right:0;
  				width: auto;
  			}
  		}
  	}
  	.floR,.floL{
  		float: none;
  		padding: 0;
  		margin: 0 0 20px 0;
  		img{
  			width: 100%;
  		}fukuokaDetail
  		small{
  			display: block;
  		}
  	}
  }
  .sliderTable .floL{
  	width: auto;
  	margin: 0;
  }
  //ch.15 花粉 
  #pollen{
  	width:inherit;
  	table{
  		width: 33%;
  	}
  }*/
  .twoColumn,
  .threeColumn {
    width: auto;
  }
  .twoColumn .column,
  .threeColumn .column {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }

  img[src$="img/life/series/fukuoka/title.png"] {
    width: 100%;
  }

  #sublead p {
    white-space: normal;
  }
  #sublead .imgR {
    display: none;
  }

  img[src$="backnumber.png"] {
    width: 178px;
  }

  #noteBgList h3 {
    padding: 20px 0 0 3% !important;
  }
  #noteBgList ul {
    display: block;
  }
  #noteBgList ul li .date {
    display: block;
    width: auto;
  }
  #noteBgList ul li .entry {
    display: block;
    margin-top: 5px;
  }

  #fukuokaDetail {
    padding: 10px;
  }
  #fukuokaDetail #wrap {
    padding: 15px;
  }
  #fukuokaDetail #chapter {
    float: none;
    margin-bottom: -30px;
  }
  #fukuokaDetail h3.title {
    margin: 0 0 20px 0;
  }
  #fukuokaDetail .caption {
    text-align: left;
  }
  #fukuokaDetail .sliderTable table {
    font-size: 92%;
  }
  #fukuokaDetail .w75 {
    width: 100% !important;
  }
  #fukuokaDetail .source {
    font-size: 92%;
  }
  #fukuokaDetail .floR, #fukuokaDetail .floL {
    width: auto !important;
    float: none;
    text-align: left;
    margin-left: 0;
  }
  #fukuokaDetail .floR.w200, #fukuokaDetail .floR.w250, #fukuokaDetail .floL.w200, #fukuokaDetail .floL.w250 {
    width: auto;
  }
  #fukuokaDetail .floR .notes, #fukuokaDetail .floL .notes {
    padding-left: 0;
    text-indent: 0;
  }
  #fukuokaDetail .floR img, #fukuokaDetail .floL img {
    width: 100%;
  }
  #fukuokaDetail .floR table, #fukuokaDetail .floL table {
    width: 100%;
  }
  #fukuokaDetail img.imgR,
  #fukuokaDetail img.imgL,
  #fukuokaDetail .center img {
    width: 100%;
  }
  #fukuokaDetail a[href^="http"] {
    color: #66A9D5;
  }
  #fukuokaDetail .thumbnail {
    width: auto;
  }
  #fukuokaDetail .thumbnail ul {
    width: auto;
  }
  #fukuokaDetail .thumbnail ul li {
    display: block;
    width: auto;
    overflow: hidden;
    margin-right: 0px;
  }
  #fukuokaDetail .thumbnail ul li img {
    width: 100%;
  }
  #fukuokaDetail small,
  #fukuokaDetail .notes {
    padding-left: 0em;
    text-indent: 0;
    text-align: left !important;
  }
  #fukuokaDetail a {
    word-break: break-all;
  }

  img[src$="img/life/series/adonis/title.png"] {
    width: 100%;
  }

  .life .series #adonisDetail h1 img {
    width: 100%;
  }
  .life .series #adonisDetail h2.title {
    color: #002277;
    font-size: 167%;
    font-weight: bold;
    margin-bottom: 15px;
  }
  .life .series #adonisDetail figure.floR {
    float: none;
    display: block;
    margin: 0 0 20px 0;
    text-align: center;
  }

  #main #adonisDetail figure.floR p {
    text-align: center;
  }

  .life #main #make {
    padding: 10px;
  }
  .life #main #make h4 {
    background: none;
    margin-top: 15px;
    padding-left: 0;
    margin-left: 8px;
  }
  .life #main #make .complete {
    display: block;
    float: none;
    margin-top: 30px;
    margin-right: 0px;
    text-align: center;
  }
  .life #main #make .unit {
    padding: 15px;
  }
  .life #main #make ul#material {
    overflow: hidden;
  }
  .life #main #make ul#material li {
    margin-left: 15px;
  }
  .life #main #make ol#building {
    margin-top: 15px;
  }
  .life #main #make ol#building li {
    display: block;
  }
  .life #main #make ol#building li:before {
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 2px;
  }
  .life #main #make ol#building li p {
    display: block;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
  }
  .life #main #make ol#building li figure {
    margin-top: 5px;
    clear: both;
    display: block;
  }
  .life #main #make ol#building li figure img {
    width: 100%;
  }

  #supervision figure {
    float: none;
    margin-right: 0px;
  }
  #supervision #caption {
    overflow: visible;
  }
  #supervision #caption h5 {
    margin-top: 15px;
  }
  #supervision #caption h5 .name b {
    display: block;
    margin-bottom: 5px;
  }

  img[src$="img/life/series/sweetsnote/title.png"] {
    width: 165%;
  }

  #sweetsnoteDetail {
    padding: 10px;
  }
  #sweetsnoteDetail .unit {
    padding: 15px;
  }
  #sweetsnoteDetail figure.floL {
    float: none;
    width: auto;
    height: auto;
    overflow: hidden;
    margin-right: 0;
  }
  #sweetsnoteDetail figure.floL img {
    width: 100%;
  }
  #sweetsnoteDetail #material {
    margin-top: 15px;
  }
  #sweetsnoteDetail #recipe {
    margin-top: 20px;
  }
  #sweetsnoteDetail #recipe h4 {
    background: none;
    padding-left: 0;
    margin-bottom: 4px;
  }
  #sweetsnoteDetail #recipe h4 img {
    width: 77px;
  }
  #sweetsnoteDetail #onepoint {
    display: block;
    background: #fff;
    padding: 10px;
  }
  #sweetsnoteDetail #onepoint h5 {
    display: block;
    width: auto;
    background: url(/assets/templates/empire-mansion/img/life/series/sweetsnote/paper_074.png) repeat;
  }
  #sweetsnoteDetail #onepoint h5 img {
    display: none;
  }
  #sweetsnoteDetail #onepoint h5 span {
    display: block;
    color: #fff;
    font-size: 14px;
  }
  #sweetsnoteDetail #onepoint p {
    margin-top: 10px;
    padding-left: 0;
    display: block;
  }

  #privelege {
    overflow: hidden;
    width: auto;
  }
  #privelege ul {
    width: auto;
  }
  #privelege ul li {
    width: auto;
    float: none;
    margin-right: 0px;
  }

  #kyousan {
    padding: 0;
    width: auto;
  }
  #kyousan ul {
    width: inherit;
  }
  #kyousan li {
    width: 171px;
    margin: 10px auto 15px auto;
    float: none;
    text-align: center;
  }

  .club img.imgR[src$="clubcard.png"] {
    width: 196px;
    margin: 10px auto;
    padding-left: 0;
    float: none;
    display: block;
    text-align: center;
  }

  #kyousanList {
    padding: 20px;
  }
  #kyousanList ul li {
    list-style-type: none;
  }
  #kyousanList ul li .left {
    display: block;
  }
  #kyousanList ul li .entry {
    display: block;
    padding: 0px 0 0 0px;
  }
  #kyousanList ul li a {
    float: none;
    display: block;
    text-align: center;
  }

  .club .listInlinedot {
    width: auto;
  }
  .club .listInlinedot li {
    width: auto;
  }

  .club .common th {
    width: 30%;
  }
  .club .common td {
    padding: 2px;
  }

  .club .gridWide .imgR {
    margin-left: 0px;
  }

  .club figure.imgR {
    float: none;
    margin-left: 0;
    display: block;
    text-align: center;
  }

  img[src$="sup_adonis.png"],
  img[src$="sup_crane.png"],
  img[src$="sup_totomorrow.png"] {
    width: 100%;
  }

  .grayUnit {
    padding: 10px;
  }
  .grayUnit .entry {
    padding: 15px;
  }

  img.imgR.pl20[src$="greeting/p1.png"],
  img.imgR.pl20[src$="greeting/p2.png"] {
    padding-left: 0;
    margin-left: 0;
  }

  img[src$="greeting/p3.png"] {
    width: 100%;
  }
  img[src$="greeting/p3.png"] + span.floR.pr80 {
    float: none;
    padding: 0;
  }

  .greeting .gridWide .unit {
    padding: 10px;
  }
  .greeting .gridWide .grayBox {
    padding: 0;
    background-color: #fff;
  }
  .greeting .gridWide .cellBlock {
    display: block;
    background: none;
  }
  .greeting .gridWide .cellBlock .pl10.floL {
    padding-left: 0;
    padding-top: 5px;
    float: none;
    text-align: center;
  }
  .greeting .gridWide .cellBlock .cellBlock {
    width: auto;
  }
  .greeting .gridWide .cellBlock .floR {
    float: none;
  }
  .greeting .gridWide .cell {
    display: block;
  }
  .greeting .gridWide .cell p {
    display: block;
  }
  .greeting .gridWide h4 {
    display: block;
    width: auto;
    border-radius: 0;
    padding: 4px 0;
  }
  .greeting .gridWide h4 br {
    display: none;
  }
  .greeting .gridWide h5 {
    display: block;
    width: auto;
    border-radius: 0;
    padding: 5px 0 !important;
  }
  .greeting .gridWide h5 br {
    display: none;
  }

  .categoryBlock {
    display: block;
  }
  .categoryBlock .define {
    display: block;
    padding: 2px 0;
  }

  #pageNav ul li a {
    padding-right: 10px;
  }
  #pageNav ul li.next {
    padding-left: 0;
  }
  #pageNav ul li.next a {
    padding-left: 10px;
    padding-right: 0;
  }
  #pageNav ul li.next a span {
    display: none;
  }
  #pageNav ul li.next a:before {
    content: "次へ";
  }
  #pageNav ul li.prev a {
    padding-left: 0px;
    padding-right: 7px;
  }
  #pageNav ul li.prev a span {
    display: none;
  }
  #pageNav ul li.prev a:before {
    content: "前へ";
  }

  #fixnav ul {
    position: static;
    float: right;
  }

  .newsDetail .thumbnail,
  .eventDetail .thumbnail {
    width: auto;
    margin-bottom: 0;
  }
  .newsDetail .thumbnail ul,
  .eventDetail .thumbnail ul {
    width: auto;
  }
  .newsDetail .thumbnail ul li,
  .eventDetail .thumbnail ul li {
    float: none;
    padding: 0;
    width: auto;
    margin-bottom: 20px;
    text-align: center;
  }

  .work .thumbnail {
    width: auto;
    overflow: visible;
  }
  .work .thumbnail ul {
    width: auto;
    margin: 0 auto;
  }
  .work .thumbnail ul li {
    width: 205px;
    margin: 0 auto 30px auto;
    float: none;
    border: none;
    padding: 0;
  }

  #topContents {
    width: auto;
    height: 150px;
    margin: 0;
  }

  .home #topContents {
    padding-top: 130px;
  }

  .bx-wrapper .bxslider img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .bxslider {
    height: 150px;
  }

  #rightNav.bx-pager {
    display: none;
  }

  #slider .bx-wrapper {
    margin: 0;
    height: 128px;
  }

  #pagenation.bx-pager {
    display: block;
    top: 155px;
  }
  #pagenation.bx-pager a {
    width: 12px;
    height: 12px;
    transition: none;
    border: 2px solid #fff;
  }
  #pagenation.bx-pager a:hover {
    height: 12px;
    background-color: #fff;
  }
  #pagenation.bx-pager a:hover.buy {
    border-color: #5577BB;
  }
  #pagenation.bx-pager a:hover.live {
    border-color: #6688AA;
  }
  #pagenation.bx-pager a:hover.all {
    border-color: #5599CC;
  }
  #pagenation.bx-pager a.active {
    height: 12px;
    background-color: #fff;
    border: 2px solid #fff;
  }
  #pagenation.bx-pager a.active.buy {
    border-color: #5577BB;
  }
  #pagenation.bx-pager a.active.live {
    border-color: #6688AA;
  }
  #pagenation.bx-pager a.active.all {
    border-color: #5599CC;
  }

  .home #contents {
    width: auto;
    margin: 0 10px;
  }
  .home #contents article {
    width: auto;
  }

  .home #contents {
    padding-bottom: 20px;
  }

  .home .unit {
    width: auto;
    margin-right: 0;
    float: none;
  }
  .home .unit h1 {
    border: none;
    padding-bottom: 0;
    float: left;
    margin-bottom: 10px;
    width: 85%;
  }
  .home .unit .category {
    width: inherit;
  }
  .home .unit ul li {
    height: auto;
  }
  .home .unit ul li .entry {
    position: relative;
  }
  .home .unit ul li .entry .topTnumbnail {
    width: inherit;
  }
  .home .unit ul li .entry p {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .home .unit ul li .entry .topTnumbnail {
    margin-top: 0;
  }

  /*
  toggleの動作
  */
  .home .toggleButton {
    display: block;
    float: right;
    margin-top: 15px;
    /*
    position: absolute;
    top:40%;
    right: 20px;*/
    cursor: pointer;
  }
  .home .toggleButton img {
    width: 20px;
  }

  .home .toggle {
    display: none;
    clear: both;
  }

  /*スタッフブログ*/
  .home .grid {
    margin-bottom: 50px;
    width: auto;
  }
  .home .grid ul {
    width: auto;
  }
  .home .grid ul li {
    float: none;
    width: auto;
    height: auto;
    margin: 0 0 15px 0;
  }
  .home .grid ul li section {
    margin: 0;
    padding: 15px;
    overflow: hidden;
    *zoom: 1;
  }

  .home #link.grid ul li {
    width: inherit;
    margin-right: 0;
    height: auto;
    float: none;
  }
  .home #link.grid ul li a img {
    width: 100%;
  }

  #spNavFooter {
    position: fixed;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 89px;
    z-index: 890;
  }
  #spNavFooter ul {
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
  }
  #spNavFooter li {
    list-style: none;
    flex: 1 0 auto;
  }
  #spNavFooter li:not(:first-child) {
    border-left: 1px solid #fff;
  }
  #spNavFooter li a {
    display: block;
    background-color: #0d045f;
    text-align: center;
  }
  #spNavFooter li img {
    width: 64px;
  }

  #sp_site_search_header {
    position: fixed;
    bottom: 45px;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: #444;
  }
  #sp_site_search_header form {
    width: 60%;
    margin: 10px auto;
    border: 1px solid #cecece;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    padding: 0 0 0 5px;
    background-color: #f1f1f1;
  }
  #sp_site_search_header form legend {
    display: none;
  }
  #sp_site_search_header .search-box {
    color: #666674;
    font-size: 117%;
    width: 150px;
    height: 18px;
    border: none;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-color: #f1f1f1;
  }
  #sp_site_search_header .search-box:focus {
    width: 150px;
  }
  #sp_site_search_header input#search-bt {
    width: 14px;
    float: right;
    margin: 2px 5px 0 0;
  }

  #PageTopBt {
    right: 5px;
    z-index: 920;
  }
  #PageTopBt .pageTop {
    left: auto;
    right: 0px;
  }
  #PageTopBt .pageTop a {
    width: 25px;
    height: 25px;
  }
  #PageTopBt .pageTop img {
    width: 100%;
  }
}