body {margin-bottom: 80px;}

.content,
.content *,
#footer {box-sizing: border-box; -webkit-font-smoothing: antialiased;}

#header {
    width: 100%;
    max-width: 1200px;
    border-top: 0;
    margin: 0 auto;
    position: relative;
}

.content {
  margin-top: 40px;
}

.content, #footer {
    width: 100%;
}


#main {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.wrapAll {-webkit-transform: initial;}

#CTAMenu {color: #fff; display: none; position: fixed; bottom: 0; left: 0; background: #555; z-index: 1000; width: 100%; padding: 10px;}
.CTAMenuWrap {
    width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
}

.CTAMenuWrap > div {
    -webkit-box-flex: 1.0;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  -webkit-box-lines: multiple; /* Bug fix for Android 4.3 and lower Default Browser */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.CTAMenu2 {
    -webkit-box-pack: end;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end; /* Safari */
  justify-content:         flex-end;

  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;

  -webkit-box-align: end;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;

  -webkit-box-orient: vertical; /* box can't wrap */

  height: 40px;
}

.CTAMenu2 .price {line-height: 1; margin-bottom: 5px;}

.CTAMenu2 .price.priceBefore {display: none;}

.CTAMenu1 > div {margin-right: 10px;}
.CTAMenu2 > div {margin-left: 10px;}

#CTAMenu #shopStockLink {margin: 0 10px 0 0;}

#CTAMenu a {color: #fff;}

.CTA-cart a {border: 1px solid #ccc; border-radius: 20px; height: 40px; padding: 0 20px; line-height: 40px; display: block; font-size: 14px;}
.CTA-shopStock span {background: url(/img/store/cmdty/icon_shopstock_w.png) no-repeat top center; display: block; background-size: 40px 40px; width: 50px; padding-top: 45px; font-size: 9px;}
#order .CTA-fav .fav2 a {background: url(/img/store/cmdty/icon_fav_w.png) no-repeat top center; display: block; background-size: 40px 40px; width: 50px; padding-top: 45px; font-size: 9px; line-height: 1.5;}

#order .CTAMenu2 .message {background: #666; padding: 0 20px;}

#favInfo {
  bottom: -40px;
  right: 20px;
  }
#favInfo2 {
    zoom: 1;
    padding: 10px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative;
    border: 1px solid #DAD5C9;
    color: #333;
    z-index: 9999;
    font-weight: normal;
    display: inline-block;
    z-index: 9999;
    position: absolute;
    top: -60px;
    left: 10px;
    white-space: nowrap;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
}
#favInfo2 .favBtn a {
    text-decoration: none;
    font-size: 13px;
    padding: 3px 4px;
    background: #666;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
    margin: 0 10px;
}
#favInfo2 .closeBtn {
    text-decoration: none;
    padding: 4px 8px;
    font-size: 16px;
    cursor: pointer;
}

#CartInfo2 {padding: 10px; background-color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #DAD5C9; color: #333; z-index: 9999; font-weight: normal; display: inline-block; z-index: 9999; position: absolute; top: -70px; right: 10px; white-space: nowrap;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;}
#CartInfo2 .cartInfoText {vertical-align: middle; font-size: 13px;}
#CartInfo2 .cartBtn {vertical-align: middle; margin-left: 10px;}
#CartInfo2 .cartBtn a {text-decoration: none; font-size: 13px; padding: 3px 4px; background: #666; color: #fff; border-radius: 2px; line-height: 1; height: auto; display: inline-block;}
#CartInfo2 .cartBtn a:hover {background: #333;}
#CartInfo2 .closeBtn {text-decoration: none; padding: 0 0 0 8px; font-size: 16px; cursor: pointer; vertical-align: middle; margin-left: 5px;}
#CartInfo2 .closeBtn a {text-decoration: none;}



/*
#picture {top: 0; -webkit-transform: translateZ(0); position: absolute;}
#controlPanel {margin-top: 146vw; position: relative; z-index: 100; opacity: .9;}
*/

#overview {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
}


.picture--mainimage {width: 100%; height: auto;}


#picture,
#controlPanel {
            float: none;
            width: 100%;
}

#picture {
    margin-bottom: 25px;
}

body#item #picture {
    height: auto;
}

#picture img {
    vertical-align: bottom;
}

.Grid {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    height: auto;
    margin-right: -1px;
}

.Grid ul {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.Grid li {
    width: 46%;
    display: inline-block;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

/* one item */
.Grid li:first-child:nth-last-child(1) {
    width: 100%;
}

/* two items */
.Grid li:first-child:nth-last-child(2),
.Grid li:first-child:nth-last-child(2) ~ li {
    width: 50%;
}


#priceTag {background: none; border: 0; padding: 0;}

#controlPanel {margin: 0;}

#breadcrumbs {padding: 0; margin: 0;}

#breadcrumbs ol {background: none;}
#breadcrumbs li {font-size: 12px; line-height: 1.4;}
#breadcrumbs li:not(:last-child) {display: none;}
#breadcrumbs li:last-child {margin-bottom: 7px;}
#breadcrumbs li a {display: inline; font-size: 12px; line-height: 1.4; height: auto; color: #67affd; font-weight: bold; text-decoration: none; background: none; padding: 0; -webkit-border-radius: 0; margin: 0; position: static;}
#breadcrumbs li a:hover {background: none;}
#breadcrumbs li a:before {
  content: "";
  display: none;
  background: none;
  -webkit-border-radius: 0;
  height: auto;
  width: auto;
  position: static;
}
#breadcrumbs a:hover:before {
  background-image: none;
}


body #main h1.productName {font-size: 19px; font-weight: normal; padding: 0; line-height: 1.4; margin-bottom: 20px; border: 0;}

.newicon,
.reserve,
.outlet,
.sale {border: 1px solid #ccc; color: #666; background: #fff; line-height: 1; margin: 0 0 3px 3px; padding: 2px 3px; font-size: 10px; border-radius: 2px; display: inline-block; white-space: nowrap; vertical-align: middle;}

#priceTag .desc {padding: 0; line-height: 1.6; color: #666; border: 0;}

#itemNotice .annotation em {font-size: 14px;}

#priceTag .price {
    position: static;
    border: 0;
    display: inline-block;
    padding: 0;
    margin: 25px 0 0;
    line-height: 1;
}

#priceTag .price .num {
    margin: 0 2px;
    font-size: 23px;
    font-weight: normal;
}

#priceTag .priceBefore {
    color: #999;
    margin: 0 0 0 10px;
}
#priceTag .price del .num {
    font-size: 16px;
    }
#priceTag .price .period {
    font-size: 9px;
    position: static;
    margin: 0 0 5px 1.5em;
}
#priceTag .price del {
    margin-bottom: 0;
}
.price del:after {
    content: "";
}
.price del:before {
    content: "← ";
}

#priceTag .discount {
margin-top: 10px;
line-height: 1;
font-weight: bold;
}

#priceTag .jan {color: #666; font-size: 10px; margin: 15px 0 20px;}

.fancyBox {
    background: none;
    padding: 0;
    width: auto;
    height: auto;
}

  /* size  */
#sizeColor, #custom {
    background: none;
    border: 0;
    padding: 0;
    margin-bottom: 25px;
}

#sizeColor dl {padding-top: 0; border-top: 0;}
#sizeColor dl:first-child {padding-top: 0; border-top: 0;}
#sizeColor dt {font-weight: bold; margin: 5px 5px 10px 0;}
#sizeColor dt span {font-weight: bold; float: none;}
#sizeColor dt span a {color: #67affd; margin-left: 10px; text-decoration: none;}
#size dd {float: left; margin: 0 10px 10px 0;}
#sizeColor dd a {display: block; border: 1px solid #eee; border-radius: 2px;}
#size {margin-bottom: 10px; margin-right: -5px; overflow: hidden;}
#size dd a,
#size dd span {text-indent: -9999px; background-image: url(/img/store/cmdty/size/size_x2.png); width: 80px; height: 34px; background-repeat: no-repeat; background-size: 1380px 800px;}
#sizeColor dd .current {display: block; border: 1px solid #666; border-radius: 2px;}
#sizeColor dd .not-available-thumb {display: block; border: 3px solid transparent; background-color: #fff;}
#sizeColor dd .current img,
#sizeColor dd .not-available-thumb img {vertical-align: bottom;}
#sizeColor dd a:hover {border: 1px solid #7f0019;}
#color dd a,
#color dd .current,
#color dd .not-available-thumb {width: 62px; height: 62px; padding: 5px;}
#color dd .stock {font-size: 11px; text-align: center; display: block; letter-spacing: -1px;}
#color .few,
#color .out,
#color .not-available {border: 0; background: none; position: relative;}
#color .not-available .caution {display: none; position: absolute; top: -2.7em; left: -5em; white-space: nowrap; z-index: 1001; background: #fffce5; border:2px solid #fff5c2; padding: 5px; border-radius: 5px;}

#color dd.out:after,
#color dd.not-available:after {
  background: url(/img/store/cmdty/out-of-stock.png) no-repeat center center;
  top: 0;
  left: 0;
  width: 62px;
  height: 62px;
}

#color {margin-right: -5px; letter-spacing: -.40em;}
#color dt {letter-spacing: 0;}
#color dd {display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
width: 60px; margin: 0 10px 10px 0; vertical-align: top; letter-spacing: normal;}

#sizeList h3 {display: inline-block;}
#sizeList .sizeAbout a {color: #67affd; margin-left: 10px; text-decoration: none; font-weight: bold;}

#item #incidentalService {
    background: none;
    border: 0;
    padding: 0;
    margin-bottom: 40px;
}
#item #incidentalService dl {padding-top: 0;}
#item #hemService dd,
#giftService dd {padding-top: 5px; display: none;}
#item .serviceName {margin:0 3px;}
#item .faqlink {font-size:11px; color:#666; margin-left: 10px; letter-spacing: -1px;}
#item .faqlink a {margin: 0 2px;}
#item #incidentalService .fancyBox {background: none; padding: 0; width: 0;}
#item #itemNotice {margin-top: 10px;}
#incidentalService .title {font-weight: bold; margin-bottom: 5px; display: inline-block;}
#incidentalService .incidentalServiceAbout {float: none; text-decoration: none;}
#incidentalService .incidentalServiceAbout a {text-decoration: none; color: #67affd; font-weight: bold; margin-left: 10px;}

#orderWrap {border: none; padding: 0; margin: 0 0 25px;}

#item #order {
    position: static;
}

#order {background: none; padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#order > div {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#order .quantity {float: none; position: relative; margin-right: 5px;}
#order .quantity label {font-weight: bold; display: block; line-height: 1; margin-bottom: 5px;}
#selectQuantity {background: none; font-size: 16px; border: 0;

  /* removes default appearance of select */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

    padding: 0 1.2em 0 0;
    margin-right: 5px;
  border-radius: 0;

  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6"><line x1="0" y1="0" x2="6" y2="6" stroke="black" stroke-width="1"/><line x1="6" y1="6" x2="12" y2="0" stroke="black" stroke-width="1"/></svg>') no-repeat right center;
}

#order .quantity .stock {position: absolute; left: 0; margin-top: 5px; font-size: 11px; zoom: 1;}
#order .fav {clear: none; padding-top: 0; text-align: left;}
#order .favWrap {position: relative;}
#order .fav a {display: inline-block; overflow: visible; height: 20px; background-color: white; padding: 0; text-decoration: none; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background: url(/img/store/cmdty/icon_fav.png) no-repeat top center; display: block; background-size: 40px 40px; height: 40px; width: 50px; padding-top: 50px; font-size: 10px; text-align: center; line-height: 1;}
#order .fav a:hover {border: none;}
#order .storeStock {clear: both; padding-top: 10px; text-align: right;}
#order .btn {float: none;}
#order .btn a {font-size: 14px; background: #333; border-radius: 20px; height: 40px; padding: 0 40px; line-height: 40px; width: auto; margin-right: 5px; margin-bottom: 7px;}

#order #CartInfo #cartBtn a {width: auto;}



#CartInfo:before,
#CartInfo:after {left: 75px;}


#order .message {font-size: 14px; background: #eee; border-radius: 20px; height: 40px; padding: 0 40px; line-height: 40px; width: auto; margin-right: 5px; margin-bottom: 7px;}

#order .annotation {margin-top: 25px;}

div#shopStockLink {
    border: 0;
    border-radius: 0;
    margin: 0 2px;
}
#shopStockInfo #switchTargetLink1 {background: url(/img/store/cmdty/icon_shopstock.png) no-repeat top center; display: block; background-size: 40px 40px; height: 40px; width: 50px; padding: 50px 0 0 0; font-size: 10px; text-align: center; line-height: 1;}

div#refundPolicy {margin-top: 0; text-align: center; font-weight: bold;}
#controlPanel #refundPolicy a {text-decoration: none; color: #67affd;}


#stockStatus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

.settingOfFavoriteShop {-webkit-order: 2;
  order: 2;}
.settingOfFavoriteShop a {color: #67affd; font-weight: bold;}

#stockStatus dt,
#stockStatus dd {display: inline-block;}
#stockStatus dt {margin-right: 5px;}
#stockStatus dd {font-weight: bold; margin-right: 15px;}

#stockStatus a {text-decoration: none;}

#shippingCost {border: solid #ccc; border-width: 1px 0; padding: 10px 0;}
#controlPanel #aboutShipping a {color: #67affd; font-weight: bold; text-decoration: none;}


#banner {margin: 0;
    border: solid #ccc;
    border-width: 0 0 1px;
    padding: 10px 0 5px;
}

#banner li {
    margin-bottom: 10px;
}
#banner li.bannerFreeShipping,
#banner li.bannerTogether,
#banner li.bannerMixMatch,
#banner li.bannerLimited,
#banner li.bannerMujiWeek {
    border: 0;
    padding: 0;
    min-width: 0;
}
#banner .detail {
    max-width: 100%;
}

/*

#banner li.bannerFreeShipping .campaignTitle {display: none;}

#controlPanel #banner li.bannerFreeShipping {
    background: none;
    width: 100%;
    color: #67affd;
    border-radius: 0;
    white-space: auto;
    min-width: 0;
    border: 0;
    padding: 0;
}
#controlPanel #banner li.bannerFreeShipping dl {
    width: 100%;
}


#banner li {margin-bottom: 5px;}

#banner li a,
#banner li.bannerFreeShipping a {
    color: #67affd;
    font-weight: bold;
    text-decoration: none;
}
#banner .detail {
    font-size: 12px;
    max-width: 100%;
    margin-left: 0;
}
*/

.deliveryDate_pickup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    border: solid #ccc; border-width: 0 0 1px; padding: 10px 0;
    margin-bottom: 10px;
}

#deliveryDate {
    margin: 0 40px 0 0;
}

.deliveryDateBox {display: none; margin-top: 10px;}
#deliveryDate span.title {
    display: inline-block;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6"><line x1="0" y1="0" x2="6" y2="6" stroke="black" stroke-width="1"/><line x1="6" y1="6" x2="12" y2="0" stroke="black" stroke-width="1"/></svg>') no-repeat right center;
  padding-right: 20px;
  margin: 0;
  line-height: 1;
    color: #67affd;
    cursor: pointer;
}

.pickup a {color: #67affd; font-weight: bold; text-decoration: none;}

#rakutenExcluded,#yahooExcluded,#docomoExcluded {font-size: 10px; color: #666;}

.share {width: 100%;}

#spec,
#sns,
.share {margin-bottom: 25px;}


/* Safariだけに適用されるCSSハック 古いSafariでサイズ表が消えるバグに対応 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .mainCol {
    float: none;
  }
}


body#item #detail #incidental {margin: 0 0 25px;}
#detail #incidental, #detail #sizeList, #detail #spec, #detail #relatedItems, #detail .important {margin: 0 0 25px;}

#spec .readMore a {
    text-decoration: none;
    color: #67affd;
    font-weight: bold;
    margin-left: 10px;
}

#manual {
    border-top: 0;
    padding-top: 0;
    margin: 15px 0 25px;
}
#manual a {
    text-decoration: none;
}


.skipToComment {display: none;}

#myMUJI {
    border: 0;
    padding: 0;
    margin-top: 0;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    background: none;
}
#myMUJI h2 {width: auto;}

#myMUJI .wishButton, #myMUJI .ownButton {
    width: auto;
    float: none;
    margin-bottom: 0;
}

#myMUJILogo {margin-right: 10px;}

#myMUJILogo a {
    height: 18px;
    width: 65px;
    background: url(/img/store/cmdty/mymuji/storeitem_mymujilogo.png) no-repeat;
    padding: 0;
    background-size: 200px auto;
    background-position: 0 2px;
}
#myMUJILogo a:hover {
    background-position: 0 0;
}

#sns {
    margin: 0;
    width: 100%;
    float: none;
}

#sns #myMUJI ul {
    display: none;
}

#sns #wish, #sns #own {
    width: auto;
    float: none;
    margin: 0;
}
#sns #wish {margin-right: 20px;}
#wish, #own {
    background: none;
    padding: 0;
}
#myMUJI .action a, #myMUJI .action span {
    height: auto;
}

#review {
    margin: 0 0 25px;
    background: none;
    padding: 0;
    border: 0;
}

#review h2 {display: none;}

#review h2, #postReview, #reviewList {
    padding: 0;
}

#review #controlBar {display: none !important;}

#review #aboutCoin {display: none;}

#postReview {width: 100% !important;}

#postReview textarea {
    width: 100%;
    font-size: 16px;
    border-radius: 2px;
    border: 1px solid #adadad;
    -webkit-appearance: none;
    line-height: 1.4;
    float: none;
    height: 70px;
}

#postReview .btn {
    position: static;
}

#review .more a,
#review .more a:hover {
    background: none;
    color: #333333;
    padding: 15px 0;
    border-top: 1px solid #e8e8e8;
}

#review .more a span,
#review .more a:hover span {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6"><line x1="0" y1="0" x2="6" y2="6" stroke="black" stroke-width="1"/><line x1="6" y1="6" x2="12" y2="0" stroke="black" stroke-width="1"/></svg>') no-repeat right center;
  padding-right: 20px;
  padding-left: 0;
}

.includeDetail {
border: 0;
}

#detail .includeDetail.section > * {
    display: block;
}
#detail .includeDetail.section > script,
#detail .includeDetail.section > style {
    display: none;
}


.detail__include {
margin: 50px 0;
}

.detail__include__description {
	max-width: 700px;
	margin: 0 auto 40px;
}
body #main .detail__include__description h1 {
	border: 0;
	font-size: 24px;
	padding: 0;
	margin-bottom: 20px;
}
.detail__include__description p {
	font-size: 16px;
}
.detail__include__image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
@media screen and (max-width: 699px){
	.detail__include__image {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.detail__include__image figure {
		margin: 0 -20px;
	}
}
.detail__include__image img {
	width: 100%;
}

#shoppingGuide {
    width: 100%;
    padding: 25px 0 0 20px;
    border: 0;
}
.shoppingGuideWrap {
    max-width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.shoppingGuideWrap h2 {
          -ms-flex: 1 1 100%;
          -webkit-flex: 1 1 100%;
          flex: 1 1 100%;

}
.shoppingGuideWrap dl {
          -ms-flex: 1 1 45%;
          -webkit-flex: 1 1 45%;
          flex: 1 1 45%;
          margin: 0 20px 25px 0;
}

.shoppingGuideWrap dl a {
    color: #67affd; font-weight: bold; text-decoration: none;
}

#shoppingGuide dt {
padding-top: 10px;
}


#recommend {border: 0;
/*
 padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
*/
}

#relatedItems h2,
#complement h2,
#ultimateBought h2,
#recommend h2 {
  font-size: 18px;
}
#relatedItems ul,
#complement ul,
#ultimateBought ul,
#recommend ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    letter-spacing: normal;
  }
#relatedItems .itemList ul {
  margin-right: 0;
  letter-spacing: normal;
}
#relatedItems .itemList li,
#complement li,
#ultimateBought li,
#recommend li {
  width: 15%;
  margin-right: 2%;
  margin-left: 0;
  margin-bottom: 40px;
}
#relatedItems li:nth-child(6n),
#complement li:nth-child(6n),
#ultimateBought li:nth-child(6n),
#recommend li:nth-child(6n) {
  margin-right: 0;
  }
  #relatedItems li a,
  #complement li a,
  #ultimateBought li a,
  #recommend li a {text-decoration: none;}

  #recommend li a {display: block;}

  #relatedItems li .name,
  #complement li .name,
  #ultimateBought li .name,
  #recommend li .name {margin-bottom: 5px;}
  #relatedItems li .thumb img,
  #complement li .thumb img,
  #ultimateBought li .thumb img,
  #recommend li .thumb img {width: 90%; height: auto; margin: 0 auto; display: block;}



video#video {width: 100%; height: auto;}
#picture li.video {position: relative; vertical-align: bottom;}
#picture li.video .arrow {position: absolute; left: 35%; top: 35%; width: 30%; height: 30%; display: none;}
#picture li.video.videoStop .arrow {display: block;}

#pictureCaption {height: 0;}
#pictureCaption, #mainPictures li .pictureCaption {
  top: 10px;
  right: 10px;
  left: auto;
}
#pictureCaption p {
    background: rgba(255,255,255,.8);
    padding: 3px 5px;
}

aside#history {
    margin: 0 20px;
    border-top: 0;
}

#pageEnd,
#footerNav,
#copyright {
  padding: 0 15px;
}


/*#main .include2016 h1 {border: none; padding: 0; font-size: 24px; margin: 10px 0;}*/
.include2016 h1 {border: none; padding: 0; font-size: 24px; margin: 10px 0;}
.include2016 h2 {font-size: 20px; margin-top: 10px;}
.include2016 h3 {font-size: 16px; margin-top: 10px;}
.include2016 *:not(.relatedLink) > a {color: #67affd; text-decoration: none;}
.include2016 p {font-size: 13px; line-height: 1.8;}
.include2016 p, .includeDetail ol {margin-top: 10px; margin-bottom: 10px;}
.include2016 img {width: 100%; height: auto;}
.include2016 aside {margin-bottom: 40px;}
.include2016 section {margin-bottom: 15px;}
.include2016 .lead {margin-bottom: 40px;}
.include2016 .relatedLink {margin: 10px 0 15px;}

.include2016 .list, .include2016 .asterisk {overflow: hidden; text-indent: -1em; padding-left: 1em;}
.include2016 .list li+li, .include2016 .asterisk li+li {margin-top: 5px;}

.include2016 .col2_1 {margin-bottom: 40px;}
.include2016 .col2_1:after {content: ''; clear: both; display: block;}
.include2016 .col2_1 img {float: left;}
.include2016 .column {margin-bottom: 15px; letter-spacing: -.40em;}
.include2016 .column * {letter-spacing: normal;}
/*.include2016 .column:after {content: ''; clear: both; display: block;}
.include2016 .column > li {margin-bottom: 10px; float: left; margin-right: 2%;}*/
.include2016 .column > li {margin-bottom: 10px; display: inline-block; vertical-align: top; margin-right: 2%;}
.include2016 .col1 > li {width: 100%;}
.include2016 .col2 > li {width: 49%;}
.include2016 .col3 > li {width: 32%;}
.include2016 .col4 > li {width: 23.5%;}
.include2016 .col6 > li {width: 15%;}
.include2016 .col1 > li,
.include2016 .col2 > li:nth-child(2n),
.include2016 .col3 > li:nth-child(3n),
.include2016 .col4 > li:nth-child(4n),
.include2016 .col6 > li:nth-child(6n) {margin-right: 0;}
.include2016 .column figure img {width: 100%;}

.include2016 aside.frame-bordered > *:first-child,
.include2016 aside.background-glay > *:first-child {margin-top: 0; padding-top: 0;}
.include2016 aside.frame-bordered > *:last-child,
.include2016 aside.background-glay > *:last-child {margin-bottom: 0; padding-bottom: 0;}

.include2016 .max-width-800px {max-width: 800px; width: 100%;}

.include2016 .background-glay {background: #f7f7f7; padding: 3%; border-radius: 8px;}
.include2016 .frame-bordered {border:1px solid #ddd; padding: 3%; border-radius: 8px;}

.include2016 .youtube {position: relative; padding-top: 30px; height: 0; overflow: hidden; }
.include2016 .youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.include2016 .aspectRatio16x9 {padding-bottom: 56.25%;}
.include2016 .aspectRatio4x3 {padding-bottom: 75%;}

.include2016 .image {position: relative;}
.include2016 .col2_1 .image {float: left;}
.include2016 .image.width-30 {width: 32%; margin-right: 2%;}
.include2016 .image.width-50 {width: 49%; margin-right: 2%;}
.include2016 .image img {float: none; display: block;}

.include2016 .symbol img+img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background: url(http://gbcms.muji.com/jp/test/include/symbol.png);*/}
.include2016 .symbol img {width: 100%; height: auto;}
.include2016 .symbol p {position: absolute; bottom: 0; left: 0; padding: 10px; margin: 0;}

@media screen and (max-width: 1024px){
	.include2016 .col6 > li {width: 32%;}
	.include2016 .col6 > li:nth-child(3n) {margin-right: 0;}
}

@media screen and (max-width: 699px){
	.include2016 .col2 > li, .include2016 .col3 > li {width: 100%;}
	.include2016 .col4 > li, .include2016 .col6 > li {width: 49%;}
	.include2016 .col6 > li:nth-child(3n) {margin-right: 2%;}
	.include2016 .col2 > li,
	.include2016 .col3 > li,
	.include2016 .col4 > li:nth-child(2n),
	.include2016 .col6 > li:nth-child(2n) {margin-right: 0;}
	.include2016 .image {float: none;}
	.include2016 .background-glay,
	.include2016 .frame-bordered {padding: 25px;}
	.include2016 .movie li {width: 100%;}
	.include2016 .col2_1 .image {width: 100%; margin-right: 0; float: none;}
}

#coordinateList {display:-webkit-box;display:-webkit-flex;display:flex;}
#coordinateList > li {width:50%;padding:20px 0;}
#coordinateList .imgList {display:-webkit-box;display:-webkit-flex;display:flex;}
#coordinateList .itemList {letter-spacing:-.40em;}
#coordinateList .itemList * {letter-spacing:normal;}
#coordinateList .itemList li {width:16.66%;display:inline-block;margin-top:5px;}
#coordinateList figure {width:100%;position:relative;border-bottom:1px solid #fff;}
/*#coordinateList figure+figure:before {content:'';width:1px;height:100%;background-color:#fff;position:absolute;}*/
#coordinateList a {text-decoration:none;}
#coordinateList .imgList img {width:100%;height:auto;}
#coordinateList .itemList img {width:80%;height:auto;}
#coordinateList > li:nth-child(odd) {padding-right:1.5%;}
#coordinateList > li:nth-child(even) {padding-left:1.5%;}
#coordinateList + .relatedLink {text-align:right;}

@media only screen and (max-width : 320px){

  .CTA-cart a,
  #order .CTAMenu2 .message {padding: 0 10px;}

  .CTAMenu2 .price {margin-left: 0;}
  .CTAMenu2 .CTA-cart {margin-left: 5px;}
  #CTAMenu #shopStockLink {
      margin: 0 5px 0 0;
  }
  .CTAMenu1 > div {
      margin-right: 5px;
  }

}

@media only screen and (max-width : 699px){

.content {
  margin-top: 0;
}

    #controlPanel,
    .detail_sns,
    .includeDetail {
     padding-left: 20px;
     padding-right: 20px;
    }

body#item #relatedItems .itemList li,
body#item #complement .itemList li,
body#item #ultimateBought .itemList li,
body#item #recommend .itemList li {
  margin: 0;
  padding: 0 5px;
}


body#item #relatedItems h2,
body#item #complement h2,
body#item #ultimateBought h2,
body#item #recommend h2 {padding: 0 15px 5px; font-size: 17px;}

  /* complement */
  body#item #relatedItems {zoom:1;display:block;margin-bottom:15px;clear:both;padding:5px 0 0;}
  body#item #relatedItems:after {content:'';clear:both;display:block;}
  body#item #relatedItems h2 {border-bottom: 1px solid #e8e8e8;}
  body#item #relatedItems .itemList ul {letter-spacing: -.40em;}
  body#item #relatedItems .itemList li {display: inline-block; width: 120px; margin: 0; vertical-align: top; letter-spacing: normal; padding: 0 5px; background: none; border: 0;}
  body#item #relatedItems .itemList a {text-decoration: none;}
  body#item #relatedItems .itemList .thumb {float: none; margin-right: 5px; position: static; text-align: center; display: block;}
  body#item #relatedItems .itemList { width: 120px; margin-left:10px;}
  body#item #relatedItems .itemList .desc {display: block; padding-left: 0;}
  body#item #relatedItems .itemList .name {font-size: 12px; text-decoration: none;}
  body#item #relatedItems .itemList .price {margin-top: 5px; display: block; color: #000;position: relative; z-index: 2;}
  body#item #relatedItems .thumb img {width: 90px; height: 90px;}
  body#item #relatedItems .btn {width: 20px; font-size: 10px; line-height: 60px;}
  body#item #relatedItems .disabled a {background:#ccc; cursor: default;}

#coordinateList {-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;}
#coordinateList > li {width:100%;}
#coordinateList > li:nth-child(odd) {padding-right:0;}
#coordinateList > li:nth-child(even) {padding-left:0;}
#coordinateList .itemList {overflow:scroll;white-space:nowrap;}
#coordinateList .itemList li {width:19%;padding:0;min-height:0;border:none;display:inline-block;background:none;}
#coordinateList + .relatedLink {margin-top:20px;text-align:right;}

}

@media only screen and (min-width : 700px){

    body {
        margin-bottom: 0;
    }

    .content, #footer {
        padding: 0;
    }

    #main {
        padding: 0 40px;
    }

    #overview,
    .detail_sns {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
    }
    #picture,
    #detail {
          -webkit-box-flex: 1.0;
          -ms-flex: 1;
          -webkit-flex: 1;
          flex: 1;
          margin-right: 40px;
    }

    .Grid {
        overflow: visible;
    }

    .Grid ul {
        white-space: normal;
    }

    .Grid li {
        width: 50%;
    }

    /* one item */
    .Grid li:first-child:nth-last-child(1) {
        width: 100%;
    }


     .Grid li:nth-child(n + 9) {
        display: none;
    }

    .Grid .more {text-align: center; padding: 5px 0; cursor: pointer;}
    .Grid .more span {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6"><line x1="0" y1="0" x2="6" y2="6" stroke="black" stroke-width="1"/><line x1="6" y1="6" x2="12" y2="0" stroke="black" stroke-width="1"/></svg>') no-repeat right center;
    padding-right: 20px;
    }

    #controlPanel {
        margin: 0;
    }

    .shoppingGuideWrap dl {
              -ms-flex: 1 1 20%;
              -webkit-flex: 1 1 20%;
              flex: 1 1 20%;
    }

}

@media only screen and (min-width : 700px) and (max-width : 959px){
    #controlPanel,
    #sns {
          -webkit-box-flex: 1.0;
          -ms-flex: 1;
          -webkit-flex: 1;
          flex: 1;
    }
}



@media only screen and (min-width : 960px){
    #controlPanel,
    #sns {
        width: 420px;
    }

}