@charset "utf-8";
/*
-------------------------------------------------- */
/* ========================================
desktop
======================================== */
/*
-------------------------------------------------- */
/* comparison
-------------------------------------------------- */
#comparison {
  padding: 20px 0;
}
#comparison * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.comparison-heading, #comparison .comparison-table th[scope="col"] {
  font-family: "ヒラギノ明朝 Pro", "ヒラギノ明朝 ProN", "Hiragino Mincho Pro", "小塚明朝 Pro", "Kozuka Mincho Pro", "游明朝", YuMincho, "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "serif";
}
.comparison-heading {
  color: #696655;
  font-size: 36px;
  font-weight: 700;
  margin: 0 0 20px;
  text-align: center;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
#comparison .comparison-table th, #comparison .comparison-table td {
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  font-size: 16px;
  height: 65px;
  padding: 10px;
  width: 15%;
}
#comparison .comparison-table th {
  color: #FFF;
}
#comparison .comparison-table td {
  text-align: center;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
#comparison .comparison-table th[scope="row"] {
  background: #333;
  font-weight: normal;
  width: 25%;
}
#comparison .comparison-table th[scope="row"] a {
  color: #FFF;
  position: relative;
  text-decoration: none;
}
#comparison .comparison-table th[scope="row"] a:hover {
  color: #FFFF00;
  filter: alpha(opacity=100);
  opacity: 1.0;
}
#comparison .comparison-table th[scope="row"] a.pt-tip:hover {
  color: #FFF;
}
#comparison .comparison-table th[scope="row"] a .pt-tooltip {
  display: none;
}
#comparison .comparison-table th[scope="row"] a:hover .pt-tooltip {
  background: #FFC;
  border: solid 1px #CC9900;
  color: #000;
  display: block;
  font-size: 12px;
  left: 0;
  margin: 5px 0 0;
  padding: 8px;
  position: absolute;
  text-align: justify;
  width: 250px;
  z-index: 2;
}
#comparison .comparison-table th[scope="row"] i {
  font-style: normal;
}
#comparison .comparison-table th[scope="col"] {
  background: #333;
  font-size: 18px;
  font-weight: 700;
  height: auto;
  padding: 10px;
  text-align: center;
}
#comparison .comparison-table th.pt-free {
  background: #d3ccab;
}
#comparison .comparison-table th.pt-crown {
  background: #009999;
}
#comparison .comparison-table th.pt-standard {
  background: #999;
}
#comparison .comparison-table th.pt-premium {
  background: #cc9900;
}
#comparison .comparison-table th.pt-other {
  background: #666;
}
#comparison .comparison-table .pt-block {
  display: block;
  margin: 5px 0 0;
}
#comparison .comparison-table .green {
  background: #009999;
}
#comparison .comparison-table .pt-em-on {
  background: #009999;
  color: #FFF;
  display: block;
  font-weight: 400;
  padding: 10px 0;
}
#comparison .comparison-table .pt-em-off {}
#comparison .comparison-table a.pt-crown, #comparison .comparison-table a.pt-standard, #comparison .comparison-table a.pt-premium {
  background: #009999;
  color: #FFF;
  display: block;
  font-size: 18px;
  padding: 10px 0;
  text-decoration: none;
}
#comparison .comparison-table a.pt-crown small, #comparison .comparison-table a.pt-standard small, #comparison .comparison-table a.pt-premium small {
  font-weight: normal;
  margin: 3px 0 0;
}
#comparison .comparison-table a.pt-standard {
  background: #999;
}
#comparison .comparison-table a.pt-premium {
  background: #C90;
}
#comparison .comparison-table i.icon-cancel, #comparison .comparison-table i.icon-check {
  color: #009999;
  font-size: 36px;
}
#comparison .comparison-table i.icon-cancel {
  color: #c42d31;
}
#comparison .comparison-table strong {}
#comparison .comparison-table em {
  font-style: normal;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
#comparison .comparison-table tr.linen {
  background: #ECEAE1;
}
#comparison .comparison-table tr.ice {
  background: #D1EDEC;
}
#comparison .comparison-table small, #comparison .comparison-table small em {
  font-size: 12px;
  font-style: normal;
}
#comparison .comparison-table small em, #comparison .comparison-table .star {
  color: #FFDB0B;
}
#comparison .comparison-table .red {
  color: #C00;
  font-size: 11px;
  font-weight: 400;
  vertical-align: middle;
}
/*
-------------------------------------------------- */
/* ========================================
end of desktop
======================================== */
/* ========================================
mobile
======================================== */
/*
-------------------------------------------------- */
/* tablets (landscape-ipad=1024px)
-------------------------------------------------- */
@media only screen and (max-width: 1024px) {
  /*
-------------------------------------------------- */
  .comparison-box {
    width: 100%;
  }
  /*
-------------------------------------------------- */
}
/*
-------------------------------------------------- */
/* tablets (1000px)
-------------------------------------------------- */
@media only screen and (max-width: 1000px) {
  /*
-------------------------------------------------- */
  #comparison .comparison-table th[scope="col"]:last-child, #comparison .comparison-table td:last-child {
    display: none;
  }
  /*
-------------------------------------------------- */
}
/*
-------------------------------------------------- */
/* tablets (portrait-android=800px)
-------------------------------------------------- */
@media only screen and (max-width: 800px) {
  /*
-------------------------------------------------- */
  /*
-------------------------------------------------- */
}
/*
-------------------------------------------------- */
/* tablets (portrait-ipad=768px)
-------------------------------------------------- */
@media only screen and (max-width: 768px) {
  /*
-------------------------------------------------- */
  /*
-------------------------------------------------- */
}
/*
-------------------------------------------------- */
/* smartphones (landscape-iphone6plus=736px)
-------------------------------------------------- */
@media only screen and (max-width: 736px) {
  /*
-------------------------------------------------- */
  #comparison .comparison-table th[scope="col"]:nth-child(2), #comparison .comparison-table td:nth-child(2) {
    display: none;
  }
  /*
-------------------------------------------------- */
}
/*
-------------------------------------------------- */
/* smartphones (landscape-iphone6=667px)
-------------------------------------------------- */
@media only screen and (max-width: 667px) {
  /*
-------------------------------------------------- */
  #comparison .comparison-heading {
    font-size: 30px;
  }
  /*
-------------------------------------------------- */
}
/*
-------------------------------------------------- */
/* smartphones (landscape-iphone5=568px)
-------------------------------------------------- */
@media only screen and (max-width: 568px) {
  /*
-------------------------------------------------- */
  #comparison .comparison-table th[scope="col"], #comparison .comparison-table th[scope="row"], #comparison .comparison-table td, #comparison .comparison-table .pt-em-on, #comparison .comparison-table .pt-em-off, #comparison .comparison-table a.pt-crown, #comparison .comparison-table a.pt-standard, #comparison .comparison-table a.pt-premium, #comparison .comparison-table a.pt-crown small, #comparison .comparison-table a.pt-standard small, #comparison .comparison-table a.pt-premium small {
    font-size: 13px;
  }
  #comparison .comparison-table i.icon-cancel, #comparison .comparison-table i.icon-check {
    font-size: 30px;
  }
  #comparison .comparison-table th, #comparison .comparison-table td {
    width: 16%;
  }
  #comparison .comparison-table th[scope="row"] {
    width: 20%;
  }
  /*
-------------------------------------------------- */
}
/*
-------------------------------------------------- */
/* smartphones (landscape-iphone4=480px)
-------------------------------------------------- */
@media only screen and (max-width: 480px) {
  /*
-------------------------------------------------- */
  #comparison .comparison-table th, #comparison .comparison-table td {
    padding: 5px;
  }
  #comparison .comparison-table th[scope="col"], #comparison .comparison-table th[scope="row"], #comparison .comparison-table td, #comparison .comparison-table .pt-em-on, #comparison .comparison-table .pt-em-off, #comparison .comparison-table a.pt-crown, #comparison .comparison-table a.pt-standard, #comparison .comparison-table a.pt-premium, #comparison .comparison-table a.pt-crown small, #comparison .comparison-table a.pt-standard small, #comparison .comparison-table a.pt-premium small {
    font-size: 12px;
  }
  #comparison .comparison-table i.icon-cancel, #comparison .comparison-table i.icon-check {
    font-size: 24px;
  }
  #comparison .comparison-table th, #comparison .comparison-table td {
    width: 18%;
  }
  #comparison .comparison-table th[scope="row"] {
    width: 10%;
  }
  #comparison .sp-crop {
    display: none;
  }
  /*
-------------------------------------------------- */
}
/*
-------------------------------------------------- */
/* smartphones (portrait-huawei-mediapad=432x768px=css-pixel-ratio:2.5)
-------------------------------------------------- */
@media only screen and (max-width: 432px) {
  /*
-------------------------------------------------- */
  /*
-------------------------------------------------- */
}
/*
-------------------------------------------------- */
/* smartphones (portrait-iphone6plus=414px)
-------------------------------------------------- */
@media only screen and (max-width: 414px) {
  /*
-------------------------------------------------- */
  /*
-------------------------------------------------- */
}
/*
-------------------------------------------------- */
/* smartphones (portrait-iphone6=375px)
-------------------------------------------------- */
@media only screen and (max-width: 375px) {
  /*
-------------------------------------------------- */
  /*
-------------------------------------------------- */
}
/*
-------------------------------------------------- */
/* smartphones (portrait-android=360x640px)
-------------------------------------------------- */
@media only screen and (max-width: 360px) {
  /*
-------------------------------------------------- */
  /*
-------------------------------------------------- */
}
/*
-------------------------------------------------- */
/* smartphones (portrait-iphone4/5=320px)
-------------------------------------------------- */
@media only screen and (max-width: 320px) {
  /*
-------------------------------------------------- */
  /*
-------------------------------------------------- */
}
/*
-------------------------------------------------- */
/* ========================================
end of mobile
======================================== */