@charset "utf-8";
/* =====================================================================
　ガイドトップに不要な箇所をコメントアウトしています。
　他ページで必要な箇所は必要に応じてコメントアウトを戻してください。
　最終的にコメントアウトされている箇所は削除してリリースします。
===================================================================== */

a{
    color: #1d3994;
}
p{
    line-height: 1.35;
}

/*
 * header
 ************************************************************************************************/

div#common-header-wrap {
    margin-top: 40px;
    background-position: center bottom;
    background-repeat: repeat-x;
    border-bottom: 2px solid #3F91DB;
    margin-bottom: 5px;
    box-shadow: 0 0 2px #999;
}

#global {
    height: 75px;
}

.site_menu {
    font-size: 12px;
}

.site_menu a {
    text-decoration: none;
}

.site_menu a:hover {
    text-decoration: underline;
}

.headernenreicheck_rightbox {
    margin-top: 4px;
}

.headernenreicheck_rightbox a {
    color: #000;
}

ul#area_link li {
    display: inline;
}

ul#pulldown-menu li {
    display: inline-block;
    padding-right: 20px;
    background-image: url(/img/icon/white.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

ul#pulldown-menu li>a {
    padding-left: 15px;
}

ul#pulldown-menu {
    padding: 10px 0;
    font-weight: bold;
}

ul#pulldown-menu li ul {
    display: none;
}

ul#navigation {
    width: 100%;
}

ul#navigation li {
    display: block;
    margin: 0 2px 0px 0px;
/* ↓[ピラミッド検索] 2016/05/31 */
/*
    background: url(/img/icon/header/navi.png) no-repeat top;
    text-align: center;
*/
/* ↑[ピラミッド検索] 2016/05/31 */
    float: left;
}
/* ↓口コミコンテンツ企画 2019/06/13 */
#common-header-wrap ul#navigation li a {
    padding-right: 9px;
}
/* ↑口コミコンテンツ企画 2019/06/13 */
ul#navigation li a {
    display: block;
/* ↓[ピラミッド検索] 2016/05/31 */
/*
    background: url(/img/icon/header/navi.png) no-repeat top;
    color: #666666;
    line-height: 30px;
    width: 88px;
*/
/* ↑[ピラミッド検索] 2016/05/31 */
    height: 32px;
    text-decoration: none;
}

ul#navigation li a:hover {
    background-position: 0 -32px;
    color: #ffffff;
}

ul.topic_path {
    margin: 0px 0 15px;
    font-size: 11px;
}
ul.topic_path>li{
    display: inline;
}
.pickup_box {
    display: none;
}

.pr_banner_area_top {
    margin-bottom: 20px;
    text-align: center;
}

.pr_banner_area_top li {
    display: inline-block;
    width: 235px;
}

.pr_banner_area_top li img {
    max-width: 100%;
}

input#keyword {
    font-size: 11px;
    padding: 1px 5px;
    box-sizing: border-box;
    border-color: #999;
}

div.keyword_search {
    padding-top: 5px;
}

input.search {
    width: auto;
    height: 100%;
}

.header_bn {
    margin-top: 2px;
    display: block;
    text-align: right;
}

/* ↓[ピラミッド検索] 2016/05/31 */
#breadcrumb-wrap li:not(:last-child):after {
    content: "\3e";
}
#breadcrumb-wrap li {
  display: inline-block;
}
/* ↑[ピラミッド検索] 2016/05/31 */

/* end header */


/*
 * utilty
 ************************************************************************************************/
a {
    color : #3366cc;
    text-decoration : none;
}
a:link {
}
a:visited {
}
a:hover {
    text-decoration : underline;
}

#shell:before,
#shell:after,
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

#shell:after,
.clearfix:after {
    clear: both;
}

#shell,
.clearfix {
    *zoom: 1;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.m05 {
    margin: 5px;
}

.mb00 {
    margin-bottom: 0px;
}

.mb05 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mt05 {
    margin-top: 5px;
    word-wrap: break-word;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mr05 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.ml05 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.pt05 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pb05 {
    padding-bottom: 5px;
}

.p05 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.pl05 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pr05 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

.va_b {
    vertical-align: baseline;
}

.va_m {
    vertical-align: middle;
}

ul.ulib li {
    display: inline-block;
}

.col-md-9,
.col-md-8,
.col-md-4,
.col-md-3 {
    float: left;
}

.col-md-9 {
    width: 75%;
}

.col-md-8 {
    width: 66.66%;
}

.col-md-4 {
    width: 33.33%;
}

.col-md-3 {
    width: 25%;
}

.posr {
    position: relative;
}

.dn {
    display: none;
}

.bold {
    font-weight: bold;
}

.fw9 {
    font-weight: 900;
}

div.paging_box{
	margin-top:10px;
}

div.paging_box > .FlexBox__item > .mt20{
	margin-top:7px;
}

.comment_box {
    position: absolute;
    top: auto;
    left: auto;
    width: 380px;
    background-color: white;
    z-index: 7;
    padding: 10px;
    font-size: 13px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 5px 1px #eee;
    display: none;
    text-align: justify;
}

.comment_box .comment_box_header {
    font-weight: bold;
    color: #3F91DB;
    padding: 2px 5px;
    border-bottom: 1px solid #3F91DB;
    margin-bottom: 5px;
}

.comment_box .comment_box_body {
    padding: 10px;
    line-height: 3.8em;
}

.comment_box .comment_box_body img {
    margin-right: 5px;
}

.comment_box .comment_box_footer {}

.pr_banner_area.sticky {
    position: fixed;
    top: 0;
}

.thiscount {
    position: relative;
    top: 0px;
}

.thiscount li {
    display: inline-block;
    padding: 0 15px;
    position: relative;
}

.thiscount li:not(:first-child):before {
    width: 1px;
    height: 12px;
    content: " ";
    background-color: #333333;
    position: absolute;
    left: 0;
    top: 6px;
}

.thiscount .num {
    font-size: 18px;
    font-weight: bold;
    padding-right: 2px;
}


/*
 * #shell
 ************************************************************************************************/

*,
body {
    font-family: Verdana, Arial, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

#shell {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0 auto;
    width: 990px;
    font-size: 1.2em;
    text-align: left;
}

#shell div#main {
    float: right;
    width: 790px;
}

#shell div#guide {
    float: left;
    position: relative;
    z-index: 1;
    width: 180px;
}

.img img {
    max-width: 100%;
}


/* end #shell */


/*
 * #main
 ************************************************************************************************/

.typing-indicator {
    background-color: #ccc;
    width: auto;
    position: absolute;
    -webkit-animation: 2s bulge infinite ease-out;
    animation: 2s bulge infinite ease-out;
    border-radius: 50px;
    right: -15px;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 0 0 2px;
    z-index: 2;
    padding: 5px 10px;
    bottom: 5px;
    ;
}

.typing-indicator:before,
.typing-indicator:after {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #ccc;
    top: 0px;
    left: -7px;
}

.typing-indicator:after {
    height: 7px;
    width: 7px;
    left: -14px;
    bottom: 1px;
}

.typing-indicator span {
    height: 15px;
    width: 15px;
    float: left;
    margin: 0 1px;
    background-color: #9E9EA1;
    display: block;
    border-radius: 50%;
    opacity: 0.4;
}

.typing-indicator span:nth-of-type(1) {
    -webkit-animation: 1s blink infinite 0.3333s;
    animation: 1s blink infinite 0.3333s;
}

.typing-indicator span:nth-of-type(2) {
    -webkit-animation: 1s blink infinite 0.6666s;
    animation: 1s blink infinite 0.6666s;
}

.typing-indicator span:nth-of-type(3) {
    -webkit-animation: 1s blink infinite 0.9999s;
    animation: 1s blink infinite 0.9999s;
}

@-webkit-keyframes blink {
    50% {
        opacity: 1;
    }
}

@keyframes blink {
    50% {
        opacity: 1;
    }
}

@-webkit-keyframes bulge {
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes bulge {
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}


/**/

div.check-group {}

div.check-group p {
    display: inline-block;
    margin-bottom: 5px;
    padding: 1px;
    float: left;
    border-radius: 20px;
    margin-right: 5px;
    color: #666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    position: relative;
    font-size: 12px;
}

div.check-group input {
    display: none;
}

.check-group label {
    display: inline-block;
    margin-bottom: 5px;
    cursor: pointer;
    padding: 0px 8px;
    float: left;
    border-radius: 20px;
    margin-right: 5px;
    color: #666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    position: relative;
    font-size: 12px;
}

.check-group label:hover {
    border-color: #1d3994;
    color: #1d3994;
    text-decoration: line-through;
}

.check-group label:hover:after {
    background-color: #4092dc;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #f9f9f9;
    color: white;
    content: "\d7";
    height: 17px;
    left: -7px;
    position: absolute;
    text-align: center;
    top: -7px;
    width: 17px;
}


/*tabs*/


/*#tabs {
    width: 750px;
    list-style: none;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    position: relative;
    z-index: 6;
    background-color: #fcfcfc;
    top: 0px;
    box-shadow: 0 1px 0 #e0e0e0 inset;
    border-bottom: 1px solid #ccc;
    height: 50px;
}

#tabs li {
    margin: 0;
    padding: 0;
    float: left;
    z-index: 3;
}

#tabs a {
    position: relative;
    float: left;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    min-width: 186px;
    font-size: 1.2em;
    box-shadow: 0px 0 0 rgba(0, 0, 0, .2);
    color: #333;
}

#tabs a.active_tab {
    background-color: white;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-top: 1px solid;
    color: #3F91DB;
    box-shadow: 0 2px 0 0 #3F91DB inset;
}

#tabs a.active_tab:after {
    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;
    height: 6px;
    content: "";
    background-color: #fff;
}

#tabs a:not(.active_tab):hover {
    color: #3F91DB;
    box-shadow: 0 3px 0 #3F91DB inset;
}

#tabs a:focus {
    outline: 0;
}

#tabs #current a {
    background: #fff;
    background: linear-gradient(220deg, transparent 10px, #fff 10px);
    text-shadow: none;
    color: #333;
}*/


/*#tabs a:after {
    width: 10px;
    height: 30px;
    position: absolute;
    background-color: #eee;
    right: 0;
}*/

#tabs {
    list-style: none;
    margin: 0;
    padding: 0px 25px;
    text-align: center;
    position: relative;
    z-index: 1;
    background-color: #fcfcfc;
    border-bottom: 1px solid #ccc;
    height: 30px;
}

#tabs li {
    margin: 0;
    padding-left: 2em;
    float: right;
    z-index: 3;
}

#tabs a {
    position: relative;
    float: left;
    text-decoration: none;
    font-size: 14px;
    box-shadow: 0px 0 0 rgba(0, 0, 0, .2);
}

#tabs a.active_tab {
    color: #000;
    font-weight: bold;
}

#tabs a.active_tab:after {}

#tabs a:not(.active_tab):hover {
    text-decoration: underline;
}

#tabs a:focus {
    outline: 0;
}

#tabs #current a {
    background: #fff;
    background: linear-gradient(220deg, transparent 10px, #fff 10px);
    text-shadow: none;
    color: #333;
}

#tabs img.this_comment {
    width: 15px;
    height: 15px;
}


/*#tabs a:after {
    width: 10px;
    height: 30px;
    position: absolute;
    background-color: #eee;
    right: 0;
}
*/

#content {
    border-radius: 0 2px 2px 2px;
    padding: 0px 0 20px;
    position: relative;
}

.page-count {
    padding: 15px 0 0;
    float: left;
    font-size: 13px;
}

.page-count strong {
    font-size: 1.2em;
    font-weight: bold;
}

.page-count strong.red {
    font-size: 1.5em;
    color: #000;
}

.page-count strong.c_red {
    color: red;
}

.page-count-right {
    padding: 18px 0 0;
    float: right;
    width: 140px;
    font-size: 10px;
    position: relative;
    color: #1d3994;
}


/**/

div.ln {
    border-bottom: 2px solid #e0e0e0;
}

.shop_list {
    padding-bottom: 30px;
}

.shop_list_s .shop_header {
    background: -webkit-repeating-linear-gradient(0deg, white, white 20%, #fefae6 100%);
    background: -moz-repeating-linear-gradient(0deg, white, white 20%, #fefae6 100%);
    background: -ms-repeating-linear-gradient(0deg, white, white 20%, #fefae6 100%);
    background: repeating-linear-gradient(0deg, white, white 20%, #fefae6 100%);
}

.shop_list_a .shop_header {
    background: -webkit-repeating-linear-gradient(0deg, white, white 20%, #FFF0FF 100%);
    background: -moz-repeating-linear-gradient(0deg, white, white 20%, #FFF0FF 100%);
    background: -ms-repeating-linear-gradient(0deg, white, white 20%, #FFF0FF 100%);
    background: repeating-linear-gradient(0deg, white, white 20%, #FFF0FF 100%);
}

.shop_contents_list>ul>li {
    border-radius: 2px;
    position: relative;
    border-top: solid #ccc 1px;
}

.shop_contents_list>ul>li.noborder {
    border: none;
}

.shop_header {
    margin-bottom: 15px;
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
    position: relative;
}

.shop_header_word h3 {
    color: #333;
    font-weight: normal;
    line-height: 30px;
    text-align: right;
    text-indent: 0;
}

.heavenPremium {
    float: left;
    margin-right: 12px;
    position: relative;
    top: 7px;
    height: 40px;
}

.heavenPremium img{
    max-width: 40px !important;
    height: auto;
}

.shop_header_a {
    background-color: #faddf6;
    border-top: 3px solid #c96d9b;
    padding: 0 0 0 10px;
}

.sohukume_btn {}

.section-content {
    display: none;
}


/* 写メ */

.section-content.section-photo-mail {}

.section-content.section-photo-mail li.panel-photo-item {
    width: 90px;
    margin-right: 8px;
    float: left;
    display: inline-block;
}

.section-content.section-photo-mail li.panel-photo-item:last-child {
    margin-right: 0;
}

.panel-photo {
    margin: 0px 0px 3px;
}

.panel-photo-target {
    display: block;
    position: relative;
}

.panel-photo-target .img.mkThumb {
    height: 95px;
    overflow: hidden;
}

.panel-photo-target .img.mkThumb img {
    width: 100%;
}

.panel-photo-text {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 1px;
    width: 100%;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    padding: 3px;
    text-align: left;
    box-sizing: border-box;
    min-height: 36px;
}


/**/

.shop_title {
    float: left;
    padding-left: 10px;
}

.shop_title_name {
    font-size: 20px;
    float: left;
    display: table;
}

.shop_title_name .table-cell{
    display: table-cell;
    vertical-align: middle;
    padding-top: 1px !important;
}

.shop_title_name .table-cell .mr05{
    margin-right: 0px;
    margin-left: -2px;
}


.shop_title_shop {
    padding-right: 5px;
    font-weight: bold;
    font-size: 18px;
    vertical-align: middle;
}

.shop_title_gyousyu {
    font-size: 11px;
    padding: 2px 4px;
    border-radius: 2px;
    color: #999;
    position: relative;
    top: -3px;
    left: -4px;
}

.shop_title_right {
    float: right;
    position: relative;
    padding: 5px 10px 5px 5px;
}

.shop_list_a .shop_center {}

.back_or_next {
    height: 15px;
    margin-top: 5px;
    width: 180px;
}

.shop_left {
    float: left;
    width: 260px;
    position: relative;
}

.premiumStar {
    font-size: 10px;
    position: relative;
    top: -6px;
}

.premiumStar img {
/* star_icon start 2017/07/06 */
/*    width: 14px; */
    height: 14px;
/* star_icon end 2017/07/06 */
}

.shop_image {
    position: relative;
}

.shop_image .half,
.shop_image .onethird {
    display: block;
    float: left;
}

.shop_image .half {
    width: 50%;
    height: 172px;
    overflow: hidden;
}

.shop_image .onethird {
    width: 33.33%;
    height: 115px;
    overflow: hidden;
}

.shop_image img {
    max-width: 100%;
}

.img_name {
    padding: 5px;
    display: block;
    margin: 5px 0;
    text-align: center;
    position: absolute;
    bottom: 10px;
    background-color: rgba(255, 255, 255, 0.6);
}

.img_name a {
    ;
}

.clearfix::after {
    clear: both;
    content: "";
    display: block;
}

.shop_right {
    float: left;
    width: 514px;
    margin-left: 15px;
    position: relative;
    top: -2px;
}

.shop_catch {
    border-bottom: 1px solid #eee;
    text-align: justify;
    margin-bottom: 7px;
    font-size: 15px;
}

.shop_catch a {
    color: #333;
    font-weight: bold;
    font-size: 15px;
}

.shop_text {
    line-height: 1.8em;
    margin: 0px 0 5px 0;
    color: #666;
}

.shop_point {
    margin-bottom: 10px;
}

.shop_contents_list .time_update {
    position: absolute;
    right: 11px;
    top: 12px;
    font-size: 11px;
    color: #999;
}

.shop_contents_list .shop_icon_list li {
    padding: 0px 4px;
    border-radius: 2px;
    text-align: justify;
    float: left;
    margin-right: 2px;
    border: 1px solid;
    font-size: 10px;
    color: orange;
}

.shop_contents_list .shop_icon_list li.gray {
    color: #ccc;
}

.shop_contents_list .recruit_icon_list {
    position: absolute;
    right: 5px;
    top: 30px;
}

.shop_contents_list .recruit_icon_list li {
    border-radius: 2px;
    text-align: justify;
    float: left;
    margin-right: 5px;
    border: 2px solid;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 4px;
}

.recruit_icon_list li.girls_link,
.recruit_icon_list li.girls_link a {
    color: #FFBBBB;
}

.recruit_icon_list li.mens_link,
.recruit_icon_list li.mens_link a {
    color: #8BADCC;
}

.recruit_icon_list li.girls_link a .dx {
    vertical-align: middle;
    margin-right: 3px;
    position: absolute;
    top: -12px;
    left: -12px;
}

.base_info {
    margin-bottom: 5px;
}

.base_info dt {
    border-radius: 2px;
    font-weight: bold;
    color: white;
    display: inline-block;
    text-align: center;
    position: relative;
    padding: 0px 2px;
    width: 18px;
    height: 18px;
}

.base_info dt img {
    width: 18px;
    height: 18px;
    position: relative;
}

.base_info dd {
    display: inline-block;
    min-width: 217px;
    position: relative;
    vertical-align: top;
    ;
}

.tencho_text {
    float: right;
    width: 378px;
}

.tencho_photo {
    float: left;
    width: 95px;
    height: 95px;
    overflow: hidden;
}

.tencho_date {
    font-size: 11px;
    margin-left: 5px;
}

.tencho_photo img {
    max-width: 100%;
}


/**/

.tabs-wrapper {
    position: relative;
    height: 170px;
    margin-top: 18px;
}

.section- {
    left: 0;
    top: 0;
    width: 100%;
    position: absolute;
}

.section-name {
    position: relative;
    top: 0px;
    z-index: 1;
    color: #666;
    display: inline-block;
    text-align: center;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -ms-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    cursor: pointer;
    font-weight: bold;
    padding: 2px 12px;
    width: 62px;
    background: #fff;
    border-left: #eee 1px solid;
}

.chokuso-closed{
    padding:2px 20px
}

.section-name.section-one {
    border-top: #eee 1px solid;
    border-left: #eee 1px solid;
}

.section-name.section-one + .section-content .titile-caption {
    background-color: rgba(234, 111, 113, 0.7);
}

.section-name.section-two {
    margin-left: 16.66%;
    border-top: #eee 1px solid;
}

.section-name.section-two + .section-content .titile-caption {
    background-color: rgba(236, 158, 120, 0.7);
}

.section-name.section-three {
    margin-left: 33.33%;
    border-top: #eee 1px solid;
}

.chokuso-closed.section-three.section-name{
    margin-left: 20%
}

.section-name.section-three + .section-content .titile-caption {
    background-color: rgba(148, 89, 147, 0.7);
}

.section-name.section-four {
    margin-left: 49.99%;
    border-top: #eee 1px solid;
}

.chokuso-closed.section-four.section-name{
    margin-left: 40%
}

.section-name.section-four + .section-content .titile-caption {
    background-color: rgba(148, 89, 147, 0.7);
}

.section-name.section-five {
    margin-left: 66%;
    border-top: #eee 1px solid;
}

.chokuso-closed.section-five.section-name{
    margin-left: 60%
}

.section-name.section-five + .section-content .titile-caption {
    background-color: rgba(148, 89, 147, 0.7);
}

.section-name.section-six {
    margin-left: 83.2%;
    border-top: #eee 1px solid;
    border-right: #eee 1px solid;
}

.chokuso-closed.section-six.section-name{
    margin-left: 80%
}

.section-name.section-six + .section-content .titile-caption {
    background-color: rgba(148, 89, 147, 0.7);
}

.section-name .section-content {
    display: none;
    height: 15em;
    width: 30em;
    font-weight: bold;
    box-sizing: border-box;
    background: #fefefe;
    border: 1px solid #eee;
    width: 100%;
}

.section-inner {
    -webkit-animation: fade-out 0.3s ease-out;
    -webkit-animation-fill-mode: both;
    -moz-animation: fade-out 0.3s ease-out;
    -moz-animation-fill-mode: both;
    -ms-animation: fade-out 0.3s ease-out;
    -ms-animation-fill-mode: both;
    animation: fade-out 0.3s ease-out;
    animation-fill-mode: both;
    line-height: 2em;
    text-align: justify;
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    height: 150px;
    background: linear-gradient(to bottom, #fff, #fbfbfb);
}

.section-radio {
    display: none;
}

.section-radio:checked + .section-name {
    color: #2b2b2b;
    background: #fbfbfb;
    cursor: default;
    text-shadow: none;
    box-shadow: 0px -2px 0 orange;
}

.section-radio:checked + .section-name:after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
    content: "";
    background-color: #fcfcfc;
}

.section-radio:checked ~ .section-content {
    display: block;
}

.section-radio:checked ~ .section-content .section-inner {
    -webkit-animation: fade-in 0.3s ease-in;
    -webkit-animation-fill-mode: both;
    -moz-animation: fade-in 0.3s ease-in;
    -moz-animation-fill-mode: both;
    -ms-animation: fade-in 0.3s ease-in;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    animation: fade-in 0.3s ease-in;
}

.panel-link-more {
    text-align: right;
}

.panel-link-more a {
    color: #333;
}

.panel-link-more img {
    width: 20px;
}

.recruit-image {
    width: 155px;
    float: left;
    margin-right: 10px;
}

.section-inner table {
    border-spacing: 0;
    border-collapse: separate;
    border-top: 1px solid #e1d6c2;
    border-right: 1px solid #e1d6c2;
    border-left: 1px solid #e1d6c2;
}

.section-inner table td.left {
    background-color: #f0ebdc;
    color: #444;
    font-weight: bold;
    width: 50px;
}

.section-inner table td.right {
    font-size: 10px;
}

.section-inner table td {
    padding: 2px 5px;
    background-color: #fff;
    color: #333;
    font-size: 11px;
    border-bottom: 1px solid #e1d6c2;
    width: 250px;
}


/**/

.search_name {
    padding: 15px 20px;
    font-size: 25px;
    box-shadow: 0 -4px 0 0px #f0f0f0;
    border-top: 1px solid #e0e0e0;
    background-color: #fcfcfc;
    position: relative;
}

.search_name.pb00 {
    padding-bottom: 0px;
}

.search_name h2 {
    font-size: 18px;
    font-weight: bold;
}

.search_name h2 img.this_comment {
    position: relative;
    top: -6px;
}

.search_name #search_select {
    font-size: 12px;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #ccc;
}

.link_box {
    border-radius: 5px;
    padding: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
    box-shadow: 0 0 2px 1px #f0f0f0 inset;
    border: 1px solid #eee;
}

.link_box .search_link_header {
    text-align: right;
    position: absolute;
    bottom: 5px;
    right: 10px;
}

.link_box .link_left {
    display: inline-block;
    width: 70px;
    float: left;
}

.link_box .link_right {
    display: inline-block;
    width: 600px;
    margin-left: 10px;
}

.link_box .link_right dt a {
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
    border-radius: 2px;
    padding: 5px 0;
    font-weight: bold;
}

.shop_contents_list ul>li.list_banner {
    padding: 15px;
}


/* end #main */


/*
 * #guide
 ************************************************************************************************/

#shell div#guide .guideinner {
    background-color: #f0f0f0;
    box-shadow: 0 0 0px 5px #f0f0f0;
    border-radius: 10px;
}

.search_contents_shell {
    background-color: #fff;
    border-radius: 10px;
    padding-bottom: 5px;
    text-align: left;
    margin-bottom: 20px;
    box-shadow: 0 0 0 1px #e0e0e0;
}

.search_contents_shell.search_contents_shell_last {
    margin-bottom: 0px;
}

.search_result {
    border-radius: 10px 10px 0 0;
    padding: 15px 10px 5px;
    border-bottom: 1px solid #eee;
}

.shop_count {
    font-size: 30px;
    text-align: right;
    color: red;
    font-weight: bold;
}

.sub_count {
    padding: 10px 0 0;
    font-size: 12px;
    text-align: center;
}

.sub_count .shop_count {
    font-size: 20px;
    text-align: center;
}


/*.count_abso {
    position: relative;
    margin-left: 10px;
    left: auto;
    top: 18px;
    font-size: 11px;
    background: orange;
    line-height: 1em;
    color: white;
    padding: 3px 15px;
    border-radius: 5px 5;
}

.count_abso:before,
.count_abso:after {
    content: "●";
    position: absolute;
    top: 6px;
    left: -3px;
    color: orange;
    font-size: 15px;
}*/

.count_abso:after {
    top: 10px;
    left: -7px;
    font-size: 11px;
}

.search_result_title {
    padding: 15px 10px;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.search_result_title.search_title {
    background-color: #fbfbfb;
    box-shadow: 3px 0 0px 0px #3F91DB inset;
    padding: 8px 30px 8px 10px;
    background-image: url(/img/icon/icon_arrow_left.svg);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 10px;
    font-size: 13px;
}

.search_result_title.search_title.st1 {
    padding-left: 8px;
}

.search_result_title.search_title.st2 {
    padding-left: 12px;
}

.search_result_title.search_title.st3 {
    padding-left: 16px;
}

.search_result_title.search_title.st4 {
    padding-left: 20px;
}

.search_result_title.search_title.st5 {
    padding-left: 24px;
}

.search_result_title .small {
    font-size: 14px;
}

.xsmall {
    font-size: 0.9em;
}

.search_result_title .large {
    font-size: 16px;
    font-weight: bold;
}

.search_balloon_area {
    display: none;
}

.balloon_box {
    position: relative;
}

.balloon_box .balloon {
    position: absolute;
    top: -50px;
    line-height: 1;
    left: 175px;
    opacity: 0;
    transition: .3s;
    z-index: 1;
    display: none;
}

.balloon_box .balloon:after {
    content: "▲";
    position: absolute;
    display: block;
    left: -11px;
    bottom: auto;
    top: 64px;
    text-shadow: 0px 0px #eee, 0px -2px #eee;
    color: white;
    transform: rotate(-90deg);
    font-size: 30px;
    width: 20px;
    height: 15px;
    ;
}

.balloon_box:hover .balloon {
    opacity: 1;
    display: block;
    border-radius: 5px;
    color: #000;
    font-size: 12px;
}

.balloon_box .balloon .balloon_inner {
    width: 750px;
    margin-left: 15px;
    background-color: #fff;
    box-shadow: 0 0px 0 1px #eee;
    border-radius: 5px;
}

.balloon_title {
    background-color: #FBFBFB;
    border-radius: 5px 5px 0 0;
    color: #000000;
    padding: 10px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    font-weight: bold;
}

.check_list_type {
    padding: 15px;
    font-size: 13px;
}

.check_list_type .this {
    color: white;
    border-radius: 10px;
    background-color: #3F91DB;
    box-shadow: -5px 0 0 0px #3F91DB;
    padding-right: 5px;
}

.balloon_title_sub {
    padding: 5px 10px;
    margin: 10px 10px 0;
    border-left: 3px solid #ccc;
    background-color: rgba(255, 255, 255, 0.7);
    font-weight: bold;
}

.local {
    position: absolute;
    top: 8px;
    right: 10px;
}

p.local_city {
    padding: 0;
    float: left;
}

p.local_city a {
    width: 70px;
    display: block;
    padding: 2px 0;
    margin-left: 5px;
    text-align: center;
    border-radius: 2px;
    font-size: 11px;
    color: white;
    border: #FFC458 solid 1px;
    background: linear-gradient(to bottom, #FFDA2F, #FFB100);
    ;
}

/* ↓[ピラミッド検索] 2016/05/31 */
#left_area_business-hotel {
    width: 100px;
}
/* ↑[ピラミッド検索] 2016/05/31 */

.gyoutai_list .search_result_title.search_title {
    font-weight: 100;
    font-size: 11px;
}


/* end #guide */


/* ballon */

.search_contents_shell input[type=radio],
.search_contents_shell input[type=checkbox] {
    display: none;
}

.search_contents_shell.radio,
.search_contents_shell .checkbox {
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 0px 2px 0;
    display: inline-block;
    font-size: 13px;
    padding: 5px 0px 1px 44px;
}

.search_contents_shell .radio:after,
.search_contents_shell .checkbox:after {
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    position: absolute;
    top: 50%;
    left: 15px;
    display: block;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    border-radius: 6px;
    content: '';
    border: 2px solid #bbb;
}

.search_contents_shell .checkbox:before {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    margin-top: -5px;
    width: 5px;
    height: 9px;
    border-right: 3px solid #53b300;
    border-bottom: 3px solid #53b300;
    content: '';
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.search_contents_shell input[type=checkbox]:checked + .checkbox:before {
    opacity: 1;
}

li.balloon_list {
    display: inline-block;
    width: 32%;
    text-align: left;
    font-size: 13px;
}

a.none {
    color: #CFCFCF;
}

a.none:hover {
    text-decoration: none;
}

.job_list_title {
    margin-bottom: 10px;
    font-size: 13px;
    padding: 10px 10px 10px;
    border-bottom: #eee 1px solid;
    clear: both;
    background-color: #666;
    border-radius: 10px 10px 0 0;
    color: white;
}

.conditions {
    line-height: 1.8em;
    clear: both;
    margin: 10px;
}

.conditions a {
    margin-right: 10px;
    background-color: #eee;
    border-radius: 10px;
    padding: 2px 5px;
    display: block;
    float: left;
    font-size: 12px;
    margin: 4px 2px;
    color: #333;
}

.bbox {
    padding: 0px 10px;
}

#job1 {
    padding: 10px 14px 10px;
    box-sizing: border-box;
}

#job1 li.balloon_list {
    width: 160px;
    box-sizing: border-box;
}

#job1 li.balloon_list label {
    margin-bottom: 12px;
    color: #999;
    margin: 0 0 5px;
    display: block;
}


/*#job1 li.balloon_list input[type=checkbox]:checked + label {
}

#job1 li.balloon_list label:before {
    border-color: white;
}

#job1 li.balloon_list label:after {
    display: none;
}*/

#job1 li.balloon_list label a {}

.sel1 {}

.areaSelectionList {}

.areaSelectionList li {
    float: left;
    width: 70px;
    padding-bottom: 5px;
}

.areaSelectionList li:first-child {
    width: 105px;
    border-right: 1px solid #eee;
    margin-right: 15px;
    font-weight: bold;
}

.bSelection {
    display: inline-block;
    width: 105px;
    vertical-align: top;
    font-weight: bold;
    font-size: 14px;
}

.bSelection a {
    color: black;
    text-decoration: underline;
    font-weight: bold;
}

.bSelection a:hover {
    color: #999;
}

.bSelectionList {
    display: inline-block;
    vertical-align: top;
    width: 585px;
    margin-bottom: 10px;
}

.bSelectionList li {
    float: left;
    padding: 0px 0 5px 5px;
}

ul.bSelectionList li a {
    border-right: 1px solid #ccc;
    padding-right: 5px;
    font-size: 13px;
}

.bSelectionList li:last-child a {
    border: none;
}

.search_contents_shell .bSelectionList li .checkbox {}

div.line {
    height: 1px;
    border-top: 1px solid #E0E0E0;
    margin-bottom: 15px;
}

div.dotted {
    height: 1px;
    border-top: 1px dotted #E0E0E0;
    margin-bottom: 15px;
}


/* end ballon */

.btn_area {
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    background-color: #ccc;
    color: #fff;
    padding: 5px 10px 5px 10px;
    margin: 5px 10px 0px;
    text-align: center;
    font-size: 12px;
    display: block;
    border-radius: 5px;
}

.search_btn {
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #FFDA2F, #FFB100);
    background-image: linear-gradient(to bottom, #FFDA2F, #FFB100);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFDA2F, endColorstr=#FFB100);
    color: #fff;
    border-radius: 8px;
    padding: 10px 20px 10px 20px;
    margin: 8px 8px 4px;
    text-align: center;
    font-size: 14px;
    border: 2px solid #e0e0e0;
    text-shadow: 1px 1px 3px rgba(10, 10, 10, 0.5);
    box-shadow: 0 0 8px 0px inset;
}

.search_btn:hover {
    background-color: #4092dc;
    color: white;
    box-shadow: none;
}

#dl_byPrice {
    margin: 10px 10px;
    text-align: center;
}

#dl_byPrice select {
    font-size: 14px;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 3px 6px 4px 6px;
    display: block;
    width: 100%;
    height: 30px;
}

#dl_byReserve {
    margin: 10px;
}

#dl_byReserve p {
    display: inline-block;
    width: 67%;
    vertical-align: middle;
}

#dl_byReserve p.dl_byReserve_titile {
    width: 30%;
}

#dl_byReserve p.dl_byReserve_titile img {
    width: 20px;
}

#dl_byReserve p input {
    font-size: 12px;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    padding: 0px 10px;
    text-align: center;
}

#dl_byReserve p select {
    font-size: 12px;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 3px 6px 4px 6px;
    display: block;
    width: 100%;
    height: 30px;
}

.checkbox_kodawari_list {
    margin: 5px 0 0;
    position: relative;
}

.checkbox_kodawari_list a {}

.checkbox_kodawari_list img.this_comment {
    position: absolute;
    top: 15px;
    right: 2px;
}

.more_kodawari {
    text-align: center;
    display: block;
    margin: 10px;
}

.pr_banner_area {
    width: 180px;
    right: 0;
    border-radius: 5px 0 0 5px;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    top: auto;
    position: relative;
}

.pr_banner_area img {
    max-width: 100%;
}


/*
 * navi
 ************************************************************************************************/

.shop_nav_list {
    padding: 15px 0 10px;
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    font-size: 14px;
}

.shop_nav_list a,
.shop_nav_list strong {
    display: inline-block;
    padding: 5px 10px;
    margin: 0;
    width: 20px;
}

.shop_nav_list a {
    box-shadow: 0px 0px 0px 1px #ccc inset;
    background-color: white;
}

.shop_nav_list a:hover {
    /*background-image:*/
}

.shop_nav_list a.next {
    width: 90px;
    box-shadow: none;
    background: none;
}

.shop_nav_list a.prev {
    width: 90px;
    background: none;
    box-shadow: none;
}

.shop_nav_list a.next img {
    width: 20px;
}


/*
 * footer
 ************************************************************************************************/

.fottermenu .fotterlogo {
    padding-top: 0;
}


/*
 *
 ************************************************************************************************/

.plus_btn {
    cursor: pointer;
}

.plus_btn.open {}

.plus_btn span {
    background-color: #3F91DB;
    display: inline-block;
    width: 20px;
    border-radius: 15px;
    height: 20px;
    font-size: 14px;
    color: white;
    text-align: center;
    font-weight: bold;
}

.plus_btn.open span {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.plus_box {
    overflow: hidden;
    display: none;
}


/*
 * modal
 ************************************************************************************************/

#modal_search {
    display: none;
    width: 750px;
    background-color: white;
    border: 2px solid #eee;
    border-radius: 5px;
}

.modal_header {
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    position: relative;
}

.modal_header:after {
    content: "×";
    position: absolute;
    right: 10px;
    font-size: 15px;
    top: 10px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 1px #e0e0e0;
    ;
}

.modal_contents {
    text-align: left;
    font-size: 12px;
    overflow-y: scroll;
    box-shadow: 0 0 5px #ccc inset;
    max-height: 80vh;
    height: 400px;
    padding-bottom: 20px;
}

.modal_contents .plus_btn {
    margin: 20px auto;
    color: white;
}

.modal_contents .plus_btn p {
    background-color: #3F91DB;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
}

.modal_contents .form_box {
    padding: 15px 5px;
    border-bottom: 1px solid #f0f0f0;
}

.modal_contents .modal_left,
.modal_contents .modal_right {
    display: inline-block;
    vertical-align: top;
}

.modal_contents .modal_left {
    width: 120px;
    text-align: right;
    padding-right: 15px;
    font-weight: bold;
    font-size: 14px;
}

.modal_contents .modal_right {
    width: 570px;
}

.modal_contents .modal_right input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}

.modal_contents .modal_right input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-right: 14px;
    font-size: 11px;
    line-height: 24px;
    cursor: pointer;
}

@media (min-width: 1px) {
    .modal_contents .modal_right input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .modal_contents .modal_right input[type=checkbox] + label {
        padding: 0 0 0 20px;
    }
    .modal_contents .modal_right input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 14px;
        height: 14px;
        margin-top: -7px;
        background: #FFF;
    }
    .modal_contents .modal_right input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    .modal_contents .modal_right input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .modal_contents .modal_right input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 11px;
        height: 8px;
        margin-top: -7px;
        border-left: 3px solid #53b300;
        border-bottom: 3px solid #53b300;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

.modal_fotter {
    border-top: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0px -1px 0px 0 #999 inset;
}

.modal_fotter .modal_search_btn {
    width: 300px;
    margin: 0px auto;
}


/*
 * calender
 ************************************************************************************************/

.ui-state-active {
    background: #999
}

.ui-datepicker {
    width: 400px;
    text-align: center;
    background: #fff;
    margin: 0 0 10px 0;
    border-radius: 5px;
    box-shadow: 0 0 8px 1px #e0e0e0;
    margin-top: 5px;
}

.ui-datepicker a {
    color: #333;
}

.ui-datepicker-calendar {
    width: 100%;
    margin-bottom: 10px;
}

.ui-datepicker-group {
    margin: 0 0 10px 0;
    background: #48C2C2;
}

.ui-datepicker-header {
    color: #333;
    padding: 15px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 14px;
    border-bottom: 1px solid #eee;
}

.ui-datepicker-calendar thead th {
    color: #333;
    padding: 10px;
    background-color: #eee;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
    font-size: 14px;
    color: #378F8F;
    text-align: center;
}

.ui-datepicker-calendar td span {
    display: block;
    padding: 10px;
}

.ui-datepicker-calendar td a {
    color: #333;
    display: block;
    padding: 10px;
}

.ui-datepicker-calendar td a:hover {
    background-color: #ccc;
}

.ui-datepicker-title {}

.ui-datepicker-prev {
    float: left;
}

.ui-datepicker-next {
    float: right;
}


/*
 * local_station
 ************************************************/

.local_station {
    padding: 5px 0;
    background-color: #fbfbfb;
    border-bottom: 1px solid #e0e0e0;
}

.local_station li a {
    display: block;
    padding: 5px 10px;
}

.station_list {}

.station_list li {
    float: left;
    width: 25%;
}

.station_list li a {}

.small {
    font-size: 0.8em;
}


/*
 * hotel ************************************************/

.hotel_name {
    margin-bottom: 5px;
}

.hotel_name span {
    border-bottom: 1px solid #ccc;
}

.hotel_img {
    float: left;
    width: 200px;
    margin-right: 10px;
}

.hotel_img img {
    max-width: 100%;
    padding: 5px;
    background-color: white;
    box-shadow: 0px 0 2px 1px #ccc;
    box-sizing: border-box;
}

.hotel_table td.left {
    width: 80px;
}


/*
 * no result
 ************************************************/

.nothing_text {
    font-size: 15px;
    font-weight: bold;
    color: #E20000;
    text-align: center;
    padding: 50px 0;
}

.nearly_shop {
    padding: 10px 0 20px;
}

.nearly_shop .nearly_shop_text {
    padding: 10px 0 30px;
    font-size: 14px;
    color: orange;
    font-weight: bold;
}

.nearly_shop .nearly_shop_list {}

.nearly_shop .nearly_shop_list li {
    float: left;
    margin-right: 30px;
}

.nearly_shop .nearly_shop_list li:last-child {
    margin: 0;
}

.nearly_shop .nearly_shop_list li .img {
    width: 134px;
    height: 134px;
    overflow: hidden;
    margin-bottom: 5px;
}

.nearly_shop .nearly_shop_list li .img img {
    max-width: 100%;
}


/*
 * ranking
 ************************************************/

.ranking_icon {
    float: left;
    margin-right: 12px;
    position: relative;
    height: 40px;
    width: 40px;
    position: relative;
}

.ranking_num {
    position: absolute;
    font-size: 26px;
    color: #FFC213;
    font-weight: bold;
    text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, 1px 1px 0px #fff, -1px 1px 0px #fff, -1px 0px #fff, 0px -1px #fff;
    left: 12px;
}

.carouselBlock {
    margin-bottom: 5px;
    overflow: hidden;
    margin-top: 5px;
}

.carouselBlock .wrap {
    overflow: hidden;
    float: left;
}

.carouselBlock .wrap .carousel {
    width: 100%;
    position: relative;
}

.carouselBlock .wrap .carousel>li {
    float: left;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.carouselBlock .wrap .carousel>li {
    border-top: 1px solid #f0f0f0;
}

.carouselBlock .wrap .carousel>li:last-child {
    border-bottom: none;
}

.carouselBlock .wrap .carousel>li a {
    display: block;
    padding: 3px 0;
}

.carouselBlock .wrap .carousel>li a:hover {
    background-color: #FFE3E3;
}

.carouselBlock .cTag {
    position: absolute;
    top: 5px;
    z-index: 1;
    right: 5px;
    font-size: 10px;
}

.carouselBlock .cTag span {}

.carouselBlock .wrap .carousel>li .inWrap {}

.carouselBlock .wrap .carousel>li .inWrap figure {
    float: left;
    width: 70px;
    margin-right: 10px;
    height: 70px;
    overflow: hidden;
}

.carouselBlock .wrap .carousel>li .inWrap .shop_title_gyousyu {
    top: 0;
    padding: 0 0 5px;
    left: 5px;
}

.carouselBlock .wrap .carousel>li .inWrap>p {
    line-height: 1.8em;
}

.carouselBlock .wrap .carousel>li .inWrap .inWrap_right {
    float: left;
    width: 680px;
    padding: 5px 0;
}

.carouselBlock .wrap .carousel>li .inWrap div.carousel_name {
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 10px;
    padding: 4px 0;
}

.carouselBlock .wrap .carousel>li .inWrap p.carousel_titile {
    font-size: 17px;
    font-weight: bold;
    color: #1d3994;
    padding-bottom: 5px;
}

.carouselBlock .wrap .carousel>li .inWrap p.carousel_text {
    color: #333;
    text-align: justify;
    padding: 0;
    font-size: 13px;
}

.carouselBlock .carouNav {
    float: right;
    width: 33.333%;
    height: 230px;
    box-sizing: border-box;
    border-left: 1px solid #FF9898;
}


/*.carouselBlock .carouNav>li {
    padding: 18px 15px;
    height: 40px;
    vertical-align: middle;
    border-bottom: 1px solid #FF9898;
}

.carouselBlock .carouNav>li.selected {
    background-color: #FF9898;
    position: relative;
}

.carouselBlock .carouNav>li.selected:after {
    content: "◆";
    position: absolute;
    top: 20px;
    color: #fff;
    font-size: 20px;
    left: -12px;
}

.carouselBlock .carouNav>li.selected a {
    color: white;
}

.carouselBlock .carouNav>li a {
    color: #333;
}*/


/* ↓[ピラミッド検索] 2016/05/31 */
/*
 * ガイドページ コンテンツ
 *
 **************************************************/
.page-count {
    padding-top: 0;
}

/* 写メ日記共通 ----------------------------------------*/
h2.diaryheader {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    background: #3F91DB;
    padding: 5px 60px;
    color: #fff;
    border-radius: 5px;
    margin: 0px 10px 10px 0;
}

.diaryheader_menu {
    overflow: hidden;
    border: 0px none;
    margin: 5px 0px 15px;
    height: 35px;
    width: 990px;
}
.diaryheader_menu .tabs-style-tzoid {
    max-width: 990px;
}
.diaryheader_menu .diaryheader-tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
    font-size: 13px;
    box-shadow: 0px -2px 0 #3E8BFF inset;
}
.diaryheader_menu .diaryheader-tabs nav .diaryheader-ul {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
    list-style: none;
}
.diaryheader_menu .tabs-style-tzoid nav .diaryheader-ul .diaryheader-li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.diaryheader_menu .diaryheader-tabs nav .diaryheader-ul .diaryheader-li {
    position: relative;
    margin: 0;
    text-align: center;
}
.diaryheader_menu .tabs-style-tzoid nav .diaryheader-ul li.diaryheader-tab-current .diaryheader-link,
.diaryheader_menu .tabs-style-tzoid nav .diaryheader-ul li.diaryheader-tab-current .diaryheader-link:hover {
    color: #3E8BFF;
}
.diaryheader_menu .tabs-style-tzoid nav .diaryheader-ul .diaryheader-li .diaryheader-link span,
.diaryheader_menu .tabs-style-tzoid nav .diaryheader-ul .diaryheader-li .diaryheader-link span:hover  {
    position: relative;
    z-index: 1;
}
.diaryheader_menu .diaryheader-tabs nav li.diaryheader-tab-current .diaryheader-link {
    color: #74777b;
}
.diaryheader_menu .tabs-style-tzoid nav .diaryheader-ul .diaryheader-li .diaryheader-link {
    padding: 0 12px;
    color: #FFFFFF;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    min-width: 70px;
    margin-right: 3px;
}
.diaryheader_menu .diaryheader-tabs nav .diaryheader-link {
    line-height: 32px;
    display: block;
    position: relative;
    ;
}
.diaryheader_menu .diaryheader-link  {
    color: #3E8BFF;
    text-decoration: none;
    outline: none;
}
.diaryheader_menu .tabs-style-tzoid nav .diaryheader-ul .diaryheader-li .diaryheader-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.05);
    content: '';
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;
    -webkit-transform: perspective(20px) rotateX(5deg) translateZ(-1px);
    transform: perspective(20px) rotateX(5deg) translateZ(-1px);
    border-radius: 2px 2px 0 0;
    background: #C3C3C3;
}
.diaryheader_menu .tabs-style-tzoid nav .diaryheader-ul li.diaryheader-tab-current,
.diaryheader_menu .tabs-style-tzoid nav .diaryheader-ul .diaryheader-li .diaryheader-link:hover {
    color: #3E8BFF;
}
.diaryheader_menu .tabs-style-tzoid nav .diaryheader-ul li.diaryheader-tab-current .diaryheader-link::after,
.diaryheader_menu .tabs-style-tzoid nav .diaryheader-ul .diaryheader-li .diaryheader-link:hover::after {
    background: #fff;
    box-shadow: 0px 0px 0 2px inset;
    z-index: 0;
}
.diaryheader_menu .tabs-style-tzoid nav .diaryheader-ul li.ippan .diaryheader-link::after {
    background: #E067C1;
    z-index: -2;
}
.diaryheader_menu .badge {
    display: inline-block;
    padding: 3px 7px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    color: #A2A2A2;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #F7F7F7;
    border-radius: 10px;
    margin-left: 5px;
}
/* 新着日記 ----------------------------------------*/
.diarynewlist_contents {
    margin-bottom: 10px;
}
.diarynewlist_contents .box {
    padding: 10px 10px 10px 10px;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 4px #eee;
    display: inline-block;
    margin: 10px 5px 5px 0;
    width: 185px;
    height: 330px;
    box-sizing: border-box;
}
.diarynewlist_contents .box:nth-child(5n){
    margin-right: 0;
}
.diarynewlist_contents .box .main_img{
    display: block;
    width: 160px;
    height: 160px;
    overflow: hidden;
    margin-bottom: 4px;
    border: 1px solid #aaa;
    text-align: center;
}
.diarynewlist_contents .box .girl_title{
    height: 40px;
    font-weight: bold;
}
.diarynewlist_contents .box .FlexBox{
    margin-bottom: 4px;
}
.diarynewlist_contents .box .FlexBox__item.img{
    width: 48px;
    overflow: hidden;
    margin-right: 5px;
    border: 1px solid #aaa;
    height: 48px;
}
.diarynewlist_contents .box .FlexBox__item.text{
    width: 109px;
}
.diarynewlist_contents .box .FlexBox__item.text .text-ellips{
    width: 109px;
    display: inline-block;
}

.section-inner table td.recruit {
	width: 250px;
}
.section-inner table td.recruit-no-photo {
	width: 410px;
}

/* ↑[ピラミッド検索] 2016/05/31 */

/* ↓ランキングページリニューアル */
.base_info.clearfix.kuchikomi_3reviews dd {
     overflow: hidden;
     width: 100%;
}
.base_info.clearfix.kuchikomi_3reviews span {
    margin-left: 10px;
    width: 200px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.base_info.clearfix.kuchikomi_3reviews dd p {
    border-bottom: solid 1px #96916c;
    color: #96916c;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 314px;
}
.base_info.clearfix.kuchikomi_3reviews dd:nth-child(2){
    padding: 8px 0;
}
.introduction_title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    overflow: hidden;
}
.base_info.clearfix.kuchikomi_3reviews dd a {
    color: #000;
    text-decoration: none;
    display: flex;
}
.introduction_title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
dd.access_text {
    width: 93%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.base_info.clearfix.kuchikomi_3reviews {
    margin: 10px 0;
}
.kuchikomi_3reviews {
    padding: 10px 8px;
    background: #fcfbf0;
}
/* ↑ランキングページリニューアル */
/* 100名店 @sc 2023/05/25 */
.hyakumeiten_banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.hyakumeiten_banner>img{
    width: 100%;
}
.special-icons {
    right: 5px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.special-icon {
    height: 24px;
    overflow:hidden;
    position: relative;
    display:inline-block;
}
.no_link_special-icon {
    height: 24px;
    overflow:hidden;
    position: relative;
    display:inline-block;
}
.special-icon>img {
    height: 100%;
}
.special-icon._hyakumeiten:after {
    content:"";
    height:100%;
    width:10px;
    position:absolute;
    top:-180px;
    left:0;
    background-color: #fff;
    opacity:0;
    transform: rotate(45deg);
    animation: reflection 4s ease-in-out infinite;
}
@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    85% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    86% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
/* 100名店 @sc 2023/05/25 */
/* ↓ 写メ日記リニューアル 2024/10/01 */
.tag-info-contents {
    margin: 20px 0 10px 0;
}

.tag-info-contents ul {
    display: flex;
    margin-bottom: 14px;
}

.tag-info-link {
    padding: 3px 10px 5px 7px;
    margin-right: 10px;
    border: solid 1px #dbdbdb;
    color: #939393;
    font-size: 16px;
    border-radius: 17px;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -ms-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.tag-info-link.selected {
    border: solid 1px #3f91db;
    background-color: #3f91db;
    color: #fff;
}

.tag-info-link:hover {
    text-decoration: none;
    background-color: #939393;
    border: solid 1px #939393;
    color: #fff;
}

.tag-info-link.selected:hover {
    background-color: #3c92e0;
    border: solid 1px #3c92e0;
}
/* ↑ 写メ日記リニューアル 2024/10/01 */