@charset "UTF-8";
/* -------------------------------------------
  extend
------------------------------------------- */
.home-news p,
.home-special p {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}

/* -------------------------------------------
  home
------------------------------------------- */
/* common
----------------------------------- */
.page-home .content header {
  overflow: hidden;
}

.home-entry .label,
.home-campaign .label {
  width: 100px;
}


/* SNS
----------------------------------- */
.home-sns {
  padding: 50px 59px 44px;
  border-bottom: 1px solid #ccc;
  background: #fff url(/images/home/sns_bg.gif) no-repeat;
}
.home-sns-header {
  margin-bottom: 17px;
}
.home-sns-header img {
  display: block;
}
.home-sns ul {
  list-style-type: none;
}
.home-sns li {
  width: 245px;
}
.home-sns li.fb {
  float: left;
}
.home-sns li.tw {
  float: right;
}


/* news,special,privilege 共通
----------------------------------- */
.home-news,
.home-special,
.home-privilege {
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.home-news header,
.home-special header,
.home-privilege header {
  background: url(../images/common/dot_yellow.png) 0 bottom repeat-x;
}
.home-news .title,
.home-special .title,
.home-privilege .title {
  padding-top: 10px;
  padding-bottom: 10px;
}

.home-news .link-more {
  display: block;
  margin: -30px 0 10px auto;
}
.home-news ul {
  overflow-y: scroll;
  height: 180px;
  padding: 0 10px 20px 20px;
}
.home-special ul {
  padding: 0 20px 20px;
}
.home-news ul a,
.home-special ul a {
  color: #000;
}
.home-news ul a:hover,
.home-special ul a:hover {
  text-decoration: underline;
}
.home-news li,
.home-special li {
  list-style: none;
  padding: 1em 5px;
  border-bottom: 1px dotted #f3608a;
}
.home-news dl,
.home-special dl {
  margin: 0;
  font-size: 14px;
}
.home-news dt, .home-news dd,
.home-special dt, .home-special dd {
  display: inline;
}
.home-news dd,
.home-special dd {
  margin-left: 0;
}
.home-news p,
.home-special p {
  width: 360px;
  vertical-align: top;
}
.home-news .label,
.home-special .label {
  margin: -2px 20px 0 20px;
  width: 80px;
}

.home-privilege ul {
  display: table;
  margin: 20px 0;
}
.home-privilege li {
  position: relative;
  display: table-cell;
  list-style: none;
  width: 206px;
  height: 178px;
  text-align: center;
  vertical-align: middle;
}
.home-privilege li + li {
  border-left: 1px dotted #ffba00;
}
.home-privilege img {
  margin-bottom: 5px;
}
.home-privilege p {
  padding: 0 18px;
  font-size: 14px;
  text-align: left;
}

/* entry,campaign 共通
----------------------------------- */
.home-entry-header,
.home-campaign-header,
.home-result-header {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #fff;
}

.home-entry-header {
  border-bottom: 1px solid #f3608a;
}

.home-campaign-header {
  border-bottom: 1px solid #ffb400;
}

.home-result-header {
  border-bottom: 1px solid #ffb400;
}

.home-card-list {
  overflow: hidden;
  margin-left: -10px;
}
.home-result-list {
  overflow: hidden;
  margin-left: -20px;
}

.home-card-item {
  float: left;
  position: relative;
  margin: 0 0 10px 10px;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.home-card-item > a {
  display: block;
  width: 180px;
  height: 260px;
  padding: 10px;
  color: #000;
  transition: all .25s ease;
}
.home-card-item > a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.home-card-item h1 {
  margin: 5px 0;
  overflow: hidden;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
}
.home-card-item .image {
  position: relative;
  z-index: 1;
  width: 180px;
  height: 180px;
}
.home-card-item .image img {
  width: 100%;
}
.home-card-item .label {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
}
.home-card-item .point-label {
  position: absolute;
  bottom: 12px;
  font-size: 12px;
}
.home-card-item .icon-gatya {
  position: absolute;
  left: 12px;
  bottom: 8px;
}
.home-result-list a {
display: inline-block;
float: left;
margin-left: 20px;
margin-bottom: 20px;
}


/* history
----------------------------------- */
.myhistory {
  width: 920px;
  margin: 20px auto 0;
  padding: 20px;
  border: 20px solid #ededed;
  border-top: 0;
  border-bottom: 0;
  background-color: #fff;
}
.myhistory .title {
  display: table-cell;
  width: 164px;
  line-height: 1;
  vertical-align: middle;
}
.myhistory .bar-more {
  margin-top: 20px;
}

.myhistory-header {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

.myhistory-nav {
  display: table-cell;
  float: left;
  width: 735px;
}
.myhistory-nav li {
  float: left;
  list-style: none;
  width: 119px;
  border: 1px solid #ccc;
  border-left: 0;
  text-align: center;
  cursor: pointer;
}
.myhistory-nav li:first-child {
  border-left: 1px solid #ccc;
}
.myhistory-nav li:last-child {
  float: right;
  border-left: 1px solid #ccc;
}
.myhistory-nav a {
  display: block;
  width: 119px;
  padding: 8px 0;
  background-color: #fff;
  color: #222;
  font-size: 14px;
  cursor: pointer;
}

.myhistory-nav a:hover,
.myhistory-nav .current {
  color: #fff;
  background-color: #ffcc00;
}

.ie8 .myhistory-nav li:first-child + * + * + * + * + * {
  float: right;
  border-left: 1px solid #ccc;
}

.myhistory-content {
  padding: 20px;
  border: 1px solid #ccc;
}
.myhistory-content table {
  width: 100%;
}
.myhistory-content tr {
  border-bottom: 1px dotted #aaa;
}
.myhistory-content th, .myhistory-content td {
  padding: 10px;
  color: #333;
  font-size: 14px;
  text-align: left;
}
.myhistory-content td {
  clear: both;
}
.myhistory-content td a {
  color: #ee9200;
}
.myhistory-content td a:hover {
  text-decoration: underline;
}
.myhistory-content td:first-child {
  width: 110px;
}
.myhistory-content p {
  line-height: 1.3;
}
.myhistory-content .label {
  display: block;
  width: 90px;
  margin-bottom: 4px;
  background-color: #676767;
  color: #fff;
  font-size: 10px;
}
.myhistory-content .image {
  display: table-cell;
  width: 60px;
  vertical-align: middle;
}
.myhistory-content .image span {
  display: block;
  width: 58px;
  height: 58px;
  border: 1px solid #aaa;
}
.myhistory-content .image img {
  width: 100%;
}
.myhistory-content .image + p {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}
.myhistory-content .elected {
  width: 240px;
}
.myhistory-content .elected span {
  font-size: 12px;
}
.myhistory-content .elected a {
  display: block;
  width: 240px;
  word-wrap: break-word;
}
.myhistory-content.hide-content {
  display: none;
}
.myhistory-content + .pagination {
  margin-top: 20px;
}

.myhistory-mnt .image + p,
.myhistory-event .image + p {
  width: 230px;
}

.myhistory-recipe .recipe-theme {
  width: 365px;
}
.myhistory-recipe .image + p {
  width: 250px;
}

.myhistory-movie .image + p,
.myhistory-point .image + p {
  width: 430px;
}