body {
  background: #fff; 
  color: #191919;
  font-size: 16px;
  font-family:"Noto Sans Japanese","Helvetica Neue","Helvetica","Arial","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","sans-serif";
}
figure {margin: 0;}
img {vertical-align: bottom;}
article *, #wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #666;
}

.flexLayout {display:flex;}
@media only screen and (max-width: 768px){
  .flexLayout {display:block;}
}



/*タイトル*/
article.welcome {background-color: #fff; padding: 30px 0;}
article.welcome header {position: relative; max-width: 700px; margin: 0 auto; text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: cener;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  /*flex-direction:row-reverse;*/
}
article.welcome header img {width: 30%; margin-right: 20px;}
article.welcome header h1 {
	font-size: 38px; 
	line-height: 1.2; 
	font-family:"Noto Sans Japanese","Helvetica Neue","Helvetica","Arial","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","sans-serif","Helvetica LT W01 Bold"; 
	margin: 0 0 20px; 
	color: #191919; 
	text-align: center;
}
article.welcome header h1 span {display: block; font-size: 18px;}

@media only screen and (max-width: 768px){
  article {font-size: 14px;}
  article.welcome header {
    display: block;
    text-align: center;
  }
  article.welcome header img {
    width: 70%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  article.welcome header h1 {
    font-size: 27px;
    margin-bottom: 0;
  }
}
/*タイトル*/

/*トップページ用 言語選択用リスト*/
.languageChoice .wrap {margin:50px 0 170px 0;}
.languageChoice .wrap p {text-align: center;}
.languageChoice .wrap .languNavi ul {margin: 0 auto; padding: 0; width: 387px;}
.languageChoice .wrap .languNavi ul li {list-style: none; float: left; padding:0 20px;}
.languageChoice .wrap .languNavi ul li:first-child {padding-left:0;}
.languageChoice .wrap .languNavi ul li:last-child {padding-right:0;}
.languageChoice .wrap .languNavi ul:after {content: ""; display: block; clear: both;}
@media only screen and (max-width: 500px){
.languageChoice .wrap {margin:50px 0;}
.languageChoice .wrap .languNavi ul {width: 95%; margin: 0 auto;}
.languageChoice .wrap .languNavi ul li:first-child {padding-left:10px;}
.languageChoice .wrap .languNavi ul li {
	list-style: none; 
	float: none; 
	padding:5px 0 5px 10px; 
	border-bottom: 1px solid #ccc; 
	background-image:url("/jp/feature/welcome/img/r_arrow.svg"); 
	background-size:15px 15px; 
	background-position: right;
	background-repeat:no-repeat;}
.languageChoice .wrap .languNavi ul li a {display: block;}
}
/*トップページ用 言語選択用リスト*/

/*キャンペーンリード文と言語選択*/
.lead .wrap {width: 700px; margin: 40px auto;}
.lead .wrap p {text-align: center;}

.languageLabel .wrap {width: 700px; margin: 0 auto;}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  width: 100%;
  border: 1px solid #eee; 
  padding: 8px 35px 8px 20px;
  color: #888;
}
select::-ms-expand {
  display: none;
}

form {float: right;
  position: relative;
}
 
form:after {
  display: block;
  content: " ";
  position: absolute;
  top: 50%; right: 22px; width: 7px; height: 7px; margin: -4px -5px 0 0;
  /*background: url(http://edge.sincar.jp/demo/20150303/arrow02.png) 0 0 no-repeat;
  background-size: 20px;*/
  border-top: solid 1px #ccc; border-right: solid 1px #ccc; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(135deg);
  pointer-events: none;
}
    .languageLabel:after {content: ""; display: block; clear: both;}

@media only screen and (max-width: 768px){
  .lead .wrap, 
  .languageLabel .wrap {
    width: auto;
    padding: 0 15px;
  }
}

/*コンテンツ*/
article.visit-to-japan {margin-top: 40px; padding-bottom: 120px;}
article.visit-to-japan section {margin-top: 40px;}
article.visit-to-japan .wrap {width: 700px; margin: 0 auto;}
@media only screen and (max-width: 768px){
  article.visit-to-japan .wrap {
    width: auto;
    padding: 0 15px;
  }
}

/*大見出し*/
article .wrap h1 {text-align: center;}
article .wrap section h1 {font-size:20px; text-align: center;}
@media only screen and (max-width: 768px){
  article .wrap h1 {}
  article .wrap section h1 {}
}
/*大見出し*/


/*マイバック*/
article.visit-to-japan section.my_back {
  margin:20px 0; 
  padding:15px; 
  border:1px #ccc solid; 

  -webkit-border-radius:4px; 
    -moz-border-radius: 4px; 
         border-radius: 4px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: cener;
  align-items: center;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  /*flex-direction:row-reverse;*/
}

article.visit-to-japan section.my_back p {font-weight: bold;}
article.visit-to-japan section.my_back figure {width: 30%; margin-right:20px;}
article.visit-to-japan section.my_back figure img {width: 100%;}
article.visit-to-japan section.my_back div {width: 70%\9;}
article.visit-to-japan section.my_back div.mark {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  width: auto;
  min-width: 70px;
  height: 50px;
  color: #FFF;
  line-height: 70px;
  text-align: center;
  background: #9d0028;
  border-radius: 60%;
}
article.visit-to-japan section.my_back div.mark:before {
  content: "";
  position: absolute;
  bottom: -10px; left: 20px;
  margin-left: 0;
  display: block;
  width: 30px;
  height: 30px;
  background: #9d0028;
  border-radius: 0 30px 0 30px;
  z-index: -1;
}
article.visit-to-japan section.my_back div.mark:after {
  content: "";
  position: absolute;
  bottom: -5px; left: 30px;
  margin-left: 0;
  display: block;
  width: 30px;
  height: 30px;
  background: #FFF;
  border-radius: 0 30px 0 30px;
  z-index: -1;
  -webkit-transform: rotate(30deg);
     -moz-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
       -o-transform: rotate(30deg);
          transform: rotate(30deg);
}
article.visit-to-japan section.my_back div.mark > p {
  margin: 0px;
  line-height: 3.4;
}

@media only screen and (max-width: 540px){
  article.visit-to-japan section.my_back {display:block;}
  article.visit-to-japan section.my_back figure {width: 100%; margin:0 0 20px 0;}
}
/*マイバック*/

/*免税店一覧*/
.shopList {text-align: center;}
.shopList h2 {font-size: 16px;}
.shopList ul {margin: 0; padding: 0;}
.shopList li {display: inline-block; margin-right: 10px;}
.shopList li a {text-decoration: underline; color: #333;}
.shopList table {margin: 20px 0;}
.shopList table th,
.shopList table td {border: 1px solid #ccc; padding: 10px;}
.shopList table th {white-space: nowrap;}
.shopList table td {text-align: left; font-size: 12px;}
.shopList table a {font-size: 16px;}
@media only screen and (max-width: 768px){
.shopList table a {font-size: 14px;}
}
/*免税店一覧*/

/*免税でお買いものする方法*/
.important {display:table-row;　margin-bottom: 20px;}
.importantSummary {display:table-cell; width:50%; vertical-align:top; margin:0; padding:20px;}
.importantSummary figure {width: 100%; margin:0 auto;}
.importantSummary figure img {width: 100%;}

@media only screen and (max-width: 768px){
  .important {display:block;}
  .importantSummary {display:block; width:100%; vertical-align:top; margin:0; padding:0 0 20px 0;}
  .importantSummary:first-child figure {width: 100%;}
}

.conditions {margin-bottom: 20px;}
.conditionCategory {
  padding:10px; 
  border:1px #ccc solid;
  -webkit-border-radius:4px; 
    -moz-border-radius: 4px; 
         border-radius: 4px;
}
.conditionCategory.general_goods {width:50%; margin:0 20px 0 0;}
.conditionCategory.consumables_goods {width:50%; margin:0 0 0 20px;}
.conditionCategory.combination_goods {margin:40px 0 0 0;}

.conditionCategory h2 {font-size: 16px; margin-top: 0;}
.conditionCategory h2 span {display: block;}
.conditionCategory h2 span:last-child {font-weight: normal;}
.conditionCategory figure {max-width:308px; margin:0;}
.conditionCategory figure img {width: 100%;}
.conditionCategory p {margin-bottom: 0;}
.conditionCategory p span.price {font-size: 20px; font-weight: bold;}

@media only screen and (max-width: 768px){
  .conditions {display:block;}
  .conditionCategory {display:block; width:100%; vertical-align:top;}
  .conditionCategory h2 {text-align: center;}
  .conditionCategory:first-child figure {width: 100%;}
  .conditionCategory.general_goods {width:100%; margin:0 0 20px 0;}
  .conditionCategory.consumables_goods {width:100%; margin:0 0 20px 0;}
  .conditionCategory.combination_goods {margin:0 0 0 0;}
}
/*免税でお買いものする方法*/

/*申請対象者*/
section.applicantSubject ul {padding-left: 2em;}
/*申請対象者*/

/*注意事項*/
section.notice ul {padding-left:1.1em;}
section.notice ul li:first-child {
  list-style: outside none none;
  text-align: center;
  margin:20px 0px 20px -1em; 
  padding:10px; 
  border:1px #ccc solid; 
  -webkit-border-radius:4px; 
    -moz-border-radius: 4px; 
         border-radius: 4px;
}
/*注意事項*/

/*レコメンド商品*/
.recommends .items {width: 700px; margin: 40px 0 0 0; padding:0;}
.recommends .items .item {width: 100%; height: auto; margin: 0 0 20px 0; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.recommends .items .item:last-child {border-bottom: none;}
.recommends .items .item > h2 {margin-top: 0px; font-size: 17px;}
.recommends .items .item > p {width: 65%; margin: 0; float: left;}
.recommends .items .item > p > span.capTtl {display: block;}
.recommends .items .item > p > a {text-decoration: underline;}
.recommends .items .item > p.price {margin-top: 10px; font-size: 17px; font-weight: bold; text-align: left;}
.recommends .items .item > figure {width: 30%; float: right; margin: 0;}
.recommends .items .item > figure > img {width: 100%;}

@media only screen and (max-width: 768px){
  .recommends .items {width: 100%;}
  .recommends .items .item {width: 100%;}
  .recommends .items .item > p {width: 100%; margin: 0; float: none;}
  .recommends .items .item > figure {width: 100%; margin: 0 0 20px 0; float: none;}
}
/*レコメンド商品*/

.annotation { font-size: 11px; color: #555; margin: 0;}
.recommends .items:after, .recommends .items .item:after {content: ""; display: block; clear: both;}
/*コンテンツ*/

.shopList__link {
  color: #191919;
  text-decoration: underline;
}