*,
*:before,
*:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
  -moz-font-smoothing:antialiased;
  font-smoothing:antialiased;
}

#service .wrapper {letter-spacing:normal; margin-right:0;}
#embroidery .item {margin-right:0;}

h1.category {font-size:24px; /*margin-bottom:30px;*/ padding-top:30px; border-top:0;}
.item h1 {font-size:20px; margin-bottom:15px;}

p.lead {letter-spacing:normal; margin-bottom:30px;}

#embroidery section .limited li {float:left; width:176px; text-align:center; margin-right:26px;}
#embroidery section .limited li img {width:176px;}
#embroidery section .limited li.lSize {width:250px; margin-right:30px;}
#embroidery section .limited li.lSize img {width:250px;}
#embroidery section .limited li.lImg {width:352px; margin-right:30px;}
#embroidery section .limited li.lImg img {width:352px;}
#embroidery section:after {content:""; display:block; clear:both;}
#embroidery section .limited li:nth-child(4n) {margin-right:0;}

#embroidery section .limited li.chara {width:20%; padding:15px; margin-right:0;}
#embroidery section .limited li.chara img {width:100%;}

/*#embroidery section#aside {width:835px; padding:20px; margin-right:0; border:1px #ccc solid; border-radius:4px;}*/

#embroidery div.rate {background:#f7f7f7;padding:20px;border-radius:10px;/*text-align:center;*/width:50vw;margin-top:10px;}
#embroidery div.rate .annotation.asterisk {padding-left:0; text-indent:0;}

#embroidery .item img {height:auto;}
#embroidery .item.illustration img {height:280px;}
#embroidery .item.order ul {width:100%; margin-top:20px; justify-content:space-between;display:table;table-layout:fixed;text-align:center;}
#embroidery .item.order li {width:33.3333%; float:left; vertical-align:top; padding:0 10px;}
#embroidery .item.order li img {height:130px; width:auto;padding:5px 0;}
#embroidery .item.order li h3 {font-weight:bold;font-size:14px;}
#embroidery .item.order ul.embroideryLocation {margin-top:0;}


.item table {max-width:880px; width:100%; height:auto; border:1px solid #ccc; border-collapse:collapse;}
.item table th,
.item table td {border:1px solid #ccc; border-width:0 0 1px 1px; padding:5px;}
.item table th {text-align:center;}
.item table td {text-align:left;}
.item table th {font-weight:bold;}
.item table .annotation.asterisk {padding-left:0;}

@media screen and (max-width:899px) {
  #embroidery div.rate {width:auto;}
} 
@media screen and (min-width:768px) {
  #embroidery section.aside {width:835px; padding:20px; margin:0 auto 40px; border:1px #ccc solid; border-radius:4px;}
}
@media screen and (max-width:767px) {
  #embroidery .item.order li {margin-bottom:20px; width:50%;}
  #embroidery .item.order li img {height:auto; width:100%;}
  #embroidery .item.order li h3 {text-align:left;}
  #embroidery section .limited li.chara {width:33.3333%; padding:15px; margin-right:0;}
}
@media screen and (max-width:451px) {
  #embroidery section .limited li {width:50%; margin-right:0;}
  #embroidery section .limited li img {width:100%;}
  #embroidery section .limited li.lSize {width:50%; margin-right:0;}
  #embroidery section .limited li.lSize img {width:100%;}
  #embroidery section .limited li.lImg {width:100%; margin-right:0;}
  #embroidery section .limited li.lImg img {width:100%;}
  #embroidery .item.order li {width:100%;}
  #embroidery .item.order ul.embroideryLocation li img {width:35vw; height:auto;}
}

.item.limited ul {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-align-items:flex-end;
  align-items:flex-end;
}

.icon.item-new {
  display:inline-block;
  font-size:9px;
  color:#333;
  line-height:1;
  padding:3px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  vertical-align:middle;
  border:1px solid #7f0019;
  background-color:#7f0019;
  color:#fff;
}

#intro header #mainVisualwrap {position:relative; overflow:visible; margin-bottom:20px;}
#intro header #mainVisualwrap .mainVisual {
  position:absolute; 
  top:0;
  /*-webkit-transition:all 2s;
  -moz-transition:all 2s;
  -ms-transition:all 2s;
  -o-transition:all 2s;
  transition:all 2s;
  opacity:0;*/
}

#intro header #mainVisualwrap .mainVisual img {width:100%; margin:0; padding:0; vertical-align:bottom;}

/*#intro header #mainVisualwrap .mainVisual.active {opacity:1;}*/
#intro header #mainVisualwrap .mainVisual.changePanel1 {display:block; position:static;}
#intro header #mainVisualwrap .mainVisual.changePanel2 {}

#intro header #mainVisualwrap .mainVisual > .mainVisual--lead {
  /*-ms-transition:all 2s;
  transition:all 2s;
  opacity:0;*/
}
/*#intro header #mainVisualwrap .mainVisual.active > .mainVisual--lead {
  opacity:1;
}*/

#intro header #mainVisualwrap .mainVisual > .mainVisual--lead {width:100%; padding:30px; background-color:rgba(255,255,255,.80); position:absolute; bottom:0; z-index:5;}
#intro header #mainVisualwrap .mainVisual > .mainVisual--lead h1 {font-size:24px; font-weight:bold; margin-bottom:10px;}
#intro header #mainVisualwrap .mainVisual > .mainVisual--lead p {line-height:1.5; margin:0;}

@media screen and (max-width:557px) {
  #intro header #mainVisualwrap .mainVisual .mainVisual--lead h1 {font-size:20px;}
}
@media screen and (max-width:479px) {
  #intro header #mainVisualwrap {margin-bottom:100px;}
  #intro header #mainVisualwrap .mainVisual {/*position:initial;*/}
  #intro header #mainVisualwrap .mainVisual .mainVisual--lead {position:initial; padding:0;}
  #intro header #mainVisualwrap .mainVisual .mainVisual--lead h1 {margin-top:10px;}
}
#intro header #mainVisualwrap:after {content:""; display:block; clear:both;}
p span.info {color:#7F0019; font-weight:bold;}