@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
@font-face {
  font-family: 'oswaldregular';
  src: url("font/oswald-regular-webfont.eot");
  src: url("font/oswald-regular-webfont.eot?#iefix") format("embedded-opentype"), url("font/oswald-regular-webfont.woff") format("woff"), url("font/oswald-regular-webfont.ttf") format("truetype"), url("font/oswald-regular-webfont.svg#oswaldregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'oswaldlight';
  src: url("font/oswald-light-webfont.eot");
  src: url("font/oswald-light-webfont.eot?#iefix") format("embedded-opentype"), url("font/oswald-light-webfont.woff") format("woff"), url("font/oswald-light-webfont.ttf") format("truetype"), url("font/oswald-light-webfont.svg#oswaldregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NotoSansJP-Bold';
  src: url("../font/NotoSansJP-Bold.eot");
  src: url("../font/NotoSansJP-Bold.eot?iefix") format("eot"), url("../font/NotoSansJP-Bold.woff") format("woff");
}
@font-face {
  font-family: 'NotoSansJP-Medium';
  src: url("../font/NotoSansJP-Medium.eot");
  src: url("../font/NotoSansJP-Medium.eot?iefix") format("eot"), url("../font/NotoSansJP-Medium.woff") format("woff");
}
@font-face {
  font-family: 'NotoSansJP-Regular';
  src: url("../font/NotoSansJP-Regular.eot");
  src: url("../font/NotoSansJP-Regular.eot?iefix") format("eot"), url("../font/NotoSansJP-Regular.woff") format("woff");
}
@font-face {
  font-family: 'NotoSansJP-DemiLight';
  src: url("../font/NotoSansJP-DemiLight.eot");
  src: url("../font/NotoSansJP-DemiLight.eot?iefix") format("eot"), url("../font/NotoSansJP-DemiLight.woff") format("woff");
}
@font-face {
  font-family: 'NotoSansJP-Light';
  src: url("../font/NotoSansJP-Light.eot");
  src: url("../font/NotoSansJP-Light.eot?iefix") format("eot"), url("../font/NotoSansJP-Light.woff") format("woff");
}
@font-face {
  font-family: 'NotoSansJP-Thin-Windows';
  src: url("../font/NotoSansJP-Thin-Windows.eot");
  src: url("../font/NotoSansJP-Thin-Windows.eot?iefix") format("eot"), url("../font/NotoSansJP-Thin-Windows.woff") format("woff");
}
/*コラボレーション*/
#pointcard_con {
  width: 768px;
  background-color: #FFFFFF;
  padding-bottom: 30px;
}
#pointcard_con p {
  line-height: 1.6;
  font-size: 12px;
}
#pointcard_con a {
  color: #2685C3;
  text-decoration: underline;
}
#pointcard_con a:hover {
  color: #2685C3;
  text-decoration: none;
}
#pointcard_con #pointcard_main_img {
  background-image: url(https://www.orihica.com/pointcard/img/pc_main_img.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  height: 318px;
  width: 768px;
}
#pointcard_con #pointcard_main_img h2 {
  padding-left: 458px;
  padding-top: 222px;
}
#pointcard_con #pointcard_area {
  width: 710px;
  margin: 0 auto;
  background-image: url(https://www.orihica.com/pointcard/img/pc_con_line.gif);
  background-repeat: repeat-y;
  background-position: center top;
}
#pointcard_con #pointcard_larea {
  float: left;
  width: 325px;
}
#pointcard_con #pointcard_rarea {
  float: right;
  width: 325px;
}
#pointcard_con #pointcard_area li {
  width: 325px;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 32px;
  margin-bottom: 15px;
}
#pointcard_con #pointcard_area h3 {
  width: 305px;
  padding-left: 22px;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}
#pointcard_con #pointcard_area p {
  width: 305px;
  padding-left: 22px;
  font-size: 98%;
}
#pointcard_con #pointcard_area .pc_ai1 {
  background-image: url(https://www.orihica.com/pointcard/img/pc_ai1.gif);
  background-repeat: no-repeat;
  background-position: left 1px;
}
#pointcard_con #pointcard_area .pc_ai2 {
  background-image: url(https://www.orihica.com/pointcard/img/pc_ai2.gif);
  background-repeat: no-repeat;
  background-position: left 1px;
}
#pointcard_con #pointcard_area .pc_ai3 {
  background-image: url(https://www.orihica.com/pointcard/img/pc_ai3.gif);
  background-repeat: no-repeat;
  background-position: left 1px;
}
#pointcard_con #pointcard_area .pc_ai4 {
  background-image: url(https://www.orihica.com/pointcard/img/pc_ai4.gif);
  background-repeat: no-repeat;
  background-position: left 1px;
}
#pointcard_con #pointcard_area .pc_ai5 {
  background-image: url(https://www.orihica.com/pointcard/img/pc_ai5.gif);
  background-repeat: no-repeat;
  background-position: left 1px;
}
#pointcard_con #pointcard_area .pc_ai6 {
  background-image: url(https://www.orihica.com/pointcard/img/pc_ai6.gif);
  background-repeat: no-repeat;
  background-position: left 1px;
}

.linkTX {
  padding-left: 22px;
}
.linkTX .ic01 {
  display: inline-block;
  padding-right: 4px;
}

.infoArea {
  margin: 0 auto 20px;
  width: 710px;
}
.infoArea .linkTX {
  padding-left: 0;
}

.detailArea {
  margin: 0 auto 20px;
  width: 710px;
}

/*renewal.php*/
#pointrenewal_area {
  width: 710px;
  margin: 0 auto 23px;
}
#pointrenewal_area h2.heading01 {
  margin: 60px 0 20px 0;
  padding-bottom: 24px;
  background: url(https://www.orihica.com/pointcard/img/pc_renewal_bg01.gif) repeat-x 0 bottom;
}

.pageTop {
  clear: both;
  text-align: right;
  margin-right: 10px;
}

.pt20 {
  padding-top: 20px !important;
}

.pl43 {
  padding-left: 43px !important;
}

/*agreement.php*/
#pointagreement_area {
  width: 710px;
  margin: 0 auto 23px;
}
#pointagreement_area p {
  line-height: 1.6;
  font-size: 12px;
}
#pointagreement_area li {
  line-height: 1.6;
  font-size: 14px;
}
#pointagreement_area .inner li {
  font-size: 12px;
}
#pointagreement_area .list > li {
  font-size: 14px;
  margin-top: 17px;
}
#pointagreement_area .inner {
  margin-top: -4px;
  font-size: 12px;
  padding-left: 47px;
}
#pointagreement_area .inner ol {
  text-indent: -29px;
}
#pointagreement_area .inner ol li .num {
  margin-right: -4px;
}

.mt37 {
  margin-top: 37px !important;
}

.pt28 {
  padding-top: 28px !important;
}

.ov a:hover img {
  -ms-filter: "alpha(opacity=80)";
  /* ie 8 */
  filter: alpha(opacity=80);
  /* ie lt 8 */
  -moz-opacity: 0.8;
  /* FF lt 1.5, Netscape */
  opacity: 0.8;
  zoom: 1;
}

.companyInfo {
  font-size: 12px;
  margin: 35px 0 0;
  line-height: 1.5;
}

.dateInfo {
  margin-top: 50px;
  font-size: 12px;
}

.membersChangeArea {
  margin-bottom: 64px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.membersChangeArea_bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.membersChangeArea_title {
  padding: 40px 0 20px;
}
.membersChangeArea_title + a {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  cursor: pointer;
}
.membersChangeArea_title + a:hover {
  opacity: .6;
}