/*
Theme Name: UTme
Theme URI: http://utme.uniqlo.com/
Author: UTme
Author URI: http://www.uniqlo.com/
Description:
Version: 1.0
License:
License URI:
Tags:
Text Domain: utme

*/

/*
 * Contents Area
 * */


/*
 * FAQ
 */
.ans_content p img{
  max-width: 100%;
}

/*
 * FAQ SEARCH
 */

#search-box {
  margin: 0 auto;
  font-size: 1.3em;
}
@media screen and (min-width: 415px) {
  #search-box {
    width: 960px;
    padding-top: 40px;
  }
}
@media screen and (max-width: 414px) {
  #search-box {
    text-align: center;
  }
}

#search-box .inner {
  width: auto;
  position: relative;
  padding: 0 10px 0 0;
  display: inline-block;
  padding-left: 230px;
  margin-right: 10px;
}
@media screen and (min-width: 415px) {
}
@media screen and (max-width: 414px) {
  #search-box .inner {
    padding-left: 0;
    display: block;
    margin: 15px 10px 10px;
  }
}

#search-box .inner #s {
  border: 2px solid #f00;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 0 10px;
  height: 40px;
}

@media screen and (min-width: 415px) {
  #search-box .inner #s {
    width: 350px;
  }
}
@media screen and (max-width: 414px) {
  #search-box .inner #s {
    width: 100%;
  }
}

#search-box .inner #submit {
  height: 40px;
  width: 40px;
  background-color: #f00;
}

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

#search-box .inner #submit {
  position: absolute;
  top: 0;
  right: 0;
  color: transparent;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #f00 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABTCAYAAAAbUsD3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDI3NzMzRjk3NjZEMTFFNkJDODFFN0Y5QUYxQjE5MEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDI3NzMzRkE3NjZEMTFFNkJDODFFN0Y5QUYxQjE5MEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0Mjc3MzNGNzc2NkQxMUU2QkM4MUU3RjlBRjFCMTkwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0Mjc3MzNGODc2NkQxMUU2QkM4MUU3RjlBRjFCMTkwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhMPS58AAAQ9SURBVHja7JzrceIwEICdNHBOBedUgKkgpAJIBZgKYjq4qyBHBU4qIKnAXAU4FeBUAFeBT5pZT/wD0EqytAvWzuyYZPyQP69W0kqrm6ZpoiDu5CYADoAD4CA8AKegIzhKmRw5bwPHSugnHKsA+LjMhE7hGFvc5yD0XegHHAcNWILMhc6FJg7KLGGvhP6B34MB3IJ9trTWqwLdF2DpAgpPYI+BXgp9vUbAMYCdMXgX2Tg+cbNmG8CyJ7B25GdtrPmRU6/j1sIllMzgtjVqKzS7ZAvOwC30UaXb/u4/oT8U/WNdWXDwy7qAbeBKkG8AFlOFUwA974C/PMgSMFJToftGXwq4NrLQFO5jIrbPtlLsibHQneaLlQ5eLoH76sgeys8a8FrzpXLHBc81a1PJGXCmaS2+qmSqWatyCsCqRk52e3bIEVoFHf3ac7esRDaCso9873sgouoH50i4B2ixa89tdDuwqJEf44VTN03HesfEo6cULBlT1nufhnDbg/UuGQxN5fN/I8995mLBewTgDVRRLlIiRoFeffHtmVgD1no5yQLpi2fULmKKuPY14jdXViOHxlNqF4FxD4+dgA0nSSGipnITd1QWnCLg1kzhtg1ehXATE0rAKuE+s/uBtHQSwKOeXoBSMLVrxNmCqysAnHAYKp/yv+zXIyCMIOFqwXV0GXLgCjiOgpC6iCABMG/AmE76NQhZsEf14PRCAKrKWVEBrnsoPLUkiJpGZsFfiOsmzAFjyvdJBRgzCnpgDhgTjvTiIo6FK2XV2iOu9Tq3pSHY8t/5cBOnGjmMFWdMrTdDWi/plBEmWuYrVUDXejGTmm/UA4135MvkzADnyBiDt3j2uVlluXodMzlIvSai2zXbImqVhPvEYai8Qt6jYOIq1shyrLyWSrF4rdRYAxwRasF1laXqhInmQmvOcBt4H3bLVwvGkAvuBoDJ0dBZBNiOBF3nq8Xgc7FDdpKlq6pGrls4nVZ3Ah/E1UBkBvfXiYcsI6p5RA1z/2WQgFL26PcmBvkZFCvvjXI0THxeV7aQiqCbjBLDddvGXkggmyQiFpbVvwI//XVigCJjzT/BBfQdd/aeamuaq1xEfIM9rCDbJIO/MIxFsINsM6ssW+ZFxGeVz0GjLG12UsbZgrtBliKinUbawMduwenERtzmM/fYYmYG6ba2soPn2uZUZ1y6aVxA7xRQ2EB22QecGeQ4q2QN93W1O0DGoR9sEjeQ/vkh+t4DQse3ypb+L/zWbVBTap9MtbViopjaqaP+ZqxJIQ9l70oyyEPaHJQE8tB2X/UOeYjb23qFPNT9g0021TOCPOQNmnV2SzGGPPQdsJ1DDluMO4YcADuGHADbQVZu6RDSuL7FZJZjrjohALaDnATAbiEfAmC3kJWZAKGRM2/4JPxxsOB+LFluelfD/2r4e4y5QbBgxxIAB8ABcJAz8l+AAQB/2uiSwjf7IwAAAABJRU5ErkJggg==') no-repeat center center;
  background-size: 22px 21px;
}

#search-box input[type="radio"]{
  display: none;
}

#search-box input[type="radio"]+label {
  position: relative;
  padding-left: 22px;
  padding-right: 10px;
}

#search-box input[type="radio"]+label:before {
  background: #f00;
  width: 20px;
  height: 20px;
  border-radius: 0.9em;
  position: absolute;
  top: 2px;
  left: 0;
  content: '';
  cursor: pointer;
}

#search-box input[type="radio"]+label:after{
  background: #fff;
  width: 20px;
  height: 20px;
  border-radius: 0.9em;
  border: 2px solid #f00;
  position: absolute;
  top: 2px;
  left: 0;
  content: '';
  cursor: pointer;
}

#search-box input[type="radio"]:checked+label:after{
  background: #f00;
  border-top: none;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: none;
  border-radius: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  width: 6px;
  height: 9px;
  position: absolute;
  top: 6px;
  left: 7px;
  content: '';
}
}

#container .search-result-wrapper {
  padding: 40px 60px;
}
@media screen and (min-width: 415px) {
}
@media screen and (max-width: 414px) {
  #container .search-result-wrapper {
    padding: 0 10px;
  }
}

.search-result-wrapper .page-title {
  font-size: 1.3em;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 2px solid #999;
}

.search-result-wrapper .page-title span{
  font-size: 1.2em;
  font-weight: bold;
}

.search-result-wrapper .search-result{
  border-bottom: 1px solid #f00;
}

.search-result-wrapper .search-result .entry-title{
  margin: 20px 0;
  position: relative;
  padding-left: 22px;
}

.search-result-wrapper .search-result .entry-title:after{
  position: absolute;
  content: ' ';
  background: url("//utme.uniqlo.com/assets/faq/images/anc_icn.jpg");
  background: url("//utme.uniqlo.com//assets/faq/images/anc_icn_ie8.jpg") \9;
  background-size: 20px 34.28571px;
  background-position: top left;
  width: 20px;
  height: 17.14286px;
  overflow: hidden;
  top: 6px;
  left: 0;
}

.search-result-wrapper .search-result a{
  color: #000;
  line-height: 1.5em;
}
/*
 * NEWS
 */
#news-area .news-box:after {
  content: "";
  display: block;
  clear: both;
}
#news-area .news-box p img{
  max-width: 100%;
}
#news-area  p {
  margin-top: 15px;
  word-break: break-all;
}
#news-area hr {
  color: transparent;
  border-color: transparent;
  clear: both;
}

#news-area h1 span,
#news-area h2 span,
#news-area h3 span,
#news-area h4 span,
#news-area h5 span,
#news-area h6 span{
  font-weight: bold;
}



/*
 * TIPS
 */
.article-contents p {
  margin-top: 15px;
}

.article-contents hr {
  color: transparent;
  border-color: transparent;
  clear: both;
}

.article-contents p a {
  text-decoration: underline;
}

.article-contents p .inner{
  overflow: auto;
  width: auto;
}

.sp#news-area .text h1,
.sp#news-area .text h2,
.sp#news-area .text h3,
.sp#news-area .text h4,
.sp#news-area .text h5,
.sp#news-area .text h6,
.sp.article-contents h1,
.sp.article-contents h2,
.sp.article-contents h3,
.sp.article-contents h4,
.sp.article-contents h5,
.sp.article-contents h6{
  font-size: 1.6rem;
  color: #f00;
  border-left: #f00 3px solid;
  padding-left: 5px;
  padding-top: 3px;
}

#news-area .text h1,
#news-area .text h2,
#news-area .text h3,
#news-area .text h4,
#news-area .text h5,
#news-area .text h6,
.article-contents h1,
.article-contents h2,
.article-contents h3,
.article-contents h4,
.article-contents h5,
.article-contents h6{
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: bold;
  color: #f00;
  border-left: #f00 5px solid;
  padding-left: 8px;
  padding-top: 3px;
  margin-top: 50px !important;
  clear: both;
}

.article-contents h1 span,
.article-contents h2 span,
.article-contents h3 span,
.article-contents h4 span,
.article-contents h5 span,
.article-contents h6 span{
  font-weight: bold;
}

.alignleft {
  display: inline;
  float: left;
}

.alignright {
  display: inline;
  float: right;
}

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
  clear: both;
  width: 100%;
}


blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
  margin: 0.4em 1.2em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
  margin: 0.4em 0 1.6em 1.2em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
  clear: both;
  margin-top: 0.4em;
  margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
  margin-bottom: 1.2em;
}