@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "メイリオ", meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  color: #333333;
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquotebefore, blockquoteafter,
qbefore, qafter {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.js-bubbles {
  height: 600px;
  position: absolute;
  width: 200px;
  z-index: 10; }
  .js-bubbles.right {
    left: 50%;
    margin-left: 475px; }
  .js-bubbles.left {
    margin-right: 475px;
    right: 50%; }
  .js-bubbles.stuck {
    position: fixed;
    top: 0 !important; }

.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.group-title {
  border-bottom: 1px solid #e3e3e3;
  color: #333;
  font-size: 22px;
  font-weight: normal;
  margin: 0 auto 40px;
  padding-bottom: 18px;
  width: 950px; }

.section-title {
  font-size: 28px;
  font-weight: normal;
  margin: 25px 0 0;
  text-align: center; }
  .bg-blue .section-title {
    color: #fff; }

.button-link {
  background-color: #fff;
  background-image: -moz-linear-gradient(90deg, #f8f8f8 0%, white 100%);
  background-image: -webkit-linear-gradient(90deg, #f8f8f8 0%, white 100%);
  background-image: -ms-linear-gradient(90deg, #f8f8f8 0%, white 100%);
  border: 1px solid #e3e3e3;
  border-radius: 78px;
  color: #3399ff;
  display: inline-block;
  font-size: 16px;
  line-height: 1em;
  padding: 18px 0;
  position: relative;
  text-align: center;
  width: 212px; }
  .button-link:link, .button-link:hover, .button-link:active, .button-link:focus, .button-link:visited {
    color: #3399ff; }
  .button-link::after {
    border: 6px solid transparent;
    border-left-color: #020f9a;
    border-top-width: 4px;
    border-bottom-width: 4px;
    content: " ";
    display: block;
    position: absolute;
    right: 12px;
    top: 22px; }
	
	
	
	.button-link_blank {
  background-color: #fff;
  background-image: -moz-linear-gradient(90deg, #f8f8f8 0%, white 100%);
  background-image: -webkit-linear-gradient(90deg, #f8f8f8 0%, white 100%);
  background-image: -ms-linear-gradient(90deg, #f8f8f8 0%, white 100%);
  border: 1px solid #e3e3e3;
  border-radius: 78px;
  color: #3399ff;
  display: inline-block;
  font-size: 16px;
  line-height: 1em;
  padding: 18px 0;
  position: relative;
  text-align: center;
  width: 212px; }
  .button-link_blank:link {
    color: #3399ff; }
  .button-link_blank::after {
	content: '';
    display: block;
    width: 18.59375px;
    height: 14px;
    background-image: url("/cmn/common-2016/svg/svgsprite.svg");
    background-repeat: no-repeat;
    background-position: -20.78125px -16.1875px;
    background-size: 591.17647% 654.6875%;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
	
	
	
	

.external::after {
  background: url("../images/icon-external.png") no-repeat;
  content: " ";
  display: inline-block;
  height: 13px;
  margin-left: 5px;
  width: 18px; }

.footer-link {
  font-size: 12px;
  line-height: 16px; }
  .footer-link, .footer-link:focus, .footer-link:hover, .footer-link:active, .footer-link:visited {
    color: #3399ff; }

.footer-link-list {
  margin: 0 auto;
  overflow: hidden;
  padding: 25px 0;
  width: 300px; }

.footer-link-item {
  box-sizing: border-box;
  float: left;
  padding: 0 10px;
  text-align: right;
  width: 50%; }
  .footer-link-item:nth-child(2n+1) {
    border-left: 1px solid #e3e3e3;
    float: right;
    text-align: left; }

.menu-icon {
  height: 32px;
  margin-right: 10px;
  width: 32px;
  vertical-align: middle; }

.menu-link-list {
  background-color: #f0f0f0; }

.menu-link-item.small {
  display: table;
  margin: 0 auto;
  width: 300px; }

.panel-links {
  margin-top: -15px; }

.panel-link {
  border-bottom: 1px solid #e3e3e3;
  box-sizing: border-box;
  color: #3399ff;
  display: block;
  font-size: 14px;
  margin: 0 auto;
  max-width: 300px;
  position: relative;
  padding: 20px 20px 20px 0; }
  .panel-link::after {
    border: 6px solid transparent;
    border-left-color: #020f9a;
    border-top-width: 4px;
    border-bottom-width: 4px;
    bottom: 0;
    content: " ";
    display: block;
    height: 0;
    margin: auto 0;
    position: absolute;
    right: 0px;
    top: 0; }
  .small .panel-link {
    display: table-cell;
    height: 72px;
    vertical-align: middle;
    width: 50%; }
    .small .panel-link:nth-child(2n) {
      border-left: 1px solid #e3e3e3;
      padding-left: 10px; }

.tab-link {
  background: #000;
  border-radius: 36px;
  height: 72px;
  opacity: .2;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  width: 72px;
  z-index: 15; }
  .tab-link::before {
    border: 12px solid transparent;
    border-top-color: #fff;
    border-left-width: 14px;
    border-right-width: 14px;
    content: " ";
    display: block;
    left: 22px;
    position: absolute;
    top: 32px; }
  .tab-link::after {
    border: 8px solid transparent;
    border-top-color: #000;
    border-left-width: 10px;
    border-right-width: 10px;
    content: " ";
    display: block;
    left: 26px;
    position: absolute;
    top: 32px; }
  .tab-link:hover {
    opacity: .1; }

.totop-link {
  left: auto;
  margin-top: -36px;
  position: fixed;
  right: 20px;
  top: 91%; }
  .totop-link::before {
    border-bottom-color: #fff;
    border-top-color: transparent;
    top: 18px; }
  .totop-link::after {
    border-bottom-color: #000;
    border-top-color: transparent;
    top: 26px; }

a, a:visited {
  text-decoration: none; }

a:hover, a:focus {
  text-decoration: underline; }

.thumb-list {
  margin: 0 auto 48px;
  overflow: hidden;
  width: 960px; }

.brand_thumb-list {
  margin: 0 auto 48px;
  overflow: hidden;
  width: 875px; }
  
.thumb-item {
  float: left;
  height: 55px;
  line-height: 55px;
  padding: 0 17px;
  text-align: center;
  vertical-align: middle; }

.thumb {
  vertical-align: middle !important; }

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.bg-blue {
  background: #020f9a;
  margin-bottom: 50px;
  margin-top: -119px;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  .bg-blue.large {
    padding: 195px 0 108px; }
  .bg-blue.small {
    padding: 131px 0 117px; }
  .bg-blue.lite {
    margin-top: 0;
    padding: 20px 0 24px; }

.bg-end {
  left: 50%;
  margin-left: -720px;
  position: absolute;
  width: 1440px; }

.bg-swoop {
  background: url("../images/bg-swoop.png") no-repeat;
  height: 131px;
  top: 0; }

.bg-swoop-shadow {
  background: url("../images/bg-swoop-shadow.png") no-repeat;
  height: 117px;
  bottom: 0; }

.bg-swoosh {
  background: url("../images/bg-swoosh.png") no-repeat;
  height: 210px;
  top: 0; }

.bg-swoosh-shadow {
  background: url("../images/bg-swoosh-shadow.png") no-repeat;
  height: 108px;
  bottom: 0; }

.bg-swoosh-lite {
  background: url("../images/brandsite/bg-swoosh-lite.png") no-repeat;
  height: 102px;
  bottom: 0; }

hr {
  border: 0;
  height: 8px;
  margin: 15px auto 45px;
  width: 948px; }
  hr.white {
    background: url("../images/hr-white.png") no-repeat; }
  hr.blue {
    background: url("../images/hr-blue.png") no-repeat; }

.banner-caption {
  color: #fff;
  font-size: 14px;
  line-height: 20px; }
  
  .banner-caption.play::after {
    background: url("../images/icon-play.png");
    content: " ";
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px; }
  .white .banner-caption {
    color: #333; }
  .banner-caption.blue {
    color: #3399ff; }
  a:hover .banner-caption {
    text-decoration: underline; }
	
	.banner-caption.blank_icon::after {
    content: '';
    display: inline-block;
    width: 18.59375px;
    height: 14px;
    background-image: url("/cmn/common-2016/svg/svgsprite.svg");
    background-repeat: no-repeat;
    background-position: -1.09375px -16.1875px;
    background-size: 591.17647% 654.6875%;
    vertical-align: text-top;
    margin-left: 8px;}
	

.banner-list {
  margin: 0 auto 36px;
  overflow: hidden;
  width: 950px; }

.banner-image {
  margin-bottom: 20px; }

.banner-item {
  float: left;
  margin-right: 10px;
  width: 230px; }
  .banner-item:nth-child(4n) {
    margin-right: 0; }
  .banner-item a:hover {
    text-decoration: none; }
  .wide .banner-item {
    width: 310px; }
    .wide .banner-item:nth-child(4n) {
      margin-right: 10px; }
    .wide .banner-item:nth-child(3n) {
      margin-right: 0; }
  .multiline .banner-item {
    margin-bottom: 40px; }
    .multiline .banner-item:nth-child(4n+1) {
      clear: left; }
  .multiline.wide .banner-item:nth-child(4n+1) {
    clear: none; }
  .multiline.wide .banner-item:nth-child(3n+1) {
    clear: left; }

.banner-item-link, .banner-item-link:visited, .banner-item-link:focus, .banner-item-link:active, .banner-item-link:hover {
  color: #fff !important;
  text-decoration: none !important; }

.banner-item-link:hover {
  text-decoration: underline !important; }

.banner-product-brand {
  display: block;
  height: 40px; }

.banner-title {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center; }
  a:hover .banner-title {
    text-decoration: underline; }
  .white .banner-title {
    color: #3399ff;
    margin-bottom: 1em; }

.carousel {
  position: relative;
  z-index: 2; }

.carousel-img {
  display: block;
  left: 0;
  margin: 0 auto;
  max-width: 1440px;
  opacity: 1;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  width: 100%;
  z-index: 1; }
  .carousel-img.preload {
    opacity: 0;
    position: absolute;
    z-index: 2; }
  .carousel-img.current {
    opacity: 1;
    z-index: 3; }
  .carousel-img img {
    height: auto !important;
    max-width: 100%;
    width: auto !important; }

.carousel-img-wrap {
  max-width: 100%;
  overflow: hidden;
  position: relative; }

.carousel-thumb {
  display: block; }
  .current .carousel-thumb {
    opacity: .49; }

.carousel-thumb-img {
  display: block; }

.carousel-thumb-item {
  float: left;
  margin-left: 5px;
  overflow: hidden;
  position: relative; }
  .carousel-thumb-item:first-child {
    margin-left: 0; }
  .carousel-thumb-item.current {
    background-color: #fff; }
    .carousel-thumb-item.current::before {
      border: 2px solid #3399ff;
      box-sizing: border-box;
      content: " ";
      display: block;
      height: 100%;
      position: absolute;
      width: 100%; }

.carousel-thumb-list {
  margin: 0 auto;
  overflow: hidden;
  padding: 10px;
  width: 949px; }

.communications {
  margin: 0 auto;
  overflow: hidden;
  width: 950px; }

.shop-link {
  display: inline-block;
  margin-bottom: 40px; }

.shop-wrap {
  text-align: center; }

.sns-link-item {
  float: left;
  margin-bottom: 40px;
  text-align: center;
  width: 20%; }

.sns-link-list {
  overflow: hidden; }

.sns-wrap {
  float: left;
  width: 680px; }

/* 飲料ショップ削除対応 */
.sns-wrap_cad {
  float: none; }

.shop-wrap {
  border-left: 1px solid #e3e3e3;
  box-sizing: border-box;
  float: right;
  width: 270px; }

.indicator-item {
  margin-bottom: 13px;
  position: relative; }

.indicator-link {
  border: 5px solid #e3e3e3;
  border-radius: 10px;
  cursor: pointer;
  display: block;
  height: 0;
  width: 0; }
  .indicator-link.current {
    border-color: #3399ff; }

.indicator-list {
  bottom: 60px;
  height: 217px;
  margin: auto 0;
  position: fixed;
  right: 52px;
  top: 0;
  width: 10px;
  z-index: 50; }

.indicator-tooltip {
  background: #3399ff;
  border-radius: 5px;
  bottom: 15px;
  color: #fff;
  font-size: 14px;
  display: none;
  line-height: 20px;
  margin-right: 10px;
  min-width: 80px;
  padding: 10px;
  position: absolute;
  right: 100%;
  text-align: center; }
  .indicator-tooltip::after {
    background: url("../images/tooltip.png") no-repeat;
    content: " ";
    display: block;
    height: 9px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 18px; }
  .indicator-link:hover + .indicator-tooltip {
    display: inline-block; }

.js-next-link {
  cursor: pointer;
  position: absolute; }
  .js-next-link.stuck {
    position: fixed;
    margin-top: -36px;
    top: 91% !important; }

.apc {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0; }

.center {
  text-align: center; }

.content-group {
  margin-top: 60px; }

.content-section.white {
  padding-bottom: 20px;
  position: relative;
  z-index: 2; }

.page-wrap {
  margin: 0 auto;
  max-width: 1440px; }

#asdContainer, #asdContent, #asdArticle {
  margin: 0 auto;
  max-width: none;
  min-width: 950px;
  width: auto !important; }

#asdFooter, #asdHeader, #global {
  max-width: 950px;
  margin-left: auto !important;
  margin-right: auto !important; }

#asdFooter {
  text-align: left; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fallback {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-ms-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fallback {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fallback {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-ms-keyframes fade {
  0% {
    background-color: #fff; }
  100% {
    background-color: #020f9a; } }

@-webkit-keyframes fade {
  0% {
    background-color: #fff; }
  100% {
    background-color: #020f9a; } }

@keyframes fade {
  0% {
    background-color: #fff; }
  100% {
    background-color: #020f9a; } }

.circularG-text {
  color: #fff;
  display: inline-block;
  margin-left: -11px;
  text-align: center;
  width: 80px;
  -webkit-animation-name: fallback;
  -webkit-animation-duration: .01s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-name: fallback;
  -ms-animation-duration: .01s;
  -ms-animation-iteration-count: 1;
  -ms-animation-fill-mode: forwards;
  animation-name: fallback;
  animation-duration: .01s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

.circularG-inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0;
  -webkit-animation-name: show;
  -webkit-animation-duration: .01s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-name: show;
  -ms-animation-duration: .01s;
  -ms-animation-iteration-count: 1;
  -ms-animation-fill-mode: forwards;
  animation-name: show;
  animation-duration: .01s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

#circularG {
  position: relative;
  width: 125px;
  height: 125px;
  margin: auto;
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transform: scale(0.6); }

.circularG {
  position: absolute;
  background-color: #020f9a;
  height: 22px;
  width: 22px;
  border-radius: 12px;
  -ms-animation-name: fade;
  -ms-animation-duration: 1.2s;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.2s;
  -webkit-animation-iteration-count: infinite;
  animation-name: fade;
  animation-duration: 1.2s;
  animation-iteration-count: infinite; }

#circularG_1 {
  left: 0;
  top: 51px;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s; }

#circularG_2 {
  left: 15px;
  top: 15px;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

#circularG_3 {
  left: 51px;
  top: 0;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s; }

#circularG_4 {
  right: 15px;
  top: 15px;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s; }

#circularG_5 {
  right: 0;
  top: 51px;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  animation-delay: 1.05s; }

#circularG_6 {
  right: 15px;
  bottom: 15px;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s; }

#circularG_7 {
  left: 51px;
  bottom: 0;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  animation-delay: 1.35s; }

#circularG_8 {
  left: 15px;
  bottom: 15px;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s; }

.press-release-content {
  color: #3399ff; }
  .press-release-content a, .press-release-content a:hover, .press-release-content a:visited, .press-release-content a:active, .press-release-content a:focus {
    color: #3399ff;
    padding: 0 10px; }

.press-release-item {
  font-size: 14px;
  line-height: 32px;
  overflow: hidden; }

.press-releases {
  margin: 0 auto 40px;
  width: 950px; }

.press-release-list {
  max-width: 100%; }

.press-release-tag {
  color: #5b6097;
  padding: 0 10px;
  text-align: right; }
  .press-release-tag::before {
    content: "【"; }
  .press-release-tag::after {
    content: "】"; }

.product-overview-banner:first-child {
  margin-bottom: 10px; }

.product-overview-caption {
  color: #222;
  font-size: 14px;
  line-height: 20px;
  text-align: center; }
  a:hover .product-overview-caption {
    text-decoration: none; }

.product-overview-image {
  bottom: 0;
  display: block;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0; }

.product-overview-image-wrap {
  height: 112px;
  margin-bottom: 68px;
  position: relative;
  text-align: center; }
  .product-overview-image-wrap.special::after {
    border: 1px solid #e71635;
    border-radius: 3px;
    color: #e71635;
    content: "特定保健用食品";
    display: inline-block;
    font-size: 12px;
    line-height: 1em;
    padding: 4px 10px;
    position: relative;
    text-align: center;
    top: 144px; }
  .product-overview-image-wrap.special02::after {
    border: 1px solid #e71635;
    border-radius: 3px;
    color: #e71635;
    content: "機能性表示食品";
    display: inline-block;
    font-size: 12px;
    line-height: 1em;
    padding: 4px 10px;
    position: relative;
    text-align: center;
    top: 144px; }

.product-overview-item {
  float: left;
  width: 170px; }
  .product-overview-item:last-child {
    width: 230px; }
  .product-overview-item a {
    text-decoration: none !important; }

.product-overview-list {
  margin: 0 auto;
  overflow: hidden;
  width: 950px; }

.product-overview-text-wrap {
  padding: 0 10px; }

.product-overview-title {
  color: #3399ff;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 1em;
  min-height: 40px;
  text-align: center; }
  a:hover .product-overview-title {
    text-decoration: underline; }

@-webkit-keyframes thumb {
  0% {
    -webkit-transform: rotate(0deg) scale(1.2); }
  25% {
    -webkit-transform: rotate(12deg) scale(1.2); }
  50% {
    -webkit-transform: rotate(0deg) scale(1.2); }
  75% {
    -webkit-transform: rotate(-12deg) scale(1.2); }
  100% {
    -webkit-transform: rotate(0deg) scale(1.2); } }

@keyframes thumb {
  0% {
    transform: rotate(0deg) scale(1.2); }
  25% {
    transform: rotate(12deg) scale(1.2); }
  50% {
    transform: rotate(0deg) scale(1.2); }
  75% {
    transform: rotate(-12deg) scale(1.2); }
  100% {
    transform: rotate(0deg) scale(1.2); } }

#NewShopItem {
  margin: 0 auto 40px;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center;
  width: 950px; }
  #NewShopItem .date {
    border: 0;
    color: #fff;
    font-size: 14px;
    display: block;
    left: 0;
    margin: 0 auto;
    right: 0;
    position: absolute;
    top: 180px; }
    #NewShopItem .date::before {
      content: "【 "; }
    #NewShopItem .date::after {
      content: " 】"; }
    #NewShopItem .date .new {
      display: none; }
  #NewShopItem .productsList {
    display: inline-block;
    height: 265px;
    width: auto; }
  #NewShopItem .productImg {
    background-color: #fff;
    border-radius: 400px;
    box-sizing: border-box;
    display: block;
    height: 160px !important;
    margin: 0 auto 42px;
    position: relative;
    top: 0;
    width: 160px; }
    #NewShopItem .productImg table {
      table-layout: fixed; }
    #NewShopItem .productImg tbody, #NewShopItem .productImg tr, #NewShopItem .productImg td {
      display: block;
      text-align: center;
      height: 160px;
      width: 160px; }
      #NewShopItem .productImg tbody a, #NewShopItem .productImg tr a, #NewShopItem .productImg td a {
        display: inline-block;
        outline: none;
        padding-top: 25px; }
        #NewShopItem .productImg tbody a img, #NewShopItem .productImg tr a img, #NewShopItem .productImg td a img {
          -webkit-transition: all .2s ease;
          transition: all .2s ease;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          top: 0;
          margin: auto; }
          #NewShopItem .productImg tbody a img:hover, #NewShopItem .productImg tr a img:hover, #NewShopItem .productImg td a img:hover {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            -webkit-animation-name: thumb;
            -webkit-animation-duration: 200ms;
            -webkit-transform-origin: 50% 50%;
            -webkit-animation-iteration-count: 2;
            -webkit-animation-timing-function: linear;
            animation-name: thumb;
            animation-duration: 200ms;
            transform-origin: 50% 50%;
            animation-iteration-count: 2;
            animation-timing-function: linear; }
  #NewShopItem .productsList.col4 .productName {
    text-align: center; }
    #NewShopItem .productsList.col4 .productName a {
      color: #fff !important;
      font-size: 14px;
      font-weight: normal;
      line-height: 20px; }
  #NewShopItem .productsList.col4 li.top {
    box-sizing: border-box;
    float: left;
    margin: 0 !important;
    padding: 10px;
    position: relative;
    width: 190px; }

.product-promo-image-wrap {
  position: absolute; }

.resources-item {
  margin-bottom: 1em;
  padding-left: 14px;
  position: relative; }
  .resources-item:last-child {
    margin-bottom: 0; }

.resources-link {
  color: #3399ff; }
  .resources-link:visited, .resources-link:hover, .resources-link:focus, .resources-link:active, .resources-link:link {
    color: #3399ff; }
  .resources-link::before {
    border: 6px solid transparent;
    border-left-color: #020f9a;
    border-top-width: 4px;
    border-bottom-width: 4px;
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    top: 10px; }
  .resources-link.big {
    font-size: 18px; }

.resources-wrap {
  background: #e3e3e3;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 32px;
  margin: 0 auto;
  max-width: 950px;
  padding: 1.5em; }

.updates-wrap {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 20px auto 50px;
  padding-left: 186px;
  position: relative;
  width: 950px; }

.update-item {
  background: #020f9a;
  color: #fff;
  font-size: 14px;
  overflow: hidden; }
  .update-item * {
    display: block;
    float: left; }
  .update-item:first-child {
    border-radius: 0 5px 0 0; }
  .update-item:last-child {
    border-radius: 0 0 5px 0; }
  .update-single {
    border-radius: 0 5px 5px 0 !important; }
	
.update-content, .update-date {
  color: #fff;
  padding: 10px; }
  .update-item:first-child .update-content, .update-item:first-child .update-date {
    padding-top: 20px; }
  .update-item:last-child .update-content, .update-item:last-child .update-date {
    padding-bottom: 20px; }
  a:hover .update-content, a:hover .update-date {
    text-decoration: none; }

a:hover .update-content {
  text-decoration: underline; }

.update-stub {
  bottom: 0;
  color: #020f9a;
  display: block;
  height: 14px;
  left: 0;
  margin: auto 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 186px; }


/*Top Campaign CM*/
.campaignList .banner-image{
	width:230px;
	height:144px;
}

.cmList .banner-image{
	width:230px;
	height:130px;
}

/*Brand Site List*/
.brandSiteList .banner-image {
	width:230px;
	height:144px;
}

.brandSiteList .wide .banner-image {
	width:310px;
	height:194px;
}

.chad_pc_display_none {
	display:none;
}