html, body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 13px;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  line-height: 175%;
  -webkit-font-smoothing: subpixel-antialiased;
}

body#op{
  background: url(https://romance-aroma.jp/upload/pub/IZA_0617.jpg);
  background-repeat: no-repeat !important;
  background-size:cover !important;
  background-attachment: fixed !important;
}

#header .header_info .tel {
  color: #ff7400;
}
#header .header_info .shop, #header .header_info .time {
  color: #000;
}
.block1 .subcont li .ajarticle {
  background: #eeeeee;
}

.block2 .subcont {
  /* background: url(../img/bg_block.gif) repeat; */
  background: #FFF;
}

#gnav a.current {
  background: url(https://romance-aroma.jp/upload/pub/bg_hovar.gif);
}
#gnav a:hover {
  background: url(https://romance-aroma.jp/upload/pub/bg_hovar.gif);
  }
  #gnav ul li.gli a.gbtn .bg:after{
    border: none !important;
  }
#gnav ul li.gli a.gbtn, #gnav ul li.gli a.gbtn .jp, #top_navi ul li a {
color: #000;
}
#gnav a.current span {
color: #fff !important;
}


span.size2{
  font-weight: 700;
  color: #ff7400;
}

span.size3{
  font-weight: 700;
  color: #ff7400;
}

div.pad{
  padding: 2%;
  line-height: 2rem;
  background: #fff;
}
.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  }
  .gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  }

  .hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: .5;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .hr-text:before {
    content: '';
    background: -webkit-linear-gradient(left, transparent, #ff7400, transparent);
    background: linear-gradient(to right, transparent, #ff7400, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
  }
  .hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;
    padding: 0 .5em;
    line-height: 1.5em;
    color: #ff7400;
    background-color: #fcfcfa;
  }


body#toppage,body#schedule,body#cast,body#system,body#free2,body#free1,body#free4,body#access,
body#newface,body#event,body#review,body#reserve,body#link,body#enquete{
/*background: url(https://ol-umeda.jp/upload/back_image/.jpg) fixed no-repeat center top;*/
}
#entrance .more_btn a{
  color: #000 !important;
  border: 1px solid #000 !important;
  background-color:#a8272b00 !important;
}

#entrance .more_btn a:hover {
background-color: #ff7400 !important;
border: 1px solid #ff7400 !important;
color: #fff !important;
}

.kinshi{
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5rem;
  }
  
  .kihonp{
  margin-bottom: 4rem;
  }

  


body#op .more_btn, #gnav ul li.gli a.gbtn .en, .subtitle, .pagetitle, #header .header_info .tel, #gnav_sp .tel dd, #footer .copyright {
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}

html, body, body#op .more_btn span, .pagetitle span, .subtitle span {
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}

#header .header_info .tel {
  display: block;
  font-size: 2.3rem;
  font-weight: 500;
  letter-spacing: 0.03em;
}
#header .header_info .tel {
font-family: "Montserrat",sans-serif !important;}

.kokokoko{
text-align: center;
margin-top: 1rem;
}
.asd{
width: 1.7%;
margin-right: 0.8rem;
}
#obi{
width: 100%;
background: #291b1a;
color: #FFFFFF;
font-weight: 600;
font-size: 1.3em;
padding: 5px 8px;
margin-bottom: 1%;
margin-top: 1%;
}
.marquee {
background: #fff200a5;
}


#footer nav {
  padding: 10px;
  border-radius: 50px;
  max-width: 1040px;
  margin: 30px auto;
}
#footer nav {
  background-color: rgba(0, 0, 0, 0.75);
}



#todayssche li .time, #wrap ul.revlist li .ph article .body, #list li .timedata, .gallist li .timedata, .more_btn:hover:after, .back_btn:hover .btn, .more_btn:hover .btn {
color: #494949;}

.upside {
  background-image:
     url("https://romance-aroma.jp/upload/pub/dod2.png"),
     url("https://romance-aroma.jp/upload/pub/bg_dotte2.gif");
  background-repeat:
     repeat,
     repeat;
}
#gnav li {
  background-image:
     url("https://romance-aroma.jp/upload/pub/dod2.png"),
     url("https://romance-aroma.jp/upload/pub/bg_dotte2.gif");
  background-repeat:
     repeat,
     repeat;
} 
#gnav a.current {
    background: ffa300;
}

#gnav a.current span {
    color: #fff !important;
}

.subtitle {
    background:  url(https://romance-aroma.jp/upload/pub/bg_title.gif) repeat;
    color: #ffffff;
}

.subtitle span {
    color: #ffffff;
}
.subtitle span.more a {
    background-color: #eeeeee00;
    border: 1px solid #ffffff;
    color: #ffffff;
}
#todayssche li .time, #wrap ul.revlist li .ph article .body, #list li .timedata, .gallist li .timedata, .more_btn:hover:after, .back_btn:hover .btn, .more_btn:hover .btn {
    color: #494949;
    /*font-family: 'Cormorant SC', serif;
font-family: 'Playfair Display', serif;*/
}
#list li .timedata {
    background: url(https://ol-umeda.jp/upload/pub/sub_bg.jpg) repeat scroll center top;
    box-sizing: border-box;
    font-size: 1.2rem;
    font-weight: 300;
    padding: 0.5%;
    width: 100%;
    text-align: center;
}
#todayssche li article h3, #cast #wrap ul li article h3, #schedule #wrap ul li article h3, #waiting ul li article h3, #newface #wrap ul li .ph .debut, #wrap ul.revlist li .ph article h3, #wrap article h3, #topbox #profdata h3, #waiting #wrap li article .time, #newface #wrap ul li article h3, #ranking #wrap ul li article h3, #navmenu li i, .systemlist li h3, #event #wrap ul li article h3, #news #wrap ul li article h3, #link #wrap section .subtitle, #link #wrap section .subtitle span, #reviewlist div .star, #access #wrap ul li .data h3, #recruit #wrap article .sec01 h3, #data_box .name, .list_star, #prof .listbox ul li article h5, #magazine .sec01 h3, #magazine .sec01 h4, #wrap ul.revlist li .commentbox .star, #toppage .subcont li article .star, .slick-dots li.slick-active button::before, #event .slick-dots li.slick-active button::before, .gallist li article .catch, .hotel_name, #newface #wrap li article .catch, #topbox #profdata .catch, #ranking #wrap li article .catch, #ranking #wrap h3, #bottomNavi li a {
    color: #464646;
}


#daynavi li p {
    font-size: 2.5rem;
    /*font-family: 'Playfair Display', serif;*/
}
#daynavi li .dotw {
    font-size: 1rem;
    /*font-family: 'Playfair Display', serif;*/
    display: inline-block;
    width: 70%;
    margin-top: 1em;
    background: rgba(255,255,255,0.4);
}



#gnav ul li.gli a.gbtn .en {
  /* font-family: 'Cormorant SC', serif; */
  /* font-family: 'Playfair Display', serif; */
  font-weight: 600;
  font-size: 1.3rem;
font-family: "Montserrat",sans-serif !important;
}
#main_con ul li article h3, #main_con ul li article p, .listbox ul li article h5 {
    /*font-family: 'Cormorant SC', serif;
    font-family: 'Playfair Display', serif;*/
}

#list li .timedata {
background: url(https://ol-umeda.jp/upload/pub/sub_bg.jpg) repeat scroll center top;
box-sizing: border-box;
font-size: 1.2rem;
font-weight: 300;
padding: 0.5%;
width: 100%;
text-align: center;
/*font-family: 'Cormorant SC', serif;
font-family: 'Playfair Display', serif;*/
}
#todayssche li article h3, #cast #wrap ul li article h3, #schedule #wrap ul li article h3, #waiting ul li article h3, #newface #wrap ul li .ph .debut, #wrap ul.revlist li .ph article h3, #wrap article h3, #topbox #profdata h3, #waiting #wrap li article .time, #newface #wrap ul li article h3, #ranking #wrap ul li article h3, #navmenu li i, .systemlist li h3, #event #wrap ul li article h3, #news #wrap ul li article h3, #link #wrap section .subtitle, #link #wrap section .subtitle span, #reviewlist div .star, #access #wrap ul li .data h3, #recruit #wrap article .sec01 h3, #data_box .name, .list_star, #prof .listbox ul li article h5, #magazine .sec01 h3, #magazine .sec01 h4, #wrap ul.revlist li .commentbox .star, #toppage .subcont li article .star, .slick-dots li.slick-active button::before, #event .slick-dots li.slick-active button::before, .gallist li article .catch, .hotel_name, #newface #wrap li article .catch, #topbox #profdata .catch, #ranking #wrap li article .catch, #ranking #wrap h3, #bottomNavi li a {
color: #464646;
}
#list li article h3 {
font-size: 1.3rem;
font-weight: 600;
/*font-family: 'Cormorant SC', serif;
font-family: 'Playfair Display', serif;*/
}
.gallist li article h3 {
font-size: 1.3rem;
font-weight: 600;
/*font-family: 'Cormorant SC', serif;
font-family: 'Playfair Display', serif;*/
}
#daynavi li {
/*font-family: 'Playfair Display', serif;*/
border-right: 1px solid rgba(136, 136, 136, 0.2);
box-sizing: border-box;
}
#daynavi li:last-child {
border-right: none;
}

#daynavi li p {
font-size: 2.5rem;
}
#daynavi li .dotw {
font-size: 1rem;
/*font-family: 'Playfair Display', serif;*/
display: inline-block;
width: 70%;
margin-top: 1
em
;
background: rgba(255,255,255,0.4);
}

#main_con ul li article h3, #main_con ul li article p, .listbox ul li article h5 {
/*font-family: 'Cormorant SC', serif;
font-family: 'Playfair Display', serif;*/
}
.pagetitle {
background:url(https://ol-umeda.jp/upload/pub/bg_tit2.jpg) repeat;
color: #464646;
/*font-family: 'Cormorant SC', serif;
font-family: 'Playfair Display', serif;*/
width: 99%;
height: 40px;
position: relative;
font-weight: 500;
font-size: 2rem;
padding: 1% 0 0 1%;
}
.pagetitle span {
color: #464646;
}

#wrap {
background: rgba(255,255,255,0.9);
}

#daynavi li a:hover, #daynavi li a.current {
background: #ff7400;
color: #fff;
}
#header .header_info .tel {
display: block;
font-size: 2.3rem;
font-weight: 500;
letter-spacing: 0.03em;
}

#gnav ul li:hover {
background: #ff7400;
color: #fff;
}

#gnav ul li.gli a.gbtn .en:hover{
color: #fff;
} 
.qjb {
max-width: 468px;
width: 100%;
}
.aaa{
text-align: center;
margin-bottom: 2%;
padding: 0 5%;
}
.mida{
font-size: 1rem;
color: #000;
}
/* table01 */
.table01{
width: 100% !important;
border: 1px solid #ff7400 !important;
}
.table01 tr {
border-bottom: 1px solid #ff7400;
}

.table01 th,
.table01 td {
padding: 1.5% 0;
border: none;
font-size: 1rem;
text-align: center;
}

.table01 td {
padding: 4% !important;
}

.table01 th {
width: 20%;
background: rgba(0, 189, 214, 0.1);
border-bottom:rgba(0, 189, 214, 1) 1px solid;
box-sizing: border-box;
color: #ff7400;
padding: 3% !important;
}
.midashi {
padding: 1rem 2rem;
border-bottom: 1px solid #ff7400;
background: #fff8fb;
font-size: 2rem;
text-align: center;
margin-bottom: 2%;
color: #ff7400;
}
.systemlist table {
font-size: 1rem;
}
/* sp */
@media only screen and (max-width: 800px) {
.table01 th,
.table01 td {
  width: 100%;
  display: block;
}

.table01 th {
  width: 100%;
}

.table01 td {
  padding-top: 0;
  padding: 1.5% 0;
}
.midashi {
    font-size: 1.5rem;
  }
}

/* table02 */
.table02{
width: 100% !important;
border: 1px solid #b06fec !important;
}
.table02 tr {
border-bottom: 1px solid #b06fec;
}

.table02 th,
.table02 td {
padding: 1.5% 0;
border: none;
font-size: 1rem;
text-align: center;
}

.table02 th {
width: 20%;
background: #b06fec;
color: #fff;
}
.midashi02 {
padding: 1rem 2rem;
border-bottom: 1px solid #b06fec;
background: #fff8fb;
font-size: 2rem;
text-align: center;
margin-bottom: 2%;
color: #b06fec;
}

/* sp */
@media only screen and (max-width: 800px) {
.table02 th,
.table02 td {
  width: 100%;
  display: block;
}

.table02 th {
  width: 100%;
}

.table02 td {
  padding-top: 0;
  padding: 1.5% 0;
}
.midashi02 {
    font-size: 1.5rem;
  }
}


/* table03 */
.table03{
width: 100% !important;
border: 1px solid #ec7e6f !important;
margin-bottom: 1rem !important;
}
.table03 tr {
border-bottom: 1px solid #ec7e6f;
}

.table03 th,
.table03 td {
padding: 1.5% 0;
border: none;
font-size: 1rem;
text-align: center;
}

.table03 th {
width: 20%;
background: #ec7e6f;
color: #fff;
}
.midashi03 {
padding: 1rem 2rem;
border-bottom: 1px solid #ec7e6f;
background: #fff8fb;
font-size: 2rem;
text-align: center;
margin-bottom: 2%;
color: #ec7e6f;
}

/* sp */
@media only screen and (max-width: 800px) {
.table03 th,
.table03 td {
  width: 100%;
  display: block;
}

.table03 th {
  width: 100%;
}

.table03 td {
  padding-top: 0;
  padding: 1.5% 0;
}
.midashi03 {
    font-size: 1.5rem;
  }
}


/* table04 */
.table04{
width: 100% !important;
border: 1px solid #51bf5e !important;
z-index: 10;
}
.table04 tr {
border-bottom: 1px solid #51bf5e;
}

.table04 th,
.table04 td {
padding: 1.5% 0;
border: none;
font-size: 1rem;
text-align: center;
}

.table04 th {
width: 20%;
background: #51bf5e;
color: #fff;
}
.midashi04 {
padding: 1rem 2rem;
border-bottom: 1px solid #51bf5e;
background: #fff8fb;
font-size: 2rem;
text-align: center;
margin-bottom: 2%;
color: #51bf5e;
}
div.gazou{
width: 60%;
margin: 0 auto;
}
div.gazou2{
width: 50%;
margin: 0 auto 2rem auto;
}


/* sp */
@media only screen and (max-width: 800px) {
.table04 th,
.table04 td {
  width: 100%;
  display: block;
}

.table04 th {
  width: 100%;
}

.table04 td {
  padding-top: 0;
  padding: 1.5% 0;
}
.midashi04 {
    font-size: 1.5rem;
  }
}


.systemlist table tr:hover td{
background: rgba(136, 136, 136, 0);
}

.systemlist table td {
border-top: initial;
border-bottom: initial;
border-left: initial;
}

*, *:before, *:after {
box-sizing: border-box;
}
.col_33{
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
}
.col_33 > div{
width: calc(100% / 3) ;;
padding: 5px;
}
.col_33 > div > div{
position: relative;
overflow: hidden
}
@media screen and (max-width: 960px) {
.col_33 > div{
  width: calc(100% / 3) ;;
}
}
@media screen and (max-width: 480px) {
.col_33 > div{
  width: calc(100% / 2) ;%;
}
}


/*画面幅770px以下の背景調整*/
@media screen and (max-width: 770px) {
.pagetitle, #top_navi ul li {
    border-color: rgba(255,255,255,0.7);
    background: url(https://romance-aroma.jp/upload/pub/aaaaaa.jpg);
}
#top_navi {
    background: url(https://jd-umeda.jp/upload/pub/bg_nav.jpg) repeat scroll 0 0;
}
#header .logo a {
    background: url(https://romance-aroma.jp/upload/pub/sp_logo.png) no-repeat left center / cover;
}
div.gazou{
  width: 80%;
  margin: 0 auto;
}
div.gazou2{
  width: 80%;
  margin: -3rem auto 2rem auto;
}

.asd{
  width: 4.5%;
  margin-right: 0.8rem;
}

#todayssche li .time {
width: 100%;
box-sizing: border-box;
height: 25px;
padding: 0.5%;
font-size: 1.2rem;
font-weight: bold;
background: url(https://jd-umeda.jp/upload/pub/sub_bg.jpg) repeat top;
}

#gnav_sp {
  background:#FFF;
}
#gnav_sp .navbox .en, #gnav_sp .tel dd a, #gnav_sp .tel dd, #gnav_sp .tel dd span {
  color: #ff6d30;
}
.subtitle {
  color: #ff9430;
}
.subtitle span {
  color: #ff9430;
}
.subtitle span.more a {
  border: 1px solid #ff9430;
  color: #ff9430;
}
}


@media screen and (max-width: 500px) {
body#op {
    background: url(https://romance-aroma.jp/upload/pub/IZA_0617.jpg) fixed repeat center top !important;
    /* background-size: cover !important; */
}
#header {
  background: url(https://romance-aroma.jp/upload/pub/cccc.jpg) repeat;
  background-size: auto !important;
}
#btn_menu_sp span{
  background: #ff6d30 !important;
}

}