@charset "UTF-8";
@import"https://fonts.googleapis.com/earlyaccess/notosansjapanese.css";
@import"https://fonts.googleapis.com/css?family=Prata|Roboto+Condensed";
figure {
    margin: 0;
}

.mainframe_ {
    position: relative;
}

.block-breadcrumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px rgba(229, 229, 229, 0.5) solid;
    z-index: 2;
}

.breadcrumb {
    width: 1200px;
    margin: 0 auto;
    padding: 19px 0 18px 0;
    color: #fff;
}

.breadcrumb-item a {
    color: #fff;
}

.block {
    display: block;
    text-decoration: none
}

.block,
.block:active,
.block:visited {
    color: inherit
}

.break {
    word-wrap: break-word
}

.full {
    box-sizing: border-box;
    width: 100%
}

.stick {
    margin: 0!important
}

.stick-bottom {
    margin-bottom: 0!important
}

.stick-left {
    margin-left: 0!important
}

.stick-right {
    margin-right: 0!important
}

.stick-top {
    margin-top: 0!important
}

.text-center {
    text-align: center!important
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-lower {
    text-transform: lowercase
}

.text-upper {
    text-transform: uppercase
}

.word {
    display: inline-block
}

.columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.columns.-item-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.columns .column img {
    width: 100%
}

.columns .column .icon img {
    width: 15px
}

.columns .column.-top-padded {
    padding-top: 70px
}

.columns .column.stick-right {
    margin-right: 0
}

.columns .column.stick-top {
    margin-top: 0
}

.columns .column.stick-left {
    margin-left: 0
}

.columns .column.stick-bottom {
    margin-bottom: 0
}

.columns .column.stick {
    margin: 0
}

.columns.-one>.column {
    width: 100%
}

.columns.-two>.column {
    width: calc(50% - 25px)
}

.columns.-two>.column.-half {
    width: calc(50%)
}

.columns.-two.-half-gutter>.column {
    width: calc(50% - 10px)
}

.columns.-one-two>.column:nth-child(odd),
.columns.-two-one>.column:nth-child(odd) {
    width: calc(33.3333333333% - 33.3333333333px)
}

.columns.-one-two>.column:nth-child(even),
.columns.-two-one>.column:nth-child(even) {
    width: calc(66.6666666667% - 17.3333333337px)
}

.columns.-two-one {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.columns.-two-one>.column:nth-child(2n+1) {
    margin-left: 50px
}

.columns.-one-three>.column:nth-child(odd),
.columns.-three-one>.column:nth-child(odd) {
    width: calc(25% - 3px)
}

.columns.-one-three>.column:nth-child(even),
.columns.-three-one>.column:nth-child(even) {
    width: calc(75% - 1px)
}

.columns.-three-one {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.columns.-three-one>.column:nth-child(2n+1) {
    margin-left: 50px
}

.columns.-three>.column {
    width: calc(33.3333333333% - 33.3333333333px)
}

.columns.-four>.column {
    width: calc(25% - 37.5px)
}

.columns.-five>.column {
    width: calc(20% - 16px)
}

.columns.-two>.column:nth-child(2n+1),
.columns.-one-two>.column:nth-child(2n+1),
.columns.-one-three>.column:nth-child(2n+1),
.columns.-three>.column:nth-child(3n+1),
.columns.-three>.column:nth-child(3n+2),
.columns.-four>.column:nth-child(4n+1),
.columns.-four>.column:nth-child(4n+2),
.columns.-four>.column:nth-child(4n+3) {
    margin-right: 50px
}

.columns.-two.-half-gutter>.column:nth-child(2n+1) {
    margin-right: 20px
}

.columns.-five>.column:nth-child(5n+1),
.columns.-five>.column:nth-child(5n+2),
.columns.-five>.column:nth-child(5n+3),
.columns.-five>.column:nth-child(5n+4) {
    margin-right: 20px
}

.columns.-one>.column:nth-child(n+2),
.columns.-two>.column:nth-child(n+3),
.columns.-one-two>.column:nth-child(n+3),
.columns.-two-one>.column:nth-child(n+3),
.columns.-one-three>.column:nth-child(n+3),
.columns.-three-one>.column:nth-child(n+3),
.columns.-three>.column:nth-child(n+4),
.columns.-four>.column:nth-child(n+5),
.columns.-five>.column:nth-child(n+6) {
    margin-top: 70px
}

.columns.-margin-none .column {
    margin-bottom: 0
}

.site-border {
    border: 2px solid #380000
}

.mainframe_ .container,
.billboard-heading .billboard .content .inner,
.heading-image .heading .inner,
.content-heading .heading .title .inner {
    box-sizing: border-box;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px
}

.container-content {
    box-sizing: border-box;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px
}

.container-content-inner {
    box-sizing: border-box;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 650px;
    min-width: 320px
}

.natural {
    display: block;
    padding-bottom: 5.5px;
    padding-top: 5.5px
}

.natural figure figcaption,
.natural caption {
    color: #ccc;
    font-size: 92.3076923077%;
    line-height: 1.3461538462;
    margin-bottom: 11px;
    margin-top: 11px
}

.natural figure figcaption:first-child,
.natural caption:first-child {
    margin-top: 0
}

.natural pre {
    background-color: #002b36;
    color: #839496;
    border-radius: .25em;
    padding: 29.5px 26px
}

.natural h1,
.natural h6 {
    display: block;
    font-weight: 700;
    line-height: 1.3461538462
}

.natural blockquote,
.natural ol,
.natural ul,
.natural dd {
    padding-left: 26px
}

.natural li,
.natural dt {
    margin-top: 5.5px
}

.natural pre,
.natural h1,
.natural h6,
.natural .solid,
.natural blockquote,
.natural table {
    display: block;
    margin-bottom: 29.5px;
    margin-top: 29.5px
}

.natural pre+pre,
.natural h1+pre,
.natural h6+pre,
.natural .solid+pre,
.natural blockquote+pre,
.natural table+pre,
.natural pre+h1,
.natural h1+h1,
.natural h6+h1,
.natural .solid+h1,
.natural blockquote+h1,
.natural table+h1,
.natural pre+h6,
.natural h1+h6,
.natural h6+h6,
.natural .solid+h6,
.natural blockquote+h6,
.natural table+h6,
.natural pre+.solid,
.natural h1+.solid,
.natural h6+.solid,
.natural .solid+.solid,
.natural blockquote+.solid,
.natural table+.solid,
.natural pre+blockquote,
.natural h1+blockquote,
.natural h6+blockquote,
.natural .solid+blockquote,
.natural blockquote+blockquote,
.natural table+blockquote,
.natural pre+table,
.natural h1+table,
.natural h6+table,
.natural .solid+table,
.natural blockquote+table,
.natural table+table {
    margin-top: 35px
}

p,
.natural ol,
.natural ul,
.natural dl,
.natural figure {
    display: block
}

.natural td,
.natural th {
    border: 1px solid #ddd;
    padding: 7.5px 26px;
    white-space: nowrap
}

.ie9 .natural td,
.natural .ie9 td,
.ie9 .natural th,
.natural .ie9 th,
.ie8 .natural td,
.natural .ie8 td,
.ie8 .natural th,
.natural .ie8 th {
    white-space: normal
}

.symbol-example {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1.8461538462em;
    vertical-align: bottom;
    width: 1.8461538462em
}

.symbol-example {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA1BMVEWAgICQdD0xAAAAC0lEQVQIHWMgEQAAADAAAQrnSBQAAAAASUVORK5CYII=)
}

.natural h1 {
    font-size: 2.5em
}

hr {
    background-color: #ddd;
    height: 1px
}

.natural blockquote {
    border-left: 1px solid #ddd;
    color: #ccc
}

.natural li {
    list-style-type: inherit
}

.natural li ol,
.natural li ul {
    margin-bottom: 0;
    margin-top: 0
}

.natural dt {
    font-style: italic;
    font-weight: 700
}

a {
    text-decoration: none
}

b {
    font-weight: 400;
    font-size: 16px
}

.natural table {
    overflow: auto
}

.natural th {
    font-weight: 700
}

.billboard-heading {
    height: 300px;
    margin-bottom: 120px
}

.brand .billboard-heading,
.collection .billboard-heading,
.online-shop-index .billboard-heading,
.membersclub .billboard-heading {
    height: 250px
}

.billboard-heading.-navi-none {
    margin-bottom: 120px
}

.billboard-heading .billboard {
    background-color: #663f33;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    left: 0;
    width: 100%;
    padding: 150px 0;
    position: absolute;
    z-index: -5
}

.collection-beauty-and-comfort .billboard-heading .billboard {
    background-color: #fff;
    background-size: auto
}

.about .billboard-heading .billboard {
    padding: 100px 0;
}

.brand .billboard-heading .billboard,
.collection .billboard-heading .billboard,
.online-shop-index .billboard-heading .billboard {
    padding: 125px 0
}

.membersclub .billboard-heading .billboard {
    padding: 125px 0
}

.billboard-heading .billboard .content {
    position: absolute;
    width: 100%;
    top: 120px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.brand .billboard-heading .billboard .content,
.collection .billboard-heading .billboard .content,
.online-shop-index .billboard-heading .billboard .content,
.membersclub .billboard-heading .billboard .content {
    top: 100px;
    text-align: center
}

.membersclub .billboard-heading .billboard .content {
    top: 70px;
    text-align: center
}

.brand-mens-madras .billboard-heading .billboard,
.brand-mens-modello .billboard-heading .billboard,
.brand-mens-madras-walk .billboard-heading .billboard,
.brand-ladies-madras .billboard-heading .billboard,
.brand-ladies-modello .billboard-heading .billboard,
.brand-ladies-madras-walk .billboard-heading .billboard,
.collection-madras .billboard-heading .billboard,
.collection-modello .billboard-heading .billboard,
.collection-beauty-and-comfort .billboard-heading .billboard {
    background-position: top center;
    padding: 356px 0
}

.brand-mens-madras .billboard-heading .billboard .content,
.brand-mens-modello .billboard-heading .billboard .content,
.brand-mens-madras-walk .billboard-heading .billboard .content,
.brand-ladies-madras .billboard-heading .billboard .content,
.brand-ladies-modello .billboard-heading .billboard .content,
.brand-ladies-madras-walk .billboard-heading .billboard .content,
.collection-madras .billboard-heading .billboard .content,
.collection-modello .billboard-heading .billboard .content,
.collection-beauty-and-comfort .billboard-heading .billboard .content {
    top: -20px;
    width: 215px;
    height: 215px;
    background-color: rgba(0, 0, 0, .5)
}

.brand-mens-madras .billboard-heading .billboard .content .inner,
.brand-mens-modello .billboard-heading .billboard .content .inner,
.brand-mens-madras-walk .billboard-heading .billboard .content .inner,
.brand-ladies-madras .billboard-heading .billboard .content .inner,
.brand-ladies-modello .billboard-heading .billboard .content .inner,
.brand-ladies-madras-walk .billboard-heading .billboard .content .inner,
.collection-madras .billboard-heading .billboard .content .inner,
.collection-modello .billboard-heading .billboard .content .inner,
.collection-beauty-and-comfort .billboard-heading .billboard .content .inner {
    display: table;
    width: 100%;
    height: 100%;
    min-width: auto
}

.brand-mens-madras .billboard-heading .billboard h1,
.brand-mens-modello .billboard-heading .billboard h1,
.brand-mens-madras-walk .billboard-heading .billboard h1,
.brand-ladies-madras .billboard-heading .billboard h1,
.brand-ladies-modello .billboard-heading .billboard h1,
.brand-ladies-madras-walk .billboard-heading .billboard h1,
.collection-madras .billboard-heading .billboard h1,
.collection-modello .billboard-heading .billboard h1,
.collection-beauty-and-comfort .billboard-heading .billboard h1 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 215px;
    height: 215px
}

.madras_2017_autumn_winter .billboard-heading .billboard .content {
    left: 15%;
    top: 20px;
    right: auto
}

.about-recruit-voice .billboard-heading .billboard {
    padding: 300px 0;
    letter-spacing: normal
}

.about .billboard-heading .billboard {
    background-image: url(/images/about/billboard.jpg)
}

.about.about-brands .billboard-heading .billboard {
    background-image: url(/images/about/brands/billboard.jpg)
}

.about.about-environment .billboard-heading .billboard {
    background-image: url(/images/about/environment/billboard.jpg)
}

.about.about-history .billboard-heading .billboard {
    background-image: url(/images/about/history/billboard.jpg)
}

.about.about-outline .billboard-heading .billboard {
    background-image: url(/images/about/outline/billboard.jpg);
    color: #33302e
}

.about.about-recruit .billboard-heading .billboard {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/billboard.jpg);
    color: #33302e
}

.about.about-recruit-message .billboard-heading .billboard {
    background-image: url(../../../cms/madras/img/usr/about/recruit/message/billboard.jpg);
    color: #33302e
}

.about.about-recruit-voice .billboard-heading .billboard {
    background-position: top center;
    color: #fff
}

.about.about-recruit-voice-masuda .billboard-heading .billboard {
    background-image: url(/images/about/recruit/voice/masuda/billboard.jpg)
}

.about.about-recruit-voice-oda .billboard-heading .billboard {
    background-image: url(/images/about/recruit/voice/oda/billboard.jpg)
}

.about.about-recruit-voice-senda .billboard-heading .billboard {
    background-image: url(/images/about/recruit/voice/senda/billboard.jpg)
}

.about.about-recruit-voice-maruyama .billboard-heading .billboard {
    background-image: url(/images/about/recruit/voice/maruyama/billboard.jpg)
}

.about.about-recruit-voice-ganeko .billboard-heading .billboard {
    background-image: url(/images/about/recruit/voice/ganeko/billboard.jpg)
}

.about.about-recruit-voice-yaegashi .billboard-heading .billboard {
    background-image: url(/images/about/recruit/voice/yaegashi/billboard.jpg)
}

.about.about-recruit-voice-iguchi .billboard-heading .billboard {
    background-image: url(/images/about/recruit/voice/iguchi/billboard.jpg)
}

.about.about-recruit-voice-yamaguchi .billboard-heading .billboard {
    background-image: url(/images/about/recruit/voice/yamaguchi/billboard.jpg)
}

.about.about-brands-mens .billboard-heading .billboard,
.about.about-brands-ladies .billboard-heading .billboard {
    background-image: none
}

.about.about-brands-mens-abbey-road .billboard-heading .billboard {
    background: -webkit-linear-gradient(top, #1c2827 0, #233231 100%);
    background: linear-gradient(to bottom, #1c2827 0, #233231 100%)
}

.about.about-brands-mens-city-golf .billboard-heading .billboard {
    background: #004098
}

.about.about-brands-mens-daks .billboard-heading .billboard {
    background: #fff;
    border: 1px solid #000;
    border-style: solid none
}

.about.about-brands-mens-elle-homme .billboard-heading .billboard {
    background: -webkit-linear-gradient(top, #1c2827 0, #233231 100%);
    background: linear-gradient(to bottom, #1c2827 0, #233231 100%)
}

.about.about-brands-mens-lobbs .billboard-heading .billboard {
    background: -webkit-linear-gradient(315deg, #a34220 0, #c04e26 100%);
    background: linear-gradient(135deg, #a34220 0, #c04e26 100%)
}

.about.about-brands-mens-lutecia .billboard-heading .billboard {
    background: -webkit-linear-gradient(left, #262626 0, #333 100%);
    background: linear-gradient(to right, #262626 0, #333 100%)
}

.about.about-brands-mens-madras-walk .billboard-heading .billboard {
    background: -webkit-linear-gradient(left, #043c69 0, #064e88 100%);
    background: linear-gradient(to right, #043c69 0, #064e88 100%)
}

.about.about-brands-ladies-madras-walk .billboard-heading .billboard {
    background: -webkit-linear-gradient(315deg, #ba352e 0, #da3e36 100%);
    background: linear-gradient(135deg, #ba352e 0, #da3e36 100%)
}

.about.about-brands-mens-modello-vita .billboard-heading .billboard {
    background: -webkit-linear-gradient(left, #cdabbf 0, #e4bed5 100%);
    background: linear-gradient(to right, #cdabbf 0, #e4bed5 100%)
}

.about.about-brands-mens-pro-comfort .billboard-heading .billboard {
    background: -webkit-linear-gradient(315deg, #ac6810 0, #e58b16 100%);
    background: linear-gradient(135deg, #ac6810 0, #e58b16 100%)
}

.about.about-brands-mens-foot-power .billboard-heading .billboard,
.about.about-brands-mens-madraswalk-mizunoselect .billboard-heading .billboard {
    background: #fff;
    border: 1px solid #000;
    border-style: solid none
}

.about.about-brands-mens-tru-trussardi .billboard-heading .billboard {
    background: #fff;
    border: 1px solid #ba9f52;
    border-style: solid none
}

.about.about-brands-mens-trans-continents .billboard-heading .billboard {
    background: -webkit-linear-gradient(315deg, #172143 0, #1f2c5a 100%);
    background: linear-gradient(135deg, #172143 0, #1f2c5a 100%)
}

.about.about-brands-tru-mens-trussardi .billboard-heading .billboard {
    background: -webkit-linear-gradient(315deg, #e7e7e7 0, whitesmoke 100%);
    background: linear-gradient(135deg, #e7e7e7 0, whitesmoke 100%)
}

.about.about-brands-mens-up-renoma .billboard-heading .billboard {
    background: #4b4f54
}

.about.about-brands-ladies-body-focus .billboard-heading .billboard {
    background: -webkit-linear-gradient(315deg, #a9af25 0, #c7ce2c 100%);
    background: linear-gradient(135deg, #a9af25 0, #c7ce2c 100%)
}

.about.about-brands-ladies-carlo-rossetti .billboard-heading .billboard {
    background: -webkit-linear-gradient(315deg, #c44a6c 0, #da5278 100%);
    background: linear-gradient(135deg, #c44a6c 0, #da5278 100%)
}

.about.about-brands-ladies-city-golf .billboard-heading .billboard {
    background: #55b827
}

.about.about-brands-ladies-elle .billboard-heading .billboard {
    background: #fff;
    border: 1px solid #000;
    border-style: solid none
}

.about.about-brands-ladies-elle-sport .billboard-heading .billboard {
    background: #fff;
    border: 1px solid #000;
    border-style: solid none
}

.about.about-brands-mens-elle-homme .billboard-heading .billboard {
    background: #000
}

.about.about-brands-mens-gola .billboard-heading .billboard {
    background: #fff;
    border: 1px solid #000;
    border-style: solid none
}

.about.about-brands-ladies-madras-modello .billboard-heading .billboard {
    background: -webkit-linear-gradient(315deg, #e7e7e7 0, whitesmoke 100%);
    background: linear-gradient(135deg, #e7e7e7 0, whitesmoke 100%)
}

.about.about-brands-ladies-tru-trussardi .billboard-heading .billboard {
    background: -webkit-linear-gradient(315deg, #e7e7e7 0, whitesmoke 100%);
    background: linear-gradient(135deg, #e7e7e7 0, whitesmoke 100%)
}

.about.about-brands-ladies-tehen .billboard-heading .billboard {
    background: -webkit-linear-gradient(315deg, #e7e7e7 0, whitesmoke 100%);
    background: linear-gradient(135deg, #e7e7e7 0, whitesmoke 100%)
}

.about.about-brands-ladies-softwaves .billboard-heading .billboard {
    background: -webkit-linear-gradient(315deg, #329ac9 0, #38ace0 100%);
    background: linear-gradient(135deg, #329ac9 0, #38ace0 100%)
}

.about.about-brands-ladies-soft-step .billboard-heading .billboard {
    background: #cc9
}

.about.about-brands-ladies-missy-des-missy .billboard-heading .billboard {
    background: -webkit-linear-gradient(315deg, #d26077 0, #ea6b84 100%);
    background: linear-gradient(135deg, #d26077 0, #ea6b84 100%)
}

.about.about-brands-madras-modello .billboard-heading .billboard {
    background: -webkit-linear-gradient(315deg, #a9af25 0, #c7ce2c 100%);
    background: linear-gradient(135deg, #a9af25 0, #c7ce2c 100%)
}

.about.about-brands-ladies-modello-stella .billboard-heading .billboard {
    background: -webkit-linear-gradient(315deg, #c58448 0, #e89b55 100%);
    background: linear-gradient(135deg, #c58448 0, #e89b55 100%)
}

.about.about-brands-ladies-revontulet .billboard-heading .billboard {
    background: -webkit-linear-gradient(315deg, #d9bd16 0, #f2d218 100%);
    background: linear-gradient(135deg, #d9bd16 0, #f2d218 100%)
}

.about.about-billboard .billboard-heading .billboard {
    background-image: url(/images/about/recruit/billboard.jpg);
    color: #33302e
}

.brand .billboard-heading .billboard,
.membersclub .billboard-heading .billboard {
    background-image: url(/images/brand/billboard_1.jpg)
}

.brand-mens-madras .billboard-heading .billboard,
.brand-mens-modello .billboard-heading .billboard {
    background-image: url(/images/brand/mens/billboard.jpg)
}

.brand-ladies-madras .billboard-heading .billboard,
.brand-ladies-modello .billboard-heading .billboard {
    background-image: url(/images/brand/ladies/billboard.jpg)
}

.brand-mens-madras-walk .billboard-heading .billboard,
.brand-ladies-madras-walk .billboard-heading .billboard {
    background-image: url(/images/brand/billboard_walk.jpg)
}

.collection .billboard-heading .billboard {
    background-image: url(/images/collection/billboard.jpg)
}

.collection .billboard-heading .billboard h1 {
    text-align: center
}

.collection-madras .billboard-heading .billboard {
    background-image: url(/images/collection/madras/billboard.jpg)
}

.collection-modello .billboard-heading .billboard {
    background-image: url(/images/collection/modello/billboard.jpg)
}

.collection-beauty-and-comfort .billboard-heading .billboard {
    background-image: url(/images/collection/influencers/billboard.jpg)
}

.about-en .billboard-heading .billboard,
.about-cn .billboard-heading .billboard,
.about-recruit-mid-career-form .billboard-heading .billboard,
.about-recruit-new-graduate-form .billboard-heading .billboard,
.inquiry-index .billboard-heading .billboard,
.error .billboard-heading .billboard,
.online-shop-index .billboard-heading .billboard,
.search .billboard-heading .billboard {
    background-image: url(../../../cms/madras/img/usr/about/en/billboard.jpg)
}

.about-en .billboard-heading .billboard h1,
.about-cn .billboard-heading .billboard h1,
.about-recruit-mid-career-form .billboard-heading .billboard h1,
.about-recruit-new-graduate-form .billboard-heading .billboard h1,
.inquiry-index .billboard-heading .billboard h1,
.error .billboard-heading .billboard h1,
.online-shop-index .billboard-heading .billboard h1,
.search .billboard-heading .billboard h1 {
    text-align: center
}

.journal .billboard-heading .billboard {
    background-image: url(/images/journal/billboard.jpg)
}

.news .billboard-heading .billboard {
    background-image: url(/images/news/billboard.jpg)
}

.order .billboard-heading .billboard {
    background-image: url(../../../cms/madras/img/usr/order/billboard.jpg)
}

.order.order-moss .billboard-heading .billboard {
    background-image: url(../../../cms/madras/img/usr/order/moss/billboard.jpg)
}

.order.order-moss-presto .billboard-heading .billboard {
    background-image: url(../../../cms/madras/img/usr/order/moss-presto/billboardPresto02.jpg)
}

.order.order-moss-presto-moto .billboard-heading .billboard {
    background-image: url(../../../cms/madras/img/usr/order/moss-presto/billboardPresto.jpg)
}

.order.order-color .billboard-heading .billboard {
    background-image: url(../../../cms/madras/img/usr/order/color/billboard.jpg);
    color: #33302e
}

.order.order-color-neo .billboard-heading .billboard {
    background-image: url(../../../cms/madras/img/usr/order/color_neo/billboard.jpg);
    color: #33302e
}

.shop .billboard-heading .billboard {
    background-image: url(/images/shop/billboard.jpg)
}

.true-fit-index .billboard-heading .billboard {
    background-image: url(/images/true_fit/billboard.jpg)
}

.true-fit-technology .billboard-heading .billboard {
    background-image: url(/images/true_fit/technology/billboard.jpg)
}

.true-fit-tradition .billboard-heading .billboard {
    background-image: url(/images/true_fit/tradition/billboard.jpg)
}

.true-fit-pursue .billboard-heading .billboard {
    background-image: url(/images/true_fit/pursue/billboard.jpg)
}

.true-fit-history .billboard-heading .billboard {
    background-image: url(/images/true_fit/history/billboard.jpg)
}

.billboard-heading.-brand {
    height: 712px
}

.collection-beauty-and-comfort .billboard-heading.-brand {
    height: 600px
}

.true-fit.index .billboard-heading {
    height: 350px
}

.true-fit.index .billboard-heading .billboard {
    padding: 175px 0
}

.true-fit.index .billboard-heading .billboard .content {
    top: 150px
}

.true-fit-technology .billboard-heading,
.true-fit-tradition .billboard-heading,
.true-fit-pursue .billboard-heading,
.true-fit-history .billboard-heading {
    height: 400px
}

.true-fit-technology .billboard-heading .billboard,
.true-fit-tradition .billboard-heading .billboard,
.true-fit-pursue .billboard-heading .billboard,
.true-fit-history .billboard-heading .billboard {
    padding: 200px 0
}

.true-fit-technology .billboard-heading .billboard .content,
.true-fit-tradition .billboard-heading .billboard .content,
.true-fit-pursue .billboard-heading .billboard .content,
.true-fit-history .billboard-heading .billboard .content {
    top: 170px
}

.about .billboard-heading {
    height: 200px
}

.about .billboard {
    padding: 100px 0
}

.about .billboard .content {
    top: 85px;
    text-align: center
}

.about .billboard .content .heading-1 {
    text-align: center
}

.about .billboard .content .heading-1 span {
    border-bottom: none;
    margin-bottom: 0;
    line-height: 1
}

.about.about-brands-mens .billboard-heading,
.about.about-brands-ladies .billboard-heading {
    height: 180px
}

.about.about-brands-mens .billboard,
.about.about-brands-ladies .billboard {
    padding: 90px 0
}

.about.about-brands-mens .billboard .content,
.about.about-brands-ladies .billboard .content {
    top: 0;
    text-align: center
}

.about.about-brands-mens .billboard .content .heading-1,
.about.about-brands-ladies .billboard .content .heading-1 {
    display: table-cell;
    vertical-align: middle;
    height: 180px;
    text-align: center
}

.about.about-brands-mens .billboard .content .heading-1 span,
.about.about-brands-ladies .billboard .content .heading-1 span {
    border-bottom: none;
    margin-bottom: 0;
    line-height: 1
}

.about.about-brands-mens .billboard .content figure,
.about.about-brands-ladies .billboard .content figure {
    float: right;
    margin-top: -200px
}

.about.about-brands-ladies-soft-step .billboard-heading,
.about.about-brands-ladies-city-golf .billboard-heading,
.about.about-brands-ladies-elle-sport .billboard-heading {
    height: 180px
}

.about.about-brands-ladies-soft-step .billboard .content,
.about.about-brands-ladies-city-golf .billboard .content,
.about.about-brands-ladies-elle-sport .billboard .content {
    top: 0;
    text-align: center
}

.about.about-brands-ladies-soft-step .billboard .content .heading-1,
.about.about-brands-ladies-city-golf .billboard .content .heading-1,
.about.about-brands-ladies-elle-sport .billboard .content .heading-1 {
    text-align: center;
    width: 100%;
    margin-top: 120px
}

.about.about-brands-ladies-soft-step .billboard .content .heading-1 span,
.about.about-brands-ladies-city-golf .billboard .content .heading-1 span,
.about.about-brands-ladies-elle-sport .billboard .content .heading-1 span {
    border-bottom: none;
    margin-bottom: 0;
    line-height: 1
}

.about.about-recruit-voice .billboard-heading {
    height: 600px
}

.about.about-recruit-voice .billboard {
    padding: 300px 0
}

.about.about-recruit-voice .billboard .content {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 150px;
    position: absolute;
    text-align: left
}

.about.about-recruit-voice .billboard .content .heading-1 {
    text-align: left;
    margin-bottom: 50px
}

.about.about-recruit-voice .billboard .content .heading-1 span {
    border-bottom: 1px solid #fff;
    display: inline-block;
    font-size: 36px;
    font-family: Prata, Noto Sans Japanese, sans-serif;
    line-height: .7em;
    margin-bottom: 10px
}

.about.index {
    height: auto
}

.box {
    padding: 20px 0 20px 30px
}

.box.-borderleft {
    border-left: 1px #ccc solid
}

.breadcrumbs-nav {
    clear: both;
    margin-bottom: 10px
}

.breadcrumbs-nav .item {
    display: inline;
    margin-right: 10px
}

.breadcrumbs-nav .item:before {
    content: "＞";
    margin-right: 6px
}

.breadcrumbs-nav .item:first-child:before {
    content: none
}

.breadcrumbs-nav a {
    text-decoration: none
}

.breadcrumbs-nav a:hover {
    text-decoration: underline
}

.back-scene.-comfort {
    background: url(/images/home/comfort_background_2.png) no-repeat;
    background-position: left bottom
}

.bg-scale {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 60px 0;
    box-sizing: border-box;
    height: 188px;
    color: #fff
}

.bg-scale p {
    margin-top: 0;
    color: #fff
}

.about-recruit-job .bg-scale p {
    margin-right: 50%
}

.bg-scale p a {
    color: #fff
}

.bg-scale p span {
    font-family: Prata, Noto Sans Japanese, sans-serif;
    font-size: 24px
}

.bg-scale:after {
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.bg-scale:hover:after {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.bg-scale .content {
    z-index: 1;
    position: relative
}

.bg-scale.-order:after {
    background-image: url(/images/home/bnr_order.jpg)
}

.bg-scale.-corporate:after {
    background-image: url(/images/home/bnr_corporate.jpg)
}

.bg-scale.column.-collection {
    background-image: url(/images/home/bnr_order.jpg)
}

.bg-scale.column.-fit {
    background-image: url(/images/home/bnr_fit.jpg)
}

.bg-scale.-job-goods-1:after {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/about_recruit_voice_goods_1.jpg)
}

.bg-scale.-job-product-1:after {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/about_recruit_voice_product_1.jpg)
}

.bg-scale.-job-product-2:after {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/about_recruit_voice_product_2.jpg)
}

.bg-scale.-job-sales-1:after {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/about_recruit_voice_sales_1.jpg)
}

.bg-scale.-job-staff-1:after {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/about_recruit_voice_staff_1.jpg)
}

.bg-scale.-job-staff-2:after {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/about_recruit_voice_staff_2.jpg)
}

.bg-scale.-job-staff-3:after {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/about_recruit_voice_staff_3.jpg)
}

.bg-scale.-job-shop-1:after {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/about_recruit_voice_shop_1.jpg)
}

.bg-scale.-job-shop-2:after {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/about_recruit_voice_shop_2.jpg)
}

.bg-scale.-job-shop-3:after {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/about_recruit_voice_shop_3.jpg)
}

.bg-scale.-job-ec-1:after {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/about_recruit_voice_ec_1.jpg)
}

.bg-scale.-job-advertising-1:after {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/about_recruit_voice_advertising_1.jpg)
}

.bg-scale.-job-accounting-1:after {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/about_recruit_voice_accounting_1.jpg)
}

.bg-scale.-job-accounting-2:after {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/about_recruit_voice_accounting_2.jpg)
}

.bg-scale.-job-accounting-3:after {
    background-image: url(../../../cms/madras/img/usr/about/recruit/job/about_recruit_voice_accounting_3.jpg)
}

.button {
    border: 1px solid #33302e;
    background: url(../../../cms/madras/img/usr/icons/icon_arrow_right.svg) no-repeat center right 10px;
    background-size: 15px 15px;
    box-sizing: border-box;
    max-width: 300px;
    position: relative
}

.button:hover {
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #6a4626;
    background-image: url(../../../cms/madras/img/usr/icons/icon_arrow_right_white.svg);
    text-decoration: none;
}

.button:hover a {
    color: #fff;
    text-decoration: none;
}

.button.-emphasis {
    background: url(../../../cms/madras/img/usr/icons/icon_arrow_right_white.svg) no-repeat center right 10px;
    background-color: #33302e;
    background-size: 15px 15px
}

.button.-emphasis a {
    color: #fff
}

.button.-emphasis:hover {
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #fff;
    border: 1px solid #33302e;
    background-image: url(../../../cms/madras/img/usr/icons/icon_arrow_right.svg)
}

.button.-emphasis:hover a {
    color: #33302e
}

.button.-brawn {
    background: url(../../../cms/madras/img/usr/icons/icon_arrow_right_white.svg) no-repeat center right 10px;
    background-color: #663f33;
    background-size: 15px 15px
}

.button.-brawn a {
    color: #fff
}

.button.-brawn:hover {
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #fff;
    border: 1px solid #663f33;
    background-image: url(../../../cms/madras/img/usr/icons/icon_arrow_right.svg)
}

.button.-brawn:hover a {
    color: #663f33
}

.button.-about-footer {
    background: url(../../../cms/madras/img/usr/icons/icon_arrow_right_white.svg) no-repeat center right 10px;
    background-color: #33221c;
    background-size: 15px 15px
}

.button.-about-footer a {
    padding: 10px 30px 10px 10px;
    color: #fff
}

.button.-about-footer:hover {
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #fff;
    border: 1px solid #fff;
    background-image: url(../../../cms/madras/img/usr/icons/icon_arrow_right.svg)
}

.button.-about-footer:hover a {
    color: #663f33
}

.button.-center {
    margin: 0 auto
}

.button a {
    padding: 15px 20px;
    display: block
}

.border-block {
    margin-bottom: 150px
}

.border-block ::before,
.border-block ::after {
    box-sizing: unset;
}

.border-block.-bottomlink {
    position: relative
}

.border-block.-bordersolid {
    border-bottom: 1px #ccc solid
}

.border-block.-borderdashed {
    border-bottom: 1px #ccc dashed
}

.border-block.-block-1 {
    margin-bottom: 50px;
    padding-bottom: 120px
}

.border-block.-block-2 {
    margin-bottom: 120px;
    padding-bottom: 120px
}

.border-block.-block-3 {
    margin-bottom: 90px
}

.border-block.-block-4 {
    margin-bottom: 70px;
    padding-bottom: 70px
}

.border-block.-block-5 {
    margin-bottom: 70px
}

.border-block.-block-6 {
    margin-bottom: 90px
}

.border-block.-block-7 {
    margin-bottom: 70px;
    padding-bottom: 90px
}

.border-block.-block-8 {
    margin-bottom: 60px
}

.border-block.-block-9 {
    margin-bottom: 50px;
    padding-bottom: 50px
}

.border-block.-block-10 {
    margin-bottom: 80px;
    padding-bottom: 120px
}

.border-block.-news {
    margin-bottom: 120px;
    padding-bottom: 30px
}

.border-block.-navi {
    margin-bottom: 120px;
    padding-bottom: 40px
}

.border-block.-block-prev {
    margin-bottom: 140px
}

.border-block.-wander {
    margin-bottom: 50px;
    padding-bottom: 120px
}

.border-block.-wander li {
    padding-top: 10px
}

.border-block.-wander li.column:nth-child(n+6) {
    margin-top: 50px
}

.border-block.-wander .active {
    border-top: 2px solid #6a4626
}

.border-block.-shop-list,
.border-block.-department-list,
.border-block.-finish-flow,
.border-block.-collection-list {
    border-top: 1px #ccc solid;
    margin: 100px 0 120px;
    padding: 80px 0 70px
}

.border-block.-new-graduate-list {
    border-top: 1px #ccc solid;
    padding: 80px 0 70px
}

.categories-nav {
    margin-bottom: 40px
}

.categories-nav .item {
    float: left;
    margin-right: 40px;
    list-style: none;
}

.categories-nav .item:last-child {
    margin-right: 0
}

.categories-nav .item.active {
    color: #6a4626
}

.categories-nav a {
    color: inherit;
    text-decoration: none
}

.categories-nav a:hover {
    text-decoration: underline
}

.categories-nav a:after {
    background-image: url(../../../cms/madras/img/usr/icons/icon_arrow_right.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1.05em;
    margin-left: 10px;
    vertical-align: text-bottom;
    width: 1.05em
}

.-mens-madras-walk .brand-mens-madras-walk .categories-nav a:after {
    background: none
}

.-mens-modello .brand-mens-modello .categories-nav a:after {
    background: none
}

.-ladies-madras .brand-ladies-madras .categories-nav a:after {
    background: none
}

.-ladies-madras-walk .brand-ladies-madras-walk .categories-nav a:after {
    background: none
}

.-ladies-modello .brand-ladies-modello .categories-nav a:after {
    background: none
}

.categories-nav-bottom .column {
    position: relative
}

.categories-nav-bottom .column:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.categories-nav-bottom .column:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.categories-nav-bottom .column:hover {
    color: #6a4626
}

.categories-nav-bottom .column:hover:after {
    display: none
}

.categories-nav-bottom .column:hover:before {
    width: 100%;
    background-color: #6a4626
}

.-comfort .true-fit .categories-nav-bottom .column:hover:before {
    display: none
}

.shop-madras-ginza .categories-nav-bottom .madras-ginza:before,
.shop-madras-kurashiki .categories-nav-bottom .madras-kurashiki:before,
.shop-madras-sakae .categories-nav-bottom .madras-sakae:before,
.shop-madras-toki .categories-nav-bottom .madras-toki:before,
.shop-madras-shop .categories-nav-bottom .madras-shop:before,
.shop-madras-yaesu .categories-nav-bottom .madras-yaesu:before,
.shop-madras-ami .categories-nav-bottom .madras-ami:before,
.shop-madras-dainagoya .categories-nav-bottom .madras-dainagoya:before,
.shop-servi-repair .categories-nav-bottom .servi-repair:before,
.shop-sakae-repair .categories-nav-bottom .servi-sakae:before,
.shop-servi-yaesu .categories-nav-bottom .servi-yaesu:before,
.shop-madras-nagashima .categories-nav-bottom .madras-nagashima:before,
.shop-sogo-hongkong .categories-nav-bottom .sogo-hongkong:before,
.shop-modello-nagareyama .categories-nav-bottom .modello-nagareyama:before,
.shop-madras-kitasenju .categories-nav-bottom .madras-kitasenju:before,
.shop-madras-mizonokuchi .categories-nav-bottom .madras-mizonokuchi:before,
.shop-siam-thai .categories-nav-bottom .siam-thai:before,
.shop-madras-nagoyaunimall .categories-nav-bottom .madras-nagoyaunimall:before,
.shop-madras-wsfactory .categories-nav-bottom .madras-wsfactory:before,
.shop-madras-rinku .categories-nav-bottom .madras-rinku:before,
.shop-lalaport-togo .categories-nav-bottom .lalaport-togo:before,
.shop-madras-ryuo .categories-nav-bottom .madras-ryuo:before,
.shop-madras-oyabe .categories-nav-bottom .madras-oyabe:before {
    width: 100%;
    background-color: #6a4626
}

.entries-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.entries-list>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30%
}

.entries-list ol {
    width: 70%
}

.entries-list .item:first-child {
    margin-top: -10px
}

.entries-list a {
    display: table;
    display: block;
    padding: 11px 0 15px;
    width: 100%
}

.entries-list a:hover .title {
    text-decoration: underline
}

.entries-list a .title {
    color: #6a4626
}

.entries-list .data,
.entries-list .title {
    display: table-cell;
    float: none
}

.entries-list .data {
    padding-right: 2em;
    white-space: nowrap;
    width: 1%
}

.entries-list .data .badge:nth-child(2) {
    background-color: #777574;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 0 10px;
    width: 8em
}

.entries-list .badge+.badge {
    margin-left: 1em
}

.entries-list .title {
    clear: left;
    margin-top: 6px
}

.flow {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flow .number {
    font-size: 18px
}

.flow li {
    background: url(../../../cms/madras/img/usr/order/moss/icon_link.svg) no-repeat right center;
    box-sizing: border-box;
    text-align: center
}

.flow li:last-child {
    background: none;
    margin-right: 0;
    padding-right: 0
}

.flow.-col3 li {
    width: calc(100%/3);
    padding-right: 30px
}

.flow.-col5 li {
    box-sizing: border-box;
    width: calc(100%/5);
    padding-right: 85px;
    background-size: 20px;
    background-position: right 30px center
}

.vertical-flow {
    background: url(/images/true_fit/line.gif) repeat-y;
    background-position: 49.9% top;
    margin-bottom: 50px;
    padding-bottom: 50px
}

.vertical-flow .-text-top.flow-block {
    -webkit-box-pack: top;
    -webkit-justify-content: top;
    -ms-flex-pack: top;
    justify-content: top;
    -webkit-box-align: top;
    -webkit-align-items: top;
    -ms-flex-align: top;
    -ms-grid-row-align: top;
    align-items: top
}

.vertical-flow .flow-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 70px 0
}

.vertical-flow .flow-block:last-child {
    margin-bottom: 0
}

.vertical-flow .flow-block .flow-left,
.vertical-flow .flow-block .flow-right {
    width: 45%
}

.vertical-flow .flow-block .flow-left {
    box-sizing: border-box;
    margin-right: 15px
}

.vertical-flow .flow-block .flow-right {
    box-sizing: border-box;
    margin-left: 15px
}

.vertical-flow .flow-block .flow-number {
    background: #fff;
    color: #6a4626;
    font-size: 18px;
    margin-bottom: 0;
    text-align: center;
    width: 10%
}

.contact-form-text-full,
.contact-form-textarea {
    width: 100%
}

#txt_timing-field li input {
    margin: 0 0 20px 10px
}

#txa_pr-field textarea {
    height: 100px
}

.inquiry-index #contactform .flow,
.about-recruit-new-graduate #contactform .flow,
.about-recruit-mid-career-form #contactform .flow {
    font-size: 16px
}

.inquiry-index #contactform .active,
.about-recruit-new-graduate #contactform .active,
.about-recruit-mid-career-form #contactform .active {
    font-weight: 700;
    font-size: 18px
}

.inquiry-index .contact-form,
.about-recruit-new-graduate .contact-form,
.about-recruit-mid-career-form .contact-form {
    margin-bottom: 120px
}

.inquiry-index .contact-form .contact-form-field:last-child,
.about-recruit-new-graduate .contact-form .contact-form-field:last-child,
.about-recruit-mid-career-form .contact-form .contact-form-field:last-child {
    border-bottom: solid 1px #ccc
}

.inquiry-index .contact-form-field,
.about-recruit-new-graduate .contact-form-field,
.about-recruit-mid-career-form .contact-form-field {
    display: table;
    width: 100%;
    box-sizing: border-box
}

.inquiry-index .contact-form-field input[type=text],
.inquiry-index .contact-form-field textarea,
.about-recruit-new-graduate .contact-form-field input[type=text],
.about-recruit-new-graduate .contact-form-field textarea,
.about-recruit-mid-career-form .contact-form-field input[type=text],
.about-recruit-mid-career-form .contact-form-field textarea {
    width: 100%
}

.inquiry-index .form-label,
.about-recruit-new-graduate .form-label,
.about-recruit-mid-career-form .form-label {
    width: 30%;
    border: solid 1px #ccc;
    border-style: solid solid none;
    background: #6a4626;
    color: #fff;
    font-weight: 700;
    padding: 20px;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle
}

.inquiry-index .form-label label,
.about-recruit-new-graduate .form-label label,
.about-recruit-mid-career-form .form-label label {
    display: block
}

.inquiry-index .form-label .must,
.about-recruit-new-graduate .form-label .must,
.about-recruit-mid-career-form .form-label .must {
    background: #b80000;
    display: inline-block;
    float: right;
    color: #fff;
    padding: 0 10px
}

.inquiry-index .form-element,
.about-recruit-new-graduate .form-element,
.about-recruit-mid-career-form .form-element {
    width: 70%;
    background: colo;
    color: #fff;
    border: solid 1px #ccc;
    padding: 20px;
    box-sizing: border-box;
    border-style: solid solid none none;
    display: table-cell;
    color: #33302e
}

.inquiry-index .form-element .sample,
.about-recruit-new-graduate .form-element .sample,
.about-recruit-mid-career-form .form-element .sample {
    display: block;
    margin-top: 5px
}

.inquiry-index .form-element p.form-element,
.about-recruit-new-graduate .form-element p.form-element,
.about-recruit-mid-career-form .form-element p.form-element {
    width: auto;
    border: none;
    padding: 0;
    display: block;
    margin-top: 5px
}

.inquiry-index .form-element .field_error,
.about-recruit-new-graduate .form-element .field_error,
.about-recruit-mid-career-form .form-element .field_error {
    display: block;
    color: #b80000;
    margin-top: 5px
}

.contact-form-submit {
    text-align: center;
    padding: 60px 0 120px
}

.contact-form-submit input {
    border: 1px solid #33302e;
    background: url(../../../cms/madras/img/usr/icons/icon_arrow_right.svg) no-repeat center right 10px;
    background-size: 15px 15px;
    box-sizing: border-box;
    width: 300px;
    padding: 15px 20px;
    position: relative;
    margin: 0 30px
}

.contact-form-submit input:hover {
    background: #ccc
}

.contact-form-submit button {
    border: 1px solid #33302e;
    background: url(../../../cms/madras/img/usr/icons/icon_arrow_left.svg) no-repeat center left 10px;
    background-size: 15px 15px;
    box-sizing: border-box;
    margin: 0 30px;
    width: 300px;
    padding: 15px 20px;
    position: relative
}

.contact-form-submit button:hover {
    background: #ccc
}

.form.form-input .flow .input {
    color: #6a4626;
    font-weight: 700;
    font-size: 18px
}

.form.form-confirm .flow .input {
    color: #6a4626;
    font-weight: 700;
    font-size: 18px
}

.form.form-input .flow .input {
    color: #6a4626;
    font-weight: 700;
    font-size: 18px
}

.form .flow {
    font-size: 16px
}

.form .form-block .table-box {
    border-bottom: solid 1px #ccc
}

.form .form-block .table-box.-form th {
    width: 30%
}

.form .form-block .table-box.-form th span {
    background: #b80000;
    display: inline-block;
    float: right;
    color: #fff;
    padding: 0 10px
}

.form .form-block .table-box.-form td {
    width: 70%
}

.form .form-block .table-box.-form td p {
    margin-bottom: 10px
}

.form .form-block .table-box.-form td .input {
    width: 100%
}

.form .form-block .table-box.-form td .input.-middle {
    width: 30%
}

.form .form-block .table-box.-form td textarea {
    width: 100%
}

.form .form-block .confirm,
.form .form-block .back {
    text-align: center;
    margin-bottom: 140px
}

.form .form-block .confirm input,
.form .form-block .back input {
    border: 1px solid #33302e;
    background: url(../../../cms/madras/img/usr/icons/icon_arrow_right.svg) no-repeat center right 10px;
    background-size: 15px 15px;
    box-sizing: border-box;
    width: 300px;
    padding: 15px 20px;
    position: relative;
    font-weight: 700
}

.form .form-block .confirm button,
.form .form-block .back button {
    border: 1px solid #33302e;
    background: url(../../../cms/madras/img/usr/icons/icon_arrow_right.svg) no-repeat center left 10px;
    background-size: 15px 15px;
    box-sizing: border-box;
    width: 300px;
    padding: 15px 20px;
    position: relative;
    font-weight: 700
}

.heading-title {
    margin-top: 30px
}

.heading-title .title {
    float: left
}

.heading-title .title-link {
    float: right
}

.heading-image {
    height: 400px
}

.heading-image .heading {
    color: #fff;
    left: 0;
    width: 100%;
    padding: 150px 0;
    position: absolute;
    z-index: -5
}

.heading-image .heading.-comfort {
    background: url(/images/home/home_1.jpg) no-repeat center center;
    background-size: cover
}

.heading-image .heading .inner h2 {
    display: inline-block
}

.heading-1 {
    margin-bottom: 70px
}

.heading-1 span {
    background: -webkit-linear-gradient(transparent 73%, white 74%, transparent 75%);
    background: linear-gradient(transparent 73%, white 74%, transparent 75%);
    font-size: 36px;
    font-family: Prata, Noto Sans Japanese, sans-serif;
    line-height: 1.2em;
    margin-bottom: 10px
}

.about .heading-1 span {
    background: none
}

.heading-1 .caption {
    font-size: 16px
}

.heading-1.-no-deco {
    background: none;
    padding-top: 0
}

.heading-1.-no-line span {
    border-bottom: none
}

.natural h2,
.heading-2 {
    background: url(../../../cms/madras/img/usr/icons/icon_shoes.png) top center no-repeat;
    background-size: 60px;
    font-size: 32px;
    font-family: Prata, Noto Sans Japanese, sans-serif;
    margin-bottom: 70px;
    min-width: 60px;
    line-height: 1;
    padding-top: 30px;
    text-align: center
}

.natural h2.-white,
.heading-2.-white {
    background: url(../../../cms/madras/img/usr/icons/icon_shoes_white.png) top center no-repeat
}

.natural h2 .head-color,
.heading-2 .head-color {
    color: #6a4626;
    font-size:38px;    
}

.natural h2 .head-color.-life,
.heading-2 .head-color.-life {
    color: #733939
}

.natural h2 .head-color.-hobby,
.heading-2 .head-color.-hobby {
    color: #734566
}

.natural h2 .head-color.-product,
.heading-2 .head-color.-product {
    color: #4b4b80
}

.natural h2 .head-color.-story,
.heading-2 .head-color.-story {
    color: #3d665c
}

.natural h2 .caption,
.heading-2 .caption {
    font-size: 16px;
    color: #777574
}

.natural h2 .caption.-white,
.heading-2 .caption.-white {
    color: #fff
}

.natural h2.-euro,
.heading-2.-euro {
    font-size: 38px
}

.natural h2.-japan,
.heading-2.-japan {
    font-size: 16px
}

.natural h2 .img-icon,
.heading-2 .img-icon {
    display: block;
    margin: 0 auto 20px;
    width: 75px;
    text-align: center
}

.natural h2.-no-deco,
.heading-2.-no-deco {
    background: none;
    padding-top: 0
}

.natural h3,
.heading-3 {
    margin-bottom: 50px;
    font-size: 22px;
    line-height: 1.4
}

.natural h3.-center,
.heading-3.-center {
    text-align: center
}

.natural h3.-caption,
.heading-3.-caption {
    margin-bottom: 0
}

.natural h3.head-color,
.heading-3.head-color {
    color: #6a4626
}

.natural h4,
.heading-4 {
    color: #6a4626;
    font-size: 18px;
    margin-bottom: 30px;
    text-align: center
}

.natural h4.-gutter-top,
.heading-4.-gutter-top {
    margin-top: 40px
}

.natural h4.-gutter-top-1,
.heading-4.-gutter-top-1 {
    margin-top: 30px
}

.natural h4 span,
.heading-4 span {
    color: #777574;
    font-size: 12px
}

.natural h5,
.heading-5 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px
}

.head-color {
    color: #6a4626
}

.heading-2-bottom {
    margin-bottom: 70px
}

.heading-3-bottom {
    margin-bottom: 50px
}

.heading-4-bottom {
    margin-bottom: 70px
}

.icon img {
    width: 15px;
    vertical-align: middle
}

.icon img.-angle-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.icon img.-angle-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icon.-free img {
    width: auto
}

.icon.-left img {
    margin-right: 10px
}

.icon.-right img {
    margin-left: 10px
}

.icon.-list {
    bottom: 0;
    right: 0;
    margin: 0 0 -1px;
    position: absolute;
    text-align: right
}

.icon.-list span {
    border-bottom: 2px #33302e solid;
    display: inline-block
}

.label-icon {
    text-align: center
}

.label-icon.-frame span {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 0 30px
}

.label-icon.-all-over {
    background-color: #777574;
    font-size: 12px
}

.label-icon.-all-over span {
    color: #fff
}

.line a {
    display: block
}

.line span {
    display: inline-block;
    letter-spacing: .1em;
    line-height: 1.6;
    padding-bottom: 5px;
    text-decoration: none;
    position: relative
}

.line span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #6a4626;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.line span:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    background-color: #6a4626;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.line span:hover {
    color: #6a4626
}

.line span:hover:after {
    display: none
}

.line span:hover:before {
    width: 100%;
    background-color: #6a4626
}

.line span.-white:after,
.line span.-white:before {
    background-color: #fff
}

.line span.-white:hover {
    color: #fff
}

.line span.-white:hover:before {
    background-color: #fff
}

.line.-ladies span {
    background: url(../../../cms/madras/img/usr/icons/icon_ladies.svg) no-repeat right .3em;
    background-size: 20px;
    padding-right: 30px
}

.line.-mens span {
    background: url(../../../cms/madras/img/usr/icons/icon_mens.svg) no-repeat right .3em;
    background-size: 26px;
    padding-right: 30px
}

.line.-mens-ladies span {
    background: url(../../../cms/madras/img/usr/icons/icon_mens_ladies.gif) no-repeat right .3em;
    padding-right: 55px
}

.line-title {
    background: url(../../../cms/madras/img/usr/order/moss/bg_telphone.gif) center repeat-x;
    margin-bottom: 10px;
    text-align: center
}

.line-title span {
    background: #fff;
    color: #777574;
    margin-right: 0;
    padding: 0 15px
}

p,
.natural ol,
.natural ul,
.natural dl,
.natural figure {
    font-size: 13px;
    margin-bottom: 30px
}

p.textlead,
.natural ol.textlead,
.natural ul.textlead,
.natural dl.textlead,
.natural figure.textlead {
    text-align: center;
    font-size: 16px;
    margin: 20px 0 90px;
    line-height: 1.9
}

p.textlead.-font-1,
.natural ol.textlead.-font-1,
.natural ul.textlead.-font-1,
.natural dl.textlead.-font-1,
.natural figure.textlead.-font-1 {
    font-size: 22px
}

p.textcenter,
.natural ol.textcenter,
.natural ul.textcenter,
.natural dl.textcenter,
.natural figure.textcenter {
    text-align: center
}

p.textright,
.natural ol.textright,
.natural ul.textright,
.natural dl.textright,
.natural figure.textright {
    text-align: right
}

p.space-bottom-1,
.natural ol.space-bottom-1,
.natural ul.space-bottom-1,
.natural dl.space-bottom-1,
.natural figure.space-bottom-1 {
    margin-bottom: 50px
}

p.space-bottom-2,
.natural ol.space-bottom-2,
.natural ul.space-bottom-2,
.natural dl.space-bottom-2,
.natural figure.space-bottom-2 {
    margin-bottom: 70px
}

p.space-top-1,
.natural ol.space-top-1,
.natural ul.space-top-1,
.natural dl.space-top-1,
.natural figure.space-top-1 {
    margin-top: 30px
}

p.space-top-2,
.natural ol.space-top-2,
.natural ul.space-top-2,
.natural dl.space-top-2,
.natural figure.space-top-2 {
    margin-top: 70px
}

p.space-bottom-3,
.natural ol.space-bottom-3,
.natural ul.space-bottom-3,
.natural dl.space-bottom-3,
.natural figure.space-bottom-3 {
    margin-bottom: 40px
}

p.space-bottom-4,
.natural ol.space-bottom-4,
.natural ul.space-bottom-4,
.natural dl.space-bottom-4,
.natural figure.space-bottom-4 {
    margin-bottom: 10px
}

p.space-bottom-5,
.natural ol.space-bottom-5,
.natural ul.space-bottom-5,
.natural dl.space-bottom-5,
.natural figure.space-bottom-5 {
    margin-bottom: 30px
}

p.large,
.natural ol.large,
.natural ul.large,
.natural dl.large,
.natural figure.large,
p .large,
.natural ol .large,
.natural ul .large,
.natural dl .large,
.natural figure .large {
    font-size: 15px
}

p.large.-type-1,
.natural ol.large.-type-1,
.natural ul.large.-type-1,
.natural dl.large.-type-1,
.natural figure.large.-type-1,
p .large.-type-1,
.natural ol .large.-type-1,
.natural ul .large.-type-1,
.natural dl .large.-type-1,
.natural figure .large.-type-1 {
    font-size: 20px
}

p.sub-caption,
.natural ol.sub-caption,
.natural ul.sub-caption,
.natural dl.sub-caption,
.natural figure.sub-caption {
    font-size: 12px;
    color: #777574
}

p.number,
.natural ol.number,
.natural ul.number,
.natural dl.number,
.natural figure.number {
    font-family: Prata, Noto Sans Japanese, sans-serif;
    font-size: 18px;
    text-align: center
}

p:last-child,
.natural ol:last-child,
.natural ul:last-child,
.natural dl:last-child,
.natural figure:last-child {
    margin-bottom: 0
}

.main-not-desktop-nav {
    position: fixed;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    display: none;
    font-size: 16px;
    top: 0;
    text-align: center;
    left: 0;
    padding: 20px 20px 20px 0;
    height: 100%;
    width: 100%;
    z-index: 200;
    overflow: auto
}

.about .main-not-desktop-nav #cse-search-box {
    margin-bottom: 40px;
    padding-bottom: 40px
}

.main-not-desktop-nav .inpSearchBox {
    color: #000
}

.main-not-desktop-nav li {
    margin: 25px 0
}

.main-not-desktop-nav li a {
    color: #fff
}

.main-not-desktop-nav .close {
    float: right;
    margin-right: 20px
}

.main-not-desktop-nav.js-menu .nav-item li {
    margin: 20px 0
}

.main-not-desktop-nav.js-menu .self-site,
.main-not-desktop-nav.js-menu .nav-item {
    clear: right
}

.main-not-desktop-nav.js-menu .other-site {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.main-not-desktop-nav.js-menu .other-site li {
    border: 1px solid #ccc;
    text-align: center;
    margin: 20px 0
}

.main-not-desktop-nav.js-menu .other-site li.search {
    width: 50%;
    text-align: center
}

.main-not-desktop-nav.js-menu .other-site li.about,
.main-not-desktop-nav.js-menu .other-site li.recruit {
    width: 25%
}

.main-not-desktop-nav.js-menu .nav-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    margin-right: 20px;
    border-top: 1px #ccc solid;
    font-size: 14px
}

.main-not-desktop-nav.js-menu .nav-item .global-site {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    border-bottom: 1px #ccc solid
}

.main-not-desktop-nav.js-menu .nav-item .global-site li {
    border-right: 1px dotted #ccc;
    text-align: center;
    width: calc(100%/3)
}

.main-not-desktop-nav.js-menu .nav-item .global-site li:first-child {
    border-left: 1px dotted #ccc
}

.main-not-desktop-nav.js-menu .nav-item .global-site li:last-child {
    border-right: 1px dotted #ccc
}

.main-not-desktop-nav.js-menu .nav-item .nav-membersclub {
    margin-top: 20px;
    border-left: 1px dotted #ccc;
    border-right: 1px dotted #ccc
}

.main-not-desktop-nav.js-menu .nav-item .nav-membersclub li {
    margin: 10px 0
}

.main-not-desktop-nav.js-menu .nav-item .sns-site {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%
}

.main-not-desktop-nav.js-menu .nav-item .sns-site li {
    width: calc(100%/2);
    margin: 10px 0;
    border-left: 1px dotted #ccc;
    border-right: 1px dotted #ccc
}

.main-not-desktop-nav.js-menu .nav-item .sns-site li:first-child {
    border-right: none
}

.main-not-desktop-nav.js-menu svg {
    width: 20px;
    margin-left: 10px
}

.main-not-desktop-nav.js-menu svg path.st7 {
    stroke: #fff
}

.main-not-desktop-nav.js-menu svg path.st8 {
    fill: #fff
}

.main-not-desktop-nav.js-store .store-site svg path.st0 {
    stroke: none
}

.main-not-desktop-nav.js-store .store-site svg path.st2 {
    stroke: #fff
}

.main-not-desktop-nav.js-store .store-site svg path.st2,
.main-not-desktop-nav.js-store .store-site svg path.st3,
.main-not-desktop-nav.js-store .store-site svg path.st4 {
    fill: #fff
}

.main-not-desktop-nav #txt_search {
    color: #33302e
}

.content-heading {
    margin-bottom: 60px
}

.content-heading.-comfort {
    height: 400px
}

.content-heading.-comfort>.heading {
    padding: 200px 0;
    z-index: -5;
    background: url(/images/home/comfort_background_1.jpg) 50% 50%;
    background-size: cover
}

.content-heading.-collection {
    height: 140px
}

.content-heading.-collection>.heading {
    padding: 50px 0;
    z-index: -5;
    background: url(../../../cms/madras/img/usr/collection/billboard_1.jpg) 50% 50%;
    background-size: cover
}

.content-heading.-collection>.heading .content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative
}

.content-heading.-collection>.heading .content h2 {
    margin-bottom: 0
}

.content-heading.-collection>.heading .content p {
    border-left: 1px solid #33302e;
    margin: 0 0 0 60px;
    padding-left: 40px
}

.content-heading.-collection>.heading .content figure {
    position: absolute;
    right: 0
}

.content-heading.brand-section {
    height: 500px
}

.content-heading.brand-section>.heading .columns {
    display: table;
    width: 100%;
    background-image: -webkit-linear-gradient(#efe6e3, #dcd4d0);
    background-image: linear-gradient(#efe6e3, #dcd4d0)
}

.content-heading.brand-section>.heading .columns>.column:first-child {
    height: 495px
}

.content-heading.brand-section>.heading .columns>.column:first-child.-mens-madras {
    background: url(/images/brand/mens/brand_mens_madras_1.png) 50% 50%;
    background-size: cover
}

.content-heading.brand-section>.heading .columns>.column:first-child.-mens-modello {
    background: url(/images/brand/mens/brand_mens_modello_1.jpg) 50% 50%;
    background-size: cover
}

.content-heading.brand-section>.heading .columns>.column:first-child.-mens-walk {
    background: url(/images/brand/mens/brand_mens_walk_1.jpg) 50% 50%;
    background-size: cover
}

.content-heading.brand-section>.heading .columns>.column:first-child.-ladies-madras {
    background: url(/images/brand/ladies/brand_ladies_madras_1.png) 50% 50%;
    background-size: cover
}

.content-heading.brand-section>.heading .columns>.column:first-child.-ladies-modello {
    background: url(/images/brand/ladies/brand_ladies_modello_1.jpg) 50% 50%;
    background-size: cover
}

.content-heading.brand-section>.heading .columns>.column:first-child.-ladies-walk {
    background: url(/images/brand/ladies/brand_ladies_walk_1.jpg) 50% 50%;
    background-size: cover
}

.content-heading.brand-section>.heading .columns>.column:last-child {
    box-sizing: border-box;
    padding-right: 15%;
    padding-left: 5%
}

.content-heading.brand-section>.heading .column {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

.content-heading.-home {
    height: 200px
}

.content-heading.-home .slick-slide {
    position: relative;
    margin: 0 10px;
    height: 200px;
    overflow: hidden
}

.content-heading.-home .slick-slide img {
    height: 200px
}

.content-heading.-home .slick-slide .icon {
    position: absolute;
    width: 30px;
    top: 0;
    right: 0
}

.content-heading.-home .slick-slide .icon img {
    width: 100%;
    height: auto
}

.content-heading.-shop {
    height: 495px
}

.content-heading.-shop>.heading .columns {
    display: table;
    width: 100%
}

.content-heading.-shop>.heading .columns>.column:first-child {
    background: url(/images/home/shop.jpg) 50% 50%;
    background-size: cover;
    height: 495px
}

.content-heading.-shop>.heading .columns>.column:last-child {
    margin-top: 0!important
}

.content-heading.-shop>.heading .column {
    display: table-cell;
    vertical-align: middle
}

.content-heading.-brand {
    height: 495px
}

.content-heading.-brand>.heading .columns {
    display: table;
    width: 100%
}

.content-heading.-brand>.heading .columns>.column:first-child {
    background: url(/images/home/shop.jpg) 50% 50%;
    background-size: cover;
    height: 495px
}

.content-heading.-brand>.heading .column {
    display: table-cell;
    vertical-align: middle
}

.content-heading.-madras-brand,
.content-heading.-madras-modello {
    height: 500px;
    margin-bottom: 50px
}

.content-heading.-madras-brand>.heading,
.content-heading.-madras-modello>.heading {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    width: 100%;
    z-index: -5
}

.content-heading.-madras-brand .heading {
    background-image: url(/images/brand/billboard_2.jpg)
}

.content-heading.-madras-brand .heading svg {
    width: 300px
}

.content-heading.-madras-modello .heading {
    background-image: url(/images/brand/billboard_3.jpg)
}

.content-heading.-madras-modello .heading span {
    display: block
}

.content-heading.-madras-modello .heading svg {
    width: 300px
}

.content-heading.-madras-walk {
    height: 300px;
    margin-bottom: 50px
}

.content-heading.-madras-walk>.heading {
    background-image: url(/images/brand/billboard_4.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    width: 100%;
    z-index: -5
}

.content-heading.-madras-walk>.heading svg {
    width: 300px
}

.content-heading .brand-logo {
    width: 350px
}

.content-heading .heading {
    display: inline-block;
    left: 0;
    width: 100%;
    position: absolute
}

.content-heading .heading .-heading-border {
    position: relative;
    z-index: -5
}

.content-heading .heading.-heading-border {
    z-index: -5
}

.content-heading .heading.-white {
    color: #fff
}

.content-heading .heading .title {
    position: absolute;
    display: table;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.content-heading .heading .title .inner h2 {
    text-align: left
}

.-comfort .content-heading .heading .title .inner h2 {
    display: inline-block
}

.content-heading.-pursue {
    height: 380px
}

.content-heading.-tradition {
    height: 380px
}

.content-heading.-process {
    height: 380px
}

.content-heading.-history {
    height: 380px
}

.content-heading.-technology-1 {
    height: 500px
}

.content-heading.-technology-2 {
    height: 500px
}

.content-heading.-tradition-1 {
    height: 500px
}

.content-heading.-tradition-2 {
    height: 500px
}

.content-heading.-tradition-3 {
    height: 500px
}

.content-heading.-pursue-1 {
    height: 500px
}

.content-heading.-pursue-2 {
    height: 500px
}

.content-heading.-pursue-3 {
    height: 500px
}

.content-heading.-pursue-4 {
    height: 450px
}

.content-heading.-pursue-5 {
    height: 500px
}

.content-heading.-pursue-6 {
    height: 500px
}

.content-heading.-history-1 {
    height: 500px
}

.content-heading.-history-2 {
    height: 500px
}

.table-box {
    width: 100%
}

.table-box td,
.table-box th {
    border: 1px solid #ccc;
    padding: 20px
}

.table-box.-style-line td,
.table-box.-style-line th {
    border: none;
    border-bottom: 1px solid #ccc
}

.table-box.-style-line td.-noborder,
.table-box.-style-line th.-noborder {
    border: none
}

.table-box.-style-line th {
    width: 23%;
    font-weight: 700
}

.table-box.-style-line tr:first-child>th,
.table-box.-style-line tr:first-child td {
    padding-top: 0
}

.table-box.-heading-gray th {
    background-color: #777574;
    color: #fff;
    text-align: center
}

.wide-through {
    padding-bottom: 50%
}

.wide-through p {
    left: 0;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: -5
}

.list li {
    float: left;
    padding-top: 20px;
    margin-right: 40px
}

.font-prata {
    font-family: Prata, Noto Sans Japanese, sans-serif
}

.img-link:hover img,
.img-link:hover p {
    opacity: .7
}

.svg-img {
    width: 100%
}

@media(min-width: 768px) and (max-width:1215px) {
    .mainframe_ .container,
    .billboard-heading .billboard .content .inner,
    .heading-image .heading .inner,
    .content-heading .heading .title .inner {
        padding-left: 40px;
        padding-right: 40px;
        max-width: none
    }
    .natural {
        padding-bottom: 5.25px;
        padding-top: 5.25px
    }
    .natural figure figcaption,
    .natural caption {
        line-height: 1.3269230769;
        margin-bottom: 10.5px;
        margin-top: 10.5px
    }
    .natural pre {
        padding-bottom: 28.75px;
        padding-left: 19.5px;
        padding-right: 19.5px;
        padding-top: 28.75px
    }
    .natural h1,
    .natural h6 {
        line-height: 1.3269230769
    }
    .natural blockquote,
    .natural ol,
    .natural ul,
    .natural dd {
        padding-left: 19.5px
    }
    .natural li,
    .natural dt {
        margin-top: 5.25px
    }
    .natural pre,
    .natural h1,
    .natural h6,
    .natural .solid,
    .natural blockquote,
    .natural table {
        margin-bottom: 28.75px;
        margin-top: 28.75px
    }
    .natural pre+pre,
    .natural h1+pre,
    .natural h6+pre,
    .natural .solid+pre,
    .natural blockquote+pre,
    .natural table+pre,
    .natural pre+h1,
    .natural h1+h1,
    .natural h6+h1,
    .natural .solid+h1,
    .natural blockquote+h1,
    .natural table+h1,
    .natural pre+h6,
    .natural h1+h6,
    .natural h6+h6,
    .natural .solid+h6,
    .natural blockquote+h6,
    .natural table+h6,
    .natural pre+.solid,
    .natural h1+.solid,
    .natural h6+.solid,
    .natural .solid+.solid,
    .natural blockquote+.solid,
    .natural table+.solid,
    .natural pre+blockquote,
    .natural h1+blockquote,
    .natural h6+blockquote,
    .natural .solid+blockquote,
    .natural blockquote+blockquote,
    .natural table+blockquote,
    .natural pre+table,
    .natural h1+table,
    .natural h6+table,
    .natural .solid+table,
    .natural blockquote+table,
    .natural table+table {
        margin-top: 34px
    }
    p,
    .natural ol,
    .natural ul,
    .natural dl,
    .natural figure {
        margin-bottom: 23.5px
    }
    .natural td,
    .natural th {
        padding-bottom: 7.75px;
        padding-left: 19.5px;
        padding-right: 19.5px;
        padding-top: 7.75px
    }
    .symbol-example {
        height: 1.8076923077em;
        width: 1.8076923077em
    }
    .border-block {
        margin-bottom: 90px
    }
    .border-block.-block-2 {
        margin-bottom: 70px;
        padding-bottom: 70px
    }
    .border-block.-block-3 {
        margin-bottom: 60px
    }
    .border-block.-block-4 {
        margin-bottom: 50px;
        padding-bottom: 50px
    }
    .border-block.-block-5 {
        margin-bottom: 50px
    }
    .border-block.-block-6 {
        margin-bottom: 60px
    }
    .border-block.-block-7 {
        margin-bottom: 40px;
        padding-bottom: 60px
    }
    .border-block.-block-8 {
        margin-bottom: 40px
    }
    .border-block.-block-9 {
        margin-bottom: 30px;
        padding-bottom: 30px
    }
    .border-block.-block-10 {
        margin-bottom: 50px;
        padding-bottom: 70px
    }
    .border-block.-news {
        margin-bottom: 70px
    }
    .natural h2,
    .heading-2 {
        margin-bottom: 50px
    }
    .natural h3,
    .heading-3 {
        margin-bottom: 30px
    }
    .natural h4,
    .heading-4 {
        margin-bottom: 20px
    }
    .heading-2-bottom {
        margin-bottom: 50px
    }
    .heading-3-bottom {
        margin-bottom: 30px
    }
    .heading-4-bottom {
        margin-bottom: 10px
    }
    .main-not-desktop-nav.js-menu .other-site {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .content-heading.-shop>.heading .columns>.column:last-child {
        padding: 0 40px
    }
    .content-heading.-shop>.heading .column {
        padding: 0 5%
    }
    .content-heading .brand-logo {
        height: 150px
    }
}

@media(max-width: 767px) {
    html {
        line-height: 1.7692307692
    }
    input,
    button {
        line-height: 1.3076923077
    }
    .columns .column.-figure-bottom {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 50px
    }
    .columns .column.-figure-top {
        margin-bottom: 50px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .modern .columns.-two.-to-one>.column,
    .modern .columns.-three.-to-one>.column,
    .modern .columns.-four.-to-one>.column,
    .modern .columns.-one-two.-to-one>.column,
    .modern .columns.-two-one.-to-one>.column,
    .modern .columns.-one-three.-to-one>.column,
    .modern .columns.-three-one.-to-one>.column {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
    .modern .columns.-three.-to-two>.column:nth-child(3n+1),
    .modern .columns.-three.-to-two>.column:nth-child(3n+2),
    .modern .columns.-four.-to-two>.column:nth-child(4n+1),
    .modern .columns.-four.-to-two>.column:nth-child(4n+2),
    .modern .columns.-four.-to-two>.column:nth-child(4n+3),
    .modern .columns.-five.-to-two>.column:nth-child(5n+1),
    .modern .columns.-five.-to-two>.column:nth-child(5n+2),
    .modern .columns.-five.-to-two>.column:nth-child(5n+3),
    .modern .columns.-five.-to-two>.column:nth-child(5n+4) {
        margin-right: 0
    }
    .modern .columns.-three.-to-two>.column:nth-child(2n+1),
    .modern .columns.-four.-to-two>.column:nth-child(2n+1),
    .modern .columns.-five.-to-two>.column:nth-child(2n+1) {
        margin-right: 50px
    }
    .modern .columns.-two.-to-one>.column:nth-child(n+2),
    .modern .columns.-three.-to-one>.column:nth-child(n+2),
    .modern .columns.-four.-to-one>.column:nth-child(n+2),
    .modern .columns.-one-two.-to-one>.column:nth-child(n+2),
    .modern .columns.-two-one.-to-one>.column:nth-child(n+2),
    .modern .columns.-one-three.-to-one>.column:nth-child(n+2),
    .modern .columns.-three-one.-to-one>.column:nth-child(n+2),
    .modern .columns.-three.-to-two>.column:nth-child(n+3),
    .modern .columns.-four.-to-two>.column:nth-child(n+3),
    .modern .columns.-five.-to-two>.column:nth-child(n+3) {
        margin-top: 50px
    }
    .modern .columns.-three.-to-two>.column,
    .modern .columns.-four.-to-two>.column,
    .modern .columns.-five.-to-two>.column {
        width: calc(50% - 25px)
    }
    .site-border {
        border: none;
        border-bottom: 2px solid #380000
    }
    .modern .container,
    .billboard-heading .billboard .content .inner,
    .heading-image .heading .inner,
    .content-heading .heading .title .inner {
        padding-left: 20px;
        padding-right: 20px
    }
    .natural {
        padding-bottom: 5px;
        padding-top: 5px
    }
    .natural figure figcaption,
    .natural caption {
        line-height: 1.3076923077;
        margin-bottom: 10px;
        margin-top: 10px
    }
    .natural pre {
        padding-bottom: 28px;
        padding-left: 13px;
        padding-right: 13px;
        padding-top: 28px
    }
    .natural h1,
    .natural h6 {
        line-height: 1.3076923077
    }
    .natural blockquote,
    .natural ol,
    .natural ul,
    .natural dd {
        padding-left: 13px
    }
    .natural li,
    .natural dt {
        margin-top: 5px
    }
    .natural pre,
    .natural h1,
    .natural h6,
    .natural .solid,
    .natural blockquote,
    .natural table {
        margin-bottom: 28px;
        margin-top: 28px
    }
    .natural pre+pre,
    .natural h1+pre,
    .natural h6+pre,
    .natural .solid+pre,
    .natural blockquote+pre,
    .natural table+pre,
    .natural pre+h1,
    .natural h1+h1,
    .natural h6+h1,
    .natural .solid+h1,
    .natural blockquote+h1,
    .natural table+h1,
    .natural pre+h6,
    .natural h1+h6,
    .natural h6+h6,
    .natural .solid+h6,
    .natural blockquote+h6,
    .natural table+h6,
    .natural pre+.solid,
    .natural h1+.solid,
    .natural h6+.solid,
    .natural .solid+.solid,
    .natural blockquote+.solid,
    .natural table+.solid,
    .natural pre+blockquote,
    .natural h1+blockquote,
    .natural h6+blockquote,
    .natural .solid+blockquote,
    .natural blockquote+blockquote,
    .natural table+blockquote,
    .natural pre+table,
    .natural h1+table,
    .natural h6+table,
    .natural .solid+table,
    .natural blockquote+table,
    .natural table+table {
        margin-top: 33px
    }
    p,
    .natural ol,
    .natural ul,
    .natural dl,
    .natural figure {
        margin-bottom: 23px
    }
    .natural td,
    .natural th {
        padding-bottom: 8px;
        padding-left: 13px;
        padding-right: 13px;
        padding-top: 8px
    }
    .symbol-example {
        height: 1.7692307692em;
        width: 1.7692307692em
    }
    body {
        padding: 0
    }
    .billboard-heading {
        height: 200px;
        margin-bottom: 60px
    }
    .collection-beauty-and-comfort .billboard-heading .billboard {
        background-size: cover
    }
    .billboard-heading .billboard {
        padding: 100px 0
    }
    .billboard-heading .billboard .content {
        top: 80px
    }
    .brand .billboard-heading .billboard .content,
    .collection .billboard-heading .billboard .content,
    .online-shop-index .billboard-heading .billboard .content,
    .membersclub .billboard-heading .billboard .content {
        top: 80px
    }
    .brand-mens-madras .billboard-heading .billboard,
    .brand-mens-modello .billboard-heading .billboard,
    .brand-mens-madras-walk .billboard-heading .billboard,
    .brand-ladies-madras .billboard-heading .billboard,
    .brand-ladies-modello .billboard-heading .billboard,
    .brand-ladies-madras-walk .billboard-heading .billboard,
    .collection-madras .billboard-heading .billboard,
    .collection-modello .billboard-heading .billboard,
    .collection-beauty-and-comfort .billboard-heading .billboard {
        padding: 181px 0
    }
    .madras_2017_autumn_winter .billboard-heading .billboard .content {
        left: 0;
        right: 0
    }
    .about-recruit-voice .billboard-heading .billboard {
        padding: 150px 0
    }
    .about.about-recruit-voice .billboard-heading .billboard {
        background-position: top right
    }
    .about.about-recruit-voice .billboard-heading .billboard .content {
        top: 160px;
        height: 125px;
        padding-top: 15px;
        background: rgba(0, 0, 0, .5)
    }
    .about.about-recruit-voice .billboard-heading .billboard .content .heading-1 {
        margin-bottom: 8px
    }
    .about.about-recruit-voice .billboard-heading .billboard .content .heading-1 span {
        font-size: 28px
    }
    .about.about-recruit-voice-masuda .billboard-heading .billboard {
        background-image: url(/images/about/recruit/voice/masuda/billboard_sp.jpg)
    }
    .about.about-recruit-voice-oda .billboard-heading .billboard {
        background-image: url(/images/about/recruit/voice/oda/billboard_sp.jpg)
    }
    .about.about-recruit-voice-senda .billboard-heading .billboard {
        background-image: url(/images/about/recruit/voice/senda/billboard_sp.jpg)
    }
    .about.about-recruit-voice-maruyama .billboard-heading .billboard {
        background-image: url(/images/about/recruit/voice/maruyama/billboard_sp.jpg)
    }
    .about.about-recruit-voice-ganeko .billboard-heading .billboard {
        background-image: url(/images/about/recruit/voice/ganeko/billboard_sp.jpg)
    }
    .about.about-recruit-voice-yaegashi .billboard-heading .billboard {
        background-image: url(/images/about/recruit/voice/yaegashi/billboard_sp.jpg)
    }
    .about.about-recruit-voice-iguchi .billboard-heading .billboard {
        background-image: url(/images/about/recruit/voice/iguchi/billboard_sp.jpg)
    }
    .about.about-recruit-voice-yamaguchi .billboard-heading .billboard {
        background-image: url(/images/about/recruit/voice/yamaguchi/billboard_sp.jpg)
    }
    .billboard-heading.-brand {
        height: 356px
    }
    .collection-beauty-and-comfort .billboard-heading.-brand {
        height: 356px
    }
    .true-fit-technology .billboard-heading,
    .true-fit-tradition .billboard-heading,
    .true-fit-pursue .billboard-heading,
    .true-fit-history .billboard-heading {
        height: 300px
    }
    .true-fit-technology .billboard-heading .billboard,
    .true-fit-tradition .billboard-heading .billboard,
    .true-fit-pursue .billboard-heading .billboard,
    .true-fit-history .billboard-heading .billboard {
        padding: 150px 0
    }
    .true-fit-technology .billboard-heading .billboard .content,
    .true-fit-tradition .billboard-heading .billboard .content,
    .true-fit-pursue .billboard-heading .billboard .content,
    .true-fit-history .billboard-heading .billboard .content {
        top: 125px
    }
    .about.about-brands-mens .billboard .content .heading-1,
    .about.about-brands-ladies .billboard .content .heading-1 {
        float: none;
        width: auto;
        margin: 50px 0 30px;
        text-align: center
    }
    .about.about-brands-mens .billboard .content figure,
    .about.about-brands-ladies .billboard .content figure {
        float: none;
        margin-top: 0;
        text-align: center
    }
    .about.about-brands-mens .billboard .content figure img,
    .about.about-brands-ladies .billboard .content figure img {
        height: 140px
    }
    .about.about-brands-ladies-soft-step .billboard .content .heading-1,
    .about.about-brands-ladies-city-golf .billboard .content .heading-1,
    .about.about-brands-ladies-elle-sport .billboard .content .heading-1 {
        float: none;
        width: auto;
        margin: 50px 0 30px;
        text-align: center
    }
    .about.about-recruit-voice .billboard-heading {
        height: 300px
    }
    .back-scene.-comfort {
        background-size: 40%
    }
    .button {
        max-width: none
    }
    .border-block {
        margin-bottom: 60px
    }
    .border-block.-block-2 {
        margin-bottom: 50px;
        padding-bottom: 50px
    }
    .border-block.-block-4 {
        margin-bottom: 40px;
        padding-bottom: 40px
    }
    .border-block.-block-5 {
        margin-bottom: 40px
    }
    .border-block.-block-6 {
        margin-bottom: 50px
    }
    .border-block.-block-7 {
        margin-bottom: 30px;
        padding-bottom: 50px
    }
    .border-block.-block-8 {
        margin-bottom: 30px
    }
    .border-block.-block-9 {
        margin-bottom: 20px;
        padding-bottom: 20px
    }
    .border-block.-block-10 {
        margin-bottom: 40px;
        padding-bottom: 50px
    }
    .border-block.-news {
        margin-bottom: 50px
    }
    .border-block.-navi {
        display: none
    }
    .border-block.-block-prev {
        margin-bottom: 70px
    }
    .border-block.-wander {
        margin-bottom: 20px;
        padding-bottom: 60px
    }
    .border-block.-shop-list,
    .border-block.-department-list,
    .border-block.-finish-flow,
    .border-block.-collection-list {
        margin: 50px 0 60px;
        padding: 40px 0 70px
    }
    .entries-list {
        display: block
    }
    .entries-list>div {
        display: block;
        width: auto;
        text-align: center
    }
    .entries-list ol {
        width: auto
    }
    .entries-list a .title {
        display: block
    }
    .flow {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .flow li {
        background: none;
        padding: 0 0 30px;
        width: auto
    }
    .flow.-col3 li {
        width: 100%
    }
    .flow.-col5 li {
        padding-right: 0
    }
    .vertical-flow .flow-block .flow-left .column,
    .vertical-flow .flow-block .flow-right .column {
        margin-top: 20px!important
    }
    .vertical-flow .flow-block .flow-right .columns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .inquiry-index .form-label,
    .about-recruit-new-graduate .form-label,
    .about-recruit-mid-career-form .form-label {
        display: block;
        width: 100%;
        margin-bottom: 0;
        border-style: solid solid none
    }
    .inquiry-index .form-element,
    .about-recruit-new-graduate .form-element,
    .about-recruit-mid-career-form .form-element {
        display: block;
        width: 100%;
        margin-bottom: 0;
        border-style: solid solid none
    }
    .contact-form-submit {
        padding: 30px 0 50px
    }
    .contact-form-submit input {
        margin: 0
    }
    .contact-form-submit button {
        margin: 0
    }
    .form .form-block .table-box.-form th {
        display: block;
        width: auto;
        border-bottom: none
    }
    .form .form-block .table-box.-form td {
        display: block;
        width: auto;
        border-bottom: none
    }
    .form .form-block .table-box.-form td .input.-middle {
        width: 27%
    }
    .heading-title {
        margin-top: 20px
    }
    .natural h2,
    .heading-2 {
        margin-bottom: 40px
    }
    .natural h3,
    .heading-3 {
        margin-bottom: 20px
    }
    .natural h4,
    .heading-4 {
        margin-bottom: 10px
    }
    .heading-2-bottom {
        margin-bottom: 40px
    }
    .heading-3-bottom {
        margin-bottom: 20px
    }
    .heading-4-bottom {
        margin-bottom: 10px
    }
    p.large,
    .natural ol.large,
    .natural ul.large,
    .natural dl.large,
    .natural figure.large,
    p .large,
    .natural ol .large,
    .natural ul .large,
    .natural dl .large,
    .natural figure .large {
        font-size: 12px
    }
    p.large.-type-1,
    .natural ol.large.-type-1,
    .natural ul.large.-type-1,
    .natural dl.large.-type-1,
    .natural figure.large.-type-1,
    p .large.-type-1,
    .natural ol .large.-type-1,
    .natural ul .large.-type-1,
    .natural dl .large.-type-1,
    .natural figure .large.-type-1 {
        font-size: 18px
    }
    .content-heading {
        margin-top: 30px
    }
    .content-heading.-comfort {
        position: relative;
        height: 200px
    }
    .content-heading.-comfort>.heading {
        padding: 100px 0
    }
    .content-heading.-collection {
        height: auto
    }
    .content-heading.-collection>.heading {
        padding: 50px 0
    }
    .content-heading.-collection>.heading .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .content-heading.-collection>.heading .content h2 {
        margin-bottom: 20px
    }
    .content-heading.-collection>.heading .content p {
        border-left: none;
        margin: 0;
        padding: 0
    }
    .content-heading.-collection>.heading .content figure {
        display: none
    }
    .content-heading.brand-section {
        height: 600px
    }
    .content-heading.brand-section>.heading .columns>.column:first-child {
        height: 240px
    }
    .content-heading.brand-section>.heading .columns>.column:last-child {
        padding: 0 10px
    }
    .content-heading.brand-section>.heading .column:first-child {
        display: block
    }
    .content-heading.brand-section>.heading .column:last-child {
        display: block;
        margin-bottom: 40px
    }
    .content-heading.-shop {
        height: 550px
    }
    .content-heading.-shop>.heading .columns>.column:first-child {
        height: 240px
    }
    .content-heading.-shop>.heading .columns {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .content-heading.-shop>.heading .column:first-child {
        display: block;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .content-heading.-shop>.heading .column:last-child {
        display: block;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 20px 40px
    }
    .content-heading.-brand {
        height: 685px
    }
    .content-heading.-brand>.heading .columns>.column:first-child {
        height: 240px
    }
    .content-heading.-brand>.heading .columns {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .content-heading.-brand>.heading .column:first-child {
        display: block;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .content-heading.-brand>.heading .column:last-child {
        display: block;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 40px
    }
    .content-heading.-madras-brand,
    .content-heading.-madras-modello {
        height: 250px
    }
    .content-heading.-madras-brand>.heading,
    .content-heading.-madras-modello>.heading {
        height: 250px
    }
    .content-heading.-madras-brand .heading svg {
        width: 50%
    }
    .content-heading.-madras-modello .heading svg {
        width: 50%
    }
    .content-heading .brand-logo {
        width: 150px
    }
    .content-heading .heading {
        position: static
    }
    .content-heading.-technology-1 {
        height: 360px
    }
    .content-heading.-technology-2 {
        height: 630px
    }
    .content-heading.-pursue-1 {
        height: 480px
    }
    .content-heading.-pursue-2 {
        height: 470px
    }
    .content-heading.-pursue-3 {
        height: 520px
    }
    .content-heading.-pursue-4 {
        height: 420px
    }
    .content-heading.-pursue-5 {
        height: 420px
    }
    .content-heading.-pursue-6 {
        height: 380px
    }
    .content-heading.-history-1 {
        height: 320px
    }
    .table-box.-style-line td,
    .table-box.-style-line th {
        display: block;
        padding: 0;
        width: auto
    }
    .table-box.-style-line th {
        border-bottom: none;
        width: auto
    }
    .table-box.-style-line td {
        margin-bottom: 10px;
        padding-bottom: 10px
    }
}

/* 20220421 修正 */
.moss-for-gifts-box{
	text-align: center;
	padding: 20px;
}

.moss-for-gifts-box p{
	color: #6A4626;
	font-size: 18px;
}

.moss-for-gifts-box figure{margin-bottom: 26px;}

.moss-for-gifts-box span{
	font-size: 16px;
	margin-bottom: 20px;
	display: block;
}

.moss-for-gifts-box-btn{
	display: flex;
	justify-content: center;
	margin-bottom: 25px;
}

.moss-for-gifts-box-btn > div{
	padding: 0 10px;
}

.moss-for-gifts-box-btn > div a{
	padding: 15px 20px 15px 5px;
	display: block;
	border: solid 1px #707070;
	font-size: 16px;
	width: 187px;
	position: relative;
}

.moss-for-gifts-box-btn > div:nth-child(1){
	background: url(../../../cms/madras/img/usr/order/moss-presto/moss-arrow.png) no-repeat;
    background-position: top 14px right 45px;
	background-size: 14px 21px;
}

.moss-for-gifts-box-btn > div:nth-child(2){
	background: url(../../../cms/madras/img/usr/order/moss-presto/moss-arrow.png) no-repeat;
    background-position: top 14px right 28px;
	background-size: 14px 21px;
}

@media (max-width: 767px){
	.moss-for-gifts-box-btn{
		display: block;
	}
	.moss-for-gifts-box-btn > div a{
		width: 100%;
    		margin-bottom: 20px;
	}
    .moss-for-gifts-box-btn > div:nth-child(1),
    .moss-for-gifts-box-btn > div:nth-child(2){background-position: top 15px right 25%;}
}