@charset "utf-8";

@import url("common.css");


/* header */
#tenlove .header .mainVisual {
  position: relative;
  height: 910px;
  background: url("../../img/main.jpg") no-repeat center top;
}
#tenlove .header .mainVisual h1 {
  bottom:150px;
  width: 992px;
}
#tenlove .header .mainVisual h1 .ttlLogo {
  display: inline-block;
  margin-top: -16px;
}
#tenlove .header .mainVisual .oatime {
  padding: 25px 0 20px;
}
#tenlove .header .mainVisual .oatime .bs {
  margin-top: 15px;
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  letter-spacing: 0.1em;
}
#tenlove .header .mainVisual .oatime .bs strong {
  display: inline-block;
  margin-right: 10px;
  padding: 8px 0 8px 10px;
  border: 2px #fff solid;
  color: #fff;
  font-size: 60%;
  vertical-align: 4px;
}


#tenlove .contents {
  background: url("../../img/bg_pc.jpg") no-repeat center 100px;
}

/* photo */
#tenlove #photo .photoGrp {
  display: flex;
  justify-content: space-between;
}
#tenlove #photo .photoGrp li {
  position: relative;
  width: 270px;
  overflow: hidden;
}
#tenlove #photo .photoGrp li a {
  display: block;
  padding-top: 180px;
}


/* news */
#tenlove #news .data {
  padding: 35px 60px 45px;
}
#tenlove #news .frame {
  height: 260px;
  padding-right:35px; 
  overflow-y: scroll;
  letter-spacing: 0.08em;
}
#tenlove #news .frame::-webkit-scrollbar{
  width: 12px;
}
#tenlove #news .frame::-webkit-scrollbar-track{
  background: #f0f0f0;
  border: none;
  border-radius: 10px;
}
#tenlove #news .frame::-webkit-scrollbar-thumb{
  background: #cbcbcb;
  border-radius: 10px;
  box-shadow: none;
}
#tenlove #news .frame table {
  width: 100%;
}
#tenlove #news .frame table th {
  width: 130px;
  border-bottom: 1px #dfd0c2 solid;
  text-align: left;
}
#tenlove #news .frame table th span {
  display: inline-block;
  padding: 8px;
  border-radius: 2px;
  background: #ea6f8a;
  color: #fff;
}
#tenlove #news .frame table td {
  line-height: 1.4;
  padding: 23px 20px 23px 0;
  border-bottom: 1px #dfd0c2 solid;
}
#tenlove #news .frame a {
  text-decoration: underline;
}
.hover #tenlove #news .frame a:hover {
  text-decoration: none;
}
#tenlove #news .frame .new {
  margin-left: 10px;
  color: #e60033;
}

/* movie */
#tenlove #movie .thumb {
  position: relative;
}
#tenlove #movie .thumb a {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 80px;
  background: url("../../img/play.svg") no-repeat left top / 100% auto;
  font-size: 0;
}

/* twitter */
#tenlove #twitter h2 {
  background: #3fa0e3;
}
#tenlove #twitter h2 strong:before {
  bottom: 0;
  left: -55px;
  width: 43px;
  height: 36px;
  background: url("../../img/twitter.svg") no-repeat left top / 100% auto;
}
#tenlove #twitter .TL {
  width: 640px;
  height: 625px;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
}

/* tokumei */
#tenlove #tokumeiSite {
  width: 300px;
  margin: 60px auto 0;
  text-align: center;
}
#tenlove #tokumeiSite .fbsTime {
  display: block;
  width: 80%;
  margin: 0 auto 10px;
  padding: 15px 0 10px;
  border-bottom: 1px #000 solid;
  font-weight: bold;
  font-size: 20px;
}
#tenlove #tokumeiSite .otherTime {
  line-height: 1.6;
  font-size: 14px;  
}



@media all and (max-width: 812px) {
/* header */
#tenlove .header .mainVisual {
  height: 140vw;
  background: url("../../img/main_sp.jpg") no-repeat center top / 100% auto;
}
#tenlove .header .mainVisual h1 {
  bottom: 21vw;
  width: 100%;
}
#tenlove .header .mainVisual h1 .ttlLogo {
  margin-top: -1.9vw;
  width: 100%;
  height: auto;
}
#tenlove .header .mainVisual h1 .ttlLogo50 {
  width: 60%;
  height: auto;
}
#tenlove .header .mainVisual .oatime {
  padding: 3.5vw 0 3.2vw;
}
#tenlove .header .mainVisual .oatime img {
  width: 90%;
  height: auto;
}
#tenlove .header .mainVisual .oatime .bs {
  margin-top: 2.4vw;
  font-size: 4.4vw;
  letter-spacing: 0;
}
#tenlove .header .mainVisual .oatime .bs strong {
  margin-right: 1.875vw;
  padding: 1.5vw 0.6vw 1.5vw 2vw;
  border: 0.3vw #fff solid;
  vertical-align: 0.3125vw;
}


#tenlove .contents {
  background: none;
}

/* photo */
#tenlove #photo .photoGrp li {
  width: 32%;
}
#tenlove #photo .photoGrp li a {
  padding-top: 67%;
}

/* news */
#tenlove #news .data {
  padding: 5%;
}
#tenlove #news .frame {
  height: 300px;
  padding-right:5%; 
  letter-spacing: 0.06em;
}
#tenlove #news .frame table th {
  display: block;
  width: 100%;
  padding-top: 10px;
  border-bottom: 0;
  font-size: 0.813em;
}
#tenlove #news .frame table th span {
  padding: 8px;
}
#tenlove #news .frame table td {
  display: block;
  width: 100%;
  padding: 10px 20px 20px 0;
  font-size: 0.875em;
}
#tenlove #news .frame a {
  display: inline;
}


/* movie */
#tenlove #movie .thumb a {
  width: 18.125vw;
  height: 14.375vw;
}

/* twitter */
#tenlove #twitter h2 strong:before {
  bottom: 0;
  left: -5.8vw;
  width: 5vw;
  height: 4.6vw;
}
#tenlove #twitter .TL {
  width: 100%;
  height: 400px;
}


}