/*
====================================================
■ R18マークを白に
====================================================
*/

#entrance .age img {
  display: none;
  width: 50px;
  height: 49px;
}

#entrance .age {
  background-image: url("/upload/pub/18kin.png");
  background-repeat: no-repeat;
  width: 50px;
  height: 49px;
  background-size:contain;
  padding: 0 25px 0 25px;
  background-position: center;
}
@media screen and (max-width: 768px){
#entrance .age {
  width: 40px;
  height: 40px;
  margin: 6% 0;
}
}

@media screen and (max-width: 480px) {
#entrance .age {
      margin: 9% 0;
      padding: 0 12px 0 12px;
      }
}

/*
====================================================
■認証ページリンク
====================================================
*/
@media screen and (max-width: 768px){
body {background-attachment: scroll !important;
}
}

.index_header{
display:flex;
flex-wrap:wrap;
}
.index_header > h1,
.index_header > div{
width:100%;
max-width:100%;
color:#fff;
}
.index_ttl_txt{
order:-3;
}
.index_header > h1{
order:-2;
margin-bottom:16px;
}
.dhtown{
order:-1;
margin-bottom:32px;
}

.index_header #entrance{
width:500px;
}
@media screen and (max-width: 768px){
.dhtown img{
max-width:320px;
}
}


/*
====================================================
■ 年齢認証
====================================================
*/

/* 認証画面エンターボタン色*/
#entrance .more_btn a{
	color: #FF9F00;
	border:1px solid #B08B69;
}

#entrance li:nth-child(3) a{
	color: #FFF;
}

#entrance .more_btn span {
	color: #fff; 
}

#entrance .more_btn a:hover {
	background-color: #FF9F00;
	/*border:1px solid #B08B69;*/
	color: #fff;
}

/*
====================================================
■ カラー
====================================================
*/

#gnav ul li.gli a.gbtn.current,
#gnav ul li.gli a.gbtn.current .jp,
#top_navi ul li a.current
{
     color:#FFF;
     background-color: #FF9F00;
}


/*◆↓ヘッダー電話番号◆*/
#header .header_info .tel {
	color: #FF9F00;
}

/*◆↓メニュー日本語の色◆*/
#gnav ul li.gli a.gbtn .jp {
    color: #FFF;
}

/*◆↓PCメニューナビ色変更css◆*/
#gnav li {
   background: url("/upload/pub/main_bg_nav.jpg");
}

.upside {
  background: url("/upload/pub/main_bg_nav.jpg");
}

/*◆↓メインテキストの色◆*/
html, body {
  color: #FFF;
}

/*◆↓もっと見る◆*/
.subtitle span.more a {
  background-color: #FF9E00;
  color: #FFF;
}
.subtitle span.more a:hover {
  background-color: #fff;
  color: #FF9E00;
}


/*◆↓フッター変更◆*/
#footer nav {
  background-color: #A78269;
}
#footer nav {
  padding: 10px;
  border:2px solid #FF9E00;
  margin: 30px auto;
  max-width: 100%;
}

#footer nav ul li a {
  color: #FFFFFF;
}

/*◆↓スクロール矢印◆*/
#scrollUp a {
  background: #FF9E00;
  color: #FFF;
}

#scrollUp a:hover {
  background: #FFF;
  color: #FF9E00;
}

/* ◆メニュー内とTOPの見出し帯◆ */
.pagetitle{
background:url(/upload/pub/1100x45.png) no-repeat left;
color:#FFF;
font-size: 25px;
}

.pagetitle span{
color:#FF9E00;
font-size: 12px;
}
.subtitle{
background:url(/upload/pub/1100x45.png) no-repeat left;
color:#FFF;
}
.subtitle span{
color:#FF9E00;
}


/* ◆認証ページ背景画像変更◆ */
body#op{
background: url(https://ug-no1.com/upload/pub/enter_back (1).jpg) fixed no-repeat center top;
}

/*
====================================================
■スマホ
====================================================
*/

/*◆↓スマホメニュー線変更css◆*/
@media screen and (max-width: 768px){
#btn_menu_sp span {
  background: #FF9E00;
}
}

/*◆↓スマホメニューナビ色変更css◆*/
#top_navi {
  background: url("../upload/pub/bg_nav.jpg") repeat scroll 0 0;
}

/*◆↓スマホメニューナビ色変更css◆*/
#gnav_sp .navbox .en, #gnav_sp .tel dd a, #gnav_sp .tel dd, #gnav_sp .tel dd span {
  color: #fff;
}
#gnav_sp{
background: url("../upload/pub/bg_nav.jpg") ;
}

/*◆スマホハンバーガーメニューの背景画像◆*/
@media screen and (max-width: 768px){
#gnav_sp{
background: url("../upload/pub/sp_babel_menu_bg.jpg") ;
}
}

/*◆スマホハンバーガーメニュー英語文字◆*/
@media screen and (max-width: 768px){
#gnav_sp .navbox .en, #gnav_sp .tel dd a, #gnav_sp .tel dd, #gnav_sp .tel dd span {
  color: #FF9E00;
}
}

@media screen and (max-width: 768px){
#gnav_sp .navbox ul > li > a .jp, #gnav_sp .navbox ul > li > p .jp {
  padding-left: 4%;
  font-size: 10px;
  line-height: 100%;
}
}

/*◆↓スマホハンバーガーメニュー日本語の色◆*/
#gnav_sp .navbox .jp {
      color: #FFF;
}

/*◆スマホフッターナビ背景色◆ */
#bottomNavi2{
background-color: #A78269;
box-sizing:border-box;
}
#bottomNavi2 span a{
display:block;
background:#fff;
color:#FF6EA0;
border-radius:100px;
font-weight:bold;
padding:3px 0;
}
#bottomNavi2 .bottom_time{
color:#fff;
font-size:1rem;
}

/* ◆認証ページ背景画像変更◆ */
body#op{
background: url(https://ug-no1.com/upload/pub/enter_back1.jpg) fixed no-repeat center top;
}

/*

====================================================
■スマホ版背景処理
====================================================
*/
@media screen and (max-width: 768px) {
	body#op {
		background:url("/upload/pub/sp_enter_backs.jpg") center top no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width: 768px) {
.index_header>h1 > img{
display:none;
}
.index_header > h1 {
background: url(/upload/back_image/52.png) top center no-repeat;
background-size: contain;
height: 7rem;
margin:4.8rem auto 9rem;
/*
margin-top: 170px;
*/
}
.dhtown{
margin-bottom:.5rem;
}
}

#op h2{
color: #fff;
font-size: 1rem;
width: calc(100% - 40px);
text-align: left;
}

@media screen and (max-width: 768px) {
#wrap section .inner {
padding: 10px 10px 20px;
background-color: #000;
/*
background-color: #ebebeb;
*/
}
}
@media screen and (max-width: 768px) {
#op h2{
  color: #fff;
}
}
