@charset "utf-8";
/* CSS Document */
/*.mascot style
---------------------------------------------------- */
.mascot #main {
  background: url(images/pt_mascot.gif) no-repeat 0 0;
}
.mascot #article {
  width: 780px;
  margin: 0;
}
.mascot .page_link {}
.mascot .page_link ul {
  overflow: hidden;
}
.mascot .page_link li {
  display: table;
  height: 70px;
  float: left;
  width: 259px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.mascot .page_link li:last-child {
  border: none;
  width: 258px;
}
.mascot .page_link ul + ul li {
  border-bottom: none;
}
.mascot .page_link a {
  background: #3faee2;
  color: #fff20e;
  font-weight: bold;
  font-size: 25px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  transition: all .5s;
}
.mascot .page_link a:hover {
  text-decoration: none;
  background: #f5258d;
  color: #fff;
}
.mascot #daily_schedule h5, .mascot #schedule h5, .mascot #mascot_contents h5, .mascot #offer h5 {
  text-align: center;
}
.mascot .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.mascot .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.mascot ul.indent {
  margin-left: 1em;
  text-indent: -1em;
  margin-top: 10px;
}
/*=====profile=====*/
.mascot #profile {
  padding: 30px 20px;
  background: url(./images/bg01.gif) repeat 0 0;
  background-color: #b3e7ff;
  overflow: hidden;
}
.mascot #ms_bt {
  width: 113px;
  padding-top: 30px;
  float: left;
}
.mascot #ms_bt li {
  margin-bottom: 20px;
  cursor: pointer;
}
.mascot #prof_cont {
  width: 627px;
  float: right;
}
.mascot #prof_cont .comment {
  border-radius: 10px;
  background: url(./images/tolucky.jpg) no-repeat right 0 bottom 5px;
  background-color: #fff;
  padding: 20px 20px 30px 30px;
  margin-left: 16px;
  min-height: 450px;
  position: relative;
}
.mascot #prof_cont .comment:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(images/hukidasi.png) no-repeat 0 0;
  position: absolute;
  left: -14px;
}
.mascot #prof_cont #tolucky {}
.mascot #prof_cont #tolucky:before {
  top: 80px;
}
.mascot #prof_cont #lucky {
  background-image: url(./images/lucky.jpg)
}
.mascot #prof_cont #lucky:before {
  top: 215px;
}
.mascot #prof_cont #kita {
  background-image: url(./images/kita.jpg);
}
.mascot #prof_cont #kita:before {
  top: 345px;
}
.mascot #prof_cont #colucky {
  background-image: url(./images/colucky.jpg);
}
.mascot #prof_cont #colucky:before {
  top: 470px;
}
.mascot #prof_cont .comment h5 {
  margin-left: 154px;
}
.mascot #prof_cont .detail_txt {
  padding-top: 15px;
  font-size: 14px;
}
.mascot #prof_cont .detail_txt .intro {
  text-align: center;
}
.mascot #prof_cont .detail_txt .u_txt {
  width: 385px;
}
.mascot #prof_cont .detail_txt li {
  line-height: 1.8;
}
.mascot #prof_cont .detail_txt .goal {
  margin-top: 15px;
  padding: 10px 5px 10px 10px;
}
.mascot #prof_cont .detail_txt .goal dl + dl {
  margin-top: 8px;
}
.mascot #prof_cont .detail_txt .goal dt {
  font-weight: bold;
  font-size: 16px;
}
.mascot #tolucky .goal {
  background: #ecf3ff;
}
.mascot #tolucky .goal dt {
  color: #1d6cb1;
}
.mascot #lucky .goal {
  background: #ffecf5;
}
.mascot #lucky .goal dt {
  color: #F5258D;
}
.mascot #kita .goal {
  background: #ecfff1;
}
.mascot #kita .goal dt {
  color: #11B173;
}
.mascot #colucky .goal {
  background: #d6eff0;
}
.mascot #colucky .goal dt {
  color: #009fa9;
}
/*=====daily_schedule=====*/
.mascot #daily_schedule {
  background: url(./images/bg02.gif) repeat 0 0;
  background-color: #ffc5e2;
  padding: 25px 0 20px;
}
.mascot #daily_schedule .daily_schedule_inner {
  padding: 10px 20px 0;
}
/*=====dance=====*/
#dance {
  padding: 22px 85px 30px;
  background: url(./images/bg05.gif) repeat center top;
  background-color: #ffe5a8;
}
#dance h5 {
  margin-bottom: 25px;
}
/*=====schedule=====*/
.mascot #schedule {
  background: url(./images/bg03.gif) repeat 0 0;
  background-color: #b4fee2;
  padding: 25px 40px 30px;
}
.mascot #schedule h5 {
  margin-bottom: 20px;
}
#schedule .sch_details + .sch_details {
  margin-top: 25px;
}
#schedule .sch_details h6 {
  margin-bottom: 10px;
}
#schedule .sch_details table {
  border-spacing: 0;
  border-collapse: separate;
  background: #fff;
  border-radius: 8px;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
}
#schedule .sch_details table th {
  text-align: center;
  color: #fff;
  padding: 5px;
  background: #3faee2;
  border-right: #b4fee2 2px solid;
  border-bottom: #b4fee2 2px solid;
}
#schedule .sch_details table td {
  /*padding:12px 5px 12px 25px;*/
  padding: 25px 0;
  text-align: center;
  vertical-align: middle;
  border-right: #b4fee2 2px solid;
  border-bottom: #b4fee2 2px solid;
}
#schedule .sch_details table td:first-child {
  padding-left: 5px;
  width: 135px;
  text-align: center;
}
#schedule .sch_details table td:last-child {
  /*padding-left:30px;*/
  border-right: none;
}
#schedule #mascot_event table td:last-child {
  width: 300px;
}
#schedule .sch_details tr:last-child td, #schedule .sch_details tr:last-child td:last-child {
  border-bottom: none;
}
#schedule .sch_details table td img {
  padding-right: 9px;
}
#schedule .sch_details .end_sch {
  border-radius: 8px;
  text-align: center;
  font-size: 20px;
  background: #fff;
  padding: 20px 15px;
  font-weight: bold;
}
/*=====mascot_contents=====*/
.mascot #mascot_contents {
  background: url(./images/bg04.gif) repeat 0 0;
  background-color: #fffcce;
  padding: 25px 40px 30px;
}
.mascot #mascot_contents h5 {
  margin-bottom: 25px;
}
#mascot_contents .cont_inner {
  padding-bottom: 33px;
  background: url(images/deco_line.png) repeat-x left bottom;
}
#mascot_contents .cont_inner + .cont_inner {
  margin-top: 30px;
}
#mascot_contents .cont_inner:last-child {
  background: none;
  padding-bottom: 0;
}
#mascot_contents dl {
  overflow: hidden;
}
#mascot_contents dt {
  float: left;
  width: 315px;
  padding-right: 15px;
  font-size: 14px;
}
#mascot_contents dd {
  overflow: hidden;
  float: right;
}
#mascot_contents dd a {
  display: block;
  width: 180px;
  float: left;
}
#mascot_contents dd a img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
#mascot_contents dd a:first-child {
  margin-right: 10px;
}
/*offer*/
.mascot #offer {
  background: url(./images/bg06.gif) repeat 0 0;
  background-color: #ffc1c1;
  padding: 25px 40px 30px;
}
.mascot #offer p {
  font-size: 14px;
  text-align: center;
  margin: 20px 0;
}
.mascot #offer div.photo_area {
  display: flex;
}
.mascot #offer div.photo_area dl {
  width: 234px;
}
.mascot #offer div.photo_area dl dd {
  font-size: 14px;
  text-align: center;
}
.mascot #offer a.btn {
  display: block;
  color: #ffe100;
  font-weight: 700;
  padding: 20px;
  font-size: 16px;
  text-decoration: none;
  background: #f5258d url(images/link_icon.gif) no-repeat right 30px center;
  border-radius: 10px;
  text-align: center;
  margin: 40px auto 20px auto;
  width: 360px;
}
.mascot #offer a.btn:hover {
  opacity: 0.7;
}