@charset "utf-8";
/*==========================================================================
 common css
 ========================================================================== */
main .imgRep {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}
main .inlineWrap {
  font-size: 0;
  letter-spacing: 0;
}
main .br { display: block; }
main .split { display: inline-block; }
main .fontBold { font-weight: bold; }
main .fontRed { color: #f00; }
main :hover { opacity: 1.0; }


/*==========================================================================
 keyvisual css
 ========================================================================== */
main { padding: 0 0 2.2%; }
main .keyvisual { margin-bottom: 2.98%; }
main .mv.imgRep {
  height: 499px;
  margin: 0;
  padding: 0;
  background-image: url(/special/xmas2015/img/mv.jpg);
  background-size: auto 100%;
  background-color: #4e060a;
}
main h1 { background: transparent; }
main .keyvisual .imgWrap { background: #BCB04B; }


@media screen and (max-width: 959px) {
  main .mv.imgRep {
    height: 0;
    padding: 0 0 51.9791%; /* 960px:499px=100:X */
  }
}


/*==========================================================================
 omedeto css
 ========================================================================== */
main #omedeto {
  max-width: 960px;
  margin: 0 auto;
}
main h2 { margin-bottom: 3.1%; }
main .contWrap { margin-bottom: 5.2%; }
main .times { margin-bottom: 3.12%; }
main p {
  width: 86%;
  max-width: 800px;
  margin: 0 auto 2.5%;
  text-align: left;
  font-size: 18px;
}
main .contWrap img:not(.times):not(:last-of-type) { margin-bottom: 2%; }


@media screen and (max-width: 767px) {
  main p { font-size: 16px }
}


@media screen and (max-width: 583px) {
  main p { font-size: 14px }
}


/*==========================================================================
 sns css
 ========================================================================== */
div.cf.mb30 {
  width: 94%;
  max-width: 901px;
  margin: 0 auto;
  text-align: right;
}


@media screen and (max-width: 767px) {
  div.share_box {
    background: #fff;
    width: auto;
    border: 1px #dcdcdc solid;
    padding: 10px 12px 5px;
  }
  div.share_googleplus, div.share_facebook, div.share_twitter {
    float: left;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
  }
  div.share_googleplus, div.share_facebook { margin-bottom: 0; }
}


@media screen and (max-width: 479px) {
  div.cf.mb30 { text-align: center; }
}