/* ===================================================================
CSS information

 file name  :rp_fresh.css


=================================================================== */

body {
  -webkit-text-size-adjust: none;
}

#sider,
button,
input {
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProW3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
}
/*PC*/
@media screen and (min-width:668px) {
  /*----------------------------------------------------
	PC　実例レポート 一覧ページ
----------------------------------------------------*/
  .headvisual {
    height         : 200px;
    background     : url("/maison/fresh/images/mainvisual.jpg") no-repeat center center;
    background-size: cover;
  }

  .headvisual.col2 {
    height             : 400px;
    background         : url("/maison/fresh/images/mainvisual2.jpg") no-repeat center center;
    background-size    : cover;
    display            : -webkit-box;
    display            : -ms-flexbox;
    display            : -webkit-flex;
    display            : flex;
    -webkit-box-pack   : justify;
    -ms-flex-pack      : justify;
    -webkit-box-align  : center;
    -ms-flex-align     : center;
    -webkit-align-items: center;
    align-items        : center;
    position           : relative;
  }

  .headvisual.col2 .inner {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-justify-content: center;
    justify-content        : center;
    position               : relative;
  }

  .headvisual.col2::after {
    content         : '';
    display         : block;
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    background-color: rgba(0,0,0,.2);
    z-index         : 0;
  }

  .headvisual.col2 h1 {
    color      : #FFF;
    border     : none!important;
    padding    : 0!important !important;
    position   : relative;
    z-index    : 1;
    text-shadow: 1px 2px 5px #000;
    font-size  : 55px!important;
    font-family: YuMincho, 'Yu Mincho', serif!important;
  }

  .headvisual.col2 h1::after {
    display: none!important;
  }

  .pickup {
    background   : #3a67d1;
    background   : -moz-linear-gradient(-45deg, #3a67d1 0%, #84b1f4 100%);
    background   : -webkit-linear-gradient(-45deg, #3a67d1 0%,#84b1f4 100%);
    background   : linear-gradient(135deg, #3a67d1 0%,#84b1f4 100%);
    padding      : 40px 0;
    margin-bottom: 30px;
    overflow     : hidden;
    position     : relative;
  }
  @media screen and (min-width:668px) {
    .pickup {
      width     : 1170px;
      margin    : 0 auto 40px;
      box-sizing: border-box;
      padding   : 40px;
    }
  }

  .pickup::after {
    content        : '';
    position       : absolute;
    display        : block;
    width          : 100%;
    height         : 100%;
    background     : url("/maison/fresh/images/pickup_bg.jpg") center center no-repeat;
    background-size: cover;
    top            : 0;
    left           : 0;
    opacity        : 0.2;
  }

  .pickup .normal,
  .pickup .read_text {
    position: relative;
    z-index : 1;
  }

  .pickup-title {
    font-family  : YuMincho, 'Yu Mincho', serif;
    float        : left;
    width        : 250px;
    height       : 250px;
    padding-top  : 80px;
    font-size    : 28px;
    color        : #FFF;
    position     : relative;
    z-index      : 1;
    border       : 1px solid #FFF;
    border-radius: 50%;
    margin       : 30px 20px 0 0;
    box-sizing   : border-box;
    text-align   : center;
  }

  .pickup-title span {
    font-size: 18px;
    display  : block;
  }

  .pickup-column {
    background: rgba(255,255,255,1);
    overflow  : hidden;
    position  : relative;
    z-index   : 1;
    transition: all 0.5s;
  }

  .pickup-column:hover {
    box-shadow: 0 0 10px 10px rgba(0,0,0,.2);
  }

  .pickup-column a {
    color          : #333;
    text-decoration: none;
    padding-right  : 30px;
    display        : table;
    width          : 100%;
    box-sizing     : border-box;
  }

  .pickup-column-photo {
    margin-right           : 20px;
    float                  : left;
    overflow               : hidden;
    width                  : 440px;
    height                 : 293px;
    text-align             : center;
    background             : #E9F0FF;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-justify-content: center;
    justify-content        : center;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
    flex-direction         : row;
  }

  .pickup-column-photo span {
    overflow: hidden;
  }

  .pickup-column-photo img {
    width     : auto;
    height    : auto;
    max-width : 440px;
    max-height: 293px;
    transition: all 0.5s;
    display   : block;
  }

  .pickup-column a:hover .pickup-column-photo img {
    transform: scale(1.2);
  }

  .pickup-column-area {
    display   : block;
    background: rgba(255,255,255,.8);
  }

  .pickup-column-title {
    font-family: YuMincho, 'Yu Mincho', serif;
    margin     : 20px 0 10px;
    font-size  : 125%;
  }

  .pickup-column-detail {
    display      : table;
    box-sizing   : border-box;
    margin-bottom: 50px;
    font-size    : 13px;
  }

  .pickup-column-point {}

  .pickup-column-point li {
    display : inline-block;
    margin  : 7px 5px 0 0;
    position: relative;
  }

  .pickup-column-point li::after {
    content   : '';
    display   : block;
    width     : 100%;
    border-top: 11px solid rgb(255, 238, 196);
    margin-top: -10px;
  }

  .pickup-column-btn {
    background-color: #333;
    color           : #FFF;
    padding         : 8px 10px;
    font-size       : 15px;
    vertical-align  : middle;
    text-align      : right;
    position        : absolute;
    width           : 100%;
    bottom          : 0;
    right           : 0;
    z-index         : -1;
  }

  .search {
    padding : 20px 0 30px;
    position: relative;
    z-index : 1;
  }

  .search::after {
    content        : '';
    display        : block;
    width          : 100%;
    height         : 100%;
    background-size: cover;
    position       : absolute;
    top            : 0;
    left           : 0;
    z-index        : -1;
    opacity        : 0.2;
  }

  .search-title {
    font-size  : 30px;
    font-family: YuMincho, 'Yu Mincho', serif;
    text-align : center;
  }

  .search-conditions {
    margin-top: 10px;
    position  : relative;
  }

  .search-description {
    text-align: center;
    padding   : 10px 0 20px;
  }

  .search-conditions-loading {
    position               : absolute;
    top                    : 0;
    left                   : 0;
    width                  : 100%;
    height                 : 100%;
    z-index                : 10;
    background             : rgba(109,145,223,.5);
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-justify-content: center;
    justify-content        : center;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
  }

  .search-conditions-loading-inner {
    background   : rgba(0,0,0,.5);
    text-align   : center;
    padding      : 30px;
    border-radius: 10px;
  }

  .search-conditions-loading {}

  .search-conditions-loading img {
    margin-bottom: 10px;
  }

  .search-conditions-loading button {
    font-size         : 20px;
    font-weight       : bold;
    display           : block;
    margin            : 10px auto 0;
    padding           : 10px 30px;
    border-radius     : 10px;
    border            : none;
    outline           : none;
    background        : #FFF;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    cursor            : pointer;
  }

  .search-conditions-loading-text {
    color      : #FFF;
    font-weight: bold;
  }

  .search-category {
    margin-bottom: 20px;
    font-size    : 20px;
    padding      : 15px 10px;
    text-align   : center;
    border-bottom: 3px solid #2C52AA;
    color        : #2C52AA;
    background   : url("/maison/fresh/images/bg_slash.png") repeat;
  }

  .search-category .fa {
    font-size   : 140%;
    margin-right: 10px;
  }

  .search-conditions-area {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : -webkit-flex;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
  }

  .search-column.area,
  .search-column.building {
    width           : 48%;
    background-color: #FFF;
    border          : 1px solid #ddd;
  }

  .search-column.point {
    margin          : 40px 0;
    background-color: #FFF;
    border          : 1px solid #ddd;
  }

  .search-column input[type=checkbox] {
    display: none;
  }

  .search-column label {
    display : inline-block;
    margin  : 0 10px 10px;
    padding : 8px 8px 8px 32px;
    cursor  : pointer;
    position: relative;
  }

  .search-column label::before {
    content  : "\f096";
    font     : normal normal normal 14px/1 FontAwesome;
    font-size: 22px;
    position : absolute;
    left     : 8px;
    top      : 7px;
  }

  .search-column input:checked + label {
    background-color: #5175C1;
    color           : #FFF;
  }

  .search-column input:checked + label::before {
    content  : "\f14a";
    font-size: 20px;
  }

  .search-button {
    font-size         : 20px;
    font-weight       : bold;
    display           : block;
    margin            : 0 auto;
    padding           : 10px 30px;
    color             : #fff;
    border            : none;
    outline           : none;
    background        : #333;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    cursor            : pointer;
  }

  .search-result {
    background-color: #ededed;
    padding         : 40px 4vw;
    overflow        : hidden;
    position        : relative;
  }

  .search-result-output {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-justify-content: center;
    justify-content        : center;
    flex-wrap              : wrap;
  }

  .search-result-output.is-hide {
    display: none;
  }

  .search-result-more {
    font-size         : 20px;
    font-weight       : bold;
    display           : block;
    margin            : 0 auto;
    padding           : 10px 30px;
    color             : #fff;
    border            : none;
    outline           : none;
    background        : #333;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    cursor            : pointer;
  }

  .search-result-more.is-hide {
    display: none;
  }

  .search-result-none {
    font-weight  : bold;
    text-align   : center;
    font-size    : 18px;
    padding      : 35px;
    display      : table;
    margin       : 0 auto;
    background   : #FFF;
    border-radius: 20px;
  }

  .search-result-none.is-hide {
    display: none;
  }

  .search-result-column {
    overflow  : hidden;
    width     : 300px;
    background: #fff;
    margin    : 0 15px 30px;
    position  : relative;
    transition: all 0.5s;
  }

  .search-result-column.is-hide {
    display: none;
  }

  .search-result-column:hover {
    box-shadow: 0 0 10px 10px rgba(0,0,0,.2);
  }

  .search-result-column a {
    color          : #333;
    text-decoration: none;
    display        : block;
    padding        : 15px 15px 40px;
    height         : 100%;
  }

  .search-result-output .search-result-column-photo {
    width                  : 270px;
    height                 : 180px;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
    -webkit-justify-content: center;
    justify-content        : center;
    overflow               : hidden;
  }

  .search-result-output .search-result-column-photo img {
    width     : auto;
    height    : auto;
    max-width : 270px;
    max-height: 180px;
    transition: all 0.5s;
  }

  .search-result-column a:hover .search-result-column-photo img {
    transform: scale(1.2);
  }

  .search-result-column-title {
    margin     : 20px 0 10px;
    padding    : 0 15px;
    font-size  : 110%;
    font-family: YuMincho, 'Yu Mincho', serif;
  }

  .search-result-column-text {
    margin-bottom: 10px;
  }

  .search-result-column-point {
    padding      : 0 15px;
    margin-bottom: 15px;
  }

  .search-result-column-point li {
    display  : inline-block;
    position : relative;
    padding  : 2px 7px 2px 0;
    margin   : 0 5px 0 0;
    font-size: 13px;
  }

  .search-result-column-point li::after {
    content   : '';
    display   : block;
    width     : 100%;
    border-top: 11px solid rgb(255, 238, 196);
    margin-top: -10px;
  }

  .search-result-column-btn {
    background    : #CCCCCC;
    padding       : 0 0 0 20px;
    font-size     : 13px;
    position      : absolute;
    bottom        : 0;
    left          : 0;
    width         : 100%;
    box-sizing    : border-box;
    display       : table;
    vertical-align: middle;
    line-height   : 15px;
  }

  .search-result-column-btn span.name {
    vertical-align: middle;
    box-sizing    : border-box;
    display       : table-cell;
    padding-right : 5px;
  }

  .search-result-column-btn span.btn_view {
    background    : #333;
    color         : #FFF;
    padding       : 14px 10px;
    margin        : 0;
    width         : 104px;
    vertical-align: middle;
    box-sizing    : border-box;
    display       : table-cell;
  }
  /*----------------------------------------------------
	PC　実例レポート　レポートページ
----------------------------------------------------*/
  .headvisual-report {
    padding   : 40px 0;
    position  : relative;
    display   : block;
    width     : 100%;
    overflow  : hidden;
    background: #3a67d1;
    background: -moz-linear-gradient(-45deg, #3a67d1 0%, #84b1f4 100%);
    background: -webkit-linear-gradient(-45deg, #3a67d1 0%,#84b1f4 100%);
    background: linear-gradient(135deg, #3a67d1 0%,#84b1f4 100%);
    box-sizing: border-box;
  }

  .headvisual-report::after {
    content            : '';
    position           : absolute;
    display            : block;
    width              : 110%;
    height             : 110%;
    background-size    : cover !important;
    background-position: center center;
    top                : -5%;
    left               : -5%;
    opacity            : 0.2;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    z-index            : 0;
  }

  .report-title {
    font-size  : 30px !important;
    font-family: YuMincho, 'Yu Mincho', serif !important;
    border     : none !important;
    height     : 100% !important;
    width      : 100% !important;
    position   : relative;
    z-index    : 1;
    color      : #FFF;
    margin     : 0 auto 20px !important;
    padding    : 0 !important;
    text-shadow: 0 0 10px rgba(34,35,37,.7);
  }

  .report-title::after {
    display: none!important;
  }

  .report-slider {
    position        : relative;
    z-index         : 1;
    display         : block;
    background-color: #FFF;
    overflow        : hidden;
  }

  .report-slider-main {
    float   : left;
    width   : 760px;
    position: relative;
    z-index : 1;
  }

  .report-slider-main .bx-wrapper .bx-controls-direction a {
    top             : calc(50% - 25px);
    cursor          : pointer;
    width           : 45px;
    height          : 50px;
    background-color: rgba(0, 43, 146, 0.6);
  }

  .report-slider-main .bx-wrapper .bx-controls-direction a::after {
    top               : calc(50% - 25px);
    content           : '';
    width             : 0;
    height            : 0;
    margin            : -12px 0 0 16px;
    display           : block;
    border-style      : solid;
    border-width      : 14px 0 14px 17px;
    border-color      : transparent transparent transparent rgba(255, 255, 255,0.8);
    -webkit-transition: all 0.3s;
    transition        : all 0.3s;
    cursor            : pointer;
  }

  .report-slider-main .bx-wrapper .bx-controls-direction a.bx-prev::after {
    margin      : -12px 0 0 -4px;
    border-width: 14px 17px 14px;
    border-color: transparent rgba(255, 255, 255,0.8) transparent transparent;
  }

  .report-slider-main .bx-wrapper {
    box-shadow: inherit;
    margin    : 0;
    border    : none;
  }

  .report-slider-main li {
    width   : 760px;
    height  : 580px;
    position: relative;
  }

  .report-slider-main .slider-img {
    width                  : 760px;
    height                 : 510px;
    box-sizing             : border-box;
    padding                : 5px;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
    -webkit-justify-content: center;
    justify-content        : center;
    overflow               : hidden;
  }

  .report-slider-main .slider-img img {
    width     : auto;
    height    : auto;
    max-width : 750px;
    max-height: 510px;
  }

  .report-slider-main p {
    padding     : 15px;
    line-height : 1.2;
    background  : url("/maison/fresh/images/bg_slash.png") repeat;
    height      : 70px;
    display     : block;
    box-sizing  : border-box;
    border-top  : 1px solid #dadee9;
    border-right: 1px solid #fff;
  }

  .report-slider-thumb {
    overflow        : hidden;
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : -webkit-flex;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    flex-wrap       : wrap;
    justify-content : flex-start;
    margin-right    : -7px;
  }

  .report-slider-thumb li {
    width           : 98px;
    height          : 66px;
    overflow        : hidden;
    position        : relative;
    margin          : 7px 7px 0 0;
    background-color: #FFF;
  }

  .report-slider-thumb li .active::after {
    border    : 2px solid #2D52AA;
    position  : absolute;
    top       : 0;
    left      : 0;
    content   : '';
    display   : block;
    width     : 100%;
    height    : 100%;
    box-sizing: border-box;
  }

  .report-slider-thumb li a {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-justify-content: center;
    justify-content        : center;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
    width                  : 98px;
    height                 : 66px;
  }

  .report-slider-thumb li img {
    max-width: 100%;
    width    : inherit;
  }

  .report-chara {
    display   : inline-block;
    position  : relative;
    z-index   : 1;
    height    : 100%;
    background: #f8f8f8;
    padding   : 10px 50px 0;
    width     : 410px;
    position  : absolute;
    right     : 0;
    box-sizing: border-box;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1) inset;
  }

  .report-chara.is-smpver {
    display: none;
  }

  .report-chara-title {
    margin       : 30px 0 10px;
    font-size    : 17px;
    border-bottom: 3px double #989898;
  }

  .report-chara .report-chara-list li {
    display  : inline-block;
    margin   : 0 10px 10px 0;
    position : relative;
    font-size: 13px;
  }

  .report-chara .report-chara-list li::after {
    content   : '';
    display   : block;
    width     : 100%;
    border-top: 11px solid rgb(255, 238, 196);
    margin-top: -10px;
  }

  .report-chara .bx-controls-direction {
    display: none;
  }

  .report-guide {
    padding         : 15px 40px;
    border          : 1px solid #CCC;
    display         : table;
    margin          : 20px 0;
    position        : relative;
    z-index         : 1;
    background-color: #f7f7f7;
  }

  .report-guide h3 {
    font-size    : 18px;
    margin-bottom: 5px;
  }

  .report-guide ul li {
    list-style  : disc inside;
    float       : left;
    margin-right: 20px;
  }

  .report-point {
    padding-top: 20px;
    margin-top : -10px;
  }

  .report-point-block {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : -webkit-flex;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    margin-top      : 30px;
  }

  .report-point-column {
    width      : 32%;
    padding    : 50px 30px 30px;
    box-sizing : border-box;
    font-family: YuMincho, 'Yu Mincho', serif;
    font-weight: bold;
    font-size  : 17px;
    background : url("/maison/fresh/images/bg_slash.png") repeat;
    position   : relative;
    border     : 1px solid #ddd;
  }

  .report-point-column span {
    display   : block;
    position  : absolute;
    top       : 0;
    left      : 0;
    background: #333;
    color     : #FFF;
    padding   : 5px 10px;
    font-size : 17px;
  }

  .report-point-column span .fa {
    font-size   : 17px;
    margin-right: 5px;
  }

  .report-story {
    padding-top: 30px;
  }

  .report-story h3 {
    display: table !important;
  }

  .report-story-column {
    overflow        : hidden;
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : -webkit-flex;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
  }

  .report-story-column.left {
    overflow      : hidden;
    flex-direction: row-reverse;
  }

  .report-story-column-text {
    flex: 1;
  }

  .report-story-title {
    font-size  : 18px;
    font-family: YuMincho, 'Yu Mincho', serif;
  }

  .report-story p {
    overflow: hidden;
  }

  .report-column1-img,
  .report-column2-img,
  .report-column3-img {
    margin    : 30px 20px 20px 0;
    max-height: 300px;
    display   : block;
  }

  .report-column2-img {
    margin: 20px 0 20px 20px;
  }

  .flb2 {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : -webkit-flex;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
  }

  .report-owner + .report-voice {
    margin-left: 30px;
  }

  .report-owner,
  .report-voice {
    flex       : 1;
    padding-top: 30px;
  }

  .report-owner-column,
  .report-voice-column {
    padding : 40px;
    border  : 1px solid #CCC;
    overflow: hidden;
  }

  .report-owner-column img,
  .report-voice-column img {
    height: 170px;
    margin: 0 20px 0 0;
    float : left;
  }

  .report-owner h4,
  .report-voice-detail h4 {
    margin-bottom: 10px;
  }

  .report-outline + .report-elevation {
    margin-left: 30px;
  }

  .report-elevation,
  .report-outline {
    flex       : 1;
    padding-top: 30px;
  }

  .report-elevation img {
    display  : table;
    max-width: 100%;
    margin   : 0 auto;
  }

  .report-outline table {
    border: 1px solid #CCC;
    width : 100%;
  }

  .report-outline table th {
    background: #f7f7f7;
    border-top: 1px solid #CCC;
    padding   : 5px;
    width     : 16%;
  }

  .report-outline table td {
    border-top: 1px solid #CCC;
    padding   : 5px 5px 5px 15px;
  }

  .report-outline table tr:first-child td,
  .report-outline table tr:first-child th {
    border-top: none;
  }

  .report-banner {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-justify-content: center;
    justify-content        : center;
    margin-bottom          : 40px;
  }

  .report-banner-column {
    flex  : 1;
    margin: 0 10px;
  }

  .report-banner-column a {
    width              : 100%;
    height             : 100%;
    box-shadow         : 0 0 10px 3px rgba(0,0,0,.1);
    color              : #FFF;
    background         : #3367CD;
    border-radius      : 10px;
    padding            : 20px;
    display            : -webkit-box;
    display            : -ms-flexbox;
    display            : -webkit-flex;
    display            : flex;
    -webkit-box-pack   : justify;
    -ms-flex-pack      : justify;
    -webkit-box-align  : center;
    -ms-flex-align     : center;
    -webkit-align-items: center;
    align-items        : center;
    box-sizing         : border-box;
    font-weight        : bold;
    text-decoration    : none;
    font-size          : 20px;
    font-family        : YuMincho, 'Yu Mincho', serif;
  }

  .report-banner-column.catalogue a {
    background: #c5870c;
    background: -moz-linear-gradient(top, #c5870c 0%, #ec9f11 100%);
    background: -webkit-linear-gradient(top, #c5870c 0%,#ec9f11 100%);
    background: linear-gradient(to bottom, #c5870c 0%,#ec9f11 100%);
  }

  .report-banner-column a img {
    margin-right: 15px;
  }

  .report-banner-column .fa {
    margin-right: 10px;
    display     : inline-block;
    font-size   : 23px;
  }

  .report-banner-column.inquiry a img {
    border: 2px solid #FFF;
  }

  .report-banner-column-text {
    font-size  : 13px;
    font-weight: normal;
  }

  .search.detail {
    padding: 0;
    margin : 10px 0 30px;
  }

  .search.detail .search-title {
    margin-bottom: 5px;
    cursor       : pointer;
    padding      : 12px 0 4px;
  }

  .search.detail .search-button {
    margin-bottom: 20px;
  }

  .search.detail .inner {
    width           : 100%;
    height          : 100%;
    box-shadow      : 0 0 10px 3px rgba(0,0,0,.1);
    border-radius   : 10px;
    padding         : 0 30px;
    box-sizing      : border-box;
    text-decoration : none;
    background-color: #fff;
    border          : 3px solid #FFF;
  }

  .search.detail .search-conditions {
    display: none;
  }

  .search.detail .search-acc .fa {
    color: #3367CD;
  }

  .search.detail .search-acc.open .fa::before {
    content: "\f056";
  }
}
/*-------------------------スマホ表示用-----------------------*/
@media screen and (max-width:667px) {
  /*----------------------------------------------------
	スマホ実例レポート 一覧ページ
----------------------------------------------------*/
  .headvisual {
    height         : 100px;
    background     : url("/maison/fresh/images/mainvisual.jpg") no-repeat center center;
    background-size: cover;
    margin         : 0 -10px;
  }

  .headvisual.col2 {
    height                 : 200px;
    background             : url("/maison/fresh/images/mainvisual2.jpg") no-repeat -325px center;
    background-size        : cover;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-justify-content: center;
    justify-content        : center;
    position               : relative;
  }

  .headvisual.col2::after {
    content         : '';
    display         : block;
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    background-color: rgba(0,0,0,.1);
    z-index         : 0;
  }

  .headvisual.col2 h1 {
    color      : #FFF;
    border     : none!important;
    padding    : 0!important !important;
    position   : relative;
    z-index    : 1;
    text-shadow: 1px 2px 5px #000;
    font-size  : 30px!important;
    font-family: YuMincho, 'Yu Mincho', serif!important;
  }

  .headvisual.col2 h1::after {
    display: none!important;
  }

  .pickup {
    background: #3a67d1;
    background: -moz-linear-gradient(-45deg, #3a67d1 0%, #84b1f4 100%);
    background: -webkit-linear-gradient(-45deg, #3a67d1 0%,#84b1f4 100%);
    background: linear-gradient(135deg, #3a67d1 0%,#84b1f4 100%);
    padding   : 20px 10px 30px;
    overflow  : hidden;
    position  : relative;
    margin    : 0 -10px;
  }

  .pickup::after {
    content        : '';
    position       : absolute;
    display        : block;
    width          : 100%;
    height         : 100%;
    background     : url("/maison/fresh/images/pickup_bg.jpg") center center no-repeat;
    background-size: cover;
    top            : 0;
    left           : 0;
    opacity        : 0.2;
  }

  .pickup .normal,
  .pickup .read_text {
    position: relative;
    z-index : 1;
  }

  .pickup-title {
    font-family: YuMincho, 'Yu Mincho', serif;
    padding    : 0 0 15px;
    font-size  : 23px;
    color      : #FFF;
    position   : relative;
    z-index    : 1;
    margin     : 0 auto;
    box-sizing : border-box;
    text-align : center;
    line-height: 1.3;
  }

  .pickup-title span {
    font-size: 16px;
    display  : block;
  }

  .pickup .slick-track {
    display   : -webkit-box;
    display   : -ms-flexbox;
    display   : -webkit-flex;
    display   : flex;
    background: #FFF;
  }

  .pickup-column {
    background: #FFF;
    overflow  : hidden;
    z-index   : 1;
    transition: all 0.5s;
    height    : inherit !important;
    position  : relative;
  }

  .pickup-column a {
    color          : #333!important;
    text-decoration: none!important;
    display        : block;
    width          : 100%;
    height         : 100%;
    padding        : 0 20px 10px;
    box-sizing     : border-box;
  }

  .pickup-column-photo {
    box-sizing             : border-box;
    margin                 : 0 -20px;
    overflow               : hidden;
    text-align             : center;
    background             : #E9F0FF;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-justify-content: center;
    justify-content        : center;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
    height                 : 62.55vw;
  }

  .pickup-column-area {
    display: inline;
  }

  .pickup-column-photo img {
    max-width : 100%;
    max-height: 100%;
    display   : block;
  }

  .pickup-column-title {
    font-family: YuMincho, 'Yu Mincho', serif;
    margin     : 20px 0 10px;
    font-size  : 100%;
  }

  .pickup-column-detail {
    display      : table;
    box-sizing   : border-box;
    margin-bottom: 30px;
    font-size    : 14px;
  }

  .pickup-column-point {}

  .pickup-column-point li {
    display         : inline-block;
    background-color: #FFF;
    margin          : 10px 5px 0 0;
    position        : relative;
  }

  .pickup-column-point li::after {
    content   : '';
    display   : block;
    width     : 100%;
    border-top: 11px solid rgb(255, 238, 196);
    margin-top: -10px;
  }

  .pickup-column-btn {
    padding       : 8px 10px;
    font-size     : 15px;
    vertical-align: middle;
    text-align    : right;
    width         : 100%;
    z-index       : -1;
    position      : absolute;
    left          : 0;
    bottom        : 0;
    box-sizing    : border-box;
    color         : #003e8b;
  }

  .search {
    padding : 30px 0;
    position: relative;
    z-index : 1;
  }

  .search::after {
    content        : '';
    display        : block;
    width          : 100%;
    height         : 100%;
    background-size: cover;
    position       : absolute;
    top            : 0;
    left           : 0;
    z-index        : -1;
    opacity        : 0.2;
  }

  .search-title {
    font-size    : 23px;
    font-family  : YuMincho, 'Yu Mincho', serif;
    text-align   : center;
    margin-bottom: 10px;
  }

  .search-conditions {
    position: relative;
  }

  .search-description {
    text-align    : center;
    padding-bottom: 10px;
  }

  .search-conditions-loading {
    position               : absolute;
    top                    : 0;
    left                   : 0;
    width                  : 100%;
    height                 : 100%;
    z-index                : 10;
    background             : rgba(109,145,223,.5);
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-justify-content: center;
    justify-content        : center;
    align-items            : baseline;
  }

  .search-conditions-loading-inner {
    background   : rgba(0,0,0,.5);
    text-align   : center;
    padding      : 30px;
    border-radius: 10px;
    margin-top   : 50px;
  }

  .search-conditions-loading {}

  .search-conditions-loading img {
    margin-bottom: 10px;
  }

  .search-conditions-loading button {
    font-size         : 20px;
    font-weight       : bold;
    display           : block;
    margin            : 10px auto 0;
    padding           : 10px 30px;
    border-radius     : 10px;
    border            : none;
    outline           : none;
    background        : #FFF;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    cursor            : pointer;
  }

  .search-conditions-loading-text {
    color      : #FFF;
    font-weight: bold;
  }

  .search-category {
    margin-bottom: 20px;
    font-size    : 20px;
    padding      : 15px 10px;
    text-align   : center;
    border-bottom: 3px solid #2C52AA;
    color        : #2C52AA;
    background   : url("/maison/fresh/images/bg_slash.png") repeat;
  }

  .search-category .fa {
    font-size   : 140%;
    margin-right: 10px;
  }

  .search-conditions-area {}

  .search-column.area,
  .search-column.building {
    background-color: #FFF;
    border          : 1px solid #ddd;
    margin-bottom   : 20px;
  }

  .search-column.point {
    margin          : 0 0 30px;
    background-color: #FFF;
    border          : 1px solid #ddd;
  }

  .search-column input[type=checkbox] {
    display: none;
  }

  .search-column label {
    display : inline-block;
    margin  : 0 5px 10px;
    padding : 8px 8px 8px 30px;
    cursor  : pointer;
    position: relative;
  }

  .search-column label::before {
    content  : "\f096";
    font     : normal normal normal 14px/1 FontAwesome;
    font-size: 22px;
    position : absolute;
    left     : 8px;
    top      : 7px;
  }

  .search-column input:checked + label {
    background-color: #5175C1;
    color           : #FFF;
  }

  .search-column input:checked + label::before {
    content  : "\f14a";
    font-size: 20px;
  }

  .search-button {
    font-size         : 20px;
    font-weight       : bold;
    display           : block;
    margin            : 0 auto;
    padding           : 10px 30px;
    color             : #fff;
    border            : none;
    outline           : none;
    background        : #333;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    cursor            : pointer;
  }

  .search-result {
    background-color: #ededed;
    padding         : 20px 4vw;
    overflow        : hidden;
    position        : relative;
    margin          : 0 -10px;
  }

  .search-result-output {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-justify-content: center;
    justify-content        : center;
    flex-wrap              : wrap;
  }

  .search-result-output.is-hide {
    display: none;
  }

  .search-result-more {
    font-size         : 20px;
    font-weight       : bold;
    display           : block;
    margin            : 0 auto;
    padding           : 10px 30px;
    color             : #fff;
    border            : none;
    outline           : none;
    background        : #333;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    cursor            : pointer;
  }

  .search-result-more.is-hide {
    display: none;
  }

  .search-result-none {
    font-weight  : bold;
    text-align   : center;
    font-size    : 15px;
    padding      : 25px;
    display      : table;
    margin       : 0 auto;
    background   : #FFF;
    border-radius: 20px;
  }

  .search-result-none.is-hide {
    display: none;
  }

  .search-result-column {
    overflow  : hidden;
    background: #fff;
    margin    : 0 5px 30px;
    position  : relative;
    transition: all 0.5s;
  }

  .search-result-column.is-hide {
    display: none;
  }

  .search-result-column:hover {
    box-shadow: 0 0 10px 10px rgba(0,0,0,.2);
  }

  .search-result-column a {
    color          : #333 !important;
    text-decoration: none !important;
    display        : block;
    padding        : 15px 15px 45px;
    height         : 100%;
    box-sizing     : border-box;
  }

  .search-result-column-photo {
    overflow               : hidden;
    box-sizing             : border-box;
    overflow               : hidden;
    text-align             : center;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-justify-content: center;
    justify-content        : center;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
    height                 : 52.5vw;
  }

  .search-result-column a .search-result-column-photo img {
    transition: all 0.5s;
    max-width : 100%;
    max-height: 100%;
    width     : auto;
    height    : auto;
    display   : block;
  }

  .search-result-column-title {
    margin     : 20px 0 10px;
    padding    : 0 15px;
    font-size  : 90%;
    font-family: YuMincho, 'Yu Mincho', serif;
  }

  .search-result-column-text {
    margin-bottom: 10px;
  }

  .search-result-column-point {
    padding      : 0 15px;
    margin-bottom: 15px;
  }

  .search-result-column-point li {
    display  : inline-block;
    position : relative;
    padding  : 2px 7px 2px 0;
    margin   : 0 5px 0 0;
    font-size: 13px;
  }

  .search-result-column-point li::after {
    content   : '';
    display   : block;
    width     : 100%;
    border-top: 11px solid rgb(255, 238, 196);
    margin-top: -10px;
  }

  .search-result-column-btn {
    background    : #CCCCCC;
    padding       : 0 0 0 20px;
    font-size     : 13px;
    position      : absolute;
    bottom        : 0;
    left          : 0;
    width         : 100%;
    box-sizing    : border-box;
    display       : table;
    vertical-align: middle;
    line-height   : 15px;
  }

  .search-result-column-btn span.name {
    vertical-align: middle;
    box-sizing    : border-box;
    display       : table-cell;
    padding-right : 5px;
  }

  .search-result-column-btn span.btn_view {
    background    : #333;
    color         : #FFF;
    padding       : 14px 10px;
    margin        : 0;
    width         : 104px;
    vertical-align: middle;
    box-sizing    : border-box;
    display       : table-cell;
  }
  /*----------------------------------------------------
	スマホ　実例レポート　レポートページ
----------------------------------------------------*/
  .headvisual-report {
    padding   : 20px 0 0;
    margin    : 0 -10px;
    position  : relative;
    display   : block;
    overflow  : hidden;
    background: #3a67d1;
    background: -moz-linear-gradient(-45deg, #3a67d1 0%, #84b1f4 100%);
    background: -webkit-linear-gradient(-45deg, #3a67d1 0%,#84b1f4 100%);
    background: linear-gradient(135deg, #3a67d1 0%,#84b1f4 100%);
    box-sizing: border-box;
  }

  .headvisual-report::after {
    content            : '';
    position           : absolute;
    display            : block;
    width              : 110%;
    height             : 110%;
    background-size    : cover !important;
    background-position: center center;
    top                : -5%;
    left               : -5%;
    opacity            : 0.2;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    z-index            : 0;
  }

  .report-title {
    font-size  : 25px !important;
    font-family: YuMincho, 'Yu Mincho', serif !important;
    border     : none !important;
    height     : 100% !important;
    width      : 100% !important;
    position   : relative;
    z-index    : 1;
    color      : #FFF;
    margin     : 0 auto 10px !important;
    padding    : 0 20px !important;
    text-shadow: 0 0 10px rgba(34,35,37,.7);
    box-sizing : border-box;
    line-height: 1.4;
  }

  .report-title::after {
    display: none!important;
  }

  .report-slider {
    position        : relative;
    z-index         : 1;
    display         : block;
    background-color: #FFF;
    overflow        : hidden;
  }

  .report-slider-main {
    position: relative;
    z-index : 1;
  }

  .report-slider-main .bx-prev {
    left            : 0 !important;
    width           : 37px !important;
    height          : 40px !important;
    background-color: rgba(0, 43, 146, 0.4) !important;
  }

  .report-slider-main .bx-prev::after {
    border-width: 10px 12px 10px 0 !important;
    margin      : -14px 0 0 10px !important;
  }

  .report-slider-main .bx-next {
    right           : 0 !important;
    width           : 37px !important;
    height          : 40px !important;
    background-color: rgba(0, 43, 146, 0.4) !important;
  }

  .report-slider-main .bx-next::after {
    border-width: 10px 0 10px 12px !important;
    margin      : -14px 0 0 15px !important;
  }

  .report-slider-main .bx-wrapper {
    box-shadow: inherit;
    margin    : 0;
    border    : 0;
    background: #E9F0FF;
  }

  .report-slider-main .bx-controls-direction {}

  .report-slider-main li {
    position: relative;
    overflow: hidden;
  }

  .report-slider-main li .slider-img {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-justify-content: center;
    justify-content        : center;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
    height                 : 67vw;
  }

  .report-slider-main img {
    max-height: 100%;
  }

  .report-slider-main li p {
    padding: 10px 20px;
  }

  .report-slider-main .bx-wrapper .bx-controls-direction a {
    top             : calc(50% - 52px);
    cursor          : pointer;
    width           : 45px;
    height          : 50px;
    background-color: rgba(0, 43, 146, 0.6);
  }

  .report-slider-main .bx-wrapper .bx-controls-direction a::after {
    top               : calc(50% - 52px);
    content           : '';
    width             : 0;
    height            : 0;
    margin            : -12px 0 0 16px;
    display           : block;
    border-style      : solid;
    border-width      : 14px 0 14px 17px;
    border-color      : transparent transparent transparent rgba(255, 255, 255,0.8);
    -webkit-transition: all 0.3s;
    transition        : all 0.3s;
    cursor            : pointer;
  }

  .report-slider-main .bx-wrapper .bx-controls-direction a.bx-prev::after {
    margin      : -12px 0 0 -4px;
    border-width: 14px 17px 14px;
    border-color: transparent rgba(255, 255, 255,0.8) transparent transparent;
  }

  .report-slider-thumb {
    overflow        : hidden;
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : -webkit-flex;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    flex-wrap       : wrap;
    justify-content : flex-start;
    margin-right    : -7px;
  }

  .report-slider-thumb li {
    width   : 22.5%;
    height  : 13vw;
    overflow: hidden;
    position: relative;
    margin  : 7px 7px 0 0;
  }

  .report-slider-thumb li .active::after {
    border    : 2px solid #2D52AA;
    position  : absolute;
    top       : 0;
    left      : 0;
    content   : '';
    display   : block;
    width     : 100%;
    height    : 100%;
    box-sizing: border-box;
  }

  .report-slider-thumb li a {
    width                  : 100%;
    height                 : 100%;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-justify-content: center;
    justify-content        : center;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
  }

  .report-slider-thumb li img {
    max-width: 100%;
    width    : inherit;
  }

  .report-chara {
    display   : inline-block;
    position  : relative;
    z-index   : 1;
    height    : 100%;
    padding   : 0 20px;
    width     : 100%;
    box-sizing: border-box;
  }

  .report-chara-title {
    margin   : 20px 0 10px;
    font-size: 17px;
  }

  .report-chara .report-chara-list li {
    display : inline-block;
    margin  : 0 10px 10px 0;
    position: relative;
  }

  .report-chara .report-chara-list li::after {
    content   : '';
    display   : block;
    width     : 100%;
    border-top: 11px solid rgb(255, 238, 196);
    margin-top: -10px;
  }

  .report-chara .bx-controls-direction {
    display: none;
  }

  .report-chara.is-pcver .report-chara-list,
  .report-chara.is-pcver .report-chara-title {
    display: none;
  }

  .report-guide {
    padding         : 20px 25px;
    border          : 1px solid #CCC;
    display         : table;
    margin          : 20px 0;
    position        : relative;
    z-index         : 1;
    background-color: #f7f7f7;
    width           : 100%;
    box-sizing      : border-box;
  }

  .report-guide h3 {
    font-size    : 18px;
    margin-bottom: 15px;
  }

  .report-guide ul li {
    list-style   : disc inside;
    margin-bottom: 10px;
  }

  .report-point {
    padding-top: 20px;
  }

  .report-point-block {}

  .report-point-column {
    padding      : 45px 30px 30px;
    margin-bottom: 20px;
    box-sizing   : border-box;
    font-family  : YuMincho, 'Yu Mincho', serif;
    font-weight  : bold;
    font-size    : 17px;
    background   : url("/maison/fresh/images/bg_slash.png") repeat;
    position     : relative;
  }

  .report-point-column span {
    display   : block;
    position  : absolute;
    top       : 0;
    left      : 0;
    background: #333;
    color     : #FFF;
    padding   : 5px 10px;
    font-size : 13px;
  }

  .report-point-column span .fa {
    font-size   : 17px;
    margin-right: 5px;
  }

  .report-story {
    padding-top: 30px;
  }

  .report-story h3 {
    display: table !important;
  }

  .report-story-column {
    overflow: hidden;
  }

  .report-story-title {
    font-size  : 18px;
    font-family: YuMincho, 'Yu Mincho', serif;
  }

  .report-story p {
    overflow: hidden;
  }

  .report-column1-img,
  .report-column2-img,
  .report-column3-img {
    max-width : 100%;
    margin-top: 10px;
  }

  .report-owner,
  .report-voice {
    flex       : 1;
    padding-top: 30px;
  }

  .report-owner-column,
  .report-voice-column {
    padding : 20px;
    border  : 1px solid #CCC;
    overflow: hidden;
  }

  .report-owner-column img,
  .report-voice-column img {
    max-width : 100%;
    max-height: 170px;
    margin    : 0 auto 20px;
    display   : block;
  }

  .report-owner h4,
  .report-voice-detail h4 {
    margin-bottom: 10px;
  }

  .report-elevation,
  .report-outline {
    flex       : 1;
    padding-top: 30px;
  }

  .report-elevation img {
    display  : table;
    max-width: 100%;
    margin   : 0 auto;
  }

  .report-outline table {
    border: 1px solid #CCC;
    width : 100%;
  }

  .report-outline table th {
    background: #f7f7f7;
    border-top: 1px solid #CCC;
    padding   : 5px;
    width     : 70px;
  }

  .report-outline table td {
    border-top: 1px solid #CCC;
    padding   : 5px 5px 5px 15px;
  }

  .report-outline table tr:first-child td,
  .report-outline table tr:first-child th {
    border-top: none;
  }

  .report-banner {
    margin-bottom: 40px;
  }

  .report-banner-column {
    flex  : 1;
    margin: 0 10px 15px;
  }

  .report-banner-column a {
    width              : 100%;
    height             : 100%;
    box-shadow         : 0 0 10px 3px rgba(0,0,0,.1);
    color              : #FFF !important;
    background         : #3367CD;
    border-radius      : 10px;
    padding            : 20px;
    display            : -webkit-box;
    display            : -ms-flexbox;
    display            : -webkit-flex;
    display            : flex;
    -webkit-box-pack   : justify;
    -ms-flex-pack      : justify;
    -webkit-box-align  : center;
    -ms-flex-align     : center;
    -webkit-align-items: center;
    align-items        : center;
    box-sizing         : border-box;
    font-weight        : bold;
    text-decoration    : none;
    font-size          : 20px;
    font-family        : YuMincho, 'Yu Mincho', serif;
  }

  .report-banner-column.catalogue a {
    background: #c5870c;
    background: -moz-linear-gradient(top, #c5870c 0%, #ec9f11 100%);
    background: -webkit-linear-gradient(top, #c5870c 0%,#ec9f11 100%);
    background: linear-gradient(to bottom, #c5870c 0%,#ec9f11 100%);
  }

  .report-banner-column a img {
    margin-right: 15px;
  }

  .report-banner-column .fa {
    margin-right: 10px;
    display     : inline-block;
    font-size   : 23px;
  }

  .report-banner-column.inquiry a img {
    border: 2px solid #FFF;
  }

  .report-banner-column-text {
    font-size  : 13px;
    font-weight: normal;
  }

  .search.detail {
    padding      : 0;
    margin-bottom: 30px;
    overflow: visible;
    border: none;
    top: 0;
  }
  .search.detail .search-title{
    display: block;
  }

  .search.detail .search-description {
    padding: 0 10px 10px;
  }

  .search.detail .search-button {
    margin-bottom: 20px;
  }

  .search.detail .search-column {
    border    : none;
    border-top: 1px solid #ddd;
  }

  .search.detail .inner {
    width           : 100%;
    height          : 100%;
    box-shadow      : 0 0 10px 3px rgba(0,0,0,.1);
    border-radius   : 10px;
    padding         : 0;
    box-sizing      : border-box;
    text-decoration : none;
    background-color: #fff;
    border          : 1px solid #fff;
  }

  .search.detail .search-title {
    margin-bottom: 10px;
    padding      : 15px 0 5px;
    cursor       : pointer;
  }

  .search.detail .search-conditions {
    display: none;
  }

  .search.detail .search-acc .fa {
    color: #3367CD;
  }

  .search.detail .search-acc.open .fa::before {
    content: "\f056";
  }
}
/*スライドギャラリー用
----------------------------------------------------*/

#carousel {
  position: relative;
  z-index : 1;
}

body {
  height: 100%;
}

.report-gallery {
  margin: 30px 0;
}

.report-gallery-title {
  font-family: YuMincho, 'Yu Mincho', serif;
  font-weight: bold;
  font-size  : 20px;
  text-align : center;
  margin     : 20px 0;
}
@media screen and (min-width:668px) {
  .report-gallery-title {
    font-size    : 30px;
    margin-bottom: 0;
  }

  .report-gallery .slick-list {
    padding-top: 20px;
  }

  .report-gallery .search-result-column-photo {
    width                  : 233px;
    height                 : 155px;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
    -webkit-justify-content: center;
    justify-content        : center;
    overflow               : hidden;
  }

  .report-gallery .search-result-column-photo img {
    width     : auto;
    height    : auto;
    max-width : 233px;
    max-height: 155px;
    transition: all 0.5s;
  }
}

.report-gallery .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/*PC*/
@media screen and (min-width:668px) {
  .report-gallery .slick-track {
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    -webkit-justify-content: center;
    justify-content        : center;
  }

  .report-gallery .search-result-column {
    width: 263px!important;
  }
}

.report-gallery .slick-dots {
  margin: 0 auto;
}

.report-gallery .search-result-column {
  height: inherit;
}

.report-gallery .search-result-column-photo {}

.slick-dots {
  text-align: center;
}

.slick-dots li {
  width                : 10px;
  height               : 10px;
  border-radius        : 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius   : 10px;
  background-color     : #B8B8B8 !important;
  display              : inline-block;
  margin               : 20px 7px;
  cursor               : pointer;
}

.slick-dots li button {
  display: none;
}

.slick-dots li.slick-active {
  background-color: #2C4E96 !important;
}

.slick-next,
.slick-prev {
  position        : absolute;
  top             : calc(50% - 57px);
  border          : none;
  color           : #000;
  cursor          : pointer;
  z-index         : 9999;
  width           : 45px;
  height          : 50px;
  background-color: rgba(0, 43, 146, 0.6);
}

.slick-prev {
  left: -10px;
}

.slick-next {
  right: -10px;
}
@media screen and (min-width:668px) {
  .slick-list {
    margin: 0 auto!important !important;
  }

  .slick-next,
  .slick-prev {
    top: calc(50% - 32px);
  }

  .slick-prev {
    left: 252px;
  }

  .slick-next {
    right: -20px;
  }

  .fresh-detail .slick-prev {
    left: -20px;
  }
}

.slick-prev button {
  width             : 0;
  height            : 0;
  margin            : 10px 0 0;
  background        : none;
  display           : inline;
  border-style      : solid;
  border-width      : 14px 17px 14px 0;
  border-color      : transparent rgba(255, 255, 255,0.8) transparent transparent;
  -webkit-transition: all 0.3s;
  transition        : all 0.3s;
  cursor            : pointer;
}

.slick-next button {
  width             : 0;
  height            : 0;
  margin            : 10px 0 0 13px;
  background        : none;
  display           : inline;
  border-style      : solid;
  border-width      : 14px 0 14px 17px;
  border-color      : transparent transparent transparent rgba(255, 255, 255,0.8);
  -webkit-transition: all 0.3s;
  transition        : all 0.3s;
  cursor            : pointer;
}

.slick-prev:hover button {
  border-color: transparent rgba(255, 255, 255,1) transparent transparent;
  margin      : 10px 0 0 -5px;
}

.slick-next:hover button {
  border-color: transparent transparent transparent rgba(255, 255, 255,1);
  margin      : 10px 0 0 18px;
}
/*アイコン画像用
----------------------------------------------------*/
.fa {
  display: inline-block;
}

.fa:before,
.search-column label:before {
  content             : "";
  background          : url("/maison/fresh/images/icon_fresh.png") no-repeat;
  background-position : 0 0;
  -moz-background-size: cover;
  background-size     : cover;
  display             : block;
}
@media screen and (min-width:668px) {
  .fa:before {
    width : 40px;
    height: 40px;
    margin: -10px -7px -13px;
  }

  .fa-search:before {
    background-position: 0 -43px;
    width              : 40px;
    height             : 40px;
    margin-right       : -10px;
  }

  .fa-search.white:before {
    background-position: 0 -5px;
    width              : 30px;
    height             : 30px;
    margin-right       : -4px;
  }

  .fa-flag:before {
    background-position: 0 -80px;
    margin-bottom      : 0;
  }

  .fa-question-circle:before {
    background-position: 0 -134px;
    width              : 45px;
    height             : 45px;
  }

  .fa-info-circle:before {
    background-position: 0 -103px;
    width              : 25px;
    height             : 25px;
    margin             : -9px -3px;
  }

  .fa-plus-circle:before {
    background-position: 0 -225px;
    width              : 45px;
    height             : 45px;
  }

  .search.detail .search-acc.open .fa::before {
    content            : '';
    background-position: 0 -270px;
    width              : 45px;
    height             : 45px;
  }

  .fa-leaf:before {
    background-position: 0 -314px;
    width              : 45px;
    height             : 45px;
  }

  .fa-home:before {
    background-position: 0 -359px;
    width              : 45px;
    height             : 45px;
  }

  .fa-building-o:before {
    background-position: 0 -275px;
    width              : 30px;
    height             : 30px;
    margin             : -10px -3px -13px;
  }

  .fa-camera:before {
    background-position: 0 -305px;
    width              : 30px;
    height             : 30px;
    margin             : -10px -3px -13px;
  }

  .fa-id-card-o:before {
    background-position: 0 -335px;
    width              : 30px;
    height             : 30px;
    margin             : -10px -3px -13px;
  }

  .search-column label::before {
    background-position: 0 -365px;
    width              : 30px;
    height             : 30px;
    position           : absolute;
    left               : 5px;
    top                : 7px;
  }

  .search-column input:checked + label::before {
    content            : "";
    background-position: 0 -394px;
  }
}
@media screen and (max-width:667px) {
  .fa:before,
  .search-column label:before {
    width : 40px;
    height: 40px;
    margin: -10px -7px -13px;
  }

  .fa-search:before {
    background-position: 0 -34px;
    width              : 30px;
    height             : 30px;
    margin-right       : -5px;
  }

  .fa-search.white:before {
    background-position: 0 -4px;
    width              : 30px;
    height             : 30px;
    margin-right       : -5px;
  }

  .fa-flag:before {
    background-position: 0 -80px;
  }

  .fa-question-circle:before {
    background-position: 0 -122px;
  }

  .fa-info-circle:before {
    width              : 27px;
    height             : 27px;
    background-position: 0 -112px;
    margin-right       : -4px;
  }

  .fa-plus-circle:before {
    background-position: 0 -200px;
    margin-right       : -4px;
  }

  .search.detail .search-acc.open .fa::before {
    content            : '';
    background-position: 0 -240px;
  }

  .fa-leaf:before {
    background-position: 0 -281px;
  }

  .fa-home:before {
    background-position: 0 -321px;
  }

  .fa-building-o:before {
    background-position: 0 -334px;
    width              : 37px;
    height             : 37px;
    margin-right       : -3px;
  }

  .fa-camera:before {
    background-position: 0 -409px;
    width              : 37px;
    height             : 37px;
    margin-right       : -3px;
  }

  .fa-id-card-o:before {
    background-position: 0 -409px;
    width              : 37px;
    height             : 37px;
    margin-right       : -3px;
  }

  .search-column label::before {
    background-position: 0 -365px;
    width              : 30px;
    height             : 30px;
    position           : absolute;
    left               : 8px;
    top                : 18px;
  }

  .search-column input:checked + label::before {
    content            : "";
    background-position: 0 -394px;
  }
}
@media only screen and (max-width:667px) and (orientation:landscape) {
  .search-result-column {
    width: 47%;
  }
}
@media only screen and (max-width:667px) and (orientation:landscape) {
  .search-result-column-photo {
    height: 25.5vw;
  }
}

/*181105 検索アコーディオン追加*/
#maison #page #allcts #cts #sider .search-sp-button{
  display: none;
}
@media screen and (min-width:668px) {
  .wide #sider .search .inner {
    display: block!important;
  }
}
/*-------------------------スマホ表示用-----------------------*/
@media screen and (max-width:667px) {
  html,body,#sider{
    height: 100%;
  }
  .search {
    border: 1px solid #ccc;
    padding: 0;
    margin: 30px 0;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
  }
  .search.is-fixed{
    position: fixed;
    width: calc(100% - 20px);
    top: 10px;
    left:10px;
    margin:0;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    animation: floatsearch .3s forwards;
    z-index: 101;
  }
  .search.is-fixed.is-clicked{
    height: calc(100% - 120px);
    padding-bottom: 50px;
  }
  .search-title,
  .search-description {
    display:none;
  }
  #maison #page #allcts #cts #sider .search-sp-button {
    text-align: center;
    background-size: 30px;
    padding: 15px 35px 15px 10px;
    cursor: pointer;
    display: block;
    font-size: 23px;
    font-family:YuMincho, 'Yu Mincho', serif;
  }
  #maison #page #allcts #cts #sider .search-sp-button .fa::before{
    content: "";
    width:40px;
    height:40px;
    background: url("/maison/fresh/images/icon_fresh.png") no-repeat;
    background-position: 0 -200px;
    -moz-background-size: cover;
    background-size: cover;
    display: inline-block;
    margin: 0 5px -11px 0;
  }
  #maison #page #allcts #cts #sider .search-sp-button.is-active .fa::before{
    background-position: 0 -240px;
  }
  .search-sp-button + .inner {
    display: none;
    padding: 0 10px;
  }
  .search.is-fixed .search-sp-button + .inner {
    padding: 0;
    height: 100%;
  }
  .search.is-fixed .search-conditions{
    height: 100%;
  }
  .search.is-fixed .search-form-inner{
    height: calc(100% - 60px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .search.is-fixed .search-column.area,
  .search.is-fixed .search-column.building {
    border:none;
    border-top : 1px solid #ddd;
    margin-bottom: 10px;
  }
  .search-button{
    margin-bottom: 30px;
  }
  .search.is-fixed.is-clicked .search-button{
    position: fixed;
    bottom: 15px;
    left: 10px;
    width: calc(100% - 20px);
    margin-bottom: 0;
  }
  .search.is-fixed.is-clicked .search-button::after{
    content:'';
    display: block;
    width: calc(100% - 20px);
    height: 30px;
    position: fixed;
    left: 10px;
    bottom: 65px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&0+0,1+90 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */  }
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .search.is-fixed.is-clicked .search-button { bottom: 77px } /* IE11 */
  *::-ms-backdrop, .search.is-fixed.is-clicked .search-button::after { bottom: 127px } /* IE11 */
}

@keyframes floatsearch {
    0% {
        transform:translateY(-100px);
    }
    100% {
        transform:translateY(0);
    }
}