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

/*ショップごとのCSSです。

------------------------------------------------------*/
/*FONT 変更*/
#side_column #shop_data .phone,
#side_column #shop_data .hours,
#side_column #shop_data .copy_text,
#side_column #shop_data .shop_branch{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;/*明朝系フォント*/
letter-spacing: 0;
}
/*HEADER/FOOTER----------------------*/
#header .head_text{
text-align: center;
visibility: hidden;
}
#header .logo_box{
background: transparent;
}
#footer .nav a{
text-decoration: none;
}
#footer .copyright{
padding: 5px 0;
}
/*MAIN CONTENTS----------------*/
/*CAST LIST*/
#contents .cast_list .list li .state{
font-weight: normal;
letter-spacing: -0.04em;
margin: 2px 0 4px 0;
}
#contents .cast_list .list li .state.full{
letter-spacing: 0.04em;
}
#contents .cast_list .list li .state.watch{
background-image: url("../images/shop/okujuku/watch_icon.png");
background-repeat: no-repeat;
}
#contents .cast_list .list li .state.heart{
background-image: url("../images/shop/okujuku/heart_icon.png");
background-repeat: no-repeat;
}
/*AVAILABILTY*/
#main_column #attendance li a{
text-decoration: none;
}
#main_column .cast_list #attendance .box .state.heart{
background-image: url("../images/shop/okujuku/heart_icon.png");
}
/*EVENT*/
#contents #event .title{
position: relative;
}
#contents #event .title:before,
#contents #event .title:after{
position: absolute;
left: 0;
content: "";
display: block;
height: 2px;
background: #000;
width: 100%;
}
#contents #event .title:before{
top: 0;
}
#contents #event .title:after{
bottom: 0;
}
#contents #event .title,
#contents #event .text{
text-align: center;
}
#contents #event .text{
border: none;
}
/*BLOG LIST*/
#contents .blog_list .list:after{
content: "";
display: block;
clear: both;
}
#contents .blog_list li{
float: left;
margin: 0 3px 6px 3px;
width: calc(25% - 6px);
border: 1px #ccc solid;
padding: 8px;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #f0f0f0;
}
#contents .blog_list li a{
text-decoration: none;
border: none;
}
#contents .blog_list li .data{
color: #000;
padding-top: 8px;
}
#contents .blog_list li .photo{
position: relative;
overflow: hidden;
}
#contents .blog_list li .photo img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#contents .blog_list li .photo:after{
content: "";
display: block;
padding-top: 75%;
}
#contents .blog_list li .time,
#contents .blog_list li .text{
color: #666;
font-size: 12px;
}
#contents .blog_list li .text{
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/*PAGING*/
#main_column .paging{
padding: 10px 0;
margin: 0;
border-top: none;
border-bottom: none;
}
#main_column .paging .link_btn{
top: 10px;
}
/*PLAY*/
.play .list li{
padding-bottom: 10px;
}
.play .list li .title,
.play .list li .columun,
.play .list li .text{
text-align: left;
box-sizing: border-box;
}
.play .list li .title,
.play .list li .columun{
font-size: 16px;
padding: 5px 0;
}
.play .list li .columun{
font-weight: bold;
}
.play .list li .columun span{
background: #ccc;
padding: 3px 5px;
margin-right: 5px;
}
.play .list li .text{
border: 1px #ccc solid;
padding: 5px;
}
.play .list li .text .paragraph{
display: block;
margin-bottom: 1em
}
/*SIDE COLUMN-----------------------------*/
#side_column #shop_data .shop_name,
#side_column #shop_data .phone,
#side_column #shop_data .hours,
#side_column #shop_data .copy_text,
#side_column #shop_data .shop_branch{
text-align: center;
}
#side_column #shop_data .text{
font-size: 12px;
padding: 10px 0;
}
#side_column #shop_data .copy_text{
padding-bottom: 5px;
}
#side_column #shop_data .shop_branch{
padding: 10px 0;
font-weight: bold;
border-bottom: 1px #000 solid;
font-size: 14px;
}
#side_column .cast_list .list li .state{
background-position: 3px 1px;
background-size: auto 20px;
}
#side_column .cast_list .list li .data .comment{
font-size: 12px;
overflow: hidden;
margin-top: 5px;
height: 4.2em;
}
#side_column .news_list .list li .title{
border-bottom: 1px #000 solid;
}
#side_column .news_list .list li .title a{
text-decoration: none;
}
#side_column .news_list .list li .shop_name{
font-size: 12px;
}
#side_column .bunner_list a{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#contents .blog_list li a:hover .photo img,
#shop_data .credit_btn a:hover,
#side_column .bunner_list a:hover{
filter:alpha(opacity=80);
-moz-opacity:0.80;
-webkit-opacity:0.80;
-o-opacity:0.80;
-ms-opacity:0.80;
opacity:0.80;
}
/*CAST PAGE-----------------------------*/
#cast_nav li{
margin-right: 2px;
}
#weekly_schedule .schedule{
padding: 2px;
}
#cast_page #main_column .sect_title .prof{
font-size: 12px;
font-weight: bold;
padding: 0 5px;
}
/*2024-03追加ここから*/
#mainimage .sp{
display: none;
}
#cast_page #others .profile .graph{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
margin: 0;
}
#cast_page #others .profile .graph li{
width: 33.33%;
position: relative;
padding: 0 0 4vw 0;
}
#cast_page #others .profile .graph li span{
width: 33vw;
display: inline-block;
position: absolute;
text-align: center;
bottom: 3vw;
z-index: 2;
font-size: 4vw;
font-weight: bold;
padding: 0;
}
#cast_page #others .option_list .list{
margin: 10px;
}
#cast_page #others .option_list li{
border-bottom: 1px #ccc dotted;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
}
#cast_page #others .option_list li p:nth-child(1){
width: 60px;
text-align: center;
display: inline-block;
background: #FF5714;
color: #fff;
padding: 2px 5px;
}
#cast_page #others .option_list li p:nth-child(2){
width: calc(100% - 150px);
letter-spacing: -0.08em;
padding: 0 5px;
border-right: 1px #ccc dotted;
text-align: left;
}
#cast_page #others .option_list li p:nth-child(3){
width: 90px;
text-align: right;
padding-right: 5px;
}
#cast_page #others .option_list li.not{
background: #f1f1f1;
color: #888;
}
#cast_page #others .option_list li.not p:nth-child(1){
background: #b1b1b1;
}
#cast_page #others .option_list li.not p:nth-child(3):before{
content: "　";
}
#cast_page #others .option_list li.very p:nth-child(1){
background: #c10164;
}
#cast_page #others .option_list li.very p:nth-child(3){
color: #c10164;
font-weight: bold;
}
#others .profile{
width: 100%;
float: none;
}
#cast_page #others .outcall_area .text{
text-align: left;
padding: 10px 15px;
}
#movie_cont .photo video{
width: 100%;
height: auto;
margin-bottom: 5px;
}
/*2024-03追加ここまで*/
/*MEDIA QUERIES
--------------------------------------------------*/
/*-----------------------------------------------------*/
/*sp + tablet*/
@media (max-width: 893px) {
#header{
display: none;
}
#mainimage{
display: block;
}
/*MAIN COLUMN*/
#contents #main_column .sect_title{
margin-bottom: 10px;
}
/*EVENT*/
#contents #event .title{
padding: 10px 0;
}
/*Play*/
.play .list{
padding: 0 10px;
}
}
/*smartphone*/
@media (max-width: 640px) {
/*EVENT*/
#contents #event .title{
padding: 15px 10px;
}
/*BLOG LIST*/
#contents .blog_list li{
width: calc(50% - 6px);
}
/*EVENT*/
#main_column #event .box{
padding-left: 0;
}
/*PAGING*/
#main_column .paging .link_btn{
padding: 10px 0 0 5px;
}
/*CAST NAV*/
#cast_nav .split4 li{
width: calc(25% - 2px);
}
/*HEART_ICON*/
#main_column .cast_list #attendance .box .state.watch,
#main_column .cast_list #attendance .box .state.heart,
#contents .cast_list .list li .state.watch,
#contents .cast_list .list li .state.heart{
background-position: 3px 1px;
background-size: auto 20px;
}
/*2024-03追加ここから*/
#mainimage .pc{
display: none;
}
#mainimage .sp{
display: block;
}
#phone_btn{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
}
#phone_btn .tel_btn,#phone_btn .reserv_btn{
width: 50%;
}
#phone_btn .tel_btn .icon{
width: 8.2vw;
}
#phone_btn .tel_btn .text{
width: calc(100% - 8.2vw);
}
#phone_btn .tel_btn .text span{
font-size: 3.4vw;
}
#phone_btn .tel_btn .text span:nth-child(1){
font-size: 4.2vw;
}
#phone_btn .reserv_btn{
border: 1px #fe0c87 solid;
background: #ffb4d8;
background: -moz-linear-gradient(top, #ffb4d8 0%, #ff4594 100%);
background: -webkit-linear-gradient(top, #ffb4d8 0%,#ff4594 100%);
background: linear-gradient(to bottom, #ffb4d8 0%,#ff4594 100%);
color: #fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
text-decoration: none;
}
#phone_btn .reserv_btn span{
display: block;
font-size: 4.2vw;
font-weight: bold;
padding-top: 3.2vw;
}
/*2024-03追加ここまで*/
}
/*-----------------------------------------------------*/
/*tablet*/
@media (min-width: 641px) and (max-width: 893px) {
/*MAIN CLOMUN*/
#main_column section{
padding-bottom: 25px;
}
#main_column #event{
padding-top: 10px;
}
#main_column #banners p:last-child{
margin-bottom:  25px;
}
/*HEART_ICON*/
#main_column .cast_list #attendance .box .state.watch,
#main_column .cast_list #attendance .box .state.heart,
#contents .cast_list .list li .state.watch,
#contents .cast_list .list li .state.heart{
background-position: 3px 1px;
background-size: auto 20px;
}
}
/*-----------------------------------------------------*/
/*PC*/
@media (min-width: 894px) {
#header .logo{
width: 310px;
margin: 0;
}
/*MAIN MENU*/
#main_nav .list{
padding: 0 20px;
}
#main_nav .list li{
padding: 0 10px;
}
#main_nav .list a{
padding: 5px 15px 2px 15px;
}
/*MAIN COLUMN----------------*/
#main_column{
padding: 30px 0 20px 15px;
}
#contents #main_column .sect_title{
margin-bottom: 10px;
}
/*CAST LIST*/
#main_column .schedule_nav ul{
padding: 0 0 15px 0;
}
#main_column .cast_list .list{
padding: 0 0 0 1px;
}
/*EVENT*/
#main_column #event{
padding-top: 10px;
}
#contents #event .title{
padding: 5px;
}
/*BUNNERS*/
#main_column #banners{
padding-top: 15px;
}
#main_column #banners p:last-child{
margin-bottom:  30px;
}
#main_column section{
padding-bottom: 30px;
}
/*SIDE COLUMN----------------*/
#side_column{
padding: 20px 15px;
}
/*CAST NAV*/
#cast_page #main_nav .list li{
margin-bottom: 5px;
}
#cast_nav .bookmark_btn{
top: -35px;
}
/*HEART_ICON*/
#main_column .cast_list #attendance .box .state.watch,
#main_column .cast_list #attendance .box .state.heart,
#contents .cast_list .list li .state.watch,
#contents .cast_list .list li .state.heart{
background-position: 3px 1px;
background-size: auto 20px;
}
/*2024-03追加ここから*/
#cast_page #others .profile .graph li{
padding: 0;
}
#cast_page #others .profile .graph li span{
width: 286px;
bottom: 0;
font-size: 24px;
}
#movie_cont .photo{
width: 360px;
margin: 0 auto;
}
/*2024-03追加ここまで*/
}