/*----------------------------------------------------
  defult color
----------------------------------------------------*/
body {
  background: #18121b !important;
  line-height: 1.8;
}
body img {
  width: 100%;
}

p {
  color: #333;
  font-size: 1.5em !important;
  line-height: 28px;
  font-weight: lighter;
}
.mb20 {
  margin:0 0 20px 0;
}
.mt40 {
  margin:40px 0 0 0;
}

.header .header-top {
    height: 55px;
    background-color: #fff !important;
}

/*----------------------------------------------------
  #content
----------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE Mac */
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End Hack */
#container {
  min-width: 100%;
  width: 100%;
  background-size: contain;
  overflow: hidden;
  font-size: 12px;
}

.content {
  margin-bottom: 5rem;
  background-color: #fff;
  padding-bottom: 3rem;
}

.content h2 {
  margin-bottom: 3rem;
}
.content p {
  color: #666;
  padding: 0 2rem;
}
.content-box {
  padding: 20px 20px 0;
}

.content-box p {
  color: #666;
  padding: 20px 0;
}
.content-box h3 {
    width: 100%;
    padding: 10px!important;
    background: #DADADA;
    font-size: 1.5em !important;
    margin: 0px 0px 20px;
    line-height: 25px;
  text-align: center;
}
.date-text {
  text-align: center;
}
.nav-box {
  background: url(../img/bg-navbox.jpg) center top no-repeat;
  background-size: cover;
  margin: 0px;
  padding: 4% 0;
}
.nav-box li {
  float: left;
  width: 49.5%;
  margin-right: 1%;
  margin-bottom: 1%;
}

.nav-box li:nth-child(even) {
  margin-right: 0;
}

.nav-box li:last-child,
.nav-box li:nth-last-child(2):nth-child(odd) {
	margin-bottom: 0;
}

.intro-rule-box {
text-align: center;
    width: 90%;
    margin: 20px auto 0;
    padding: 20px 0 10px;
    background: #efefef;
    border: 1px solid #dcdcdc;
}

.intro-rule-box img {
    width: 40%;
}

.main-lead {
  text-align: center;
}

.main-lead img {
  width: 70%;
  margin-bottom: 2.2rem;
}

.rule-midashi {
    width: 100%;
    padding: 5px 0!important;
    background: #DADADA;
}
.rule-txt {
    width: 100%;
    padding: 20px 0 0 !important;
    text-align: left!important;
}

.rule-txt-box {
    width: 90%;
    margin: 20px auto 0;
    border-top: 1px solid #dcdcdc;
    padding: 0 0 10px 0!important;
}

.accordion2 {
    width:90%;
    margin:0 auto;
    position: relative;
}

.menu {
    margin:0;
    padding:0;
}

.menu li {
    float:left;
    margin-right:10px;
    list-style:none;
}

.menu li a {
    display:block;
    padding:10px 20px;
    color:#fff;
    background:#000;
    cursor:pointer;
}

.subInner {
    display:none;
    padding:10px 0;
}
.subContent h4 {
  margin:20px 0 0;
  padding:10px;
  line-height:20px;
  color:#333;
  background:#efefef;
  cursor:pointer;
  font-size: 1.5em !important;
}
.queen_box {
  text-align: center;
  width: 90%;
      margin: 0 auto;
}
.queen_box h4 {
  margin:20px 0 0;
  padding:10px;
  line-height:20px;
  color:#333;
  background:#efefef;
  cursor:pointer;
  font-size: 1.5em !important;
    padding: 20px;
}
.queen_box img {
  margin:20px auto 0;
  width: 60%;
}

.subContent h4 span {
display: block;
    background: url(/ch/sphone/tenpaiqueen/img/icon_arrow_white_line.png) 100% 50% no-repeat;
    background-size: 10%;
    padding: 10px;
}

.subContent h4 span.open {
    background: url(/ch/sphone/tenpaiqueen/img/icon_arrow_white_line2.png) 100% 50% no-repeat;
    background-size: 10%;
}

.subInner ul {
    width: 100%;
}

.subInner li {
    float: left;
    width: 50%;
    padding: 10px 0;
}

.subInner li:nth-child(2n+1) {
  padding-right: 10px; }

.subInner li:nth-child(2n) {
  padding-left: 10px; }


.profile-tit {
background: #efefef;
    padding: 5px 10px;
    display: block;
    text-align: center;
    line-height: 18px;
}
.profile-text {
    padding: 10px 0;
    display: block;
    text-align: center;
    line-height: 18px;
}
.highlight-midashi {
  font-weight: bold;
}
/*.accordion {
    width: 90%;
    margin: 20px auto 0;
    position: relative;
}

.accordion-head {
  color: #fff;
  margin: 0 0 10px 0;
  padding: 6px 10px;
  display: block;
  cursor: pointer;
  font-size: 1.5em !important;
  background:url(/ch/sphone/tenpaiqueen/img/icon_arrow_white_line.png) no-repeat top right #7f7f7f;
  background-position: right 10pt top 10pt;
  background-size: 10%;
}
.accordion .active {
  color: #fff;
  padding: 6px 10px;
  display: block;
  cursor: pointer;
  font-size: 1.5em !important;
  background:url(/ch/sphone/tenpaiqueen/img/icon_arrow_white_line2.png) no-repeat top right #7f7f7f;
  background-position: right 10pt top 10pt;
  background-size: 10%;
}



*/
.bnr {
  padding: 15px 0;
  background: url(../img/bnr-skyper.png) center top no-repeat;
  background-size: 100% auto;
  height: 0;
  padding-bottom: 130%;
  padding-left: 8%;
  padding-right: 8%;
}

.bnr02 {
  padding: 0 0 5rem;
}

.bnr02 li {
  margin-bottom: 4%;
}
.bnr02 li:last-child {
  margin-bottom: 0;
}

.bnr ul {
  margin-top: 43%;
}

.bnr li {
  margin-bottom: 4%;
}

.bnr a {
  display: block;
}


.foot_info {
  width: 100%;
  padding: 20px;
  background: #fff;
}
.foot_info .info_midashi {
  width: 100%;
  margin: 0;
  color: #00a0c6;
}
.foot_info p {
  margin: 10px auto 0;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}
.highlight_btn {
	margin: 0 auto;
	text-align: center;
	width: 60%;
}
.back_btn {
	margin: 0 auto;
	text-align: center;
	width: 40%;
}