@charset "UTF-8";
/* *****************************************************************
pc
全体
recapcha
メニュー
TOP
その他ページ
***************************************************************** */
/* *****************************************************************
pc
***************************************************************** */
.pc{display: block;}
.sp,.spmenu,.gnav {display: none;}
.indent{
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.5;
}
.indent::before{
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    display: inline-block;
    margin-right: .3em;
}
.indent2{
    text-indent: -1em;
    padding-left: 1.5em;
    line-height: 1.5;
}
div#wallpaper,div#wallpaper_second{
    min-width: 960px;
}
div#main_photo {overflow: hidden;}

@media only screen and (max-width: 810px) {
/* *****************************************************************
全体
***************************************************************** */
.pc{display: none;}
.sp {display: block;}    
html, body {
    height: 100%;
    width: 100%;
	word-wrap: break-word;
}
html {overflow-y: scroll;}  
div#wallpaper,div#wallpaper_second{
    min-width: 100%;
    background: none;
    position: relative;
}
div#header {
    width: 100%;
    height: 60px;
    margin: 0 auto 0;
    padding: 0;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    z-index: 10;
    background-color: #f2f2f2;
    border-top: 5px solid #000;
}
div#header h1 {
    width: calc(100% - 70px);
    float: none;
    background-size: 100px auto;
    background-position: 3% 50%;
    padding: 17px 0 0 120px;
    height: 55px;
    font-size: 10px;
    line-height: 1.3;
    box-sizing: border-box;
}    
div#main {
    margin: auto;
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
} 
div#left_column {
    width: 100%;
    float: none;
    margin: 0;
}
div#center_column {
  width: 100%;
  padding: 0;
  float: none;
  border: none;
}
div#center_column2,
div#center_column3{
    width: 100%;
    float: none;
    padding: 0;
}   
div#center_column h3.costi, 
div#center_column2 h3, 
div#center_column3 h3, 
div#center_column4 h3, 
div#center_column .oubo h3, 
div#center_column .contact h3, 
div#center_column #privacy h3 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 10px;
    padding: 0;
    background: none;
}    
div#center_column2 h4.about,
div#center_column #privacy h4, 
div#center_column2 #blogset p {
    font-size: 14px;
    line-height: 160%;
    padding: 0 0 10px;
}    
div#center_column dl.costume dt {
    font-size: 14px;
}
div#right_column {
    width: 100%;
    float: none;
    clear: both;
}
div#right_column #baner {
    width: 45%;
    margin: 0 2.5% 5%;
    text-align: center;
    float: left;
}
div#right_column #baner img{
    width: 100%!important;
    height: auto;
}
div#right_column ul.side-pick {
    width: calc(100% - 100px);
}
div#right_column p {
    clear: both;
    width: 100%;
    text-align: center;
    margin: 0 auto 15px;
}  
div#right_column p img{
    max-width: 240px;
}
div#footer {
    background:none;
    background-color: #F90;
    margin: 30px 0 0;
    padding: 15px 0 15px;
    border-top: 4px solid #000;
}    
div#footer .footmenu{
    display: none;
}    
img{
    width: 100%;
    height: auto;
}
iframe{
    width: 100%;
    margin-top: 10px!important;
}      

/* *****************************************************************
recapcha
***************************************************************** */    
.grecaptcha-badge{display: none;}
    
    
/* *****************************************************************
メニュー
***************************************************************** */
ul.navi,ul.head_menu{display: none;}    
.spmenu {display: block;}
.menu{
    height: 20px;
    position: absolute;
    right: 15px;
    top: 20px;
    width: 30px;
    z-index: 99;
}
.menu__line{
    background: #F60;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
    cursor: pointer;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}
/*gnav*/
.gnav{
    background: rgba(255,236,188,1);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
    top: 0;
    box-sizing: border-box;
}
.gnav__wrap{
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
    overflow-y: auto;
}
.gnav__menu{
    width: 80%;
    height: auto;
    padding: 50px 0;
}    
.gnav__menu__item{
    padding: 15px 0;
    border-bottom: 2px dotted #F90;
}
.gnav__menu__item a{
    display: block;
	color: #666;
    font-size: 1.2em;
	text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a::before{
    display: inline-block;
    content: "";
    margin-right: 10px;
    background-color: #F60;;
	width: 10px;
	height: 12px;
	clip-path: polygon(0 0, 100% 50%, 0 100%)
}
.gnav__menu__item a:hover{
    color: #666;
}  
  

/* *****************************************************************
TOP
***************************************************************** */       
.home div#main_photo {
    margin: 0 auto 20px;
    padding: 75px 0 15px;
    width: 100%;
    height: auto;
    background: none;
    background-color: #ffecbc;
}   
.home div#main_photo img,.home #left_column{display: none;}    
.home div#main h3 {
    margin: 0 0 5px;
    clear: both;
}    
.home div#main h3 img {
    display: block;
    margin-bottom: 5px;
}    
.home div#center_column dl.kekka2 dd h4 {
    font-size: 14px;
    line-height: 1.3;
}
.home div#center_column dl.kekka2 dd img{
    width: 90px;
}    
.home div#center_column dl.kekka2 dt {
    margin: 0;
    padding: 3px 0 15px 0;
    width: calc(100% - 100px);
    font-size: 12px;
    line-height: 150%;
}   
.home div#center_column #blog .blogtxt {
    width: calc(100% - 100px);
    margin: 0;
    padding-right: 10px;
}  
    

/* *****************************************************************
その他ページ
***************************************************************** */    
div#wallpaper_second h2.title {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 20px;
    background-color: #ff8802;
}
div#wallpaper_second h2.title img{
    width: 60%;
    max-width: 264px;
}

/**** パラガ／コスチューム **********************/   
div#left_column.girl_list .flex_girl{
    display: flex;
    justify-content: center;
}    
div#left_column.girl_list .flex_girl .girl_banner{
    width: 47.5%;
    max-width: 200px;
    margin-right: 5%;
} 
div#left_column.girl_list .girl_banner:nth-child(2){
    margin-right: 0;
}     
div#left_column ul.cat li{
    font-size: 14px;
}    
div#left_column ul.cat > li.cat-item {
    margin-bottom: 30px!important;
}
div#left_column ul.children{
    display: flex;
    flex-wrap: wrap;
}
div#left_column ul.children li {
    margin: 15px 0 0!important;
}
div#left_column ul.children li.cat-item {
    background: none;
    padding: 0 1.5em 0 0;
} 
div#left_column ul.children li.cat-item::before{
    content: "・";
    color: #F90;
}
div#center_column2 #girl {
    background: none;
    height: auto;
} 
div#center_column2 #girl img{
    margin-bottom: 0!important;
}
div#center_column2 ul.girl li {
    margin: 0 2.333% 20px 0;
    width: 31%;
    height: auto;
}    
ul.cos li,ul.cos li.photo{
    width: 90px;
    float: left;
    padding: 0;
    display: block;
    margin: 0 10px 20px;
    line-height: 0;
}   
div.girl_photo {
    width: 100%;
    float: none;
}
div.girl_txt {
    width: 100%;
    padding: 0;
    float: none;
    font-size: 14px;
    clear: both;
}    
div.girl_txt p .small {
    font-size: 12px;
}
#imageDataContainer,#outerImageContainer {width: 100%!important; height: auto!important;}  
.page-id-2 div#center_column #slider{width: 100%!important;}
    
/**** レポート・スケジュール **********************/   
.page-id-158 div#left_column ul.eventmenu,
.page-id-116 div#left_column ul.eventmenu{
    display: flex;
    justify-content: center;
}    
.page-id-158 div#left_column ul.eventmenu li,
.page-id-116 div#left_column ul.eventmenu li{
    width: 47.5%;
    max-width: 200px;
    margin-right: 5%;
}
.page-id-158 div#left_column ul.eventmenu li:nth-child(2),
.page-id-116 div#left_column ul.eventmenu li:nth-child(2){
    margin-right: 0

}    
.page-id-158 div#left_column p,
.page-id-158 div#left_column .mailmaga2,
.page-id-116 div#left_column p,
.page-id-116 div#left_column .mailmaga2{
    display: none;
}    
div#repo {
    width: 100%;
}

/**** パチンコとは **********************/     
.page-id-3369 div#left_column,
.page-id-3369 div#center_column h3{display: none;}    
.page-id-3369 div#center_column p{
    font-size: 14px;
    line-height: 1.7!important;
    margin-bottom: 30px;
}    

/**** ホールリスト **********************/   
div#left_column.hall_list,div#center_column.hall_list,
.hall_list div#left_column,.hall_list div#center_column{
    width: 50%;
    float: left;
}
.hall_list div#center_column{
    padding-left: 1em;
    box-sizing: border-box;
    margin-bottom: 30px;
}    
.hall_list div#left_column ul.cat > li.cat-item,
.hall_list div#left_column h3{
    margin-bottom: 15px !important;
}
.hall_list div#center_column h3{
    margin: 10px 0 15px;
}       
.hall_list div#center_column ul > li{
    margin-bottom: 10px;
}     
    
/**** 最新機種 **********************/   
div#left_column.newtype{
    margin-bottom: 20px;
}    
div#left_column.newtype ul.cat{
    display: flex;
    flex-wrap: wrap;
}    
div#left_column.newtype ul.cat > li.cat-item {
    margin:5px 1.5em 10px 0 !important;
}
div#center_column.newtype table {
    width: 100%;
}    
div#center_column.newtype table td {
    padding: 7px 20px;
}
    
/**** プラポリ・会社概要・問い合わせ・オーディション・クライアント関係者・一般企業 **********************/     
.page-id-1169 div#left_column,.page-id-1166 div#left_column,.page-id-1158 div#left_column,.page-id-1162 div#left_column,.page-id-1298 div#left_column,.page-id-1300 div#left_column{display: none;}
.page-id-1169 div#center_column,.page-id-1166 div#center_column,.page-id-1158 div#center_column,.page-id-1162 div#center_column,.page-id-1298 div#center_column,.page-id-1300 div#center_column{margin-bottom: 30px;}    
.page-id-1158 input,.page-id-1158 textarea,.page-id-1162 input,.page-id-1162 textarea{width: 100%;}
.page-id-1158 input[type="checkbox"],.page-id-1162 input[type="checkbox"],.page-id-1162 span.nen input,.page-id-1162 span.month input,.page-id-1162 span.hi input{width: auto;}     
.page-id-1158 input[type="submit"],.page-id-1162 input[type="submit"]{width: 80%; height: 60px; line-height: 60px; margin: 10px auto 0;}      
    
/* ***************************************************************** */    
}