* {
    outline:none !important
}



.sp {
    display: none;
}
@media (max-width: 768px) {
    .pc {
        display: block;
    }
    .sp {
        display: none;
    }
}


.button a {
    background: #ddd;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 250px;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    color: #333333;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button a:hover {
    background: #333333;
    color: #FFF;
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 30%), 0 0 5px rgb(0 0 0 / 30%);
}
.button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #333333;
    border-right: 3px solid #333333;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button a:hover:after {
    border-color: #FFF;
}





.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
  width:100%;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

.fa-position-left {
  position: absolute;
  top: calc(50% - .5em);
  left: 1rem;
}





body {
    color: #222;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif
}

body img {
    image-rendering:-webkit-optimize-contrast
}

.is-sp {
    display:none
}

@media only screen and (max-width: 767px) {
    .is-sp {
        display:block
    }
}

.is-pc {
    display:block
}

@media only screen and (max-width: 767px) {
    .is-pc {
        display:none
    }
}

.ec-layoutRole__mainWithColumn {
    padding-left:40px
}

@media only screen and (max-width: 767px) {
    .ec-layoutRole__mainWithColumn {
        padding-left:0
    }
}

.ec-blockTopBtn {
    width: auto;
    height: auto;
    opacity: 1;
    background-color:rgba(0, 0, 0, 0)
}

.ec-role {
    padding: 0;
    margin: 0;
    max-width: 1200px;
    width:100%
}

.ec-pagerRole .ec-pager {
    color:#fff
}

.ec-pagerRole .ec-pager .ec-pager__item {
    background-color:#c3d0d7
}

.ec-pagerRole .ec-pager .ec-pager__item--active {
    background-color:#37657c
}

.ec-mypageRole {
    padding-left: 20px;
    padding-right:20px
}

.ec-headerNewsRole {
	background-color: #000000;
	text-align: center;
	height: 42px
}

@media only screen and (max-width: 767px) {
    .ec-headerNewsRole {
        height: 50px;
        display: table;
        width:100%
    }
}

.ec-headerNewsRole .ec-headerNewsRole__newsTitle {
    color: #fff;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height:42px
}

@media only screen and (max-width: 767px) {
    .ec-headerNewsRole .ec-headerNewsRole__newsTitle {
        word-break: break-all;
        width: 270px;
        margin: 0 auto;
        line-height: 20px;
        font-size: 12px;
        display: table-cell;
        vertical-align:middle
    }
}

.ec-headerNaviRole {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole {
        padding-top: 0px;
        padding-left: 20px !important;
        padding-bottom: 0;
        height:57px
    }
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole__left h1 {
        margin-top:20px !important
    }
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole__left h1 img {
        vertical-align:super
    }
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole__left h1 a {
        margin-bottom:0 !important
    }
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole__right {
        padding-right:0
    }
}

.ec-headerNaviRole__right__upper {
    display: flex;
    justify-content: flex-end;
    margin-bottom:17px
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole__right__upper {
        margin-bottom:auto
    }
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole__right__upper .ec-headerNaviRole__nav {
        margin-top:4px
    }
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole__right__upper .ec-headerNaviRole__nav .ec-headerMember {
        margin-right:13px
    }
}

.ec-headerNaviRole__right__upper .ec-headerNaviRole__nav a img:hover {
    opacity:.8
}

.ec-headerNaviRole__right__lower {
    text-align:right
}

.ec-headerNaviRole__right .ec-headerNaviRole__search {
    margin-top: 0;
    margin-bottom:27.5px
}

.ec-headerNaviRole .ec-headerNav__item {
    line-height: 22px;
    margin-right:17px
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole .ec-headerNav__item {
        line-height:1
    }
}

.ec-headerNaviRole .ec-headerNav__item a:hover {
    opacity:.8
}

.ec-headerNaviRole .ec-headerNav__item a img:hover {
    opacity:.8
}

.ec-headerNaviRole .ec-headerContact img {
    width:30px
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole .ec-headerContact {
        display:none
    }
}

.ec-headerNaviRole .ec-headerMember img {
    width:18px
}

.ec-headerNaviRole .ec-headerMember img:hover {
    opacity:.8 !important
}

.ec-headerNaviRole .ec-headerFavorite img {
    width:20px
}

.ec-headerNaviRole .ec-headerFavorite img:hover {
    opacity:.8
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole .ec-headerFavorite {
        display:none
    }
}

.ec-headerNaviRole .ec-headerLogin img {
    width:18px
}

.ec-headerNaviRole .ec-headerLogin img:hover {
    opacity:.8
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole .ec-headerLogin {
        display:none
    }
}

.ec-headerNaviRole .ec-cartNavi {
    background-color: #fff;
    padding: 0;
    justify-content: flex-start;
    align-items: center;
    min-width:auto
}

.ec-headerNaviRole .ec-cartNavi .ec-cartNavi__div {
    background-color: #c61423;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    position:relative
}

.ec-headerNaviRole .ec-cartNavi .ec-cartNavi__div:hover {
    opacity:.8
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole .ec-cartNavi .ec-cartNavi__div {
        width: 40px;
        height:39px
    }
}

.ec-headerNaviRole .ec-cartNavi img {
    width: 20px;
    position: absolute;
    top: 14px;
    left:12px
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole .ec-cartNavi img {
        top: 11px;
        left:10px
    }
}

.ec-headerNaviRole .ec-cartNavi__badge {
    width: 17.62px;
    height: 17.62px;
    background-color: #fff;
    border: 1px solid #c61423;
    color: #c61423;
    position: absolute;
    top: 0;
    left:36px
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole .ec-cartNavi__badge {
        left:31px
    }
}

.ec-headerNaviRole .ec-cartNavi__price {
    margin-left: 20px;
    line-height:17px
}

.ec-headerNaviRole .ec-cartNavi__price:hover {
    opacity:.8
}

.ec-headerNaviRole .ec-headerNav {
    text-align: center;
    margin-right: 0;
    padding-top:23px
}

.ec-headerNaviRole .ec-headerNav .ec-headerNav__itemLink {
    margin-right:0
}

.ec-headerNaviRole .ec-cartNaviWrap {
    padding-top:26px
}

.ec-headerNaviRole .ec-headerNaviRole__right {
    display: block;
    width:auto
}

.ec-headerNaviRole .ec-headerSearch__category {
    width:163px
}

.ec-headerNaviRole .ec-headerSearch__category .ec-select.ec-select_search {
    border-radius: 0;
    background-color:#fff
}

.ec-headerNaviRole .ec-headerSearch__category .ec-select.ec-select_search select {
    color: #222;
    border: 1px solid #ddd;
    border-right: none;
    padding-left: 18.4px;
    width: 163px;
    height: 36px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size:12px
}

.ec-headerNaviRole .ec-headerSearch__category .ec-select.ec-select_search::before {
    border-top: 6px solid #222;
    right:11.6px
}

.ec-headerNaviRole .ec-headerSearch .ec-headerSearch__keyword {
    border-radius: 0;
    border: 1px solid #ddd;
    width:312.5px
}

.ec-headerNaviRole .ec-headerSearch .ec-headerSearch__keyword input[type=search] {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif
}

.ec-headerNaviRole .ec-headerSearch .ec-headerSearch__keyword input[type=search]::-moz-placeholder {
    color:#bbb
}

.ec-headerNaviRole .ec-headerSearch .ec-headerSearch__keyword input[type=search]::placeholder {
    color:#bbb
}

.ec-headerNaviRole .ec-headerSearch .ec-headerSearch__keyword .ec-headerSearch__keywordBtn {
    border-left: 1px solid #ddd;
    height: 34px;
    top: 19px;
    right:1px
}

.ec-headerNaviRole .ec-headerRole {
    max-width: 313px;
    width: 100%;
    padding:0
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole .ec-headerRole {
        width: 172px;
        margin-top:0px
    }
}

.ec-headerNaviRole .ec-headerNaviRole__left {
    width:auto
}

.ec-headerNaviRole::after {
    content:none
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole .ec-headerRole__navSP .ec-headerNavSP {
        top: 5px;
        left:10px
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRoleClose {
        top: 9px;
        right: 10px;
        left:auto
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole {
        width: 320px;
        transform:translateX(-320px)
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerSearch {
        padding: 9px 8px 10px;
        background-color:#37657c
    }
}

.ec-headerSearch form {
    display:flex
}

@media only screen and (max-width: 767px) {
    .ec-headerSearch .ec-headerSearch__category .ec-select {
        background-color: #fff !important;
        border-radius: 0 !important;
        border-left: 1px solid #ddd !important;
        border-top: 1px solid #ddd !important;
        border-bottom:1px solid #ddd !important
    }
}

.ec-headerSearch .ec-headerSearch__category .ec-select::before {
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-top:6px solid #222 !important
}

@media only screen and (max-width: 767px) {
    .ec-headerSearch .ec-headerSearch__category .ec-select::before {
        top: 15px !important;
        right:11.6px !important
    }
}

.ec-headerSearch .ec-headerSearch__category .ec-select select {
    color:#222 !important
}

@media only screen and (max-width: 767px) {
    .ec-headerSearch .ec-headerSearch__category .ec-select select {
        line-height: 1;
        padding-left: 18.4px;
        font-size:14px
    }
}

@media only screen and (max-width: 767px) {
    .ec-headerSearch .ec-headerSearch__keyword {
        width: 181.4px;
        background-color: #fff;
        border-radius: 0;
        border-color:#ddd
    }
}

.ec-headerSearch .ec-headerSearch__keyword input[type=search] {
    font-size:14px
}

@media only screen and (max-width: 767px) {
    .ec-headerSearch .ec-headerSearch__keyword input[type=search] {
        font-size:12px
    }
}

.ec-headerSearch .ec-headerSearch__keyword input[type=search]::-moz-placeholder {
    color:#bbb
}

.ec-headerSearch .ec-headerSearch__keyword input[type=search]::placeholder {
    color:#bbb
}

@media only screen and (max-width: 767px) {
    .ec-headerSearch .ec-headerSearch__keywordBtn {
        right: 0;
        top: 55%;
        height: 34px;
        border-left:1px solid #ddd
    }
}

@media only screen and (max-width: 767px) {
    .ec-headerSearch .ec-headerSearch__keywordBtn .ec-icon img {
        max-width: 20px;
        max-height:20px
    }
}

.ec-search {
    padding:0 20px 28px
}

@media only screen and (max-width: 767px) {
    .ec-search {
        padding:15px 20px 16px
    }
}

.ec-search form {
    justify-content:center
}

.ec-search form .ec-headerSearch__keyword {
    flex:1
}

.ec-cartNaviIsset {
    max-height: 400px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width:none
}

.ec-cartNaviIsset::-webkit-scrollbar {
    display:none
}

.ec-cartNaviIsset__action .ec-blockBtn--action {
    background-color:#c61423
}

.ec-headerRole__cart .ec-cartNavi__badge {
    width: auto;
    padding:5px
}

.ec-headerNaviFix {
    background-color: #fff;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    height: 95px;
    padding: 0;
    max-width: none;
    width: 100% !important;
    justify-content:center
}

.ec-headerNaviFix .ec-headerNaviFix__inner {
    display: flex;
    justify-content: flex-end;
    max-width: calc(1520px + 40px);
    width: 100%;
    padding:0 20px
}

.ec-headerNaviFix .ec-headerNaviFix__inner .ec-headerNaviRole__left {
    padding:30px 30px 30px 0
}

.ec-headerNaviFix .ec-headerNaviFix__inner .ec-headerNaviRole__left .ec-headerNaviRole__search {
    margin-top:0
}

.ec-headerNaviFix .ec-headerNaviFix__inner .ec-headerNaviRole__right__upper {
    margin-bottom:0
}

.ec-headerTitle__title h1 {
    margin-top:40px !important
}

@media only screen and (max-width: 767px) {
    .ec-headerTitle__title h1 {
        margin-top:40px !important
    }
}

.ec-headerTitle__title a {
    margin-bottom:15px !important
}

.ec-layoutRole__left {
    width:280px !important
}















.ec-categoryNaviRole {
    border: 1px solid #ddd;
    padding:0
}

.ec-categoryNaviRole h4 {
    font-weight: bold;
    font-family: "Josefin Sans", sans-serif;
    font-size: 20px;
    padding: 20.7px 5px 18.3px;
    text-align: left;
    max-width: 230px;
    margin:0 auto
}

.ec-categoryNaviRole .ec-itemNav {
    width: 280px;
    margin:0 auto
}

.ec-categoryNaviRole .ec-itemNav__nav {
    display: flex;
    flex-direction: column;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    max-width: 230px;
    margin:0 auto
}

.ec-categoryNaviRole .ec-itemNav__nav > li:last-child {
    margin-bottom:20px
}

.ec-categoryNaviRole li {
    pointer-events: none;
    max-width: 230px;
    position:relative
}

.ec-categoryNaviRole li a {
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight: normal;
    padding: 20.7px 5px 18.3px;
    text-align: left;
    pointer-events: auto;
    background: url("../img/icon/arrow-rightward-black.svg");
    background-position: top calc(50% - 2px) right 7px;
    background-repeat: no-repeat;
    width:230px
}

.ec-categoryNaviRole li ul {
    position: absolute;
    top: 0;
    left: 210px;
    box-shadow:0 3px 6px rgba(0, 0, 0, .2)
}

.ec-categoryNaviRole li ul li a {
    border: none;
    padding: 18px 32px 18px 41.3px;
    z-index: 10;
    background: url("../img/icon/arrow-rightward-black.svg");
    background-position: top calc(50% - 2px) right 32px;
    background-repeat: no-repeat;
    background-color: #fff;
    color: #222;
    font-size: 14px;
    font-weight: 500;
    pointer-events: auto;
    width:240px
}

.ec-categoryNaviRole li ul li a:hover {
    background-color: #fff !important;
    color:#222 !important
}

.ec-categoryNaviRole li ul li ul li a {
    background-color: #fff !important;
    color:#222 !important
}

.ec-categoryNaviRole li:hover li a {
    background-color:#fff !important
}

.ec-categoryNaviRole .ec-itemNav__all a {
    font-weight:normal
}













.ec-banner2 {
    margin-top:30.8px
}

@media only screen and (max-width: 767px) {
    .ec-banner2 {
        display:none
    }
}

.ec-banner2 img {
    width:280px
}

.ec-banner2 img:hover {
    opacity:.8
}

.ec-footerRole {
	padding-top: 66px;
	background-color: #000000
}

@media only screen and (max-width: 767px) {
    .ec-footerRole {
        padding-top:0
    }
}

.ec-footerRole .ec-footerNavi {
    display: flex;
    justify-content: center;
    flex-wrap:wrap
}

@media only screen and (max-width: 767px) {
    .ec-footerRole .ec-footerNavi {
        display:block
    }
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__info dl {
    display: flex;
    padding-right:73px
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__info dl:nth-child(1) {
    margin-bottom:16px
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__info dl dt {
    padding-right:12px
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__info dl dt img {
    width: 20px;
    height:20px
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__info dl dd {
    text-align: left;
    font-size: 14px;
    line-height:17px
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__guide {
    padding-left: 79px;
    padding-right: 104px;
    border-left: 1px solid #fff;
    margin-top:-11px
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__guide ul {
    text-align: left;
    list-style-type: none;
    line-height: 42px;
    padding-left:0
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__guide ul li a {
    color: #fff;
    font-size:14px
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__site {
    padding-right: 80px;
    border-right: 1px solid #fff;
    margin-top:-11px
}

@media only screen and (max-width: 767px) {
    .ec-footerRole .ec-footerNavi .ec-footerNavi__site {
        padding: 0;
        border-right: none;
        margin:0
    }
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__site ul {
    list-style-type: none;
    text-align: left;
    line-height: 42px;
    padding-left:0
}

@media only screen and (max-width: 767px) {
    .ec-footerRole .ec-footerNavi .ec-footerNavi__site ul {
        text-align: center;
        margin:0 0 31.5px
    }
}

@media only screen and (max-width: 767px) {
    .ec-footerRole .ec-footerNavi .ec-footerNavi__site ul li {
        height:auto
    }
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__site ul li a {
    color: #fff;
    font-size:14px
}

@media only screen and (max-width: 767px) {
    .ec-footerRole .ec-footerNavi .ec-footerNavi__site ul li a {
        height: 51px;
        display: block;
        line-height: 51px;
        border-bottom:1px solid #fff
    }
}

@media only screen and (min-width: 768px) {
    .ec-footerRole .ec-footerNavi .ec-footerNavi__sns {
        padding-left:80px
    }
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__sns ul {
    padding-left:0
}

@media only screen and (max-width: 767px) {
    .ec-footerRole .ec-footerNavi .ec-footerNavi__sns ul {
        display: flex;
        justify-content: center;
        list-style-type: none;
        padding-left: 0;
        margin:0
    }
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__sns ul li {
    margin-top: 29px;
    display:flex
}

@media only screen and (max-width: 767px) {
    .ec-footerRole .ec-footerNavi .ec-footerNavi__sns ul li {
        margin-top:0
    }
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__sns ul li:first-child {
    margin-top:0
}

@media only screen and (max-width: 767px) {
    .ec-footerRole .ec-footerNavi .ec-footerNavi__sns ul li a:hover {
        opacity:.8
    }
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__sns ul li a img {
    width: 20px;
    height:20px
}

@media only screen and (max-width: 767px) {
    .ec-footerRole .ec-footerNavi .ec-footerNavi__sns ul li a img {
        width: 30px;
        height:30px
    }
}

@media only screen and (min-width: 768px) {
    .ec-footerRole .ec-footerNavi .ec-footerNavi__sns ul li a img {
        margin-right:20px
    }
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__sns ul li a .sns-name {
    font-size: 14px;
    color:#fff
}

@media only screen and (max-width: 767px) {
    .ec-footerRole .ec-footerNavi .ec-footerNavi__sns ul li a .sns-name {
        display:none
    }
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__sns ul li a .sns-name:hover {
    text-decoration:underline
}

@media only screen and (max-width: 767px) {
    .ec-footerRole .ec-footerNavi .ec-footerNavi__sns ul li:nth-child(1) {
        margin-right:33px
    }
}

@media only screen and (max-width: 767px) {
    .ec-footerRole .ec-footerNavi .ec-footerNavi__sns ul li:nth-child(2) {
        margin-right:30px
    }
}

.ec-footerRole .ec-footerTitle {
    padding:55px 0 37px
}

@media only screen and (max-width: 767px) {
    .ec-footerRole .ec-footerTitle {
        padding:34.7px 0 21.1px
    }
}

.ec-footerRole .ec-footerTitle .ec-footerTitle__logo {
    margin-bottom:31px
}

@media only screen and (max-width: 767px) {
    .ec-footerRole .ec-footerTitle .ec-footerTitle__logo {
        margin-bottom:15.2px
    }
}

.ec-footerRole .ec-footerTitle .ec-footerTitle__logo a img {
    color: #fff;
    width:314px
}

@media only screen and (max-width: 767px) {
    .ec-footerRole .ec-footerTitle .ec-footerTitle__logo a img {
        width:184px
    }
}

.ec-drawerRole {
    background-color:rgba(0, 0, 0, 0)
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerCategoryArea__heading {
        background-color: #c3d0d7 !important;
        font-family: "Josefin Sans", sans-serif !important;
        font-weight: 500 !important;
        font-size: 20px !important;
        color: #222 !important;
        padding: 21px 19px !important;
        border:none !important
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerCategoryArea .ec-itemNav {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerCategoryArea .ec-itemNav ul li {
        padding-left: 20px;
        padding-right: 20px;
        background-color:#fff
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerCategoryArea .ec-itemNav ul li a {
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        border-bottom:1px solid #ddd
    }
}

@media screen {
    .ec-drawerRole .ec-headerCategoryArea .ec-itemNav ul li:last-child a {
        border-bottom:none
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerCategoryArea .ec-itemNav ul li ul li:hover {
        background-color:#fff
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerCategoryArea .ec-itemNav ul li ul li a {
        border: none;
        display: flex;
        justify-content:space-between
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerCategoryArea .ec-itemNav ul li ul li a img {
        display:none
    }
}

.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav {
    background-color:#fff
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading p {
        display: flex;
        justify-content:space-between
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerLinkArea {
        background-color: #fff;
        padding-bottom:45px
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerLinkArea .ec-headerLink__list .ec-headerLink__item {
        color: #222;
        border-bottom: 1px solid #ddd;
        margin: 0 20px;
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
        padding:29.5px 11px 25.5px
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerLinkArea .ec-headerLink__list .ec-headerLink__guide {
        display: flex;
        justify-content:space-between
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerLinkArea .ec-headerLink__list .ec-headerLink__guide:hover {
        text-decoration:none !important
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerLinkArea .ec-headerLink__list .ec-headerLink__site ul {
        list-style-type:none
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerLinkArea .ec-headerLink__list .ec-headerLink__site ul li {
        line-height: 41.5px;
        font-size: 14px;
        letter-spacing:.1em
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerLinkArea .ec-headerLink__list .ec-headerLink__site ul li:first-child {
        padding-top:13px
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerLinkArea .ec-headerLink__list .ec-headerLink__site ul li:last-child {
        padding-bottom:13px
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerLinkArea .ec-headerLink__list .ec-headerLink__site ul li a {
        color:#222
    }
}

@media only screen and (max-width: 767px) {
    .ec-drawerRole .ec-headerLink__site {
        display:none
    }
}

.ec-banner3 {
    margin:0 0 60px
}

.ec-banner3 a img {
    width:100%
}

.ec-pagerRole .ec-pager .ec-pager__item--active {
    width: 40px;
    height: 40px;
    padding:0
}

.ec-pagerRole .ec-pager .ec-pager__item--active a {
    padding: 0;
    line-height:40px
}

.ec-pagerRole .ec-pager .ec-pager__item {
    width: 40px;
    height: 40px;
    padding: 0;
    line-height:40px
}

.ec-pagerRole .ec-pager .ec-pager__item a {
    padding: 0;
    line-height:40px
}

.ec-pagerRole .ec-pager .ec-pager--back {
    padding: 0;
    width:78px
}

.ec-pagerRole .ec-pager .ec-pager--back a {
    padding: 0;
    height: 40px;
    font-weight:bold
}

.ec-pagerRole .ec-pager .ec-pager--next {
    padding: 0;
    width:78px
}

.ec-pagerRole .ec-pager .ec-pager--next a {
    padding: 0;
    height: 40px;
    font-weight:bold
}

.front_page {
    overflow-x:hidden
}

.front_page .ec-sliderRole {
    margin-bottom: 28px;
    padding: 0;
    max-width:1200px
}

.front_page .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin: 0 auto;
    justify-content:space-between
}

.front_page .ec-layoutRole__mainWithColumn {
    width: calc(100% - 320px);
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .front_page .ec-layoutRole__mainWithColumn {
        width: 100%;
        margin-left:0
    }
}

.front_page .main_visual {
    margin-bottom:0
}

.front_page .slick-dots {
    bottom:17px
}

@media only screen and (max-width: 767px) {
    .front_page .slick-dots {
        bottom:-42px
    }
}

.front_page .slick-dots li button::before {
    border:1px solid #37657c
}

.front_page .ec-banner {
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px
}

@media only screen and (max-width: 767px) {
    .front_page .ec-banner {
        flex-wrap:wrap
    }
}

.front_page .ec-banner div img {
    width:100%
}

.front_page .ec-banner div img:hover {
    opacity:.8
}

.front_page .ec-banner .ec-banner__left {
    margin-right:30px
}

@media only screen and (max-width: 767px) {
    .front_page .ec-banner .ec-banner__left {
        margin-right: 0;
        margin-bottom:17px
    }
}

.front_page .ec-banner .ec-banner_right {
    text-align:right
}

.front_page .ec-secHeading {
    display: flex;
    justify-content: space-between;
    margin-bottom:23px
}

.front_page .ec-secHeading div {
    display:flex
}















@media only screen and (max-width: 767px) {
    .front_page .ec-secHeading div {
        display:block
    }
}

.front_page .ec-secHeading div .ec-secHeading__en {
    font-size: 30px;
    letter-spacing: .2em;
    font-family: "Josefin Sans", sans-serif;
    line-height: 37px;
    color: #222;
    justify-content: space-between;
    padding-bottom:14px
}

@media only screen and (max-width: 767px) {
    .front_page .ec-secHeading div .ec-secHeading__en {
        font-size: 28px;
        line-height: 34px;
        width: 194px;
        display: block;
        padding-bottom:0
    }
}









/*ここから */



.front_page .ec-secHeading div .ec-slash {
    width: 17px;
    height: 16px;
    margin:16px 16px 0px 9px
}

.front_page .ec-secHeading div .ec-secHeading__ja {
    font-size: 14px;
    letter-spacing: .15em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    line-height: 17px;
    margin-top:16px
}

@media only screen and (max-width: 767px) {
    .front_page .ec-secHeading div .ec-secHeading__ja {
        margin-top:10px
    }
}

.front_page .ec-contentRole {
    padding-top: 0;
    padding-bottom:80px
}

.front_page .ec-contentRole .content-arrows {
    display:flex
}


.front_page .ec-contentRole .content-arrows button {
    border-radius: 0;
    box-shadow: none;
    width: 25px;
    height: 25px;
    padding: 0;
    background-color:#000
}


.front_page .ec-contentRole .content-arrows button.slick-disabled {
    background-color: #ccc;
    cursor:auto
}

.front_page .ec-contentRole .content-arrows button img {
    width:12.3px
}

.front_page .ec-contentRole .content-arrows button:first-child {
    margin-right:10px
}


/*商品マージン↓元は33px */

.front_page .ec-contentRole .slick-slide {
    margin:0 11px
}










@media only screen and (max-width: 767px) {
    .front_page .ec-contentRole .slick-slide {
        margin:0 13px
    }
}

.front_page .ec-contentRole .slick-list {
    margin:0 -13px
}



@media only screen and (max-width: 767px) {
    .front_page .ec-contentRole .slick-list {
        margin:0 -13px
    }
}

@media only screen and (max-width: 767px) {
    .front_page .ec-layoutRole__mainBottom {
        margin-top:54px
    }
}






/*ここまで */





.front_page .ec-contentRole__list {
    margin-bottom:0
}

.front_page .ec-contentRole__listItem a img {
    margin-bottom:23px
}

.front_page .ec-contentRole__listItem a img:hover {
    opacity:.8
}

.front_page .ec-contentRole__listItemTitle {
    font-size: 14px;
    color: #222;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 600;
    margin-bottom:8px
}







.front_page .ec-contentRole__listItemTitle:hover {
    opacity:.8
}

.front_page .ec-contentRole__listItemPrice {
    font-size: 12px;
    color: #222;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight:500;
	margin-bottom:8px
}

.front_page .ec-contentRole__listItemPrice:hover {
    opacity:.8
}


.front_page .ec-contentRole__botan {
    font-size: 12px;
    color: #222;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight:500
}








.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}









@media only screen and (max-width: 767px) {
    .front_page .ec-rankingRole {
        padding-bottom:62px
    }
}

.front_page .ec-rankingRole .ec-rankingRole__List {
    margin-bottom:0
}

.front_page .ec-newsRole__news {
    padding: 0;
    border: 0;
    height: 280px;
    overflow-y:scroll
}

.front_page .ec-newsRole__newsDate {
    font-weight: bold;
    font-size:14px
}

@media only screen and (max-width: 767px) {
    .front_page .ec-newsRole__newsDate {
        font-size:12px
    }
}

.front_page .ec-newsRole__newsColumn {
    font-weight: bold;
    font-size: 14px;
    color:#7d7d7d
}

.front_page .ec-newsRole__newsCloseBtn {
    background:none
}

.front_page .ec-newsRole__newsCloseBtn img {
    width: 6px;
    height:9px
}

.front_page .ec-newsRole__newsItem {
    padding:22px 0
}

.front_page .ec-newsRole__newsItem:not(:last-of-type) {
    border-bottom:1px solid #ddd
}

.front_page .ec-newsRole__newsDescription a {
    color: #37657c;
    font-weight:bold
}

.front_page .ec-campaignRole .slick-slider {
    margin-bottom:0
}

@media only screen and (max-width: 767px) {
    .front_page .ec-headerCategoryAreaSp {
        padding:0 0 61.7px
    }
}

@media only screen and (max-width: 767px) {
    .front_page .ec-headerCategoryAreaSp__heading {
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        font-size: 20px;
        color: #222;
        padding: 0 0 17.3px;
        border:none
    }
}

@media only screen and (max-width: 767px) {
    .front_page .ec-itemNav__nav li a {
        border-bottom: 1px solid #ddd;
        font-size: 16px;
        font-weight: 500;
        padding: 20.5px 0 18.5px;
        display: flex;
        justify-content: space-between;
        color: #222;
        background-color:#fff
    }
}

@media only screen and (max-width: 767px) {
    .front_page .ec-itemNav__nav li:first-child a {
        border-top:1px solid #ddd
    }
}

.front_page .ec-itemNav__nav li:hover li:hover a {
    background-color:#fff
}

@media only screen and (max-width: 767px) {
    .front_page .ec-secHeading {
        margin-bottom:41px
    }
}

.front_page .ec-newsRole__news {
    height: auto;
    max-height: 286px;
    overflow-y:auto
}

@media only screen and (max-width: 767px) {
    .front_page .ec-newsRole__news .ec-newsRole__newsItem {
        padding:23px 0 21px
    }
}

@media only screen and (max-width: 767px) {
    .front_page .ec-newsRole__news .ec-newsRole__newsItem .ec-newsRole__newsDate {
        margin-top:0
    }
}

@media only screen and (max-width: 767px) {
    .front_page .ec-newsRole__news .ec-newsRole__newsItem .ec-newsRole__newsTitle {
        margin-bottom:0
    }
}

@media only screen and (max-width: 767px) {
    .front_page .ec-newsRole__news .ec-newsRole__newsItem:first-of-type {
        padding-top:0
    }
}

@media only screen and (max-width: 767px) {
    .front_page .ec-newsRole__news .ec-newsRole__newsCloseBtn img {
        width: auto !important;
        height:auto !important
    }
}

.product_list .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.product_list .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .product_list .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.product_list .ec-mainImage {
    padding: 0;
    margin: 0 0 40px;
    width: 100%;
    max-width:1200px
}

@media only screen and (max-width: 767px) {
    .product_list .ec-mainImage {
        margin-top:14px
    }
}

.product_list .ec-mainImage img {
    width:100%
}

@media only screen and (max-width: 767px) {
    .product_list .ec-mainImage img {
        width: 100vw !important;
        margin:0 calc(50% - 50vw)
    }
}

.product_list .ec-explanation {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 41px
}

@media only screen and (max-width: 767px) {
    .product_list .ec-explanation {
        margin-top:40px
    }
}

@media only screen and (max-width: 767px) {
    .product_list .ec-search {
        display:none
    }
}

.product_list .ec-searchnavRole {
    max-width: 1200px;
    width: 100%;
    padding: 0;
    margin:0
}

.product_list .ec-searchnavRole .ec-searchnavRole__infos {
    border-top: 1px solid #ddd;
    max-width: 1200px;
    width: 100%;
    padding: 18.5px 0 0;
    margin:0 0 31px
}

@media only screen and (max-width: 767px) {
    .product_list .ec-searchnavRole .ec-searchnavRole__infos {
        border-top: none;
        padding:5.5px 0px 0
    }
}

.product_list .ec-topicpath {
    padding:0 0 10px
}

@media only screen and (max-width: 767px) {
    .product_list .ec-topicpath {
        width: 100vw !important;
        margin: 0px calc(50% - 50vw);
        padding:6px 20px
    }
}

.product_list .ec-topicpath__item a {
    color:#337ab7
}

.product_list .ec-topicpath__item--active a {
    color:#337ab7
}

.product_list .ec-shelfGrid__item-image {
    margin-bottom:15px
}

.product_list .ec-shelfRole {
    max-width: 1200px;
    width: 100%;
    padding: 0;
    margin:0
}

@media only screen and (max-width: 767px) {
    .product_list .ec-shelfRole {
        padding:0 0px
    }
}

.product_list .ec-shelfRole__tags {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding:0
}

.product_list .ec-shelfRole__tags li {
	background-color: #993333;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 11px;
	text-align: center;
	white-space: nowrap;
	line-height: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 20px
}

@media only screen and (max-width: 767px) {
    .product_list .ec-shelfRole__tags li {
        margin-right: 4px;
        margin-bottom:4px
    }
}

.product_list .ec-shelfRole__tags li:last-child {
    margin-bottom:19px
}

@media only screen and (max-width: 767px) {
    .product_list .ec-shelfRole__tags li:last-child {
        margin-bottom:16px
    }
}

@media only screen and (max-width: 767px) {
    .product_list .ec-shelfGrid__item {
        margin-bottom:50px
    }
}

.product_list .ec-shelfGrid__item:hover {
    opacity:.8
}

.product_list .ec-shelfGrid__item-name {
	font-size: 12px;
	color: #525263;
	margin-bottom: 6px
}

.product_list .ec-shelfGrid__item .price02-default {
    font-size: 16px;
    color: #525263;
    margin-bottom:2px
}

.product_list .ec-shelfGrid__item .ec-select {
    margin-bottom:2px
}

.product_list .ec-shelfGrid__item .ec-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/icon/triangle-downward-black2.svg");
    background-position: right 6.8px center;
    background-repeat: no-repeat;
    background-size: 6px 5px;
    padding-right: 31px;
    width:160px
}

.product_list .ec-shelfGrid__item .ec-select select::-ms-expand {
    display:none
}

@media only screen and (max-width: 767px) {
    .product_list .ec-shelfGrid__item .ec-select select {
        font-size:14px
    }
}

.product_list .ec-productRole__actions .ec-numberInput {
    margin-top:16px
}

@media only screen and (max-width: 767px) {
    .product_list .ec-productRole__actions .ec-numberInput {
        margin-top:18.1px
    }
}

.product_list .ec-productRole__actions .ec-numberInput span {
    color:#555
}

.product_list .ec-productRole__actions .ec-numberInput input {
    border-radius: 3px;
    border:1px solid #ccc
}

.product_list .ec-productRole__btn button {
    background-color:#c61423
}

.product_list .ec-searchnavRole__actions .ec-select {
    display: flex;
    justify-content:flex-end
}

.product_list .ec-searchnavRole__actions .ec-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/icon/triangle-downward-black2.svg");
    background-position: right 6.8px center;
    background-repeat: no-repeat;
    background-size: 6px 5px;
    padding-right:31px
}

@media only screen and (max-width: 767px) {
    .product_list .ec-searchnavRole__actions .ec-select select {
        font-size: 14px;
        line-height:20px
    }
}

.product_list .ec-searchnavRole__actions .ec-select select:first-child {
    margin-right: 6px;
    width:80px
}

.product_list .ec-searchnavRole__actions .ec-select select:last-child {
    width:133px
}

.product_list .ec-searchnavRole__actions .ec-select select::-ms-expand {
    display:none
}

.product_list .ec-modal-box .ec-inlineBtn--cancel {
    background-color:#37657c
}

.product_list .ec-modal-box .ec-inlineBtn--action {
    background-color:#c61423
}










.product_detail .slick-dots {
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    left: 0px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    text-align:center
}

.product_detail .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor:pointer
}

.product_detail .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    border: 0;
    outline: none;
    background:rgba(0, 0, 0, 0)
}

.product_detail .slick-dots li button:hover, .product_detail .slick-dots li button:focus {
    outline:none
}

.product_detail .slick-dots li button:hover:before, .product_detail .slick-dots li button:focus:before {
    opacity:1
}

.product_detail .slick-dots li button:before {
    content: " ";
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    text-align: center;
    opacity: 1;
    background-color: #959595;
    border-radius:50%
}

.product_detail .slick-dots li.slick-active button:before {
    opacity: .75;
    background-color:#000
}


















.product_detail .slick-dots li button.thumbnail img {
    width: 0;
    height:0
}

.product_detail .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-search {
        padding-bottom:20px
    }
}

.product_detail .ec-productRole {
    padding: 0;
    margin: 0;
    max-width: 1200px;
    width: 100%;
    border-bottom:1px solid #ddd
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole {
        border:none
    }
}

.product_detail .ec-productRole .ec-sliderItemRole {
    padding:0
}

@media only screen and (max-width: 1240px) {
    .product_detail .ec-layoutRole__left {
        display:none
    }
}

.product_detail .ec-layoutRole__mainWithColumn {
    width:100%
}

@media only screen and (max-width: 1240px) {
    .product_detail .ec-layoutRole__mainWithColumn {
        padding-left:0
    }
}

.product_detail .ec-grid2 {
    justify-content:center
}

.product_detail .ec-grid2 .ec-grid2__cell .ec-productRole__profile {
    margin-left:50px
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-grid2 .ec-grid2__cell .ec-productRole__profile {
        margin-left:0
    }
}







.product_detail .ec-grid2 .ec-description {
    max-width: 670px;
    width: 100%;
    margin-bottom:62.3px
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-grid2 .ec-description {
        margin-bottom:0
    }
}

.product_detail .slick-list {
    max-width: 530px;
    width: 100%;
    margin: 0 auto;
    padding:0
}

.product_detail .ec-sliderItemRole {
    max-width: 530px;
    width: 100%;
    margin: 0 auto;
    padding:0
}

.product_detail .ec-headingTitle {
    font-size: 32px;
    color:#222
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-headingTitle {
        margin-top: 27px;
        padding-left: 0px;
        font-size:20px
    }
}

.product_detail .ec-productRole__tags {
    border-bottom: 1px dotted #c9c9c9;
    margin-top: 15px;
    margin-bottom: 0;
    padding-bottom:14px
}




@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__tags {
        margin: 14px 0px 0;
        padding-bottom:16px
    }
}

.product_detail .ec-productRole__tags .ec-productRole__tag {
    padding: 2px 12px 3px;
    border: none;
    border-radius: 0;
    background-color: #37657c;
    color: #fff;
    height: 20px;
    font-size:14px
}

.product_detail .ec-productRole__priceRegular {
    padding-top:28px
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__priceRegular {
        padding-top: 12px;
        padding-left: 0px;
        padding-right:0px
    }
}

.product_detail .ec-productRole__priceRegular span {
    color:#222
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__priceRegular span {
        color:#525263
    }
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__priceRegular--div {
        margin-top:12px
    }
}



.product_detail .ec-productRole__priceRegularTax {
    font-size: 12px;
    margin-left:0
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__priceRegularTax {
        font-size:12px
    }
}

.product_detail .ec-productRole__code {
    display:none
}

.product_detail .ec-productRole__price {
    border-bottom: 1px dotted #c9c9c9;
    padding:19px 0 16px
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__price {
        padding: 1px 5px 0;
        line-height: 1;
        border:none
    }
}

.product_detail .ec-productRole__price .ec-price {
    line-height:1
}

.product_detail .ec-productRole__price .ec-price span {
    color:#cc645a
}

.product_detail .ec-productRole__price .ec-price .ec-price__price {
    font-size: 29px;
    padding:0 0
}



















@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__price .ec-price .ec-price__price {
        font-size:18px
    }
}

.product_detail .ec-productRole__price .ec-price .ec-price__tax {
    font-size:16px
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__price .ec-price .ec-price__tax {
        font-size:10px
    }
}

.product_detail .ec-productRole__category {
    border-bottom: 1px dotted #c9c9c9;
    padding:17px 0 17px
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__category {
        padding: 0 0px 21px;
        margin:19px 0px 0
    }
}

.product_detail .ec-productRole__category div {
    color:#222
}

.product_detail .ec-productRole__category ul li a {
    color:#61969e
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__category ul li a {
        color:#33a8d0
    }
}

.product_detail .ec-productRole__category ul li span {
    color:#61969e
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__category ul li span {
        color:#33a8d0
    }
}

.product_detail .ec-productRole__actions {
    padding:16px 0 14px
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__actions {
        padding:16px 0px 0
    }
}













.product_detail .ec-productRole__actions .ec-select {
    margin-bottom:14px
}

.product_detail .ec-productRole__actions .ec-select select {
    color: #555;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/icon/arrow-down-black.svg");
    background-position: right 6.8px center;
    background-repeat: no-repeat;
    background-size: 6px 5px;
    background-color: #f8f8f8;
    border:1px solid #ccc
}

.product_detail .ec-productRole__actions .ec-select select::-ms-expand {
    display:none
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__actions .ec-select select {
        font-size:14px
    }
}

.product_detail .ec-productRole__actions .ec-numberInput span {
    color: #555;
    font-size:14px
}

.product_detail .ec-productRole__actions .ec-numberInput input {
    margin-bottom: 15px;
    max-width:116px
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__actions .ec-numberInput input {
        margin-bottom: 29px;
        font-size: 14px;
        max-width: 116px;
        padding-top: 15px;
        padding-right: 29px;
        padding-bottom:12px
    }
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__btn {
        padding:0 0px
    }
}

.product_detail .ec-productRole__btn .ec-blockBtn--action {
    background-color: #c61423;
    font-size:16px
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__btn .ec-blockBtn--action {
        width:100%
    }
}

.product_detail .ec-productRole__btn .ec-blockBtn--action:hover {
    opacity:.8
}

.product_detail .ec-productRole__btn .ec-blockBtn--cancel {
    background-color: #37657c;
    font-size:16px
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__btn .ec-blockBtn--cancel {
        width:100%
    }
}

.product_detail .ec-productRole__btn .ec-blockBtn--cancel:hover {
    opacity:.8
}

.product_detail .ec-productRole__favorite {
    margin-bottom:36px
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__favorite {
        margin-bottom:20px
    }
}

.product_detail .ec-productRole__description {
    color: #525263;
    font-size: 16px;
    line-height: 26px;
    font-weight:500
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-productRole__description {
        margin: 0 0px 0;
        padding-bottom: 52.3px;
        text-align: justify;
        border-bottom:1px solid #ccc
    }
}

.product_detail .item_visual {
    margin-bottom: 26px;
    opacity: 0;
    height:auto
}

@media only screen and (max-width: 767px) {
    .product_detail .item_visual {
        padding:0px 20px
    }
}

.product_detail .item_visual.slick-initialized {
    opacity:1
}

.product_detail .item_nav .slideThumb {
    max-width: 120px;
    width: calc((100% - 48px) /4);
    height: auto;
    margin-bottom: 16px;
    margin-right:16px
}

.product_detail .item_nav .slideThumb img {
    width: 100%;
    height:auto
}

.product_detail .item_nav .slideThumb:nth-of-type(4n) {
    margin-right:0
}

.product_detail .ec-descriptionRole {
    padding: 72.5px 0 0;
    margin: 0 auto;
    max-width: 1000px;
    width:100%
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-descriptionRole {
        padding:0 0 0
    }
}

.product_detail .ec-descriptionRole h3 {
    font-size: 24px;
    font-weight: bold;
    color: #222;
    margin-top: 0px;
    margin-bottom:52px
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-descriptionRole h3 {
        padding: 50.5px 0px 0px;
        margin-bottom:32px
    }
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-descriptionRole h3:last-of-type {
        padding: 60px 0px 0px;
        margin-bottom:52px
    }
}

.product_detail .ec-descriptionRole__description {
    margin-bottom: 69px;
    color: #525263;
    font-size: 16px;
    line-height:26px
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-descriptionRole__description {
        margin:0px 0px 42px
    }
}

.product_detail .ec-descriptionRole__image {
    width: 100%;
    margin-bottom:70px
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-descriptionRole__image {
        margin: 0px 0px 0px;
        padding-left: 0px;
        padding-right:0px
    }
}

.product_detail .ec-descriptionRole__image img {
    width:100%
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-descriptionRole__spec {
        margin:0px 0px 0px
    }
}

.product_detail .ec-descriptionRole__spec dl {
    display: flex;
    font-size: 16px;
    border-bottom:1px solid #ddd
}

.product_detail .ec-descriptionRole__spec dl dt {
    color: #222;
    width: 222px;
    font-weight: 400;
    padding-bottom:19.5px
}

@media only screen and (max-width: 767px) {
    .product_detail .ec-descriptionRole__spec dl dt {
        max-width: 152px;
        width:100%
    }
}

.product_detail .ec-descriptionRole__spec dl dd {
    color: #222;
    font-weight: 400;
    line-height: 26px;
    padding-bottom:19.5px
}

.product_detail .ec-descriptionRole__spec dl:last-child {
    margin-bottom:89px
}

.product_detail .ec-modal-box .ec-inlineBtn--cancel {
    background-color:#37657c
}

.product_detail .ec-modal-box .ec-inlineBtn--cancel:hover {
    opacity:.8
}

.product_detail .ec-modal-box .ec-inlineBtn--action {
    background-color:#c61423
}

.product_detail .ec-modal-box .ec-inlineBtn--action:hover {
    opacity:.8
}

.registration_page .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.registration_page .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .registration_page .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.registration_page .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.registration_page .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .registration_page .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.registration_page input {
    border-color:#ccc
}

.registration_page input::-moz-placeholder {
    color:#ccc
}

.registration_page input::placeholder {
    color:#ccc
}

.registration_page .ec-zipInputHelp a span {
    color:#0092c4
}

.registration_page .p-region-id {
    width: 146px;
    height:34px
}

.registration_page .ec-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/icon/arrow-down-black.svg");
    background-position: right 6.8px center;
    background-repeat: no-repeat;
    background-size: 6px 5px;
    background-color:#f8f8f8
}

.registration_page .ec-select select::-ms-expand {
    display:none
}

.registration_page .ec-birth select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/icon/arrow-down-black.svg");
    background-position: right 6.8px center;
    background-repeat: no-repeat;
    background-size: 6px 5px;
    background-color:#f8f8f8
}

.registration_page .ec-birth select::-ms-expand {
    display:none
}

.registration_page .ec-birth select#entry_birth_year {
    width:83px
}

.registration_page .ec-birth select#entry_birth_month {
    width:66px
}

.registration_page .ec-birth select#entry_birth_day {
    width:66px
}

.registration_page .ec-registerRole {
    padding: 0;
    max-width:1200px
}

.registration_page .ec-registerRole .ec-blockBtn--action {
    background-color: #c61423;
    border-color: #c61423;
    width: 305px;
    height:57px
}

@media only screen and (max-width: 767px) {
    .registration_page .ec-registerRole .ec-blockBtn--action {
        width:100%
    }
}

.registration_page .ec-registerRole .ec-blockBtn--cancel {
    background-color: #37657c;
    border-color: #37657c;
    width: 305px;
    height:57px
}

@media only screen and (max-width: 767px) {
    .registration_page .ec-registerRole .ec-blockBtn--cancel {
        width:100%
    }
}

.registration_page .ec-registerRole__actions .ec-blockBtn--action {
    margin-bottom:15px
}

.registration_page .ec-layoutRole__footer .ec-footerRole {
    margin-top:173.8px
}

.registration_page .ec-off1Grid {
    justify-content:center
}

.registration_page .ec-off1Grid .ec-off1Grid__cell {
    width: 100%;
    max-width: 915px;
    margin:0 auto
}

.entryConfirm .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding-bottom:21.3px
}

@media only screen and (max-width: 767px) {
    .entryConfirm .ec-pageHeader h1 {
        padding: 20px 20px 20px 0;
        margin-bottom: 0;
        border-bottom:none
    }
}

.entryConfirm .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.entryConfirm .ec-off1Grid__cell p {
    padding-bottom:20px
}

.entryComplete .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding-bottom:21.3px
}

@media only screen and (max-width: 767px) {
    .entryComplete .ec-pageHeader h1 {
        padding: 20px 20px 20px 0;
        margin-bottom: 0;
        border-bottom:none
    }
}

.entryComplete .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.entryComplete .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--cancel {
    background-color:#37657c
}

.entryComplete .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--cancel:hover {
    opacity:.8
}

@media only screen and (max-width: 767px) {
    .entryComplete .ec-reportHeading {
        margin-top:0
    }
}

@media only screen and (max-width: 767px) {
    .entryComplete .ec-registerCompleteRole {
        padding:0
    }
}

.entryComplete .ec-off3Grid .ec-off3Grid__cell {
    width: 70%;
    margin-left:15%
}

@media only screen and (max-width: 767px) {
    .entryComplete .ec-off3Grid .ec-off3Grid__cell {
        width: 100%;
        margin-left:0%
    }
}

.entryActivate .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding-bottom:21.3px
}

@media only screen and (max-width: 767px) {
    .entryActivate .ec-pageHeader h1 {
        padding: 20px 20px 20px 0;
        margin-bottom: 0;
        border-bottom:none
    }
}

.entryActivate .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.entryActivate .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--action {
    background-color:#c61423
}

.entryActivate .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--cancel {
    background-color:#37657c
}

.login .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .login .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.login .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.login .ec-role {
    margin:0 auto
}

.login .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.login .ec-login__actions .ec-blockBtn--cancel {
    background-color:#37657c
}

.login .ec-input input::-moz-placeholder {
    color:#ccc
}

.login .ec-input input::placeholder {
    color:#ccc
}

.forgot .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.forgot .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .forgot .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.forgot .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.forgot .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .forgot .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.forgot .ec-blockBtn--action {
    background-color:#c61423
}

@media only screen and (max-width: 767px) {
    .forgot .ec-forgotRole {
        padding-top:20px
    }
}

.mypageIndex .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.mypageIndex .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .mypageIndex .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.mypageIndex .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.mypageIndex .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .mypageIndex .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.mypageIndex .ec-layoutRole__mainWithColumn .ec-mypageRole {
    padding: 0;
    margin: 0;
    max-width:1200px
}

.mypageIndex .ec-navlistRole__item.active {
    color:#c61423
}

.mypageFavorite .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.mypageFavorite .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .mypageFavorite .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.mypageFavorite .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.mypageFavorite .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .mypageFavorite .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.mypageFavorite .ec-layoutRole__mainWithColumn .ec-mypageRole {
    padding: 0;
    margin: 0;
    max-width:1200px
}

.mypageFavorite .ec-navlistRole__item.active {
    color:#c61423
}

.mypageChange .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.mypageChange .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .mypageChange .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.mypageChange .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.mypageChange .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .mypageChange .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.mypageChange .ec-layoutRole__mainWithColumn .ec-mypageRole {
    padding: 0;
    margin: 0;
    max-width:1200px
}

.mypageChange .ec-RegisterRole__actions .ec-blockBtn--cancel {
    background-color:#37657c
}

.mypageChange .ec-RegisterRole__actions .ec-blockBtn--cancel:hover {
    opacity:.8
}

.mypageChange .ec-navlistRole__item.active {
    color:#c61423
}

.mypageChange input {
    border-color:#ccc
}

.mypageChange input::-moz-placeholder {
    color:#ccc
}

.mypageChange input::placeholder {
    color:#ccc
}

.mypageChange .ec-select select, .mypageChange .ec-birth select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/icon/arrow-down-black.svg");
    background-position: right 6.8px center;
    background-repeat: no-repeat;
    background-size: 6px 5px;
    background-color:#f8f8f8
}

.mypageChange .ec-select select::-ms-expand, .mypageChange .ec-birth select::-ms-expand {
    display:none
}

.mypageChange .ec-select select#entry_birth_year, .mypageChange .ec-birth select#entry_birth_year {
    width:83px
}

.mypageChange .ec-select select#entry_birth_month, .mypageChange .ec-birth select#entry_birth_month {
    width:66px
}

.mypageChange .ec-select select#entry_birth_day, .mypageChange .ec-birth select#entry_birth_day {
    width:66px
}

.mypageChange .ec-select select#entry_job, .mypageChange .ec-birth select#entry_job {
    width:250px
}

@media only screen and (max-width: 767px) {
    .mypageChange .ec-select select#entry_job, .mypageChange .ec-birth select#entry_job {
        width:280px
    }
}

.mypageChange .ec-zipInput .ec-zipInputHelp span:hover {
    opacity:.8
}

.changeComplete .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.changeComplete .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .changeComplete .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.changeComplete .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.changeComplete .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .changeComplete .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.changeComplete .ec-layoutRole__mainWithColumn .ec-mypageRole {
    padding: 0;
    margin: 0;
    max-width:1200px
}

.changeComplete .ec-off4Grid .ec-blockBtn--cancel {
    background-color:#37657c
}

.mypageDelivery .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.mypageDelivery .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .mypageDelivery .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.mypageDelivery .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.mypageDelivery .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .mypageDelivery .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.mypageDelivery .ec-layoutRole__mainWithColumn .ec-mypageRole {
    padding: 0;
    margin: 0;
    max-width:1200px
}

.mypageDelivery .ec-navlistRole__item.active {
    color:#c61423
}

.mypageWithdraw .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.mypageWithdraw .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .mypageWithdraw .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.mypageWithdraw .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.mypageWithdraw .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .mypageWithdraw .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.mypageWithdraw .ec-layoutRole__mainWithColumn .ec-mypageRole {
    padding: 0;
    margin: 0;
    max-width:1200px
}

.mypageWithdraw .ec-navlistRole__item.active {
    color:#c61423
}

.mypageWithdraw .ec-blockBtn--cancel {
    background-color:#37657c
}

.mypageWithdraw .ec-blockBtn--cancel:hover {
    opacity:.8
}

.mypageWithdraw .ec-withdrawRole {
    padding:0 20px
}

.mypageHistory .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.mypageHistory .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .mypageHistory .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.mypageHistory .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.mypageHistory .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .mypageHistory .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.mypageHistory .ec-layoutRole__mainWithColumn .ec-mypageRole {
    padding: 0;
    margin: 0;
    max-width:1200px
}

.mypageHistory .ec-totalBox__paymentTotal span {
    color:#cc645a !important
}

.mypageHistory .ec-blockBtn--action {
    background-color: #c61423;
    border-color:#c61423
}

.mypageHistory .ec-blockBtn--action:hover {
    opacity:.8
}

.mypageHistory .ec-role .ec-inlineBtn {
    margin-left:20px
}

#page_mypage_delivery_edit .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

#page_mypage_delivery_edit .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    #page_mypage_delivery_edit .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

#page_mypage_delivery_edit .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

#page_mypage_delivery_edit .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    #page_mypage_delivery_edit .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

#page_mypage_delivery_edit .ec-layoutRole__mainWithColumn .ec-mypageRole {
    padding: 0;
    margin: 0;
    max-width:1200px
}

#page_mypage_delivery_edit input {
    border-color:#ccc
}

#page_mypage_delivery_edit input::-moz-placeholder {
    color:#ccc
}

#page_mypage_delivery_edit input::placeholder {
    color:#ccc
}

#page_mypage_delivery_edit .ec-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/icon/arrow-down-black.svg");
    background-position: right 6.8px center;
    background-repeat: no-repeat;
    background-size: 6px 5px;
    background-color:#f8f8f8
}

#page_mypage_delivery_edit .ec-select select::-ms-expand {
    display:none
}

#page_mypage_delivery_edit .ec-select select#customer_address_address_pref {
    width:100px
}

#page_mypage_delivery_edit .ec-RegisterRole__actions .ec-blockBtn--cancel {
    background-color:#37657c
}

#page_mypage_delivery_edit .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin: 0 auto;
    justify-content:center
}

#page_mypage_delivery_edit .ec-layoutRole__left {
    display:none
}

#page_mypage_delivery_edit .ec-mypageRole {
    padding:0
}

#page_mypage_delivery_new .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

#page_mypage_delivery_new .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    #page_mypage_delivery_new .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

#page_mypage_delivery_new .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

#page_mypage_delivery_new .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    #page_mypage_delivery_new .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

#page_mypage_delivery_new .ec-layoutRole__mainWithColumn .ec-mypageRole {
    padding: 0;
    margin: 0;
    max-width:1200px
}

#page_mypage_delivery_new .ec-RegisterRole__actions .ec-blockBtn--cancel {
    background-color:#37657c
}

.contact .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.contact .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .contact .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.contact .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.contact .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .contact .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.contact .ec-layoutRole__mainWithColumn .ec-contactRole {
    padding: 0;
    margin: 0;
    max-width:1200px
}

.contact .ec-contactConfirmRole {
    padding: 0;
    margin:0
}

.contact .ec-RegisterRole__actions .ec-blockBtn--action {
    background-color:#c61423
}

.contact .ec-RegisterRole__actions .ec-blockBtn--action:hover {
    opacity:.8
}

.contact .ec-blockBtn--cancel {
    background-color:#37657c
}

.contact .ec-blockBtn--cancel:hover {
    opacity:.8
}

.contact .ec-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/icon/triangle-downward-black2.svg");
    background-position: right 6.8px center;
    background-repeat: no-repeat;
    background-size: 6px 5px;
    padding-right: 31px;
    width:160px
}

.contact .ec-select select::-ms-expand {
    display:none
}

@media only screen and (max-width: 767px) {
    .contact .ec-select select {
        font-size:14px
    }
}

.contact input {
    border-color:#ccc
}

.contact input::-moz-placeholder {
    color:#ccc
}

.contact input::placeholder {
    color:#ccc
}

#page_contact_complete .ec-off3Grid .ec-off3Grid__cell {
    width: 80%;
    margin-left:10%
}

@media only screen and (max-width: 767px) {
    #page_contact_complete .ec-off3Grid .ec-off3Grid__cell {
        width: 100%;
        margin-left:0
    }
}

.cart .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin: 0 0 48px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .cart .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.cart .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

@media only screen and (max-width: 767px) {
    .cart .ec-pageHeader h1 {
        margin:0 0 20px
    }
}

.cart .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .cart .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.cart .ec-cartRow__name a {
    color: #222;
    text-decoration:none
}

.cart .ec-cartRow__name a:hover {
    opacity:.8
}

.cart .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

@media only screen and (max-width: 767px) {
    .cart .ec-cartRole {
        padding:0
    }
}

.cart .ec-cartRole__cart {
    width: 100%;
    max-width: calc(915px + 40px);
    padding: 0 20px;
    margin:0 auto
}

@media only screen and (max-width: 767px) {
    .cart .ec-cartRole__cart {
        padding:0
    }
}

.cart .ec-cartRow__unitPrice {
    color:#cc645a
}

@media only screen and (max-width: 767px) {
    .cart #form_cart {
        padding-left: 0;
        padding-right:0
    }
}

.cart .ec-cartRole__actions .ec-blockBtn--action {
    background-color:#c61423
}

.cart .ec-cartRole__actions .ec-blockBtn--action:hover {
    opacity:.8
}

.cart .ec-cartRole__actions .ec-blockBtn--cancel {
    background-color:#37657c
}

.cart .ec-cartRole__actions .ec-blockBtn--cancel:hover {
    opacity:.8
}

@media only screen and (max-width: 1149px) {
    .cart .ec-layoutRole__left {
        display:none
    }
}

.cart_page .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin: 0 0 48px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .cart_page .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.cart_page .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

@media only screen and (max-width: 767px) {
    .cart_page .ec-pageHeader h1 {
        margin:0 0 20px
    }
}

.cart_page .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

@media only screen and (max-width: 767px) {
    .cart_page .ec-customerRole, .cart_page .ec-cartRole {
        padding-left: 0;
        padding-right:0
    }
}

.shoppingNonmember .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #ddd;
    padding-bottom:21.3px
}

.shoppingNonmember .ec-RegisterRole__actions .ec-blockBtn--action {
    background-color:#c61423
}

.shoppingNonmember .ec-RegisterRole__actions .ec-blockBtn--cancel {
    background-color:#37657c
}

.shoppingNonmember input {
    border-color:#ccc
}

.shoppingNonmember input::-moz-placeholder {
    color:#ccc
}

.shoppingNonmember input::placeholder {
    color:#ccc
}

.shoppingNonmember .ec-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../img/icon/arrow-down-black.svg");
    background-position: right 6.8px center;
    background-repeat: no-repeat;
    background-size: 6px 5px;
    background-color: #f8f8f8;
    width:100px
}

.shoppingNonmember .ec-select select::-ms-expand {
    display:none
}

.shoppingIndex .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .shoppingIndex .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.shoppingIndex .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.shoppingIndex .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.shoppingIndex .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .shoppingIndex .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

@media only screen and (max-width: 767px) {
    .shoppingIndex .ec-cartRole {
        padding-left: 0;
        padding-right:0
    }
}

@media only screen and (max-width: 767px) {
    .shoppingIndex .ec-orderRole {
        padding-left: 0;
        padding-right:0
    }
}

.shoppingIndex .ec-totalBox__btn .ec-blockBtn--action {
    background-color: #c61423;
    font-size:14px
}

.shoppingIndex .ec-totalBox__btn .ec-blockBtn--action:hover {
    opacity:.8
}

.shoppingIndex .ec-totalBox__btn .ec-blockBtn--cancel {
    background-color:#37657c
}

.shoppingIndex .ec-totalBox__btn .ec-blockBtn--cancel:hover {
    opacity:.8
}

.shoppingIndex .ec-totalBox__paymentTotal span {
    color:#cc645a !important
}

.shoppingIndex .ec-orderConfirm .form-control::-moz-placeholder {
    color:#ccc
}

.shoppingIndex .ec-orderConfirm .form-control::placeholder {
    color:#ccc
}

@media only screen and (max-width: 1149px) {
    .shoppingIndex .ec-layoutRole__left {
        display:none
    }
}

.shippingEdit .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .shippingEdit .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.shippingEdit .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.shippingEdit .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.shippingEdit .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .shippingEdit .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.shippingEdit .ec-RegisterRole__actions .ec-blockBtn--action {
    background-color:#c61423
}

.shippingEdit .ec-RegisterRole__actions .ec-blockBtn--cancel {
    background-color:#37657c
}

@media only screen and (max-width: 1149px) {
    .shippingEdit .ec-layoutRole__left {
        display:none
    }
}

.shippingMultiple .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .shippingMultiple .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.shippingMultiple .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.shippingMultiple .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.shippingMultiple .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .shippingMultiple .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.shippingMultiple .ec-AddAddress__actions .ec-blockBtn--action {
    background-color:#c61423
}

.shippingMultiple .ec-AddAddress__actions .ec-blockBtn--cancel {
    background-color:#37657c
}

@media only screen and (max-width: 767px) {
    .shippingMultiple .ec-AddAddress {
        padding:0 0
    }
}

@media only screen and (max-width: 1149px) {
    .shippingMultiple .ec-layoutRole__left {
        display:none
    }
}

.shippingMultipleEdit .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .shippingMultipleEdit .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.shippingMultipleEdit .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.shippingMultipleEdit .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.shippingMultipleEdit .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .shippingMultipleEdit .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.shippingMultipleEdit .ec-registerRole {
    margin: 0;
    padding: 0;
    max-width:none
}

.shippingMultipleEdit .ec-registerRole__actions .ec-blockBtn--action {
    background-color:#c61423
}

.shippingMultipleEdit .ec-registerRole__actions .ec-blockBtn--cancel {
    background-color:#37657c
}

.shoppingConfirm .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .shoppingConfirm .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.shoppingConfirm .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.shoppingConfirm .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.shoppingConfirm .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .shoppingConfirm .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

@media only screen and (max-width: 767px) {
    .shoppingConfirm .ec-cartRole {
        padding-left: 0;
        padding-right:0
    }
}

@media only screen and (max-width: 767px) {
    .shoppingConfirm .ec-orderRole {
        padding-left: 0;
        padding-right:0
    }
}

.shoppingConfirm .ec-totalBox__btn .ec-blockBtn--action {
    background-color: #c61423;
    font-size:14px
}

.shoppingConfirm .ec-totalBox__btn .ec-blockBtn--action:hover {
    opacity:.8
}

.shoppingConfirm .ec-totalBox__btn .ec-blockBtn--cancel {
    background-color:#37657c
}

.shoppingConfirm .ec-totalBox__btn .ec-blockBtn--cancel:hover {
    opacity:.8
}

.shoppingConfirm .ec-totalBox__paymentTotal span {
    color:#cc645a !important
}

@media only screen and (max-width: 1149px) {
    .shoppingConfirm .ec-layoutRole__left {
        display:none
    }
}

.shoppingComplete .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .shoppingComplete .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.shoppingComplete .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.shoppingComplete .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.shoppingComplete .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .shoppingComplete .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.shoppingComplete .ec-off3Grid .ec-off3Grid__cell {
    width: 80%;
    margin-left:10%
}

@media only screen and (max-width: 767px) {
    .shoppingComplete .ec-off3Grid .ec-off3Grid__cell {
        width: 100%;
        margin-left:0
    }
}

.shoppingComplete .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--cancel {
    background-color:#37657c
}

.shoppingComplete .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--cancel:hover {
    opacity:.8
}

@media only screen and (max-width: 1149px) {
    .shoppingComplete .ec-layoutRole__left {
        display:none
    }
}

.shoppingLogin .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.shoppingLogin .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .shoppingLogin .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.shoppingLogin .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.shoppingLogin .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .shoppingLogin .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

.shoppingLogin .ec-grid2__cell .ec-login__actions .ec-blockBtn--cancel {
    background-color:#37657c
}

.shoppingLogin .ec-guest__actions .ec-blockBtn--cancel {
    background-color:#37657c
}

.shoppingShipping .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .shoppingShipping .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.shoppingShipping .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.shoppingShipping .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.shoppingShipping .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .shoppingShipping .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

@media only screen and (max-width: 767px) {
    .shoppingShipping .ec-registerRole {
        padding:0
    }
}

.shoppingShipping .ec-registerRole__actions .ec-blockBtn--action {
    background-color:#c61423
}

.shoppingShipping .ec-registerRole__actions .ec-blockBtn--cancel {
    background-color:#37657c
}

@media only screen and (max-width: 1149px) {
    .shoppingShipping .ec-layoutRole__left {
        display:none
    }
}

.about .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.about .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .about .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.about .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.about .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .about .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

@media only screen and (max-width: 767px) {
    .about #help_about_box__shop_name {
        padding:20px 20px 0
    }
}

.privacy .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.privacy .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .privacy .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.privacy .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.privacy .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .privacy .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

@media only screen and (max-width: 767px) {
    .privacy .ec-off1Grid .ec-off1Grid__cell {
        padding:20px
    }
}

.tradelaw .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

.tradelaw .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    .tradelaw .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

.tradelaw .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

.tradelaw .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    .tradelaw .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

@media only screen and (max-width: 767px) {
    .tradelaw .ec-off1Grid .ec-borderedDefs {
        padding:20px
    }
}

#page_shopping_error .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding-bottom:21.3px
}

@media only screen and (max-width: 767px) {
    #page_shopping_error .ec-pageHeader h1 {
        padding: 20px 20px 20px 0;
        margin-bottom: 0;
        border-bottom:none
    }
}

#page_shopping_error .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

#page_shopping_error .ec-off4Grid .ec-blockBtn--cancel {
    background-color:#37657c
}

#page_help_guide .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin:0 auto
}

#page_help_guide .ec-pageHeader h1 {
    font-weight: normal;
    border-color: #DDDDDD;
    padding: 0 0 21.3px;
    margin:0 0 48px
}

@media only screen and (max-width: 767px) {
    #page_help_guide .ec-pageHeader h1 {
        padding: 20px;
        margin:0 0 20px
    }
}

#page_help_guide .ec-pageHeader h1 a img {
    width: 100px;
    max-width:313px
}

#page_help_guide .ec-layoutRole__mainWithColumn {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin:0 0 0 40px
}

@media only screen and (max-width: 767px) {
    #page_help_guide .ec-layoutRole__mainWithColumn {
        margin:0
    }
}

#page_help_guide .ec-layoutRole__mainWithColumn .ec-mypageRole {
    padding: 0;
    margin: 0;
    max-width:1200px
}

body {
    margin:0
}

.ec-404Role {
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    height: 100vh;
    background-color: #f2f2f2;
    text-align: center;
    box-sizing:border-box
}

.ec-404Role html {
    box-sizing:border-box
}

.ec-404Role *, .ec-404Role * ::before, .ec-404Role * ::after {
    box-sizing:inherit
}

.ec-404Role .ec-404Role__icon {
    padding-top:10px
}

.ec-404Role .ec-404Role__icon img {
    width: 100px;
    height:80px
}

.ec-404Role .ec-404Role__title {
    font-weight: bold;
    font-size: 25px;
    margin-top:10px
}

.ec-404Role .ec-off4Grid {
    display: flex;
    justify-content:center
}

.ec-404Role .ec-off4Grid__cell {
    max-width: 567px;
    width:100%
}

.ec-404Role .ec-404Role__description {
    margin-top: 30px;
    margin-bottom:32px
}

.ec-404Role .ec-blockBtn--cancel {
    margin-bottom: 0;
    font-weight: bold;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    white-space: nowrap;
    padding: 6px 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 10px 16px;
    text-decoration: none;
    color: #fff;
    background-color: #525263;
    border-color: #525263;
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    padding-top: 0;
    padding-bottom: 0;
    max-width:567px
}

.ec-maintenanceAlert div {
    font-size:14px
}

.ec-debugModeAlert div {
    font-size: 14px;
    font-weight: 700
}
/*# sourceMappingURL=style.min.css.map */