@charset "utf-8";



/*-------
top専用header
---------*/
.top_head_only {
    border: none;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    z-index: 100;
}
.top_head_only .header_inner {
    border-radius: 50px;
    height: 101px;
    box-shadow:0px 1px 6px -1px rgba(0,0,0,0.45);
}





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

	top.css   トップページのCSS

////////////////////////////////////////////////////////////////*/
.main_wrap *{
    font-family: "メイリオ",Meiryo,Helvetica,"ヒラギノ角ゴ Pro W3","hiragino kaku gothic pro","ＭＳ Ｐゴシック","ms pgothic",sans-serif;
}
#contents_outer #contents {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}


.bg_grid_inner {
    background: url(/images/bg_grid_white.jpg) top left;
}


/*main_img
----------*/
.main_img {
    background: url(/images/bg_main_img.jpg) top -51px center;
    position: relative;
    height: 677px;
    box-sizing: border-box;
    overflow: hidden;
}
.main_text_img {
    text-align: center;
    padding-top: 170px;
}
.main_img_content {
    width: 851px;
    margin: 27px auto 40px;
    padding-right: 4px;
}
.main_bknsearch_wrap {
    float: right;
    margin-right: 16px;
}
.main_bknsearch {
    position: relative;
}
.main_staff_wrap {
    overflow: hidden;
}
.main_staff_slide {
    background: url(/images/bg_staff_slide.png) repeat-x;
    width: 4000px;
    height: 311px;
    animation: slide 90s linear infinite;
}
@keyframes slide{
  0%{
    transform: translate3d(0, 0, 0);
  }
  100%{
    transform: translate3d(-1998px, 0, 0);
  }
}
.img_main_flag {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    width: 516px;
}
.main_bkn_achievement {
    float: left;
    margin: 3px 0px 0 0px;
}
.img_main_cute_block {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.img_main_cute {
    position: absolute;
    bottom: 23px;
    right: -58px;
}


/*drop_down*/
.main__drop {
    position: absolute;
    top: -132px;
    left: 75px;
    display: none;
    z-index: 10;
    padding-top: 9px;
    width: 150px;
}
.main__drop.main_drop_hover {
    display: block;
}
.main__drop li {
    display: block;
    float: none;
    margin: 0;
}
.main__drop li a {
    font-size: 14px;
    color: #fff;
    line-height: 38px;
    display: block;
    text-align: center;
    background: #c6295f;
    margin-bottom: 1px;
}
.main__drop li a:hover {
    text-decoration: none;
    opacity: .8;
}
.main__drop .main__drop_list_last {
    padding-bottom: 10px;
    position: relative;
}
.main__drop .main__drop_list_last::after {
    content: url(/images/icon_drop_item.png);
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 20px;
    bottom: 4px;
}



/*section_reason
----------------*/
.section_reason {
    position: relative;
    padding-top: 63px;
    margin-bottom: 50px;
}
.reason_ttl {
    position: absolute;
    height: 101px;
    display: block;
    left: 0;
    right: 0;
    top: -58px;
    margin: auto;
    width: 526px;
}
.reason_list_inner {
    width: 1200px;
    margin: 0 auto;
}
.reason_bock {
    float: left;
    height: 472px;
    box-sizing: border-box;
    width: 390px;
    position: relative;
    padding: 34px 0 0 0;
}
.reason_bock::after {
    position: absolute;
    top: -10px;
    left: -1px;
    width: 80px;
    height: 80px;
}
.reason_01::after {
    content: url(/images/img_useful_number01.png);
}
.reason_02::after {
    content: url(/images/img_useful_number02.png);
}
.reason_03::after {
    content: url(/images/img_useful_number03.png);
}
.reason_01 {
    background: url(/images/bg_useful_01.png) no-repeat;
}


.reason_02 {
    background: url(/images/bg_useful_02.png) no-repeat;
    margin: 0 14px 0 15px;
}
.reason_03 {
    background: url(/images/bg_useful_03.png) no-repeat;
}
.reason_box_ttl {
    font-size: 20px;
    font-weight: bold;
    color: #c6295f;
    line-height: 28px;
    margin: 0 0 2px 23px;
    text-align: center;
}
.reason_box_text {
    font-size: 12px;
    color: #000;
    line-height: 22px;
    padding: 0 13px 0 42px;
}
.reason_box_ttl span {
    font-size: 17px;
}
.reason_03 .reason_box_ttl {
    margin-right: 19px;
    text-align: right;
}



/*onlineServiseLink
----------------*/
.bnr_onlineService {
    width: 1200px;
    margin: 0 auto 50px;
}
.useful_link_management {
    padding-bottom: 15px;
}
.useful_link_management > a:hover {
    opacity: 0.8;
}



/*useful_section
----------------*/
.useful_section {
    background: url(/images/bg_cityscape.png) no-repeat bottom -78px center;
    overflow: hidden;
    height: 428px;
}
.useful_inner {
    width: 1200px;
    margin: 0 auto;
}
.useful_ttl {
    text-align: center;
    margin-bottom: 20px;
}
.useful_link_box li {
    float: left;
}
.useful_link_box > li > a:hover {
    opacity: 0.8;
}
.useful_link_box_top {
    margin-bottom: 15px;
}
.useful_link_center {
    margin: 0 14px 0 15px;
}

/*shop_info_section
-------------------*/
.shop_info_section {
    background: url(/images/bg_stripe_beige.jpg) top left;
    padding: 28px 0 30px;
}
.shop_info_inner {
    width: 1200px;
    margin: 0 auto;
}
.shop_ttl_img {
    text-align: center;
    margin-bottom: 30px;
}
.shop_info_box {
    width: 232px;
    float: left;
    margin-right: 10px;
}
.shop_info_box_last {
    margin-right: 0;
}
.shop_info_ttl_img {
    margin-bottom: 9px;
}
.shop_info_detail_box {
    margin-bottom: 15px;
}
.shop_info_detail {
    border-bottom: 1px #c6295f dashed;
    padding-bottom: 9px;
    margin-bottom: 6px;
}
.shop_info_add {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    position: relative;
    padding-top: 3px;
    padding-left: 20px;
    margin-bottom: 5px;
}
.shop_info_add::before {
    content: url(/images/icn_shop_add.png);
    position: absolute;
    top: 0;
    left: 0;
}
.shop_info_contact_tel {
    float: left;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    position: relative;
    padding-left: 22px;
    margin-top: 2px;
}
.shop_info_contact_tel::before {
    content: url(/images/icn_shop_smp.png);
    position: absolute;
    top: -1px;
    left: 0;
}
.shop_info_contact_mail {
    float: right;
}
.shop_info_contact_mail:hover {
    opacity: 0.8;
}
.shop_detail_text {
    font-size: 13px;
    color: #000;
    line-height: 20px;
}
.shop_more_btn a {
    background: #c6295f;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    border-radius: 30px;
    box-sizing: border-box;
    width: 232px;
    height: 40px;
    padding-top: 12px;
    display: block;
    border: 1px solid #c6295f;
}
.shop_more_btn a:hover {
    text-decoration: none;
    opacity: 0.8;
    background: #fff;
    color: #c6295f;
}

/*popular_area_section
----------------------*/
.popular_area_section {
    padding: 51px 0 111px;
}
.popular_area_wrap {
    background: url(/images/bg_cityscape02.png) no-repeat bottom center;
}
.popular_area_inner {
    width: 1200px;
    margin: 0 auto;
}
.popular_area_ttl {
    text-align: center;
    margin-right: 231px;
    margin-bottom: 30px;
}
.popular_area_list_wrap {
    float: left;
}
.popular_area_list {
    background: #fffcdd;
    width: 235px;
    float: left;
    box-sizing: border-box;
    padding: 14px 15px 10px;
    margin-right: 10px;
}
.popular_area_list_last {
    margin-right: 0;
}
.popular_area_img_box {
    position: relative;
    margin-bottom: 5px;
}
.popular_area_img_ttl {
    position: absolute;
    top: -16px;
    left: -15px;
}
.popular_area_detail {
    margin-bottom: 5px;
}
.popular_area_comment {
    font-size: 13px;
    color: #000;
    line-height: 20px;
}

.popular_area_access_ttl {
    font-size: 13px;
    color: #c6295f;
    line-height: 20px;
}
.popular_area_access_box dd {
    font-size: 13px;
    color: #000;
    line-height: 20px;
}
.popular_area_more_btn a {
    background: #c6295f;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    border-radius: 30px;
    box-sizing: border-box;
    width: 190px;
    height: 40px;
    padding-top: 12px;
    display: block;
    margin: 0 auto;
    border: 1px solid #c6295f;
}
.popular_area_more_btn a:hover {
    text-decoration: none;
    opacity: 0.8;
    background: #fff;
    color: #c6295f;
}
.popular_area_text_block {
    float: right;
    width: 218px;
    height: 213px;
    border-radius: 20px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.45);
    background: #fff;
    box-sizing: border-box;
    margin-top: 162px;
    padding: 11px 15px 0;
    position: relative;
}
.popular_area_text_block::before {
    content: url(/images/img_popular_area_callout.png);
    position: absolute;
    top: -334px;
    left: -102px;
    width: 316px;
    height: 334px;
}
.popular_area_text {
    font-size: 13px;
    line-height: 20px;
    color: #59493f;
}

/*recommend_bkn_section
-----------------------*/
.recommend_bkn_section {
    background: url(/images/bg_stripe_beige.jpg) top left;
    padding-bottom: 31px;
}
.recommend_bkn_inner {
    width: 1200px;
    margin: 0 auto;
}
.recommend_bkn_ttl_box {
    position: relative;
    height: 90px;
}
.recommend_bkn_ttl {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 374px;
}
.recommend_bkn_ttl_box::after {
    content: url(/images/img_recommend_human.png);
    position: absolute;
    top: -104px;
    right: 12px;
}



/*タブ切替*/
.bkntab_menu-item {
    float: left;
    margin-right: 1px;
    position: relative;
}
.bkntab_menu-title {
    font-size: 14px;
    font-weight: bold;
    background: #c6295f;
    color: #fff;
    height: 60px;
    width: 200px;
    box-sizing: border-box;
    text-align: center;
    border: 2px solid #c6295f;
    border-bottom: none;
    border-top-right-radius: 10px; 
    border-top-left-radius: 10px;
    padding-top: 24px;
    cursor: pointer;
}
.bkntab_menu-title:hover {
    opacity: 0.8;
}
.bkntab_menu-item.active .bkntab_menu-title {
    border-top: 10px solid #c6295f;
    color: #c6295f;
    background: #fff;
    padding-top: 16px;
}
.bkntab_menu-item.active .bkntab_menu-title:hover {
    opacity: 1;
}
.bkntab_menu-item_last {
    margin-right: 0;
}
.active.bkntab_menu-item::after {
    content: "";
    position: absolute;
    width: 196px;
    height: 2px;
    left: 2px;
    bottom: -2px;
    background: #fff;
}


/*物件中身*/
.recommend_bkn_block {
    border: 2px solid #c6295f;
    background: #fff;
    padding: 28px 28px 30px 28px;
}
.bkn_wrap_none {
    display: none;
}
.bkn_inner {
    margin-bottom: 30px;
}
.bkn_block {
    width: 275px;
    float: left;
    margin-right: 13px;
}
.bkn_block:last-child {
    margin-right: 0;
}
.bkn_ttl {
    font-size: 16px;
    font-weight: bold;
    color: #c6295f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 4px;
}
.bkn_ttl a {
    font-size: 16px;
    font-weight: bold;
    color: #c6295f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bkn_image {
    margin-bottom: 8px;
    height: 202px;
    position: relative;
}
.bkn_image:hover {
    opacity: 0.8;
}
.bkn_image img {
    width: unset;
    max-width: 100%;
    max-height: 202px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.bkn_detail_box {
    margin-bottom: 14px;
}
.bkn_comment {
    font-size: 13px;
    color: #000;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    border-bottom: 1px solid #59493f;
    padding-bottom: 5px;
    margin-bottom: 8px;
}
.bkn_price_madori p {
    float: left;
    line-height: 22px;
}
.slash_item {
    margin: 0 3px;
}
.price_text {
    font-size: 13px;
    font-weight: bold;
    color: #c6295f;
    float: left;
}
.price_text .price {
    font-size: 16px;
}
.madori_text {
    float: left;
}
.bkn_address,
.bkn_station {
    font-size: 13px;
    line-height: 20px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bkn_more_btn {
    margin: 0 auto;
    width: 232px;
}
.bkn_more_btn a {
    width: 232px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #c6295f;
    border-radius: 20px;
    color: #c6295f;
    font-size: 13px;
    text-align: center;
    display: block;
    padding-top: 11px;
}
.bkn_more_btn a:hover {
    background: #c6295f;
    color: #fff;
    text-decoration: none;
}
.bkn_list_more_btn {
    margin: 0 auto;
    width: 232px;
}
.bkn_list_more_btn a {
    width: 232px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #c6295f;
    border-radius: 20px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    display: block;
    padding-top: 11px;
    background: #c6295f;
}
.bkn_list_more_btn a:hover {
    background: #fff;
    color: #c6295f;
    text-decoration: none;
}

/*content_big_section
---------------------*/


/*bg_repeat_cityscape
---------------------*/
.bg_repeat_cityscape {
    background: url(/images/bg_cityscape02.png) repeat-y top center;
    padding-bottom: 109px;
}

/*success_manual_section
------------------------*/
.success_manual_section {
    width: 1200px;
    margin: 0 auto 45px;
    padding-top: 51px;
}
.success_manual_ttl {
    text-align: center;
    margin-bottom: 19px;
}
.success_manual_list {
    width: 255px;
    float: left;
    position: relative;
    margin-right: 60px;
}
.success_manual_list_last {
    margin-right: 0;
}
.success_manual_list::after {
    content: url(/images/img_manual_arrow.png);
    position: absolute;
    top: 132px;
    right: -53px;
}
.success_manual_list_last::after {
    content: none;
}
.success_manual_list a {
    text-decoration: none;
}
.success_manual_img:hover,
.success_manual_box:hover {
    opacity: .8;
}
.success_manual_img {
    margin-bottom: 9px;
}
.success_manual_box {
    background: rgba(255, 255, 255, 0.6);
}
.success_manual_box_ttl {
    font-size: 20px;
    font-weight: bold;
    color: #c6295f;
    position: relative;
    padding-left: 67px;
    margin-bottom: 6px;
}
.success_manual_box_text {
    font-size: 13px;
    color: #000;
    line-height: 20px;
}
.success_manual_box_ttl::before {
    position: absolute;
    top: -4px;
    left: 31px;
}
.success_manual_list01 .success_manual_box_ttl::before {
    content: url(/images/img_manual_num01.png);
}
.success_manual_list02 .success_manual_box_ttl::before {
    content: url(/images/img_manual_num02.png);
}
.success_manual_list03 .success_manual_box_ttl::before {
    content: url(/images/img_manual_num03.png);
}
.success_manual_list_last .success_manual_box_ttl::before {
    content: url(/images/img_manual_num04.png);
}

/*reservation_and_owner_section
-------------------------------*/
.reservation_and_owner_section {
    width: 1200px;
    margin: 0 auto;
    background: #f5f1c7;
    padding: 51px 50px 48px;
    box-sizing: border-box;
    margin-bottom: 60px;
}
.reservation_and_owner {
    margin-bottom: 30px;
}
.reservation_block {
    float: left;
    background: #fff;
    border-radius: 10px;
    padding: 26px 0 0;
    width: 666px;
    box-sizing: border-box;
    height: 225px;
    text-align: center;
}
.reservation_box {
    margin-bottom: 24px;
}
.reservation_box_ttl {
    font-size: 25px;
    font-weight: bold;
    color: #000;
    margin-bottom: 8px;
}
.reservation_box_text {
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 24px;
}
.btn_to_owner {
    float: right;
}
.btn_to_owner:hover {
    opacity: 0.8;
}
.img_credit_ok {
    text-align: center;
}

/*page_links_section
--------------------*/
.page_links_section {
    width: 1200px;
    margin: 0 auto;
}
.page_links_block_left,
.page_links_box01 {
    float: left;
}
.page_links_block_right,
.page_links_box02 {
    float: left;
}
.page_links_btn_item:hover {
    opacity: 0.8;
}

.page_links_under{
    display: flex;
    justify-content: center;
}
.page_links_under a:hover{
    opacity: .8;
}

/*information_section
---------------------*/
.information_section {
    background: url(/images/bg_news.jpg) top center;
    padding-bottom: 100px;
}
.information_wrap {
    width: 1200px;
    margin: 0 auto;
}
.information_ttl_box {
    position: relative;
    height: 72px;
}
.information_ttl {
    position: absolute;
    width: 374px;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    top: -59px;
}
.information_inner {
    height: 405px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.5);
    width: 1200px;
    padding: 10px 10px 10px 20px;
}
.information_detail {
    height: 320px;
    margin-bottom: 20px;
}
.information_block {
    border-bottom: 1px solid #c9c9c9;
    padding: 10px 0;
}
.information_date {
    font-size: 15px;
    font-weight: bold;
    color: #000;
}
.information_more_btn {
    float: right;
    margin-right: 20px;
}
.information_more_btn a {
    width: 140px;
    height: 35px;
    box-sizing: border-box;
    background: #c6295f;
    color: #fff;
    font-size: 13px;
    display: block;
    text-align: center;
    padding-top: 10px;
}
.information_more_btn a:hover {
    text-decoration: none;
    opacity: 0.8;
}