@charset "UTF-8";
/* CSS Document */

/*ユーザー変更箇所

1,BODY背景画像
2,見出し背景画像
3,見出し文字色
4,コンテンツ背景色(RGBA)
5,文字色(メインカラー)
6,文字色(サブカラー)
7,リンクカラー

------------------------------------------------------*/
/*BODY背景画像---------------------------*/
body{
background:url(/api/images/loader/ShopFrontStyle/5/16/bg/bg0837246064.jpg);
}
/*見出し背景画像---------------------------*/
#contents .sect_title{
background:url(/images/shop/yabatsuma/sect_title_bg.jpg);
}
/*見出し文字色---------------------------*/
#contents .sect_title{
color:#fff;
}
/*コンテンツ背景色RGBA---------------------------*/
#contents{
background:rgba(0,0,0);
}
/*文字色(メイン)『#fff』---------------------------*/
#contents,
#contents .cast_list li article a,
#contents .cast_list .list li .data,
#cast_page #contents  .cast_list .list li .data,
#main_column .schedule_nav a,
#main_column .schedule_nav li b,
#contents .cast_list .list li .state,
#main_column .paging,
#shop_qa .qa .ques span,
#shop_qa .qa .ans b span,
#shop_qa .qa .accordion .active .ques,
#contents .cast_list .list .comment,
#cast_page #contents .cast_list.review .list .comment,
#cast_page #side_column .cast_list .list .comment,
#contents .cast_list .list .time,
#cast_page #contents .cast_list.review .list .time,
#cast_page #side_column .cast_list .list .time,
#review_detail .head .rev_icon b,
#pankuzu li span{
color:#fff;
}
#contents .cast_list .list li .state,
#contents #event .text,
#others .profile ul,
#others .profile li,
#main_column .paging,
#shop_system .system .list,
#shop_system .system .list li,
#shop_system .system .list li:last-child,
#shop_system .system .list .box p,
#movie_detail .comment,
#blog_detail .blog .coments,
#review_detail .head,
#review_detail .comment,
#main_column .cast_list #attendance .box .state,
#cast_nav li a{
border-color:#fff;
}
#shop_qa .qa .accordion .active .ques span{
background-color:#fff;
}
/*PC*/
@media (min-width: 894px) {
/**CAST LIST**/
#contents #side_column .cast_list li .data,
#contents #side_column .cast_list li .comment,
#contents #side_column .cast_list li .time{
color:#fff;
}
}
/*文字色(サブカラー)『#e9b500』---------------------------*/
#side_column #shop_data .shop_name,
#shop_data .phone,
#shop_data .copy_text,
#contents #event .title,
#shop_system .system .list .box p:last-child,
#shop_qa .qa .ans b,
#blog_detail .blog .coments .title span,
#contents .catg_list.shop_list li .data .copy_text{
color:#e9b500;
}
#side_column #shop_data .shop_name,
#shop_data .copy_text,
#cast_data #photo_box,
#others .profile p,
#others .profile .type,
#shop_system .system .title_l,
#shop_system .supplement,
#shop_qa .title_l,
#shop_qa .qa .title_l,
#movie_detail .date,
#blog_detail .blog .head,
#blog_detail .blog .title,
#main_column .cast_list #attendance .box .data a{
border-color:#e9b500;
}
#shop_qa .qa .ans b span{
background-color:#e9b500;
}
/*リンクカラー『#a90cc9』---------------------------*/
#contents a,
#contents .cast_list li a .cast_name,
#side_column .cast_list .list li a .cast_name,
#side_column .news_list .list li .title,
#shop_data .hp_link,
#contents .cast_list .list .rev_icon span,
#review_detail .head .rev_icon span,
#contents .cast_list .list .more_btn,
#main_column .paging a,
#shop_qa .qa .ques,
#shop_qa .qa .accordion .ques,
#shop_qa .qa .accordion .active .ques span,
#weekly_schedule li p:nth-child(2),
#day_schedule li.availability p:nth-child(2),
#day_schedule li.confirmation p:nth-child(2),
#main_column #attendance .day_schedule li.availability p:nth-child(2),
#main_column #attendance .day_schedule li.confirmation p:nth-child(2){
color:#a90cc9;
}
#main_nav .list .anc_btn a,
#contents .sect_title a,
#contents .shop_list li .more_btn a,
#main_nav .title,
#main_nav .list .on a,
#shop_data .sp_nav .title,
#shop_data .sp_nav .list .on a,
#contents .sp_more_btn,
#weekly_schedule .schedule,
#main_column .paging a.next,
#main_column .paging a.prev,
#shop_qa .qa .ques span,
#shop_qa .qa .accordion .ques span,
#day_schedule li.availability p:nth-child(1),
#day_schedule li.confirmation p:nth-child(1),
#main_column #attendance .day_schedule li.availability p:nth-child(1),
#main_column #attendance .day_schedule li.confirmation p:nth-child(1),
#main_column .paging .link_btn a,
#blog_detail .blog .login_wrp .btn span,
#cast_nav li.on a{
background:#a90cc9;
}
#main_nav,
#main_nav .list .on a,
#main_nav .list a:hover,
#shop_data .sp_nav,
#shop_data .sp_nav .list .on a,
#shop_data .sp_nav .list a:hover,
#contents .cast_list li a .cast_name,
#main_column .schedule_nav a:hover,
#main_column .schedule_nav li b,
#side_column .cast_list .list li a .cast_name,
#pankuzu li a:before,
#cast_nav li.on a,
#cast_nav li a:hover{
border-color:#a90cc9;
}
#main_nav .title:after,
#main_column .paging a.next:after{
border-left-color:#a90cc9;
}
#main_column .paging a.prev:after{
border-right-color:#a90cc9;
}
#main_column .schedule_nav li b:after,
#weekly_schedule li.selected:after{
border-top-color:#a90cc9;
}
#shop_data .credit_btn a{
background: #a90cc9;
}
/*新人一覧*/
#main_column #newface .list .newface_data,
#main_column #newface .list .newface_data p:nth-child(1){
border-color: #fff;
}
/*日記一覧*/
#contents .blog_list li .cast_name{
color: #a90cc9;
}
#contents .blog_list li .time,
#contents .blog_list li .text{
color: #fff;
}
/*遊び方*/
.play .list li .title,
.play .list li .columun{
color: #a90cc9;
}
.play .list li .columun span{
color: #fff;
background: #a90cc9;
}
/*キャストページ*/
#cast_nav li{
border-color: #000;
}
/*smartphone+tabletショップメニュータイトルカラー『#cc012c』---------------------------*/
@media (max-width: 893px) {
#main_nav .title{
background: #cc012c;
}
}
/*変更不可
------------------------------------------------------*/
body{
background-position:center top;
background-repeat:repeat;
}
/*20171018追記ここから*/
#hotellist_1,
#hotellist_2,
#hotellist_3,
#hotellist_4,
#hotellist_5{
display: none;
}
#hotelmap .maptrg li.selected{
-webkit-animation: spin 3.5s linear infinite;
-moz-animation: spin 3.5s linear infinite;
ms-animation: spin 3.5s linear infinite;
-o-animation: spin 3.5s linear infinite;
animation: spin 3.5s linear infinite;
}
#hotelmap .title{
left: 0;
bottom: 0;
}
#hotelmap .maptrg li{
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
/*20171018追記ここまで*/
/*20171018追記ここから*/
/*MEDIA QUERIES
--------------------------------------------------*/
/*smartphone+tabletショップメニュータイトルカラー ---------------------------*/
@media (max-width: 893px) {
#main_nav .title{
background: #000;
}
/*コンテンツ背景色RGBA---------------------------*/
.wrapper{
background:rgba(0, 0, 0);
}
}
/*smartphone*/
@media (max-width: 640px) {
#hotelmap .map{
padding: 15px;
}
#hotelmap .title{
width:30%;
left: 15px;
bottom: 15px;
}
#hotelmap .maptrg li:nth-child(1){
width: 24%;
top: 20vw;
left: 5vw;
}
#hotelmap .maptrg li:nth-child(2){
width: 22%;
top: 8vw;
left: 36vw;
}
#hotelmap .maptrg li:nth-child(3){
width: 26%;
top: 23vw;
right: 3.7vw;
}
#hotelmap .maptrg li:nth-child(4){
width: 31%;
bottom: 13vw;
left: 35vw;
}
#hotelmap .maptrg li:nth-child(1):hover{
width: 25%;
top: 19.5vw;
left: 4.5vw;
}
#hotelmap .maptrg li:nth-child(2):hover{
width: 23%;
top: 7.5vw;
left: 35.5vw;
}
#hotelmap .maptrg li:nth-child(3):hover{
width: 27%;
top: 22.5vw;
right: 3.2vw;
}
#hotelmap .maptrg li:nth-child(4):hover{
width: 32%;
bottom: 12.5vw;
left: 34.5vw;
}
}
/*tablet*/
@media (min-width: 641px) and (max-width: 893px) {
#hotelmap .map{
padding: 15px;
}
#hotelmap .title{
width:30%;
left: 15px;
bottom: 15px;
}
#hotelmap .maptrg li:nth-child(1){
width: 24%;
top: 20vw;
left: 5vw;
}
#hotelmap .maptrg li:nth-child(2){
width: 22%;
top: 8vw;
left: 36vw;
}
#hotelmap .maptrg li:nth-child(3){
width: 26%;
top: 23vw;
right: 3.7vw;
}
#hotelmap .maptrg li:nth-child(4){
width: 31%;
bottom: 13vw;
left: 35vw;
}
#hotelmap .maptrg li:nth-child(1):hover{
width: 25%;
top: 19.5vw;
left: 4.5vw;
}
#hotelmap .maptrg li:nth-child(2):hover{
width: 23%;
top: 7.5vw;
left: 35.5vw;
}
#hotelmap .maptrg li:nth-child(3):hover{
width: 27%;
top: 22.5vw;
right: 3.2vw;
}
#hotelmap .maptrg li:nth-child(4):hover{
width: 32%;
bottom: 12.5vw;
left: 34.5vw;
}
}
/*PC*/
@media (min-width: 894px) {
/**CAST LIST**/
#contents .cast_list li a .cast_name,
#contents .cast_list .list li .data,
#contents .cast_list .list .comment,
#contents .cast_list .list .time{
color:#fff;
}
#hotelmap .title{
width: 303px;
}
#hotelmap .maptrg li:nth-child(1){
width: 212px;
top:169px;
left: 43px;
}
#hotelmap .maptrg li:nth-child(2){
width: 197px;
top: 70px;
left: 317px ;
}
#hotelmap .maptrg li:nth-child(3){
width: 242px;
top: 199px;
right: 32px;
}
#hotelmap .maptrg li:nth-child(4){
width: 268px;
bottom: 114px;
left: 305px;
}
#hotelmap .maptrg li:nth-child(1):hover{
width: 222px;
top:164px;
left: 38px;
}
#hotelmap .maptrg li:nth-child(2):hover{
width: 207px;
top: 65px;
left: 312px ;
}
#hotelmap .maptrg li:nth-child(3):hover{
width: 252px;
top: 194px;
right: 27px;
}
#hotelmap .maptrg li:nth-child(4):hover{
width: 278px;
bottom: 109px;
left: 300px;
}
}