/*全サイズ共通*/

#menu_cont .open-search-modal .search_form [type="submit"].selected_send{
  position: inherit;
  width: 100%;
}
.slider_title{margin:0 auto; position: relative;}

/* recent */
.load_recent{border-top: none;}

.slider_bg{
position: absolute;
width: 100%;
height: 475px;
-webkit-transition: opacity .8s;
-moz-transition: opacity .8s;
transition: opacity .8s;
background: #e6eef1;
}
.hid { opacity: 0; }
.recent_wrap{padding: 0 15px;}

.slider_wrap{z-index:1; width: 100%; overflow: hidden; text-align:left; position:relative;}
#loading{
position:absolute;
background:url('../images/common/loading_logo.png') no-repeat;
background-size: 40px 40px;
/*
border-radius:100%;
*/
-webkit-animation:sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}
#slider_main .girl{padding:0; text-align:center; font-size:12px; position:relative;}
#slider_main .girl .caption{position: absolute; left: 0; z-index: 2; background:#1C548A; -webkit-transition: .3s; transition: .3s;}
#slider_main .girl .caption .name{line-height:140%; padding:5px 0 0 0;}
#slider_main .girl .caption .data{padding:5px 0 0 0;}
#slider_main .girl .caption a{color:#fff;}

#slider_main .girl .caption_top{position: absolute; top: 10px; left: -10px; z-index: 2;  -webkit-transition: .3s; transition: .3s; text-align: left; font-size: 14px;}
#slider_main .girl .caption_top a{background:#1C548A; text-align: left; display:inline-block; clear: both; width: auto; padding: 10px 12px; }
#slider_main .girl .caption_top .sub_title{font-size: 11px;}
#slider_main .girl .caption_bottom{position: absolute; bottom: 10px; right: -10px; z-index: 2;  -webkit-transition: .3s; transition: .3s; text-align:right;  font-size: 12px;}
#slider_main .girl .caption_bottom a{background:#1C548A; text-align: left; display:inline-block; clear: both; width: auto; padding: 8px 12px;}
#slider_main .girl a{
color:#fff;
}
#slider_main .girl .caption_top a:hover,
#slider_main .girl .caption_bottom a:hover{
text-decoration: none;
}


/*
#slider_main .girl .caption_top a:hover > #slider_main .girl .caption_top a.top_link{
background: #fff;
color: #333;
}
*


/*-------------------------------------
共通 .topics_cont
-------------------------------------*/
.topics_cont li{position:relative;}
.topics_cont li i{font-size:22px; position:absolute; top:51%; right:5px; margin:-15px 0 0 0; padding:0; text-indent:0;}
.topics_cont .st_okusama i{color:#4BCAFF;}
.topics_cont .st_kintsuma i{color:#d344d8;}
.topics_cont .st_maid i{color:#FF489B;}
.topics_cont .st_shampoo i{color:#42D755;}
.topics_cont .st_esthe i{color:#FF754D;}

.news li .img{
position:absolute;
top:50%;
left:0;
margin:-30px 0 0 0;
float:left;
width:45px;
border-radius:50%;
}
.news b{
font-weight:normal;
font-size:14px;
float:left;
margin:0 0 0 55px;
padding:0 14px 5px 0;
}
.news b span{
font-size:11px;
display:block;
line-height:140%;
margin:0px 0 8px 0;
}

#center_cont a.more{
text-align: right;
float:right;
margin:10px 10px 10px 0;
padding:10px 0 0px 0;
font-weight: bold;
font-size: 13px;
display: block;
}
/*-------------------------------------
共通 .girl_icon_tags
-------------------------------------*/
 .girl_icon_tags{
  position:absolute;
  top:-6px;
  right:0px;
  z-index:10;
  font-size:11px;
  }
  .girl_icon_tags .girl_icon{
    float:left;
     border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:3px 5px;
    color:#fff;
    background: #FE7676;
    font-size:10px;
    display: block;
    margin-right:3px;
  }
  .girl_icon_tags .girl_icon_enter{
    background:#BF9D00;
  }

.fetch .fetch_item p strong{
color: #999;
display: block;
font-weight: normal;
font-size:10px;
}

.fetch .fetch_item p span{
font-size:10px;
color: #999;
}

/*-------------------------------------
共通 #about_hare
-------------------------------------*/
#about_hare{
background-image: linear-gradient(120deg,#fde0e0 0%, #cadef0 100%) !important;
border-top:1px solid #fff;
color: #444;
}


/*-------------------------------------
共通 #map_wrap
-------------------------------------*/
#map_wrap{
border-top:1px solid #fff;
background-color: #a2688c;
background-image: linear-gradient(120deg,#a2688c 0%, #7a68a2 100%) !important;

color: #fff;
width: 100%;
}
#map_wrap .map_section{
background-image:url(../images/index/index_building.png);
background-repeat: no-repeat;
background-position:right bottom;
}

/*-------------------------------------
共通 hover
-------------------------------------*/
.newface .girl:hover,
.diary .article:hover{
background: #206090;
color: #fff;
}
.newface .girl,
.newface .girl::before,
.newface .girl::after,
.diary .article,
.diary .article::before,
.diary .article::after{
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
}

/* staffblog */
#right_cont .right_section.staffblog{
background: #fff;
}
#right_cont .right_section.staffblog ul{
padding: 0 15px;
font-size: 12px;
}
#right_cont .right_section.staffblog li{
border-bottom: 1px dashed #ddd;
padding: 0 0 10px 0px;
margin: 0 0 10px 0px;
}
#right_cont .right_section.staffblog li a{
  color: #1b5289;
}

/* movie */
#right_cont .right_section.movieList .new img{
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  width:50px;
  }
  #right_cont .right_section.mediaList .new img{
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  width:67px;
  }
  #right_cont .right_section.movieList .movie img{
  height:120px;
  }
  
  #right_cont .right_section.movieList .movie{
  position:relative;
  }
  #right_cont .right_section.movieList .movie_btn{
  position:absolute;
  top:27%;
  left:45%;
  }
  #right_cont .right_section.movieList .movie_btn img{
  width:30px;
  }
  #right_cont .right_section.movieList .time{
  position:absolute;
  bottom:8px;
  right:0;
  background-color: rgba(0,0,0,0.5);
  color:#ccc;
  padding:1px 4px;
  font-size:11px;
  font-weight:normal;
  }
  #right_cont .right_section.movieList .detail{
  font-size:11px;
  line-height:120%;
  }
  #right_cont .right_section.movieList .detail span{
  margin:0 0 0 5px;
  }
  #movieModal{
    background: transparent;
  }
  #movieModal .close{
    top: -10px;
    right: 0;
    color: #fff;
    text-shadow: none;
    opacity: 1;
  }



/*----------------------------------------------------
.pc 959px
----------------------------------------------------*/
@media screen and (min-width: 959px){


.ipn-view{
  display: none;
}
#gmap{
width: 100%;
height:300px;
}
#index_lead{
width:1170px;
margin:20px auto 0 auto;
position:relative;
z-index:10;
opacity: 0;
}
#index_lead .lead_wrap{
padding:0px 0 0 0;
}


#index_lead h1{
color:#1b5289;
font-size:12px;
line-height:17px;
font-weight:normal;
float: left;
width:650px;
letter-spacing: 1px;
}
#index_lead h2{
color:#1b5289;
font-size:14px;
font-weight: normal;
letter-spacing:1px;
float: right;
}


/*-------------------------------------
pc left_cont indexはabsolete
-------------------------------------*/
#left_cont{
position: absolute;
top:0;
left: 0;
}

/*-------------------------------------
pc .slider
-------------------------------------*/
.slider_title{
width:1170px;
}
.slider_title h2.h2_title{
position:absolute;
top:20px;
left:0px;
z-index:100;
}
.slider_bg{
min-width: 1170px;

}
.slider_wrap{
min-width:1170px;
overflow: hidden;
margin:0px;
/*
background: linear-gradient(120deg,#37ddcb 0%, #0da0a5 100%) !important;
*/
padding:20px 0 0px 0;
height:460px;
}
#main_wrap{
  margin-top: 40px;
}


#loading{
top:200px;
left:50%;
width: 40px;
height: 40px;
}

#slider_main .girl{
margin:0 15px;
}

#slider_main .girl .img img{
width:800px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}




#slider_main .girl .caption .name{
float:left;
font-size:13px;
}
#slider_main .girl .caption .data{
float:right;
font-size:13px;
}

#slider_main .girl .name span{
margin:0 10px 0 0;
}

#slider_main .girl a:hover{
text-decoration:underline;
}
#slider_main .girl .icon img{
position:absolute;
top:0px;
right:0px;
width:83px;
border-radius:0px;
}
#slider_main .girl .debut{
font-size:13px;
color:#666;
font-weight:bold;
}

#slider_main .slick-prev{left:10px; top: 0rem;}
#slider_main .slick-next{right:10px; top: 0rem;}

.slick-slider{position: relative;display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}.slick-slide{display: none;float: left;height: 100%;min-height: 1px;position: relative;}[dir='rtl'] .slick-slide{float: right;}.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}.slick-slide.dragging img{pointer-events: none;}.slick-initialized .slick-slide{display: block;}.slick-loading .slick-slide{visibility: hidden;}.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}


/* add */
#slider_main{
opacity: 0;
}
.slider_wrap .slick-prev,
.slider_wrap .slick-next{
border: none;
cursor: pointer;
margin: auto;
padding: 0;
text-indent: -9999px;
width:40px;
height:80px;
z-index: 100;
position: absolute;
top: 0;
bottom: 0;
}
.slick-prev:focus,
.slick-next:focus{
outline: none;
}
.slider_wrap .slick-prev{
/*
background:url(../images/index/slick-prev.png) no-repeat;
*/
left:0;
opacity:0.9;
}
.slider_wrap .slick-prev:hover{
opacity:1;
}

.slider_wrap .slick-next{
/*
background:url(../images/index/slick-next.png) no-repeat;
*/
right: 0;
opacity:0.9;
}
.slider_wrap .slick-next:hover{
opacity:1;
}

/*-------------------------------------
pc #center_cont
-------------------------------------*/
#center_cont{ float:left; margin:0 30px 0 230px;}

#center_cont .center_section{
/*
background:#fff;

border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:50px 20px 20px 20px;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
*/
width:700px;

position:relative;
margin:0 0 45px 0;
}

h2.h2_title{
font-size: 14px;
margin: 0 0 35px 0;
}
h2.h2_title i{
color:#1b5289;
font-size:18px;
margin: 0 5px 0 0;
}
/*-------------------------------------
pc .topics_tabs
-------------------------------------*/
.info_wrap{
margin: 0 0 30px 0;
}
.topics_tabs{
position:relative;
width:700px;
}
.topics_tabs input {
position:absolute;
z-index:100;
width:120px;
height:40px;
left:0px;
top:0px;
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
cursor:pointer;
}
.topics_tabs input#topics_tab2{
left:120px;
}
.topics_tabs label{
background:transparent;
font-size:11px;
font-weight: bold;
line-height:35px;
height:35px;
width:100px;
position:relative;
padding:0 10px;
margin:0 -1px 0 0;
float: left;
display: block;
color: #323232;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;

border-left:1px solid #ddd;
border-top:1px solid #ddd;
border-right:1px solid #ddd;

border-radius:5px 5px 0 0;
}
.topics_tabs label:after {
content: '';
background: #fff;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
display: block;
}

.topics_tabs input:hover + label {
background: #fffcee;
}

.topics_tabs label:first-of-type {
z-index: 4;
}

.tab-label-2{z-index:3;}
.topics_tabs input:checked + label{
background:#fff;
z-index:6;
}

.clear-shadow{
clear: both;
}
.topics_cont{
/*
box-shadow:0px 0px 1px 0px rgba(0,0,0,0.1);
*/
position:relative;
width: 100%;
min-height:450px;
z-index: 5;
top:35px;
border-top:1px solid #e7e7e7;
background: #fff;
}

.topics_cont div {
position: absolute;
top:35px;
left: 0;
z-index: 1;
opacity: 0;
-webkit-transition: opacity linear 0.1s;
-moz-transition: opacity linear 0.1s;
-o-transition: opacity linear 0.1s;
-ms-transition: opacity linear 0.1s;
transition: opacity linear 0.1s;
}
.topics_tabs input.tab-selector-1:checked ~ .topics_cont .cont1,
.topics_tabs input.tab-selector-2:checked ~ .topics_cont .cont2{
z-index: 100;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;

}
.topics_cont li a,
.topics_cont li a::before,
.topics_cont li a::after{
position:relative;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
}
.topics_cont li:nth-child(even) a{
background: #fff;
}
#main_wrap .topics_tabs li a:hover{background: #206090; color: #fff;}


/*-------------------------------------
pc .news
-------------------------------------*/

.news{
width:700px;
overflow-y:scroll;
height: 380px;
-webkit-overflow-scrolling: touch; 
}
.news b{
font-weight:normal;
font-size:12px;
float:left;
}
.news b span{
font-size:11px;
display:block;
margin:1px 0 8px 0;
}
.topics_cont li a{
display:block;
margin:0 0 0px 0;
padding:15px 0 15px 30px;
border-bottom:1px dashed #ddd; font-size:11px;
}

.news li .img{
position:absolute;
top:13px;
left:15px;
margin:0px 0 0 0;
float:left;
width:40px;
border-radius:50%;
border:2px solid #eee;
}
.news strong{
position:absolute;
top:30px;
right:35px;
margin:0;
padding:0;
font-weight:normal;
}
.topics_cont i{right: -5px; top:32px;}


/*-------------------------------------
pc .event
-------------------------------------*/
.event{
position:relative;
width:700px;
height: 380px;
overflow-y:scroll;
-webkit-overflow-scrolling: touch; 
}
.event{
position:relative;
width:100%;
margin:0;
padding:0;
}
.event ul{
margin:0 0px 0 0;
width:100%;
}
.event li{
margin:0 0 0px 0;
padding:0 0 0px 0;
font-size:11px;
}
.event li a{
padding:20px 15px;
height:35px;
}


.event li strong.shop{
margin:0px 0 5px 0;
display:block;
color: #999;
margin: 0 0 7px 0;
position: absolute;
top:32px;
right:35px;
font-weight: normal;
font-size: 11px;
}
.event li b{
font-weight:normal;
font-size:13px;
float:left;
line-height:130%;
padding:0 0px 0 0;
margin:10px 0 5px 0;
}
.event li b span{
margin:6px 0 0px 0px;
display: block;
font-size: 10px;
}

/*-------------------------------------
pc .index_taiken
-------------------------------------*/
.index_taiken .thumb{
width:100px;
float:left;
margin:10px 0 0 0;
}
.index_taiken .thumb img{
background:#ededed;
padding:5px;
margin:0 0 5px 0;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.index_taiken .thumb p{
font-size:11px;
}
.index_taiken .thumb span{
display:block;
font-size:11px;
margin:5px 0 0 0;
}

.index_taiken .t_block{
float:left;
width:560px;
}
.index_taiken .t_block h4{
background:url(../images/taiken/taiken_h4_new.jpg) no-repeat left center;
text-indent:45px;
line-height:35px;
font-size:12px;
font-weight:normal;
margin:0 0 4px 0;
height:35px;
}
.index_taiken .t_block h4 span{
text-align:right;
float:right;
font-weight:normal;
color:#999;
}
.index_taiken .t_block .t_cont{
background:#f9f8f4;
padding:15px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.index_taiken .t_block .t_cont p{
font-size:12px;
line-height:135%;
}
.index_taiken h5{
margin:0 0 7px 0;
color:#ab8f00;
font-size:11px;
}
.index_taiken dl{
width:152px;
margin:0 10px 0 0;
background:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:none;
padding:10px;
height:45px;
float:left;
}
.index_taiken dl.no_m{
margin:0;
}
.index_taiken dt{
background:url(http://www.harenchi.co.jp/yokohama/images/shop_taiken_check.jpg) no-repeat center left;
padding:0 0 0 20px;
color:#ab8f00;
float:none;
display:block;
margin:0 0 7px 0;
font-size:12px;
}
.index_taiken dd{
float:none;
display:block;
font-size:11px;
line-height:110%;
margin:0;
padding:0;
}
.index_taiken .more{
float:right;
font-size:13px;
margin:10px 0 0 0;
}

/*-------------------------------------
pc .newface
-------------------------------------*/
#more_newface{
margin: 0 0 30px 0;
}
.newface .girl{
width:160px;
float:left;
margin-right: 20px;
margin-bottom: 20px;
padding:0 0 15px 0;
-moz-border-radius:3px;
text-align:center;
position:relative;
background: #fff;
box-shadow:0px 0px 1px 0px rgba(0,0,0,0.1);

}
.newface .girl:nth-of-type(4n){
margin-right:0;
}

.girl .favorite_btn{
position: absolute;
top:160px;
right:-10px;
z-index: 10;
}

.newface .girl.colord{
}

.newface .girl:hover{
}

.newface .girl .img{
width:160px;
height:180px;
overflow: hidden;
margin:0 auto 10px auto;
z-index:1;
}
.newface .girl .img img{
width:160px;
-moz-transition: -moz-transform 0.1s linear;
-webkit-transition: -webkit-transform 0.1s linear;
-o-transition: -o-transform 0.1s linear;
-ms-transition: -ms-transform 0.1s linear;
transition: transform 0.1s linear;
}
.newface .girl .img img:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.newface .no_m{
margin:0;
}
.newface .girl .caption{
font-size:11px;
line-height:130%;
}

.newface .girl .name{
margin: 0 0 10px 0;
}

.newface .girl .shop{
font-size: 10px;
}

.newface .girl .date{
font-size:10px;
}

/*-------------------------------------
pc .fetch
-------------------------------------*/
.fetch .h2_title i{
text-indent: 2px;
}
.fetch .fetch_item img{
width: 100px;
}

.fetch .fetch_item{
float:left;
width:148px;
margin-right: 30px;
font-size:12px;
text-align:center;
position:relative;
line-height:140%;
}
.fetch .fetch_item:nth-child(4n){
margin-right: 0;
}


.fetch .fetch_item .fetch_thumb{
width:110px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
transition:all 0.2s;
-webkit-transition: all 0.2s;
margin:0 0 10px 0;
border:2px solid #eee;

}

.fetch .fetch_item:hover .fetch_thumb{
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.fetch .fetch_item .fetch_icon{
display:block;
background:#1b5289;
padding:10px;
color:#fff;
font-size:16px;
font-weight:normal;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
position:absolute;
top:0;
right:0;
}
.fetch .fetch_item .fetch_icon.legs{background:#f07876;}
.fetch .fetch_item .fetch_icon.busts{background:#9bd761;}
.fetch .fetch_item .fetch_icon.mouths{background:#8FDAEF;}
.fetch .fetch_item .fetch_icon.hips{background:#8FDAEF;}


/*-------------------------------------
pc .diary
-------------------------------------*/
.diary .article{
margin-right:22px;
margin-bottom: 22px;
width:119px;
overflow: hidden;
height: 163px;
box-shadow:0px 0px 1px 0px rgba(0,0,0,0.1);
background:#fff;
float:left;
overflow: hidden;
text-align: center;
}
.diary .article:nth-child(5n){
margin-right: 0;
}

.diary .article a{
height:100px;
overflow: hidden;
}

.diary .article:nth-child(5n){
margin: 0 0 10px 0;
}

.diary .article h1{
font-weight:normal;
font-size:11px;
margin:0 0 30px 0;
}
.diary .article time{
font-size:9px;
display: block;
margin: 6px 0 0 0;
}

.diary .article .img_wrap{
height: 110px;
background: #fff;
overflow: hidden;
margin:0 auto 10px auto;
}
.diary .article .img{
display:block;
width:100%;
overflow: hidden;
-moz-transition: -moz-transform 0.1s linear;
-webkit-transition: -webkit-transform 0.1s linear;
-o-transition: -o-transform 0.1s linear;
-ms-transition: -ms-transform 0.1s linear;
transition: transform 0.1s linear;
}

.diary .article:hover .img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.diary .data{
}


.diary .article .name{
font-size:12px;
margin:0 0 15px 0;
}
.diary .article .text{
font-size:12px;
line-height:150%;
}
.diary .article .link{
float:right;
font-size:13px;
margin:10px 0 0 0;
}

/*
 pc recent
*/
.recent_wrap{width:670px; margin-bottom: 20px;}


/*-------------------------------------
#index_right_cont
-------------------------------------*/
#right_cont{
float:left;
width:210px;
}
#right_cont .right_section{
/*box-shadow:0px 0px 2px 0px rgba(0,0,0,0.1);*/
position:relative;
padding:0px 0px 15px 0px;
margin:0 0 15px 0;
background:url(../images/index/right_section_border.jpg) bottom repeat-x;
}

#right_cont .right_section img{
width:210px;
}

#right_cont .right_section.no_p{
padding:0;
background:#fff;
}
#right_cont .right_section.no_p h3{
background:#21B59E;
margin:0 0 17px 0;
padding:6px 0;
color:#fff;
font-weight:normal;
font-size:11px;
text-align:center;
line-height:120%;
}

.right_section .links{
text-align:center;
padding:0 0 15px 0;
}
#right_cont .right_section .links img{
width:176px;
}


.right_section .links li{
margin:0 0 5px 0;
}

.right_section .yon p{
padding:0 15px 15px 15px;
font-size:12px;
line-height:150%;
}
#right_cont .right_section.no_p .kumamoto_com h3{
background:#666;
}

.right_section .kumamoto_com p{
padding:0 15px 15px 15px;
font-size:12px;
line-height:150%;
}

/* enjoy */
#right_cont .right_section.enjoy {
  position: relative;
}
.enjoy_icon img {
  position: absolute;
  bottom: 18px;
  left: 0;
}
  
#right_cont .right_section .other li{
width: 100%;
border-radius: 3px;
margin-top: 5px;
padding: 8px 0;
background-color: #0090db;
text-align: center;
font-size: 11px;
}

#right_cont .right_section .other li a{
color: #fff;
}
  
/*-------------------------------------
pc #about_hare
-------------------------------------*/
#about_hare{
min-width: 1170px;
}
#about_hare #about_wrap{
width:1170px;
margin:0 auto;
padding:30px 0;
float:none;
clear:both;
}
#about_hare .about_section{
padding: 0px 0;
margin:0 0 0px 0;
position:relative;
}
#about_hare .about_section h2{
font-weight:bold;
font-size:13px;
margin:0 0 20px 0;
}


#about_hare .about_section dl{
background-color:rgba(255,255,255,0.5);


position:relative;
width:20%;
float:left;
margin:0 1%;
padding:20px;
height: 190px;
border-radius:5px;
}
#about_hare .about_section dl:nth-of-type(4n){
margin-right:0;
}
#about_hare .about_section dl:nth-of-type(1){
margin-left: 0;

}

#about_hare .about_section dt{
text-align: center;
margin: 0 0 15px 0;
font-size: 15px;
font-weight: bold;
}
#about_hare .about_section dd{
font-size:11px;
line-height:160%;
}

/*-------------------------------------
pc #map_wrap
-------------------------------------*/
#map_wrap{
min-width: 1170px;
}
#map_wrap .map_section{
width: 1170px;
margin: 0 auto;
background-size:150px;
background-position: right 20px top -5px;
height: 120px;
padding: 30px 0 0 0;
position:relative;
}
#map_wrap .map_section h2{
font-size: 13px;
margin: 0 0 30px 0;
font-weight: normal;
}
#map_wrap .map_section p{
font-size: 13px;
margin: 0 0 10px 0;
}
#map_wrap a.link{
display: block;
position: absolute;
left: 50%;
margin-left: -150px;
top: 50px;
border:1px solid #fff;
color: #fff;
padding: 20px 45px;
font-size: 16px;
letter-spacing: 1px;
}
#map_wrap a.link:hover{
background:#fff;
color: #8A6899;
}









}/*pc end*/

/*----------------------------------------------------------
ipn start max 599px
----------------------------------------------------------*/
@media screen and (max-width: 599px){


.left_nav, .slick-prev, .slick-next{display:none;}
#slider_main .girl .img img{border:none;}

/* index_lead */
#index_lead{
padding: 15px 0;
opacity: 0;
}
#index_lead h1{
display: none;
}
#index_lead h2{
font-size: 13px;
text-align: center;
color: #1b5289;
}

/*-------------------------------------
ipn .special-bana
-------------------------------------*/
.special-bana{
  margin: 10px auto 10px auto;
  text-align: center;
}

/*-------------------------------------
ipn .slider
-------------------------------------*/
.slider_title h2 img{width:60px;position:absolute; top:210px; right:10px; z-index:10;}
.slider_bg, .slider_width{height: 460px;}
.slider_wrap{width: 100%; margin:40px 0 0 0; padding:15px 0 0px 0;}
#slider_main .girl .caption_top{font-size: 13px; top:20px; left:-10px;}
#slider_main .girl .caption_top a{padding:8px 12px; color: #fff;}
#slider_main .girl .caption_bottom{right: -10px; bottom: 10px; font-size: 11px;}
#slider_main .girl .caption_bottom a{padding:8px 10px; color: #fff;}

#loading{top:170px; left:50%; margin:0 0 0 -20px; width:40px; height:40px;}
#slider_main{padding:0px;}
/*
#slider_main .girl .img img{margin-top:10px; max-width:370px;}
*/
#slider_main .girl .img img{margin-top:10px; width:100%; max-width: 290px;}

#slider_main .girl .name span{
margin:0 10px 0 0;
}
#slider_main .girl{
margin:0 20px;
}
#slider_main .girl a{
color:#1b5289;
}
#slider_main .girl a:hover{
text-decoration:underline;
}
#slider_main .girl .icon img{
position:absolute;
top:0px;
right:0px;
width:83px;
border-radius:0px;
}
#slider_main .girl .debut{
font-size:13px;
color:#666;
font-weight:bold;
}

#slider_main .slick-prev{left:0px; top:1rem;}
#slider_main .slick-next{right:0; top:1rem;}
.slick-prev,
.slick-next{
border: none;
cursor: pointer;
margin: auto;
padding: 0;
text-indent: -9999px;
width:20px;
height:40px;
z-index: 100;
position: absolute;
top: 0;
bottom: 0;
}
.slick-prev:focus,
.slick-next:focus{
outline: none;
}
.slick-prev{
background:url(../images/index/slick-prev.png) no-repeat;
background-size:20px;
left:0;
opacity:0.8;
}
.slick-prev:hover{
opacity:1;
}

.slick-next{
background:url(../images/index/slick-next.png) no-repeat;
right: 0;
background-size:20px;
opacity:0.8;
}
.slick-next:hover{
opacity:1;
}


.slick-slider{position: relative;display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0; width:100%;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}.slick-slide{display: none;float: left;height: 100%;min-height: 1px;position: relative;}[dir='rtl'] .slick-slide{float: right;}.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}.slick-slide.dragging img{pointer-events: none;}.slick-initialized .slick-slide{display: block;}.slick-loading .slick-slide{visibility: hidden;}.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}


/* add */
#slider_main{
opacity: 0;
}

h2.h2_title{
color:#333;
font-size:12px;
text-align:center;
margin:0 auto 30px auto;
padding:0;
font-weight:bold;
text-indent:0;
height:20px;
line-height:20px;
}
/*-------------------------------------
ipn #center_cont
-------------------------------------*/
#center_cont{
float:left;
margin:0 0px 0 0;
width:100%;
overflow:hidden;
}
#center_cont .center_section{
position:relative;
margin:0 0 0px 0;
padding: 30px 15px;
}

#center_cont .icon{
position:absolute;
top:-5px;
left:15px;
}
#center_cont h2{

}
/*-------------------------------------
ipn .topics_tabs
-------------------------------------*/

.topics_tabs{
position:relative;
width:100%;
/*
overflow:hidden;
*/
}
.topics_tabs input{
position:absolute;
z-index:100;
width:49%;
height:35px;
left:-1px;
top:-1px;
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
cursor:pointer;
}
.topics_tabs input#topics_tab2{
left:49%;
}
.topics_tabs label{
background:#f1f0eb;
font-size:13px;
line-height:35px;
display:block;
height:35px;
width:49%;
position:relative;
padding:0;
margin:0 -1px 0 0;
float: left;
display: block;
color: #323232;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border-left:1px solid #ddd;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-radius:5px 5px 0 0;
}
.topics_tabs label:after {
content: '';
background: #fff;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
display: block;
}

.topics_tabs input:hover + label {
background: #fffcee;
}

.topics_tabs label:first-of-type {
z-index: 4;
}

.tab-label-2{
z-index: 3;
}
.topics_tabs input:checked + label{
background:#fff;
z-index:6;
}

.clear-shadow{
clear: both;
}
.topics_cont{
position:relative;
width: 100%;
min-height:1050px;
height:auto;
z-index: 5;
top:35px;
border-top:1px solid #e7e7e7;
}
.topics_cont li{position:relative;}
.topics_cont li a{display:block; width:100%; margin:0 0 0px 0; padding:10px 0 10px 0; border-bottom:1px dashed #d3d3d3; font-size:11px;}
.topics_cont li i{font-size:22px; position:absolute; top:50%; right:0px; margin:-15px 0 0 0; padding:0; text-indent:0;}
.topics_cont .st_okusama i{color:#4BCAFF;}
.topics_cont .st_kintsuma i{color:#d344d8;}
.topics_cont .st_maid i{color:#FF489B;}
.topics_cont .st_shampoo i{color:#42D755;}
.topics_cont .st_esthe i{color:#FF754D;}

.topics_cont div {
position: absolute;
top:25px;
left: 0;
z-index: 1;
opacity: 0;
-webkit-transition: opacity linear 0.1s;
-moz-transition: opacity linear 0.1s;
-o-transition: opacity linear 0.1s;
-ms-transition: opacity linear 0.1s;
transition: opacity linear 0.1s;
}
.topics_tabs input.tab-selector-1:checked ~ .topics_cont .cont1,
.topics_tabs input.tab-selector-2:checked ~ .topics_cont .cont2{
z-index: 100;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity ease-out 0.2s 0.1s;
-moz-transition: opacity ease-out 0.2s 0.1s;
-o-transition: opacity ease-out 0.2s 0.1s;
-ms-transition: opacity ease-out 0.2s 0.1s;
transition: opacity ease-out 0.2s 0.1s;
}

.topics_tabs .cont1 ul{margin-bottom:10px;}

.info_wrap{background:#fff;}
.info_wrap .center_section{padding:20px 20px 0 20px;}

/*-------------------------------------
ipn .news
-------------------------------------*/
.news{
width:100%;
height:auto;
/*
overflow-y:scroll;
overflow-x:hidden;
height: 400px;
*/
-webkit-overflow-scrolling: touch; 
}
.news li{
position:relative;
padding:2px 0;
}
.news strong{
position:absolute;
top:12px;
left:135px;
margin:0;
padding:0;
font-weight:normal;
}

.news li .img{
position:absolute;
top:50%;
left:0;
margin:-25px 0 0 0;
float:left;
width:40px;
border-radius:50px;
border:1px solid #eee;
}
.news b{
font-weight:normal;
font-size:12px;
float:left;
margin:0 0 0 55px;
padding:0 14px 5px 0;
}
.news b span{
color:#999;
font-size:10px;
display:block;
line-height:140%;
margin:0px 0 8px 0;
}

/*-------------------------------------
ipn .event
-------------------------------------*/
.event{
position:relative;
width:100%;
margin:0;
padding:0;
height: 400px;
overflow-y:scroll;
-webkit-overflow-scrolling: touch; 
}
.event ul{
margin:0 0px 0 0;
width:100%;
}
.event li{
margin:0 0 0px 0;
padding:0 0 0px 0;
font-size:11px;
}
.event li a{
padding:12px 0;
height:48px;
}
.event li strong.shop{
margin:0px 10px 5px 0;
display:block;
font-weight: normal;
font-size: 10px;
color: #999;
}
.event li b{
font-weight:normal;
font-size:12px;
display: block;
line-height: 140%;
padding: 0 20px 0 0;
}

.event li b span{
position: absolute;
top:40px; 
left:0px;
color:#999;
font-size: 10px;
width: 96%;
line-height: 120%;
}


/*-------------------------------------
ipn .newface
-------------------------------------*/
.newface{background:transparent; }
.newface .h2_title i{font-size: 22px;}
.newface .icon{display:none;}
#center_cont .newface h2{text-align:center;}
.newface li{ height:auto; float:left; position:relative;}
.newface .girl{
width:47%;
margin-right:6%;
margin-bottom:20px;
background:#fff;
padding: 0 0 15px 0;
box-shadow:0px 0px 2px 0px rgba(0,0,0,0.1);
}
.newface .girl:nth-child(even){margin-right:0;}
.newface .girl img{ width:100%; margin: 0 0 10px 0;}
.newface .girl .caption{ font-size:11px; text-align:center;}

.newface .girl .name{
margin: 0 0 10px 0;
}
.newface .girl .shop,
.newface .girl .date{
margin: 0 0 2px 0;
font-size: 11px;
}

.newface a.more{
display:block;
margin-right:15px;
}
.girl .favorite_btn{
position: absolute;
bottom:55px;
right:-10px;
z-index: 10;
}

/*-------------------------------------
ipn .fetch
-------------------------------------*/
.fetch{background:#fff;}
.fetch .icon{ display:none;}
.fetch .fetch_cont{padding:0 15px;}
.fetch .fetch_item{
float:left;
width:31%;
margin-right:3%;
font-size:12px;
text-align:center;
position:relative;
line-height:140%;
}
.fetch .fetch_item:nth-child(3n){margin-right:0;}
.fetch .fetch_item:nth-child(4){display:none;}

.fetch .fetch_item .fetch_thumb{
width:100%;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
transition:all 0.2s;
-webkit-transition: all 0.2s;
margin:0 0 0px 0;
border:1px solid #efede2;
}

.fetch .fetch_item .face_icon img{
background:#fff;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
position:absolute;
width:38px;
top:-10px;
right:-10px;
border:1px solid #8FDAEF;
}

.fetch .fetch_item .fetch_icon{
display:block;
background:#21B39C;
padding:8px;
line-height:14px;
height:14px;
color:#fff;
font-size:14px;
font-weight:normal;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
position:absolute;
top:-5px;
right:-5px;
}
.fetch .fetch_item .fetch_icon.legs{background:#f07876;}
.fetch .fetch_item .fetch_icon.busts{background:#9bd761;}
.fetch .fetch_item .fetch_icon.mouths{background:#8FDAEF;}
.fetch .fetch_item .fetch_icon.hips{background:#8FDAEF;}

.fetch .fetch_item p{ font-size:11px; margin:0; padding:0;}



/*-------------------------------------
ipn .diary
-------------------------------------*/
/*
.diary{background:#FAF8F2 url(/ipn/images/common/line_yellow.png) bottom repeat-x; background-size:60px; padding:30px 0;}
*/
.diary{background:transparent; margin: 0 0 30px 0;}
.diary .icon{ display:none;}
.diary .article{}

.article_cont{width: 293px; margin: 0 auto;}
.article_cont article{
float: left;
box-shadow:0px 0px 2px 0px rgba(0,0,0,0.1);
margin-right: 8px;
margin-bottom: 8px;
width:92px;
word-wrap:break-word;
background:#fff;
padding:0 0 10px 0;
height: 130px;
}
.article_cont article:nth-of-type(3n){
margin-right: 0;
}


.article_cont article a{display:block}
.article_cont article img{pointer-events:none;}
.article_cont article p{display:none;}

.diary .article .img{
display:block;
margin:0 0px 10px 0;
width:92px;
height:92px; overflow: hidden;
}

.diary .article h1{

font-weight:normal;
font-size:11px;
text-align:center;
margin: 0 0 2px 0;
}
.diary .article time{
font-size:10px;
display:block;
margin:3px 0 0 0;
}


.diary .article .link{
font-size:13px;
margin:10px 0 0 0;
}



/*new_taiken*/
/*
.new_taiken_wrap{background:#f2efe5 url(/ipn/images/index/line_yellow_index.png) top repeat-x; background-size:40px; }
*/
/*-------------------------------------
#index_right_cont
-------------------------------------*/
#right_cont{
background:transparent; text-align:center; padding:30px 0 15px 0;
}
#right_cont .right_section{
/*box-shadow:0px 0px 2px 0px rgba(0,0,0,0.1);*/
position:relative;
padding:0px 0px 0 0px;
margin:0 auto 15px auto;
width: 210px;
}
#right_cont .right_section.taiken_bana{
margin-top:0px;
z-index:100;
}
#right_cont .right_section img{
width:210px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

#right_cont .right_section.no_p{
padding:0;
background:#fff;
width:210px;
margin:0 auto 15px auto;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;

}
#right_cont .right_section.no_p h3{
background:#21B59E;
margin:0 0 17px 0;
padding:6px 0;
color:#fff;
font-weight:normal;
font-size:11px;
text-align:center;
line-height:120%;
}

.right_section .links{
text-align:center;
padding:0 0 15px 0;
}
#right_cont .right_section .links img{
width:176px;
}

#right_cont .right_section.max-width-bana,
#right_cont .right_section.max-width-bana img{
  width: 100%;
}


.right_section .links li{
margin:0 0 5px 0;
}

.right_section .yon p{
padding:0 15px 15px 15px;
font-size:12px;
line-height:150%;
}
#right_cont .right_section.no_p .kumamoto_com h3{
background:#666;
}

.right_section .kumamoto_com p{
padding:0 15px 15px 15px;
font-size:12px;
line-height:150%;
}

#right_cont .right_section.staffblog{
width:210px;
margin:0 auto 15px auto;
padding: 0 0 10px 0;
}
#right_cont .right_section.staffblog li{
padding: 0 0 12px 0;
margin: 0 0 12px 0;
}
  
/* enjoy */
#right_cont .right_section.enjoy {
  position: relative;
  overflow: hidden;
}
#right_cont .right_section.enjoy .enjoy_bana{

}  
.enjoy_icon img {
  position: absolute;
  bottom:0px;
  left: 0;
}
  
#right_cont .right_section .other li{
width: 100%;
border-radius: 3px;
margin-top: 5px;
padding: 8px 0;
background-color: #0090db;
text-align: center;
font-size: 11px;
}

#right_cont .right_section .other li a{
color: #fff;
}

/*-------------------------------------
ipn #about_hare
-------------------------------------*/
#about_hare{
text-align:center;
padding:25px 0 1px 0;

background: #eef8fa;
margin: 0;
}
#about_hare #about_wrap{
margin:0 auto;

}
#about_hare #about_wrap h2{
font-size: 12px;
margin: 0 0 20px 0;
}

#about_hare .about_section{
margin:0 0 20px 0;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:0 15px;
}

#about_hare .about_section .no_m{
margin:0;
}

#about_hare .about_section dl{
position:relative;
width:180px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
margin:0 auto 15px auto;
padding:15px;
background:#fff;
}
#about_hare .about_section dt{ font-weight:bold; margin:0 0 15px 0; font-size:13px;}
#about_hare .about_section dd{
font-size:11px;
line-height:160%;
}
#about_hare .map_section{
}

#about_hare .map_section .address{
font-size:11px;
margin:0 0 1px 0;
background:url(/ipn/images/index/building.png) bottom center no-repeat;
background-size:180px;
height:120px;
}
#about_hare .map_section .maplink{
text-align:right;
font-size:12px;
margin:5px 0 0 0;
}

/*-------------------------------------
ipn #map_wrap
-------------------------------------*/
#map_wrap .map_section{
width: 100%;
margin: 0 auto;
background-size:150px;
background-position: right -10px bottom;
height: 200px;
padding: 30px 15px 0 15px;
position:relative;
box-sizing: border-box;
}
#map_wrap .map_section h2{
font-size: 13px;
margin: 0 0 30px 0;
font-weight: normal;
}
#map_wrap .map_section p{
font-size: 12px;
margin: 0 0 10px 0;
width: 170px;
}
#map_wrap a.link{
display: block;
border:1px solid #fff;
color: #fff;
padding:8px 8px;
font-size: 11px;
width: 145px;
}
#map_wrap a.link:hover{
background:#fff;
color: #8A6899;
}


}/* end ipn*/

/*----------------------------------------------------------
tablet start  959px
----------------------------------------------------------*/
@media screen and (max-width: 959px) and (min-width: 600px) {

#main_wrap{
  margin-top: 40px;
}
.left_nav, .slick-prev, .slick-next .ipn-view{display:none;}
#slider_main .girl .img img{border:none;}

/* index_lead */
#index_lead{
padding: 15px 0;
opacity: 0;
}
#index_lead h1{
text-align: center;
font-weight: normal;
color: #1b5289;
font-size: 11px;
margin: 0 0 10px 0;
}
#index_lead h2{
font-size:17px;
text-align: center;
color: #1b5289;
letter-spacing:1px;
}

/*-------------------------------------
.slider
-------------------------------------*/
.slider_title h2 img{width:88px;position:absolute; top:50px; left:15px; z-index:10;}

.slider_bg{height:420px;}
 
.slider_wrap{
overflow: hidden;
margin:0px 0 0px 0;
padding:60px 0 0px 0;
height:360px;
}

#slider_main .girl{
margin:0 15px;
}

#loading{top:200px; left:50%; margin:0 0 0 -20px; width:40px; height:40px;}

#slider_main .girl .img img{
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
max-width:580px;
}

#slider_main .girl .caption_top{font-size: 15px; top:10px; left:-10px;}
#slider_main .girl .caption_top a{padding:10px 15px; color: #fff;}
#slider_main .girl .caption_bottom{right:-10px; bottom: 10px; font-size: 11px;}
#slider_main .girl .caption_bottom a{padding:8px 10px; color: #fff;}


#slider_main .girl .icon img{
position:absolute;
top:0px;
right:0px;
width:83px;
border-radius:0px;
}
#slider_main .girl .debut{
font-size:13px;
color:#666;
font-weight:bold;
}

#slider_main .slick-prev{left:10px; top:1rem;}
#slider_main .slick-next{right:10px; top:1rem;}
.slick-prev,
.slick-next{
border: none;
cursor: pointer;
margin: auto;
padding: 0;
text-indent: -9999px;
width:20px;
height:40px;
z-index: 100;
position: absolute;
top: 0;
bottom: 0;
}
.slick-prev:focus,
.slick-next:focus{
outline: none;
}
.slick-prev{
background:url(../images/index/slick-prev.png) no-repeat;
background-size:20px;
left:0;
opacity:0.8;
}
.slick-prev:hover{
opacity:1;
}

.slick-next{
background:url(../images/index/slick-next.png) no-repeat;
right: 0;
background-size:20px;
opacity:0.8;
}
.slick-next:hover{
opacity:1;
}

.slick-slider{position: relative;display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0; width:100%;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}.slick-slide{display: none;float: left;height: 100%;min-height: 1px;position: relative;}[dir='rtl'] .slick-slide{float: right;}.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}.slick-slide.dragging img{pointer-events: none;}.slick-initialized .slick-slide{display: block;}.slick-loading .slick-slide{visibility: hidden;}.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}


/* add */
#slider_main{
opacity: 0;
}

/* info*/
.center_section{
padding: 30px 15px;
margin-bottom:30px;
}
.info_wrap{
background: #fff;
}
/*-------------------------------------
.topics_tabs
-------------------------------------*/
.topics_tabs{
position:relative;
width:100%;
}
.topics_tabs input{
position:absolute;
z-index:100;
width:130px;
height:35px;
left:0px;
top:0px;
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
cursor:pointer;
}
.topics_tabs input#topics_tab2{
left:130px;
}
.topics_tabs label{
background:#f1f0eb;
font-size:11px;
line-height:35px;
height:35px;
width:130px;
position:relative;
padding:0 10px;
margin:0 -1px 0 0;
float: left;
display: block;
color: #323232;
letter-spacing: 1px;
text-transform:uppercase;
text-align: center;
border-left:1px solid #ddd;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-radius:5px 5px 0 0;
}
.topics_tabs label:after {
content: '';
background: #fff;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
display: block;
}
.topics_tabs input:hover + label {
background: #fffcee;
}
.topics_tabs label:first-of-type {
z-index: 4;
}
.tab-label-2{z-index:3;}
.topics_tabs input:checked + label{
background:#fff;
z-index:6;
}
.clear-shadow{
clear: both;
}
.topics_cont{
position:relative;
width: 100%;
min-height:390px;
z-index: 5;
top:35px;
border-top:1px solid #e7e7e7;
}
.topics_cont div {
position: absolute;
top:10px;
left: 0;
z-index: 1;
opacity: 0;
-webkit-transition: opacity linear 0.1s;
-moz-transition: opacity linear 0.1s;
-o-transition: opacity linear 0.1s;
-ms-transition: opacity linear 0.1s;
transition: opacity linear 0.1s;
}
.topics_tabs input.tab-selector-1:checked ~ .topics_cont .cont1,
.topics_tabs input.tab-selector-2:checked ~ .topics_cont .cont2{
width:100%;
z-index: 100;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity ease-out 0.2s 0.1s;
-moz-transition: opacity ease-out 0.2s 0.1s;
-o-transition: opacity ease-out 0.2s 0.1s;
-ms-transition: opacity ease-out 0.2s 0.1s;
transition: opacity ease-out 0.2s 0.1s;
}
.topics_cont .cont1 ul{margin-bottom:10px;}
/*-------------------------------------
tablet .news
-------------------------------------*/
.news{
  width:100%;
  height: 350px;
  overflow-y:scroll;
  overflow-x:hidden;
  -webkit-overflow-scrolling: touch; 
}
.news b{
font-weight:normal;
font-size:12px;
float:left;
display: block;
padding: 0 20px 0 0;
width:60%;
}
.news b span{
font-size:11px;
display:block;
margin:1px 0 8px 0;
}
.topics_cont li a{
display:block;
margin:0 0 0px 0;
padding:10px 0 10px 30px;
border-bottom:1px dashed #d3d3d3; font-size:11px;
}

.news li .img{
position:absolute;
top:10px;/*ここ*/
left:15px;/*ここ*/
margin:0px 0 0 0;
float:left;
width:40px;
border-radius:50%;
border:1px solid #eee;
}
.news strong{
position:absolute;
top:25px;
right:35px;
margin:0;
padding:0;
font-weight:normal;
}
.topics_cont i{right: -5px; top:32px;}

/*-------------------------------------
.event
-------------------------------------*/
.event{
position:relative;
width:100%;
margin:0;
padding:0;
overflow-x:hidden;
height: 350px;
-webkit-overflow-scrolling: touch; 
}
.event ul{
margin:0 0px 0 0;
width:100%;
}
.event li{
margin:0 0 0px 0;
padding:0 0 0px 0;
font-size:11px;
}
.event li a{
padding:15px 15px;
height:32px;
}

.event li strong.shop{
margin:0px 0 5px 0;
display:block;
color: #333;
margin: 0 0 7px 0;
position: absolute;
top:24px;
right:35px;
font-weight: normal;
font-size: 11px;
}
.event li b{
font-weight:normal;
font-size:13px;
float:left;
line-height:130%;
padding:0 0px 0 0;
margin:10px 0 0 0;

}
.event li b span{
margin:6px 0 0px 0px;
color:#666;
display: block;
}

/*-------------------------------------
tabret .newface
-------------------------------------*/
.newface .newface_flow{
width:100%;
}

.newface .girl{
width:23.5%;
float:left;
margin:0 2% 5% 0;
text-align:center;
position:relative;
background:#fff;
padding: 0 0 15px 0;
box-shadow:0px 0px 2px 0px rgba(0,0,0,0.1);
}

.girl .favorite_btn{
position: absolute;
top:70%;
right:-10px;
z-index: 10;
}

.newface .girl:nth-child(4n){margin-right:0;}

.newface .girl .img{
overflow: hidden;
margin:0 auto 10px auto;
z-index:1;
}
.newface .girl .img img{
width:100%;
-moz-transition: -moz-transform 0.1s linear;
-webkit-transition: -webkit-transform 0.1s linear;
-o-transition: -o-transform 0.1s linear;
-ms-transition: -ms-transform 0.1s linear;
transition: transform 0.1s linear;
}

.newface .no_m{
margin:0;
border:1px solid;
}
.newface .girl .caption{
font-size:11px;
line-height:130%;
}


.newface .girl .date{
font-size:11px;
margin:15px 0 0 0;
}
.newface .girl .date span{
font-size:11px;
}

/*-------------------------------------
tabret .fetch
-------------------------------------*/
.fetch{background: #fff; margin:0;}
.fetch .fetch_item{
float:left;
width:22.5%;
margin-right:3%;
font-size:12px;
text-align:center;
position:relative;
line-height:140%;
}
.fetch .fetch_item:nth-child(4n){margin-right:0;}

.fetch .fetch_item .fetch_thumb{
width:100px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
transition:all 0.2s;
-webkit-transition: all 0.2s;
margin:0 0 0px 0;
border:1px solid #efede2;
}

.fetch .fetch_item .face_icon img{
background:#fff;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
position:absolute;
width:38px;
top:-10px;
right:-10px;
border:1px solid #8FDAEF;
}

.fetch .fetch_item .fetch_icon{
display:block;
background:#21B39C;
padding:8px;
line-height:14px;
height:14px;
color:#fff;
font-size:14px;
font-weight:normal;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
position:absolute;
top:0;
right:20px;
}
.fetch .fetch_item .fetch_icon.legs{background:#f07876;}
.fetch .fetch_item .fetch_icon.busts{background:#9bd761;}
.fetch .fetch_item .fetch_icon.mouths{background:#8FDAEF;}
.fetch .fetch_item .fetch_icon.hips{background:#8FDAEF;}

.fetch .fetch_item p{font-size:11px; margin:0; padding:0;}



/*-------------------------------------
tabret .diary
-------------------------------------*/

.diary{background:transparent;}
.diary .icon{ display:none;}
.diary .article{}

.article_cont{width: 569px; margin: 0 auto;}
.article_cont article{
float: left;
box-shadow:0px 0px 2px 0px rgba(0,0,0,0.1);
margin-right:15px;
margin-bottom:15px;
width:130px;
word-wrap:break-word;
background:#fff;
padding:0 0 10px 0;
height:170px;
}
.article_cont article:nth-of-type(4n){
margin-right: 0;
}


.article_cont article a{display:block}
.article_cont article img{pointer-events:none;}
.article_cont article p{display:none;}

.diary .article .img{
display:block;
margin:0 0px 10px 0;
width:130px;
height:130px; overflow: hidden;
}

.diary .article h1{
font-weight:normal;
font-size:11px;
text-align:center;
margin: 0 0 2px 0;
}
.diary .article time{
font-size:10px;
display:block;
margin:5px 0 0 0;
}


/*-------------------------------------
#left_bana
-------------------------------------*/


/*-------------------------------------
#right_cont
-------------------------------------*/

.right_section,
.no_p .yon,
.no_p .kumamoto_com{
text-align:center;
margin:0 auto;
padding-bottom:15px;
font-size:10px;
}
.no_p .yon h3,
.no_p .kumamoto_com h3{
padding:10px 0;
margin-bottom:15px;
font-size:12px;
color:#ffffff;
font-weight:normal;
}
.no_p .yon h3{ background-color:#21b59e;}
.no_p .kumamoto_com h3{ background-color:#666666;}

.no_p .yon p,
.no_p .kumamoto_com p{
margin:0 auto;
line-height:18px;
padding: 15px;
font-size: 15px;
}

.right_section.no_p{
background: #fff;
padding: 0;
border:none;
clear: both;
width: 98%;
margin: 10px 0 15px 0;
}



/*-------------------------------------
#right_cont
-------------------------------------*/
#right_cont{
position:relative;
margin:0 auto;
padding:20px 0 0 0;
width: 700px;
background: #F7F7F7;
}
#right_cont .right_section{
box-sizing:border-box;
width:30%;
max-width:210px;
height:150px;
text-align:center;
float:left;
margin-right:4%;
}
#right_cont .right_section:nth-child(3n){
  margin-right: 0;
}
.right_section.staffblog{
height: auto;
}


.right_section img{
width:100%;
max-width:210px;
border-radius: 3px;
}
.right_section .movie{
  overflow: hidden;
}
  
.taiken_bana{
}

/*
 tablet staffblog
*/
#right_cont .right_section.staffblog{
clear:both;
background: none;
border: none;
height: auto;
}
#right_cont .right_section.staffblog ul{
width: 210px;
padding: 0 0 3px 0;
margin: -2px auto 0 auto;
background: #fff;
border: none;
}
#right_cont .right_section.staffblog li{
padding: 0 0 12px 0;
margin: 0 0 12px 0;
}
#right_cont .right_section.staffblog img{
border: none;
}

/* enjoy */
#right_cont .right_section.enjoy {
  position: relative;
  overflow: hidden;
  margin-right: 0;
}

.enjoy_icon img {
  position: absolute;
  bottom:10px;
  left: 0;
}
  
#right_cont .right_section .other li{
width: 100%;
border-radius: 3px;
margin-top: 5px;
padding: 8px 0;
background-color: #0090db;
text-align: center;
font-size: 11px;
}

#right_cont .right_section .other li a{
color: #fff;
}
/*-------------------------------------
#about_hare
-------------------------------------*/
#about_hare{
background: #eef8fa;
padding:30px 15px;
}
#about_hare .about_section h2{margin: 0 0 30px 0; font-size: 13px; text-align: center;}

#about_hare .about_section .no_m{
margin:0;
}

#about_hare .about_section dl{
background: #fff;
position:relative;
width:49%;
height: 230px;
box-sizing:border-box;
float:left;
margin:0 2% 25px 0;
padding:30px 0;
}
#about_hare .about_section dl:nth-child(odd){margin-right:0;}
#about_hare .about_section dl dt{
text-align:center;
margin: 0 0 30px 0;
font-size: 13px;
font-weight: bold;
}
#about_hare .about_section dd{
font-size:11px;
line-height:160%;
padding:0 15px;
}

/*-------------------------------------
#about_hare map
-------------------------------------*/

#map_wrap .map_section{
width: 95%;
margin: 0 auto;
background-size:160px;
background-position: right bottom;
height: 150px;
padding: 30px 0 0 0;
position:relative;
}
#map_wrap .map_section h2{
font-size: 13px;
margin: 0 0 30px 0;
font-weight: normal;
}
#map_wrap .map_section p{
font-size: 12px;
margin: 0 0 10px 0;
width: 150px;
}
#map_wrap a.link{
display: block;
position: absolute;
left: 50%;
margin-left: -130px;
top: 60px;
border:1px solid #fff;
color: #fff;
padding: 20px 25px;
font-size: 14px;
letter-spacing: 1px;
}
#map_wrap a.link:hover{
background:#fff;
color: #8A6899;
}




}/* end tabret*/