@charset "utf-8";
/******************************
PC only
*******************************/
@media (min-width: 1025px) {
#search_desktop_form input {
  padding-left: 0;
}
  /* ヘッダ */
#header .logo {
  display: none;
}
#header .account-actions {
  right: 30px;
}
#header .headercart-info::before {
    display: inline-block;
    position: relative;
    content: "";
    width: 14px;
    height: 14px;
    top: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/assets/skin/frontend/carbon/marimekko/images/ui/temp_cart.png);
    background-size: 100%;
}
/* ナビ全般 */
#mm-navigation li {
  line-height: 25px;
  list-style:none;
}

/* 規約系 */
.customer-service-group li>div.content {
  width: 100%;
}
/*住所変更*/
.editAddress .span9 ,
.confirmAddress .span9,
.completeAddress .span9,
.editDelivery .span9{
    width: 785.994px;
    margin: 0 auto;
}
}


@media (max-width: 1300px) {
  .help-block,.login-area-box p,.login label{
    font-size:12px;
  }
  .login .register-area .form-actions {
      margin-top: 74px;
  }
  .login-area-box .login-area-subbox .control-label {
      width: 93px;
  }
  .login-area-subbox .controls {
      margin-left: 105px;
  }
  .mypage-menu .menu-text-block{
    height: 130px;
  }
}
@media (max-width: 1200px) {
.help-block,.login-area-box p,.login label{
  font-size:11px;
}
.login .btn {
    padding: 15px 60px;
}
.login input[type=text], input[type=password] {
    height: 46px;
}
.login .register-area .form-actions {
    margin-top: 57px;
}
#footer .newsletter h5 {
    font-size: 15px;
}
.login input[type=checkbox]+label {
    position: relative;
    margin-left: 8px;
    margin-top: 4px;
    display: inline-block;
    width: 100%;
}
.login .register-area .form-actions {
    margin-top: 84px;
}
/*mypage*/
.mypage-menu .menu-text-block{
  height: 130px;
}
.mypage-menu .menu-text-block .menu-title {
    font-size: 12px;
}
  /*guide fablic*/
  .guide .howto_order .fablic .left.fab{
    width: 53%;
  }
  .guide .howto_order .fablic .left.esp.repe{
    margin-left: 0;
    width: 46%;
  }
}
/******************************
smartphone to tablet
*******************************/
@media (max-width: 1024px) {
  /* タイトルロゴ */
  #header h1 {
    left: 50%;
    margin-left: -85px;
  }
  #header .logo {
    text-align: center;
  }
  #header .logo img {
    height: auto;
    width: 170px;
    margin-top: 22px;
  }
  #header .account-actions {
    margin: 0;
  }
  #header .headercart {
    width: auto;
  }
  .vertical-nav-item {
    line-height: 41px;
  }
  #search_mobile_form input {
    height: auto;
    width: auto;
  }
  #search_mobile_form input:focus {
    box-shadow: none;
  }

  #mm-navigation input[type="text"] {
    border: none !important;
  }
  #mm-navigation .mobile-account-actions li a {
    display: inline-block;
    font-weight: bold;
  }
  #vertical-nav .vertnav.content{
    list-style: none;
  }
  #mm-navigation li.nav-meista {
	margin-top: 0;
	margin-bottom: 15px;
  }
  #mm-navigation li.nav-sale {
	margin-top: 20px;
  }
  .mypage .lead {
    margin-bottom: 0px;
  }
  #vertical-nav .vertnav.content .vertical-nav-item.nav-shoplist {
    display: none;
  }
  .index.top #page-body {
    padding-top: 66px;
  }
/*  body.index.top .vaimo-cms.row.first-row {
    margin-top: 55px;
  }*/

  /* フッター */
  #filters-target .sod_select .sod_list_wrapper .sod_option,
  #footer .sod_select .sod_list_wrapper .sod_option{
    padding: 7px 0;
  }
  /*住所変更*/

  .mypage .Addlead p {
      width: 90%;
  }
  .editAddress .form-edit-style .control-group:nth-child(3) .controls .post-search-btn .btn-small,
  .editDelivery .form-edit-style .control-group:nth-child(3) .controls .post-search-btn .btn-small{
      width: 22%;
      padding: 2px 7px;
  }
  .editAddress .control-group.name span.help-block,
  .editDelivery .control-group.name span.help-block {
      margin-left: 0px;
  }
}
@media (max-width: 979px) {
/*ヘッダー*/
  #head-bar > .top-lead {
    background-color: #555;
  }
  #head-bar > .top-lead > p a {
    color: #FFF;
  }
  #head-bar .sub-nav {
    display: none;
  }
  .navbar .brand {
    height: auto;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .navbar .brand > a, .navbar .brand > .head-search {
    position: static;
    margin: 0;
  }
  .navbar .brand > .head-search {
    margin: 20px 0;
  }
  .navbar-inner{
    padding-right: 0;
    padding-left: 0;
  }
  .navbar-inner .btn.btn-navbar{
    margin-bottom: 5px;
  }
  #head-sub-menu{
    float:none;
    border-top: 1px solid #ccc;
  }
  .nav-collapse .nav{
    margin-bottom: 0;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a{
    position: relative;
    margin-bottom: 0;
    font-weight: normal;
    padding: 10px 15px;
    border-bottom: solid 1px #ccc;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
       -ms-border-radius: 0;
           border-radius: 0;
  }
  .nav-collapse .nav > li > a:after,
  .nav-collapse .dropdown-menu a:after{
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -8px;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .nav-collapse .nav > .dropdown.open > a:after{
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .nav-collapse .dropdown-menu{
    margin: 0;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus{
    background-image: none;
    color: #777;
  }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus{
    background-image: none;
    background-color: #eee;
    color: #777;
  }
  .nav-collapse .dropdown-menu a{
    padding-left: 25px;
    margin-bottom: 0;
    font-size: 11px;
  }
  .nav-collapse .dropdown-menu li + li a{
    margin-bottom:0;
  }
  .head-search{width:100%;}
  .head-search li:first-child{
    position: relative;
    width: 70%;
  }
  .head-search .navbar-form{
    border-top:none;
    border-bottom: none;
    margin: 0;
  }
  .head-search input.head-search-text{
    height: 30px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .head-search .btn.head-search-btn{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
       -ms-border-radius: 0;
           border-radius: 0;
  }
  .head-search li.refine-search{
    width: 28%;
    padding: 0;
    margin-left: 2%;
  }
  .head-search li.refine-search .btn{
    width:100%;
    margin-top: 0;
    padding:4px;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
       -ms-border-radius: 0;
           border-radius: 0;
    -webkit-box-sizing:border-box;
       -mos-box-sizing:border-box;
        -ms-box-sizing:border-box;
            box-sizing:border-box;
  }
  /* ナビ全般 */
  #mm-navigation li{
    font-size: 14px;
  }
  #mm-navigation li > ul > li{
    font-size: 13px;
  }
  #vertical-nav li.nav-9 ul li {
    font-size: 14px;
  }
  #vertical-nav li.nav-9-3 ul li{
    letter-spacing: 0.08em;
  }

  #vertical-nav a.vertnavlink.en > span:before{
    font-size: 0px;
    display: none;
  }
  #vertical-nav a.vertnavlink.en > span{
    font-size: 13px;
  }
  #vertical-nav a.vertnavlink.en:hover span:before{
    font-size: 0;
    display: none;
  }
  #vertical-nav a.vertnavlink.en:hover span{
    font-size: 13px;
  }
  /*住所登録・変更　& 配送先リスト登録・変更*/
  .form-edit-style .control-group:nth-child(3) .controls .inline input#zipcode1.input-small,
  .form-edit-style .control-group:nth-child(3) .controls .inline input#Zip1.input-small{
    width: 33px;
  }
  .form-edit-style .control-group:nth-child(3) .controls .inline input#zipcode2.input-small,
  .form-edit-style .control-group:nth-child(3) .controls .inline input#Zip2.input-small{
    width: 46px;
  }
  .form-edit-style .control-group:nth-child(3) .controls .post-search-btn{
    width: 49%;
    padding-right: 0;
  }
  .form-edit-style .control-group:nth-child(3) .controls .post-search-btn .btn-small{
    width: 100%;
    padding: 2px 7px;
  }

  #grandtop-main {
    margin: 0 -10px;
  }
  .editAddress .form-edit-style .control-group:nth-child(3) .controls .post-search-btn .btn-small,
  .editDelivery .form-edit-style .control-group:nth-child(3) .controls .post-search-btn .btn-small{
      width: 54%;
      padding: 2px 7px;
  }
  .editAddress .form-edit-style .control-group:nth-child(3) .controls .inline input#zipcode1.input-small,
  .form-edit-style .control-group:nth-child(3) .controls .inline input#zipcode2.input-small,
  .form-edit-style .control-group:nth-child(3) .controls .inline input#Zip2.input-small,
  .editDelivery .form-edit-style .control-group:nth-child(3) .controls .inline input#zipcode1.input-small{
      width: 18%;
      padding: 6px;
      font-size: 13px;
  }
  .editAddress .form-edit-style .control-group:nth-child(3) .controls .inline input#zipcode1.input-small,
   .form-edit-style .control-group:nth-child(3) .controls .inline input#Zip1.input-small,
    .editDelivery .form-edit-style .control-group:nth-child(3) .controls .inline input#zipcode1.input-small{
      width: 18%;
      padding: 6px;
      font-size: 13px;
  }
  /*guide fablic*/
  .guide .howto_order .fablic .left.choe,
  .guide .howto_order .fablic .left.repe,
  .guide .howto_order .fablic .left.fab,
  .guide .howto_order .fablic .left.esp.repe,
  .guide .howto_order .fablic .left.esp.wisd,
  .guide .howto_order .fablic .left.esp.wisd.flower,
  .guide .howto_order .fablic .left.esp .order_sample{
    width: 100%;
    margin: 0;
  }
  .guide .howto_order .fablic .left.esp .order_sample{
    text-align: center;
  }
   .guide .howto_order .fablic .left.esp p.length{
    width: 100%;
  }
  .guide .howto_order .fablic .left.fab,
  .guide .howto_order .fablic .left.choe{
    margin-bottom: 20px;
  }
}

/******************************
tablet only
*******************************/
@media (min-width:768px) and (max-width: 1024px) {
  /*.main-container {
    margin-top: 90px;
  }*/
  #footer .secondary-footer-content>div .content:first-child {
    margin-top: 18px;
  }
  #footer .secondary-footer-content .content li {
    line-height: 40px;
  }

  /* グランドトップ 余白調整*/

/*.index.top .vaimo-cms.row.first-row .text-under{
  margin-bottom: 33px;
}*/
.vaimo-cms.row .text-under{
  margin-bottom: 20px;
}

body.index.top span.image-text.below {
    margin-top: 20px;
}
body.index.top span.image-text-below-new {
  margin-top: 20px;
}
.last-margin {
  margin-bottom: 10px !important;
}

}
@media (min-width:768px) and (max-width: 979px) {
/* 記事全体 */
.container {
  width: 100%;
}
/* 固定ページ用 */
.row {
  margin-left: -10px;
}
/*商品詳細 スライド*/
#view-slider .flex-direction-nav a{
  opacity:0.8;
}
/*サイドエリア*/
.side-colorsearch .select-color ul{
  width:86%;
}
/*カート*/
/*.cart-area .form-edit-style{
  width: 532px;
}*/
.cart-area .form-edit-style .controls .top-input,
.cart-area .form-edit-style .controls .second-input{
  width:50%;
}
/*ログイン*/
.login .title {
    margin: 30px 0 50px;
}
.login-area-box {
  padding-left:20px;
}
/*住所変更*/
.editAddress span.help-block,
.editDelivery span.help-block{
  display: block;
}
.editAddress .control-group.code span.help-block,
.editDelivery .control-group.code span.help-block{
    margin-left: 0;
}
.editAddress .sod_select,
.editDelivery .sod_select{
    width: 21%;
}
.editAddress .input input[type="text"],
.editDelivery .input input[type="text"]{
    width: 90%;
    margin-right: 0;
}
}

/******************************
smartphone only
*******************************/
@media (max-width: 767px) {
/* LP用余白調整 */
.widget.widget-default-width.widget-video-block .video-style {
    margin-bottom: 10px;
}
  /*レイアウト*/
  body {
    padding-right: 0;
    padding-left: 0;
  }
  .list-layout > .span9{
    float:none;
  }
  body.header-info .list-layout {
    padding-top: 95px;
  }
  body.header-info #view {
    padding-top: 120px;
  }
  body.index.top .vaimo-cms.row.first-row {
    margin-top: 55px;
  }
  .index.top #page-body{
    padding-top: 47px;
    padding-bottom: 0;
  }
/*  .marimekko-story .vaimo-cms.row.first-row,
  .vaimo-cms.row.first-row{
    margin-top: 46px;
  }*/
   /* タイトルロゴ */
  #header h1 {
    margin-left: -57.5px;
  }
  #header .logo img {
    width: 115px;
    margin-top: 15px;
  }
  /*メインビジュアル*/
  /*.index.top .widget-static-block .promo_text{
    font-size: 15px;
    line-height: 18px;
  }*/
  .index.top .widget-static-block .inner_text{
    font-size: 18px;
    line-height: 18px;
  }
body.index.top span.image-text-below-new {
    margin-top: 10px;
    min-height: 26px;
    font-size: 18px;
    line-height: 26px;
}

  /* グランドトップ 余白調整*/

.vaimo-cms.row .text-under{
  margin-bottom: 7px;
}

.vaimo-cms.row .text-under_2{
  margin-bottom: 15px;
}

.index.top .vaimo-cms.row.first-row .text-under{
  margin-bottom: 0;
  padding-bottom: 31px !important;
}
body.index.top span.image-text.below {
    margin-top: 15px;
	min-height: 60px;
}
body.index.top span.image-text.below.text-none {
  margin-top: 15px;
  min-height: 20px;
}
.last-margin {
  margin-bottom: 0 !important;
}
.vaimo-cms.row {
  margin-bottom: 0px;
}

  /*フッター*/
  #page-footer .navbar .nav{
    float:none;
    margin:0;
  }
  #page-footer .navbar .nav > li{
    float:none;
    border-bottom:solid 1px #ffffff;
  }
  #footer .heading,
  #footer .content-heading,
  #footer .mmTogglerAnchor,
  #footer .content.open ul li {
    line-height: 45px;
  }
  .row {
    margin-left: -10px;
  }
  #footer .secondary-footer-content>div .content:first-child {
    display: block;
    border-bottom: 1px solid #e2e1e1;
    margin-top: 0;
  }
  #footer .secondary-footer-content>div .content:first-child ul li {
    width: 50%;
    float: left;
    line-height: 45px;
  }
  #filters-target .sod_select, #footer .sod_select{
    padding: 7px 0;
  }
  #filters-target .sod_select .sod_list_wrapper .sod_option,
  #footer .sod_select .sod_list_wrapper .sod_option{
    padding: 7px 10px;
  }
  #pagetop-area{
    position: fixed;
    margin:0;
    right: 5px;
    left:auto;
    bottom: 5px;
    z-index: 2000;
  }
  #pagetop,
  #pagetop:hover{
    display: block;
    width: 41px;
    height: 41px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    -o-transition:all 0.2s ease;
    transition:all 0.2s ease;
    background-color: #000;
    background-image: url("/assets/images/pagetop.png");
    background-size: 7px 6px;
  }
  /*サイドエリア*/
  .sidearea .side-caption,
  .sidearea .list-category > h2,
  .sidearea .list-category > ul{
    margin-left:-10px;
    margin-right:-10px;
  }

  /*詳細検索*/
  .sel-rate-set > li{
    width:45%;
  }
  .sel-rate-set > li.to{
    width:10%;
    padding:0;
  }
  #searchDetailArea .select-color td{
    width:50%;
    float:left;
  }

  /*ソート*/
  .newarrival-date{
    padding-right: 5px;
  }
  .newarrival-date select{
    width: 100%;
  }
  .sort table{
    margin-left: 0;
    width: 100%;
  }
  .sort table td{
    padding:0 5px 5px 0;
    width: 50%;
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sort select{
    width: 100%;
    padding-left: 0;
  }
  /*デザイナー*/
  .designers .widget.widget-static-block:not(.widget-default-width):not(.widget-full-width) h1 span.ja,
  .designers .category-top h1 span.ja{
    font-size: 16px;
  }
  /* ニュース */
  #news-list > .row-fluid > div{
    height:auto;
  }

  /*マイページ*/
  .mail_address_area{
    clear:both;
    float:none;
    margin-left:5px;
  }
  .mypage-menu .mypage-menu-select {
    width: 48%;
    margin-left: 2%;
    margin-bottom: 2%;
  }

  .mypage-menu .mypage-menu-select .btn {
    display: block;
    padding: 7px 0;
    border: solid 1px;
    margin: 6px 2px 0;
    width: 169px;
  }


  /*カート*/
  .cart-area .form-edit-style{
    width: 100%;
  }
  .cart-area .form-edit-style .controls .top-input,
  .cart-area .form-edit-style .controls .second-input{
    width:100%;
  }
  /*住所登録・変更　& 配送先リスト登録・変更*/
  .form-edit-style{
    border-bottom: 0;
  }
  .control-group .controls .top-input,
  .control-group .controls .second-input{
    width: 100%;
  }
  .control-group .controls .top-input .input-front,
  .control-group .controls .second-input .input-front{
    width: 10%;
  }
  .form-horizontal .controls #prefecture_id{
    width: 100%;
  }
  .docs-input-sizes select:first-child{
    width: 25%;
  }
  /*メールアドレス一覧 お気に入り*/
  .list-layout .table.liquid-table .form-part{
    margin-top: 10px;
  }
  .list-layout .table.liquid-table .form-part form,
  .list-layout .table.liquid-table .form-part .delete-part{
    padding: 2px 8px;
  }
  .list-layout .btn.btn-small{
     width: 100%;
     padding: 6px 0;
  }
  /*住所変更*/
  .editAddress span.help-block,
  .editDelivery span.help-block,
  .cart.addressRegister span.help-block{
    display: block;
  }
  .editAddress .control-group.code span.help-block,
  .editDelivery .control-group.code span.help-block,
  .cart.addressRegister .control-group.code span.help-block{
      margin-left: 0;
  }
  .editAddress .control-group.name input[type="text"],
  .editDelivery .control-group.name input[type="text"],
  .cart.addressRegister .control-group.name input[type="text"]{
      width: 100%;
  }
  .editAddress .control-group .controls .top-input .input-front,
  .control-group .controls .second-input .input-front,
  .editDelivery .control-group .controls .top-input .input-front,
  .cart.addressRegister .control-group .controls .top-input .input-front{
      width: 31px;
  }
  .editAddress .control-group .controls .top-input,
  .control-group .controls .second-input,
  .editDelivery .control-group .controls .top-input,
  .cart.addressRegister .control-group .controls .top-input{
      width: 100%;
  }
  .editAddress span.help-block,
  .editDelivery span.help-block,
  .cart.addressRegister span.help-block{
      width: 100%;
  }
  .editAddress input[type="submit"].btn.btn-small,
  .editDelivery input[type="submit"].btn.btn-small,
  .cart.addressRegister input[type="submit"].btn.btn-small{
      width: 35%;
  }
  .editAddress .input input[type="text"],
  .editDelivery .input input[type="text"],
  .cart.addressRegister .input input[type="text"]{
      width: 100%;
      margin-right: 0;
  }
  .editAddress input[type="text"],
  .editDelivery input[type="text"],
  .cart.addressRegister input[type="text"]{
      width: 21%;
      padding: 8px;
  }
  .editAddress input[type="submit"].btn.btn-small,
  .editDelivery input[type="submit"].btn.btn-small,
  .cart.addressRegister input[type="submit"].btn.btn-small{
      height: 41px;
      margin-left: 0px;
  }
  .editAddress ul.inline > li, ol.inline > li,
  .editDelivery ul.inline > li, ol.inline > li,
  .cart.addressRegister ul.inline > li, ol.inline > li{
      padding-left: 0px;
      font-size: 9px;
  }

  .editAddress .form-horizontal .controls,
  .editDelivery .form-horizontal .controls,
  .cart.addressRegister .form-horizontal .controls{
      margin-left: 0px;
  }
  .confirmAddress .table {
      width: 81%;
      font-size: 12px;
  }
  .cart.addressRegister .control-group .controls .second-input{
    width: 100%;
  }
  .creditCardList .container table th {
    padding: 8px 0;
    font-size: 12px;
  }
  .creditCardList .table-list-style > tbody > tr > td{
    padding:8px 0;
  }

  /*規約系*/
  .customer-service-group{
    margin-top: 46px;
  }
  .guide .sentence p,
  .guide .sentence li,
  .guide .sentence dd {
    line-height: 24px;
  }
  .style-guide .sentence table th,
  .style-guide .sentence table td{
    padding:0 0 10px;
    vertical-align:top;
  }


  .style-guide .sentence table th{
    width:15%;
  }

  .style-guide .sentence table td{
    width:85%;
  }
  .style-guide .sentence p,
  .style-guide .sentence li{
    line-height: 20px;
  }
  .customer-service-group .title {
    font-size: 18px;
    line-height: 22px;
    padding-top: 30px;
    padding-bottom: 6px;
    margin-bottom: 20px;
  }
  .customer-service-group li .anchor-heading {
    font-size: 14px;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .customer-service-group li .anchor-heading::after {
    top: 15px;
    right: 1px;
    height: 13px;
    width: 13px;
    background-size: 13px;
  }
  .customer-service-group li.open .anchor-heading::after {
    top: 19px
  }
  .privacy-policy .sentence li,
  .asct .sentence,
  .terms-of-use section {
    padding-right: 0;
    padding-bottom: 30px;
    padding-left: 0;
  }
  .terms-of-use .sentence:first-of-type,
  .privacy-policy #guide0 .sentence:first-of-type {
    text-align: left;
  }
  .terms-of-use .sentence:first-of-type,
  .privacy-policy #guide0 .sentence:first-of-type{
    margin-bottom: 10px;
  }
  .terms-of-use .sentence:first-of-type > p:first-of-type{
    margin-bottom: 10px;
  }
  .inquiry form{
    margin-bottom: 25px;
  }
  .inquiry.index #footer .row{
    margin-left: 0;
  }

  .guide .howto_order h1{
    font-size: 14px;
    padding-bottom: 25px;
  }
  .guide .howto_order h2{
    font-size: 15px;

  }
  .guide .howto_order .fablic{
    padding-top: 0;
  }
  .guide .howto_order .fablic.under{
    padding-top: 30px;
  }
  .guide .howto_order .fablic .left.esp,
  .guide .howto_order .fablic .left.esp p{
    margin: 0 0 10px;
    float: none;
  }
  .guide .howto_order .fablic .left.esp .order_sample p:nth-of-type(3){
    margin: 15px 0;
  }
  .guide .howto_order .fablic .left.esp .order_sample p.cloth_width{
    margin-bottom: 20px;
    padding: 10px 0;
  }
  .guide .howto_order .fablic .left.esp .order_sample p.choice_c{
    width: 50%;
  }
  .guide .howto_order .fablic .left.esp .order_sample p.c_meter{
    float: right;
    margin: 10px 0 0;
  }
  .guide .howto_order .fablic .left.esp .order_sample p.c_meter span{
    padding-right: 5px;
  }
  .guide .howto_order .fablic .left.esp .bolder{
    margin-bottom: 30px;
  }
  .guide .howto_order .fablic.under .left.esp.wisd,
  .guide .howto_order .fablic.under .left.esp{
    margin-left: 0;
  }
  .guide .howto_order .fablic.under .exam{
    margin: 50px 0 20px;
  }
  .guide .howto_order .fablic .left.esp .caution{
    margin-top: 20px;
  }
  .guide .howto_order .fablic h3{
    margin-bottom: 20px;
    font-size: 14px;
  }
  .guide .howto_order h4{
    margin: 15px 0;
  }
  .guide .howto_order .fablic .left.esp .order_sample{
    width: 100%;
    text-align: left;
  }
  .guide .howto_order .fablic.under p.order_case{
    font-size: 11px;
    font-weight: normal;
  }
  .guide .howto_order .notice_matter .shoplist{
    margin: 25px 0 40px;
  }
  .guide .howto_order .notice_matter h2,
  .guide .howto_order .notice_matter h4 {
    margin: 30px 0 10px;
}
.guide .howto_order .notice_matter .handling li{
  padding-top: 15px;
}

  /*サブナビ*/
  .subnav .nav-list{
    margin: 0 -10px;
    border-top: 1px solid #ccc;
  }
  .subnav .nav-list > li > a{
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
  }
  /*form-actions*/
  /*.form-actions{
    margin: 20px -10px;
  }*/
  /*action-steps*/
  .action-steps.step6 li{
    width: 32%;
    float: left;
    margin-right: 0;
    margin-bottom: 1px;
    border-right: 0;
    border-left: solid 1px #fff;
  }
  .action-steps.step6 li:nth-child(3n+1){
    border-left: 0;
  }
  /*お問い合わせ*/
  #inquiry h3{
    padding: 10px 40px 10px 10px;
  　text-indent: 0;
  }
  .inquiry-index .lead p{
    line-height: 20px;
  }
  .inquiry.index .lead p,
  .inquiry.confirm .lead p{
    padding-left: 10px;
  }
  .inquiry.index form,
  .inquiry.confirm .form-actions,
  .inquiry.complete .lead p,
  .inquiry.complete .form-actions{
    padding:0 10px;
  }
  .inquiry .action-steps-wrap{
    padding-left: 10px;
  }
  /* btn */
  input#btn_add, input.btn.btn-small.btn-delete{
    width: 100%;
    }
  /******************************
  サイトマップ
  ******************************/
  div.sitemap{
    margin-top: 47px;
  }
  div.sitemap .title {
    font-size: 18px;
    margin-bottom: 20px;
    padding-top: 30px;
    padding-bottom: 6px;
  }
  div.sitemap .clearfix > div {
    padding: 25px 0 20px;
  }
  div.sitemap section div {
    width: 100%;
    padding-left: 0;
  }
  div.sitemap section div + ul {
    margin-bottom: 20px;
  }
  div.sitemap section ul + ul {
    margin-top: 25px;
  }
  div.sitemap section li {
    margin-bottom: 10px;
  }
  div.sitemap section .child-category li {
    margin-bottom: 5px;
  }
  /*ログイン*/
  .login .span6 {
      width: 96%;
      margin: 0 auto;
  }
  .login-area-subbox p {
      text-align: left;
  }
  .login .btn {
      font-size: 14px;
      padding: 15px;
  }
  .login #footer .newsletter a.button {
      width: 96%;
      margin: 21px 0 26px;
      font-size: 14px;
      height: auto;
      line-height: 100%;
      padding: 16px 0;
  }
  .help-block, .login-area-box p, .login label {
      font-size: 13px;
  }
  .login .register-area .form-actions {
      margin-top: 30px;
  }
  .login-area-box .login-area-subbox .control-label {
      width: 104px;
  }
  .login-area-subbox .controls {
      margin-left: 112px;
  }
  .login .lead p{
    text-align: left;
  }
  /* the-brand */
  .widget.widget-static-block:not(.widget-default-width):not(.widget-full-width) h1 {
    font-size: 18px;
    padding-top: 30px;
    padding-bottom: 6px;
    margin-bottom: 20px;
    line-height: 22px;
    letter-spacing: 1px;
  }
  .widget.widget-static-block:not(.widget-default-width):not(.widget-full-width) div,
  .widget.widget-static-block:not(.widget-default-width):not(.widget-full-width) p,
  span.image-text.below.text-three,
  span.image-text.below.text-two,
  span.image-text.bottom.sub,
  span.image-text.middle.sub{
    font-size: 14px;
    line-height: 26px;
  }
  .vaimo-cms.row.first-row .widget.widget-static-block:not(.widget-full-width):not(.widget-default-width){
    margin-bottom: 20px;
  }
  .design-philosophy .vaimo-cms.row .text-on-top{
    margin-bottom: 0;
  }

  /*マイページ*/
  .mypage-menu .menu-text-block{
      height: 80px; 
  }

}
@media (max-width: 480px) {
  /*メインビジュアル*/
  .index.top .widget-content-container .inner_text{
    font-size: 21px;
    line-height: 21px;
    max-width: 250px;
  }
/*ログイン*/
.login #footer .newsletter a.button {
    width: 100%;
    padding: 12px 0;
}
.login .title {
    letter-spacing: 1px;
    margin: 25px 0 25px;
    font-size: 22px;
}

.login-area-box .login-area-subbox .control-label {
    font-size: 11px;
}
.login-area-subbox .controls {
    margin-left: 0;
}
.login input[type=text], input[type=password] {
    padding-left: 5px;
}
.login-area-box h2 {
    margin: 22px 0px 24px;
}
.login h2 {
    font-size: 16px;
}
.login #footer .newsletter h5 {
    font-size: 14px;
}
.login .newsletter-container {
    padding-top: 34px;
}
.login .help-block, .login-area-box p, .login label {
    font-size: 11px;
}
/*.form-actions {
    margin: 20px -6px;
}*/
.login .btn {
    padding: 12px;
}
.login input[type=text], input[type=password] {
    height: 35px;
}
.login .form-horizontal .control-label {
    padding-top: 4px;
}
/*mypage*/
.mypage-menu .menu-text-block .menu-explain {
    padding: 4px 1px 11px;
}
.mypage-menu .mypage-menu-select {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0%;
}
.mypage-menu .menu-text-block {
    height: auto;
}
.mypage-menu .mypage-menu-select:nth-child(2n) {
    margin-left: 0%;
}
.mypage .lead p{
  margin: 0px;
}
/*住所変更*/
.editAddress .form-actions, .confirmAddress .form-actions, .completeAddress .form-actions,
.editDelivery .form-actions{
    padding:65px 0 0px;
    width: 100%;
    margin: 0 auto;
}
.editAddress .action-steps.step3 li,
.confirmAddress .action-steps.step3 li,
.completeAddress .action-steps.step3 li,
.editDelivery .action-steps.step3 li{
    padding: 0;
    font-size: 9px;
    border: 0;
}
.editAddress .birth .sod_select,
.editDelivery .birth .sod_select{
    padding: 12px 0;
    height: 40px;
    width: 22%;
}
.editAddress .birth .sod_select:first-child,
.editDelivery .birth .sod_select:first-child{
    margin-left: 0;
}
.editAddress .birth .sod_select .sod_label,
.editDelivery .birth .sod_select .sod_label{
    padding-left: 6px;
}
.editAddress .content-area .sod_select:after,
.editDelivery .content-area .sod_select:after{
    content: " "!important;
    background: url(/assets/skin/frontend/carbon/marimekko/images/graphics/icon_chevron_down.png) no-repeat;
    height: 4px;
    width: 9px;
    background-size: contain;
    right: 5px;
    top: calc(50% - 3px);
}
.editAddress .sod_select ,.confirmAddress .sod_select,
.editDelivery .sod_select ,.confirmAddress .sod_select{
    font-size: 12px;
}
}
@media (min-width: 480px) {
  .first-row .col-sm-4 {
    width: 100%
  }
  .first-row .col-sm-offset-4 {
    margin-left: 0;
  }
}


/**
 * refs #27254
 * ファブリックコレクション
 * author: devota
*/
@media ( max-width: 1024px ) {
  #mm-navigation li.nav-meista {
    margin: 0;
  }
  #mm-navigation li.fav-collection {
    margin-bottom: 15px;
  }
  .collection-area .collection-title {
    margin: 40px 0;
    font-size: 22px;
  }
  .collection-area {
    margin: 0 0 20px;
  }
    .collection-area .shop-link {
      margin: 12px 0 40px;
      font-size: 14px;
    }
    #vertical-nav a.vertnavlink.en{
      line-height: 41px;
    }
}

/* DH_FRONT_DEPT-342 */
@media ( max-width: 767px ) {
  #cta-banner .slick-track {
      position: relative;
  }
  #cta-banner .cta-banner-inner li {
      font-size: 13px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }
}
/*DH_FRONT_DEPT-446 TOP instagram Slider START*/
@media (max-width: 767px) {
  #widget-instagram {
    padding: 0;
    margin-bottom: 40px;
  }
  #widget-instagram > .text-overlay-below > .image-text.below {
    margin-bottom: 20px;
  }
  #widget-instagram .slick-track {
    position: relative;
  }
  #widget-instagram .slick-slide {
    margin-right: 0;
    margin-left: 0;
  }
  #widget-instagram .slick-slider .slick-list {
    padding: 0px 30% 0 0 !important;
  }
  /*BOXER*/
  body.index.top #boxer.mobile .boxer-control{
    margin:0;
  }
  body.index.top #boxer.mobile .boxer-control.previous{
    background:url("/assets/images/slider_arrow_prev_w.png") no-repeat scroll 0 0 transparent;
    background-size: 18px 25px;
    height:40px;
    left:10px;
    position: relative;
  }
  body.index.top #boxer.mobile .boxer-control.next{
    background:url("/assets/images/slider_arrow_next_w.png") no-repeat scroll 100% 0 transparent;
    background-size: 18px 25px;
    height:40px;
    right:10px;
    position: relative;
  }
  body.index.top #boxer.mobile .boxer-position{
    display:none;
  }
  body.index.top #boxer.mobile .boxer-meta{
    padding:0;
    position: relative;
  }
  body.index.top #boxer.mobile {
    z-index: 1001;
    padding-top: 40px;
    overflow: visible;
    overflow-y: scroll;
    margin-bottom: 20px;
  }
  body.index.top #boxer.mobile .boxer-image {
    margin-bottom: 20px;
  }
  body.index.top #boxer.mobile #boxer-overlay {
    opacity: 0.75;
  }
  body.index.top #boxer .boxer-container {
    overflow-y: scroll;
  }
  body.index.top #boxer .boxer-content {
    overflow-y: scroll;
  }
  body.index.top #boxer.mobile .boxer-meta {
    background-color: transparent;
  }
  body.index.top #boxer.mobile .boxer-caption {
    padding: 10px;
    font-size: 12px;
  }
  body.index.top #boxer.mobile .boxer-close {
    top: 10px;
    background-size: 18px 18px;
    right: 3%;
    background-color: transparent;
    background-position: initial;
  }
  body.index.top #boxer .boxer-caption.gallery > p > a {
    color: #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: -1px;
  }
}
/* DH_FRONT_DEPT-342 END*/