@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : kinki_hokuriku2017.css
 author     : Ability Consultant
 style info : 
=================================================================== */
#page {
  padding: 0;
}
.con_intro, .con_novelty, .con_hotel {
  width: 95%;
  margin: auto;
}

.con_hotel:after {
  content: "";
  display: table;
  clear: both;
}

#contents {
  background: #000;
}
footer {
  margin: 0;
}
/*----------------------------------------------------
.con_title　 コンテンツxxx
----------------------------------------------------*/
.con_title {
  background: url("../../campaign/shootingstar/images/bg2.jpg") center 0 no-repeat;
  background-size: 100%;
  text-align: center;
  padding: 0;
  border:none;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.con_title #obj_nightsky {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 62vw;
}
.con_title #obj_nightsky::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: -3px;
  left: 0;
  right: 0;
  background: url("../../campaign/shootingstar/images/bg_wood.png") center bottom no-repeat;
  background-size: 100%;
  content: "";
}
.con_title h2 {
  position: relative;
  margin-top: 63vw;
}
.con_title .text {
  margin: 50px 0 30px 0;
  color: #fff;
}
.con_title .text_2 {
  font-size: 120%;
  font-weight: bold;
  color: #a8cbfa;
  letter-spacing:5px;
}
.con_title h2 img {
  /*  margin: -15px 0 90px 0;*/
  width: 80%;
}
.con_title .day {
  width: 90%;
  margin: 0 auto 30px auto;
}
.con_title .bn_yozora {
  width: 90%;
  margin: 0 auto 30px auto;
}
.con_title .comp img{
  position: absolute;
  top: 10%;
  left: 4%;
  width: 40%;
}
/*----------------------------------------------------
.wrp_main
----------------------------------------------------*/
.wrp_main {
  border-top: 1px solid #354158;
}
.con_starintro {
  color: #fcf481;
  text-align: center;
  margin: 40px 0 0 0;
}
.con_starcount {
  margin-bottom: 20px;
  padding: 10px 0 30px;
  border-bottom: 1px solid #354158;
  overflow: hidden;
}
.con_starcount .box_starcount .txt_starcount {
  margin: 0 auto 1em;
  width: 95%;
}
.con_starcount .box_starcount .txt_starcount .txt {
  font-size: 1.8em;
  color: #a8cbfa;
}
.con_starcount .box_starcount .txt_starcount .txt span {
  font-size: 0.9em;
}
.con_starcount .box_starcount .txt_starcount .num {
  margin-left: 0.5em;
  font-size: 3em;
  color: #fff;
}
.con_starcount .box_starcount .txt_starcount .num::after {
  margin-left: 0.2em;
  font-style: 2.8em;
  color: #faef44;
  content: "★";
}
.con_starcount .box_starcount .tbl_starcount {
  margin: 0 auto;
  width: 95%;
  display: block;
}
.con_starcount .box_starcount .tbl_starcount tbody {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.con_starcount .box_starcount .tbl_starcount tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  width: 50%;
}
.con_starcount .box_starcount .tbl_starcount tr:nth-child(even) th {
  border-left: none;
}
.con_starcount .box_starcount .tbl_starcount tr:nth-last-of-type(1) th,
.con_starcount .box_starcount .tbl_starcount tr:nth-last-of-type(1) td,
.con_starcount .box_starcount .tbl_starcount tr:nth-last-of-type(2) th,
.con_starcount .box_starcount .tbl_starcount tr:nth-last-of-type(2) td {
  border-bottom: 1px solid #5e6267;
}

.con_starcount .box_starcount .tbl_starcount tr th,
.con_starcount .box_starcount .tbl_starcount tr td {
  padding: 0.75em 1em;
  font-weight: normal;
  color: #fff;
  border: 1px solid #5e6267;
  border-bottom: none;
}
.con_starcount .box_starcount .tbl_starcount tr th {
  width: 60%;
}
.con_starcount .box_starcount .tbl_starcount tr td {
  width: 40%;
  text-align: right;
  background: #222932;
}
.con_starcount .box_starcount .tbl_starcount tr td::after {
  margin-left: 1em;
  color: #faef44;
  content: "★";
}

#obj_bottle {
  position: relative;
  margin: -85px auto -30px;
  padding-bottom: 50px;
  width: 100%;
}
#obj_bottle::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 160px;
  background: linear-gradient(to bottom, #000 0%,#000 80%,transparent 100%);
  pointer-events: none;
  z-index: 1;
  content: "";
}
#obj_bottle::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../../campaign/shootingstar/images/starbottle/img_shiny.png) no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 10;
  content: "";
}
#enchant-stage {
  position: relative;
  margin: 0 auto;
}
#enchant-stage::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 575px;
  background: url("../../campaign/shootingstar/images/starbottle/img_star_bottle.png") -2.5px bottom no-repeat;
  background-size: contain;
  pointer-events: none;
  content: "";
  z-index: 0;
}
#obj_bottle .wrp_bottle::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  content: "";
  z-index: 1;
}

.con_planetarium {
  padding-bottom: 40px;
}
.con_planetarium .st_planetarium {
  text-align: center;
  color: #7bb0f5;
  font-weight: bold;
  font-size: 160%;
  line-height: 50px;
  margin: 5% 0 0 0;
}
.con_planetarium .box_planetarium {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 90%;
}
.con_planetarium .box_planetarium .box_info p:first-child {
  /*width: 60%;*/
  color: #fff;
  margin: 5% 0;
}
.con_planetarium .box_planetarium .box_info p:last-child {
  margin-left: 5%;
  width: 35%;
/*  border: 1px solid #fff;*/
}
.con_planetarium .box_planetarium  .box_info p:last-child img {
  max-width: 100%;
}

.con_planetarium .box_planetarium  .box_info table {
  color: #fff;
  width: 100%;
  margin: 5% 0;
}

.con_planetarium .box_planetarium .box_info table th,td {
  border: 1px solid #5e6267;
  padding: 2% 1%;
}

.con_planetarium .box_planetarium .box_info th {
  background: #222932;
  width: 16%;
}

.con_planetarium .box_planetarium img{
  /*width: 28%;*/
  float: right;
}

/*----------------------------------------------------
.con_present　 コンテンツxxx
----------------------------------------------------*/
.con_present {
text-align: center;
margin: 50px 0 ;
letter-spacing: 4px;
}
.con_text,.con_text_2 {
  color:#fce862;
  text-align: center;
  margin: 0 20px;
}
.con_present .con_text .text_intro {
  font-size: 120%;
  font-weight: bold;
}
.con_present .con_text .text_intro span {
  font-size: 140%;
  letter-spacing: 3px;
}
.con_present .text_ditel {
  color:#fff;
  margin: 0 20px 35px 20px;
}
.con_present .con_appli {
  margin: 35px 20px;
}
.con_present .con_appli .application {
  text-align: center;
  color:#fff;
  margin: 0 0 25px 0;
}
.con_present .con_appli .application span {
  color:#7bb0f5;
  font-weight: bold;
  font-size: 146%;
  line-height:50px;
}

.con_text_2 {
  padding: 0 0 40px 0;
}
.text_intro2 {
  font-size: 148%;
  font-weight: bold;
  margin: 60px 0 ;
}
.text_intro2 span {
  font-size: 145%;
  font-weight: bold;
}

.con_member {
  width: 100%;
  margin: 0 auto;
  padding: 3%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.con_member h4 {
  background: #40829b;
  padding: 3% 2%;
  font-size: 173%;
  border: 3px solid #FFF;
  color: #fff;
  font-weight: normal;
  position: relative;
}
.con_member h4:after {
  position: absolute;
  content: "\f067";
  right: 10px;
  color: #fff;
  top: 35%;
  font: normal normal normal 14px/1 FontAwesome;
}
.con_member h4.active:after {
  content: "\f068";
}
.con_member h3.area_st {
  clear: both;
  font-size: 128%;
  padding: 3% 0 0 0;
  text-decoration: underline;
  text-decoration-color: #7aaff0;
  text-align: center;
  background: none;
}
.con_member h3.area_st a {
  background: url(../../campaign/shootingstar/images/ic_shootingstar.jpg) left top no-repeat;
  color: #7aaff0;
  padding-left: 27px;
  font-size: 128%;
  background-size: 30px auto;
  padding-bottom: 5px;
}
.con_member h5.area_st_sec {
  color: #FFF;
  background: none;
  text-align: center;
  font-size: 128%;
  margin: 4% 0;
  width: auto;
}
.con_member h5.area_st_sec a {
  color: #bde5f9;
  text-decoration: underline;
}
.con_member .box_acc {
  margin-bottom: 5%;
}
.con_member .con_list {
  /*width: 866px;*/
  clear: both;
  overflow: hidden;
  border-bottom: 1px dashed #1b7b9b;
  padding: 10px 0; 
}
.con_member .con_list .box_list_big {
  clear: both;
  text-align: center;
}
.con_member .con_list .box_list_big .img_mura {
  width: 90%;
  margin: 2% auto 4%;  
}
.con_member .con_list .box_list_sec {
  clear: both;
  width: 100%;
}
.con_member .con_list .box_list_sec table.areatable_sec {
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 15px 0;
  text-align: center;
}
.con_list .box_list_sec .areatable_sec tr .text_title {
  background: #000;
  width: 20%;
  color: #FFF;
  text-align: center;
}
.con_list .box_list_sec .areatable_sec tr .text_date {
  background-color:#FFF;
  text-align: left;
}
.con_list .box_list_sec .areatable_sec th,
.con_list .box_list_sec .areatable_sec td {
  border:1px solid #d9d0c3;
  border-collapse:collapse;
  background:#f2f0e2;
  padding:5px;
}
.con_list .box_list_sec .areatable_sec th {
  background:#ccc;
  text-align:center;
}
.con_list .box_mura .tenmon {
  color: #FFF;
  text-align: center;
}
.con_list .box_mura .tenmon img{
  width: 30px;
  vertical-align: middle;
}
.txt_add {
  color: #FFF;
  text-align: left;
  margin: 10px 0 
}