@charset 'UTF-8';

/* ===== base settings ===== */
html, body {
	width: 100%;
	height: 100%;
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
	font-size: 75%;
	-webkit-text-size-adjust: 100%;
}
div#goog-gt-tt {
  display: none!important;
}


body {
  padding: 0;
  color: #333;
}
.img_responsive {
	max-width: 100%;
	height: auto;
}
.leave_go{
  height: 37px;
}
#body_contents{
  /* background: url(../images/w_bg.jpg); */
  background: whitesmoke;
}

.site_header{
  background: #0000ff;
  color: #fff;
  /* letter-spacing: -2.2px; */
  font-size: 12px;
  padding: 2px;

  margin: 0 auto;

}
.index_shop_deta{
  background: #0000ff;
  color: #fff;
  padding: 5px;
}
/* footer{
  background: #FE6EA3;
  color: #fff;
  text-align: center;
}
footer a{
  color: #fff;
} */
.open_time{
  color: #5DADE2;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
}
.tel{
  background: #000;
  text-align: center;
  border-radius: 8px;
  width: 95%;
  margin: 0 auto 5px;
  padding: 5px 0;
  font-size: 1rem;
}
.tel a{
  color: #fff;
  text-decoration: none;
}
aside{
  text-align: center;
  margin: 5px 0;
}

.index_enter_box{
  text-align: center;
}
.index_enter_box .enter,
.index_enter_box .of_enter,
.index_enter_box .leave{
  /* width: 80%; */
  margin: 0 auto;
}
.index_enter_box .enter a,
.index_enter_box .of_enter a,
.index_enter_box .leave a{
  color: #fff;
  text-decoration: none;
}
.index_enter_box .enter a, .index_enter_box .of_enter a{
  display: block;
  width: 100%;
  height: 50px;
  background:url("/sp/images/index/enter_F.png") no-repeat;
  background-color: #fd4967;
  margin-bottom: 5px;
  font-size: 1.85rem;
  line-height: 50px;
  border: solid 3px #ff8271;
}
.index_enter_box .leave {
  background:url("/sp/images/index/enter_F.png") no-repeat;
  background-color: #1d82ff;
  height: 35px;
  font-size: 1.5rem;
}
.index_foot{
  font-size: 0;
}
.index_foot img{
  width: 100%;
}
.group_box .contents_box{
  margin-top: 5px;
  margin-bottom: 15px;
  text-align: center;
}
.group_box .contents_box a{
  display: block;
  font-size: 0;
}
.group_box .contents_box .group_text{
  background: rgba(255, 255, 255, .6);
  color: #333;
  padding: 0 0 5px;
  text-align: center;
}
.twitter_frame{
  border: solid 5px #2CA7E0;
  border-radius: 8px;
  margin: 10px 0;
  overflow: auto;
}
.leave-container, .enter-container{
  display: flex;
  align-items: flex-end;
}
/* .leave-button{
  margin-bottom: 10%;
} */
.official-enter-button{
  padding-right: 3%;
}
.title-font{
  line-height: 1.5;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
/* 最小幅641pxおよび最大幅1024px、タブレット専用のスタイル */
.title-font {
  line-height: 1.7!important;
}
.pc-display-none {
  display: none;
}
.title-font {
  font-size: calc(1.5rem + 2.1vw)!important;
  font-weight: 400!important;
  line-height: 1.7!important;
  letter-spacing: 0.07em!important;
}
.border-semi-elliptical {
  height: 64px!important;
  border-radius: 0 0 50% 50%!important;;
  background: #0000ff!important;;
}

 } 
 @media (min-width: 992px){
  .site_header {
    background: #0000ff;
    color: #fff;
    letter-spacing: -0.2px;
    font-size: 12px;
    padding: 2px;
    margin: 0 auto;
}
.multi-lang-block{
  width: 80%;
  margin: 0 auto;
}
.pc-display-none {
  display: none;
}
 }


 .group_intro ul {
  list-style: none;
  padding-left: 0;
}
.group_intro ul li {
  display: inline-block;
  line-height: 40px;
  margin: 5px 5px 0 0;
  text-align: center;
  border: 1px solid #fff;
}
.group_intro ul li a {
  color: #fff;
  font-size: 12px;
  /* padding: 0 20px; */
  width: 110px;
  text-decoration: underline;
  display: block;
  background: #f66481;
}
.multi-lang-block{
  width: 60%;
  margin: 0 auto;
}
.credit{
  margin-top: 2em;
  background:url('../images/index/credit_bg.jpg');  
  padding:10px 5px;
}
.credit img{
  width: 90%;
}
.credit a{
  font-size: 1.5rem;
}
.group-title{
  background-color: #0000ff;
  color: #fff;
  padding: .2em;
}
p.recruit-title{
  margin: 0;
  margin-top: .5em;
  background-color: #A69776;
  color: #fff;
  padding: .2em;
  text-align: left;
}

.link-banner-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 4%;
}

.link-banner-wrapper p {
  margin: 0;
  padding-bottom: 3px;
  text-align: center;
  text-decoration: underline;
}

/* スマホ表示時は縦並びに */
@media screen and (max-width: 768px) {
  .link-banner-wrapper {
    flex-direction: column;
    align-items: center;
  }
}