@charset "UTF-8"; /*-------------------------------------------------------------------------- フォント 管理エディタ用　(Quillエディタ) 管理エディタ用　(ckeditorエディタ) 共通 import --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------- フォント --------------------------------------------------------------------------*/ /*----- フォント太さ調節 -----*/ .font_w_b { font-weight: 500; } /*-------------------------------------------------------------------------- 管理エディタ用　(Quillエディタ) --------------------------------------------------------------------------*/ .ql-align-center { text-align: center; } .ql-align-right { text-align: right; } .ql-size-small { font-size: 12px; } .ql-size-large { font-size: 23px; } .ql-size-huge { font-size: 32px; } /*-------------------------------------------------------------------------- 管理エディタ用　(ckeditorエディタ) --------------------------------------------------------------------------*/ .ck-content ul, .ck-content ul li, .ck-content ol, .ck-content ol li { list-style: revert; margin: revert; padding: revert; } /*@mixin ck-content*/ /*-------------------------------------------------------------------------- 共通 --------------------------------------------------------------------------*/ /*絞り込み*/ .page_sub_menu { margin: 0 auto 0; } .page_sub_menu.area_navi ul li { padding: 0 10px; width: 33.33%; } .page_sub_menu.area_navi ul li a { background-position: center right 18px; background-repeat: no-repeat; background-size: 18px auto; padding: 6px 40px 6px; line-height: 1.6; font-size: 17px; border-radius: 30px; } .page_sub_menu.area_navi ul li a > span { display: inline-block; } .page_sub_menu.area_navi ul li a:link, .page_sub_menu.area_navi ul li a:visited { background-image: url("../img/top_arrow_off.png"); border: 1px solid #1c223c; color: #00000f; background-color: #fff; } .page_sub_menu.area_navi ul li a:active, .page_sub_menu.area_navi ul li a:hover { background-image: url("../img/top_arrow_on.png"); border: 1px solid #1c223c; color: #fff; background-color: #1c223c; } .page_sub_menu.area_navi ul li a.active { background-image: url("../img/top_arrow_on.png"); border: 1px solid #1c223c; color: #fff; background-color: #1c223c; } .page_sub_menu.area_navi_sub ul { display: -webkit-box; display: flex; } .page_sub_menu.area_navi_sub ul li { -webkit-box-flex: 1; flex: 1; } .page_sub_menu.area_navi_sub ul li a { padding: 6px 10px; line-height: 1.6; font-size: 17px; display: block; font-weight: 400; font-family: "Barlow Semi Condensed", serif; } .page_sub_menu.area_navi_sub ul li a:link, .page_sub_menu.area_navi_sub ul li a:visited { border-bottom: 1px solid #cccbc9; color: #00000f; } .page_sub_menu.area_navi_sub ul li a:active, .page_sub_menu.area_navi_sub ul li a:hover { border-bottom: 1px solid #002065; color: #002065; } .page_sub_menu.area_navi_sub ul li a.active { border-bottom: 1px solid #002065; color: #002065; } .area_name_b > p { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; background: url("../img/icon_blue.png") left center no-repeat; background-size: 4px auto; padding-left: 20px; } .area_name_b > p span.an_eng { line-height: 1.3; font-size: 30px; } .area_name_b > p span.an_jp { display: inline-block; padding: 6px 0 0 10px; line-height: 1; font-size: 19px; } .area_name_s > p { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; padding-left: 15px; background: url("../img/icon_blue_18.png") left center no-repeat; background-size: 4px auto; } .area_name_s > p span.an_eng { line-height: 1.5; font-size: 20px; } .area_name_s > p span.an_jp { display: inline-block; padding: 5px 0 0 10px; line-height: 1; font-size: 15px; } ul.categories li { display: inline-block; margin-top: 10px; padding: 9px 10px 6px; text-align: center; line-height: 1.3; font-size: 15px; } ul.categories li.cat { background: #1b306a; margin-right: 20px; min-width: 152px; color: #FFF; } ul.categories li.cat_sub { background: #dde0e9; } /*-------------------------------------------------------------------------- import --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------- 共通 --------------------------------------------------------------------------*/ #sub_title.event { background-image: url("../../event/img/titleback_event.jpg"); } #event { /*---要予約---*/ } #event .eve_item .photo > div { position: relative; overflow: hidden; } #event .eve_item .photo > div img { position: absolute; } #event .eve_item .eve_cap > h3 { margin-top: 15px; line-height: 1.5; font-size: 19px; font-weight: 500; } #event .eve_item dl { display: table; table-layout: fixed; border-bottom: 1px solid #cccbc9; width: 100%; } #event .eve_item dl:first-of-type { border-top: 1px solid #cccbc9; } #event .eve_item dl dt, #event .eve_item dl dd { display: table-cell; vertical-align: top; } #event .eve_item dl dt { padding: 10px 0; width: 120px; background: #6b6d79; color: #FFF; text-align: center; } #event .eve_item dl dd { padding: 10px 10px 10px 20px; } #event .reservation { color: #cc0000; font-weight: bold; } #event .map #map_canvas { margin: 0 auto 0; border: 1px solid #ccc; height: 420px; background-color: #eee; max-width: 1160px; } /*-------------------------------------------------------------------------- index.html --------------------------------------------------------------------------*/ #event.eve_top { max-width: 1180px; } #event.eve_top .page_sub_menu { margin-top: 50px; } #event.eve_top .intro { text-align: center; } #event.eve_top .area_name_b { margin: 80px auto 25px 0; } #event.eve_top .eve_list { display: -webkit-flex; display: flex; flex-wrap: wrap; border-bottom: 1px solid #cccbc9; } #event.eve_top .eve_list > div { border-bottom: 1px solid #cccbc9; padding: 0 40px 80px; width: 50%; } #event.eve_top .eve_list > div:nth-of-type(n+3) { margin-top: 80px; } #event.eve_top .eve_list > div:last-of-type { border: none; } #event.eve_top .eve_list > div .eve_item { max-width: 500px; } #event.eve_top .eve_list > div .eve_item .eve_cap { margin-top: 10px; } #event.eve_top .eve_list > div .eve_item .eve_cap .area_name_s { margin-top: 20px; } #event.eve_top .eve_list > div .eve_item dl:first-of-type { margin-top: 20px; } #event.eve_top .eve_list > div .eve_item .note { margin-top: 20px; font-size: 13px; } #event.eve_top .eve_list > div .eve_item .ar_btn { margin-top: 30px; text-align: center; } #event.eve_top .eve_list > div .eve_item .ar_btn div { display: inline-block; background: #1c223c; width: 100%; max-width: 330px; line-height: 45px; color: #FFF; font-size: 15px; font-weight: 500; text-decoration: none; } #event.eve_top .eve_list > div .eve_item .ar_btn div span { display: inline-block; } #event.eve_top .eve_list > div .eve_item:hover { opacity: 0.75; } #event.eve_top .eve_list > div .eve_item:hover .ar_btn div { background: #c71c2f; } #event.eve_top .eve_list.over3 > div { border-bottom: 1px solid #cccbc9; } #event.eve_top .eve_list.over3 > div:last-of-type { border: none; } #event.eve_top .eve_list.over3.line_set { border: none; } #event.eve_top .eve_list.over3.line_set > div:last-of-type { border-bottom: 1px solid #cccbc9; } #event.eve_top #nav_list { margin-top: 80px; } #event.eve_top .link_banner a { display: block; margin: 80px auto 0; max-width: 580px; } #event.eve_top .back_btn { margin-top: 80px; } /*-------------------------------------------------------------------------- article.html --------------------------------------------------------------------------*/ #event.eve_ar { padding-top: 60px; max-width: 1180px; } #event.eve_ar .eve_item_frm { margin: 0 auto 0; } #event.eve_ar .eve_item_frm .eve_item { display: -webkit-flex; display: flex; flex-wrap: wrap; } #event.eve_ar .eve_item_frm .eve_item .eve_cap { display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; width: 100%; } #event.eve_ar .eve_item_frm .eve_item .eve_cap .area_name_b { margin-right: 40px; } #event.eve_ar .eve_item_frm .eve_item .eve_cap .area_name_b p { margin-top: 10px; } #event.eve_ar .eve_item_frm .eve_item .eve_cap > h3 { border-bottom: 1px solid #cccbc9; margin: 20px auto 30px 0; padding: 0 0 15px; width: 100%; font-size: 28px; } #event.eve_ar .eve_item_frm .eve_item .photo { padding: 0 40px 0 0; width: 600px; } #event.eve_ar .eve_item_frm .eve_item .cap { flex: 1; -webkit-flex: 1; } #event.eve_ar .eve_item_frm .eve_item .cap dl dt { width: 140px; vertical-align: middle; } #event.eve_ar .eve_item_frm .eve_item .k_link { margin-top: 30px; } #event.eve_ar .eve_item_frm .eve_item .k_link span { padding: 2px 0 0; line-height: 1.3; font-size: 17px; } #event.eve_ar .eve_item_frm .eve_item .site_link ul.link_list li { margin-top: 10px; } #event.eve_ar .eve_item_frm .eve_item .site_link ul.link_list li a { display: block; background: #ccd2e0; padding: 15px 20px 15px; color: #1c223c; font-size: 15px; } #event.eve_ar .eve_item_frm .eve_item .site_link ul.link_list li a:hover, #event.eve_ar .eve_item_frm .eve_item .site_link ul.link_list li a:active { background: #002065; color: #FFF; } #event.eve_ar #calender { border: 1px solid #cccbc9; margin: 80px 0 0; padding: 20px; } #event.eve_ar #calender h3 { margin: 0 auto 0; max-width: 1000px; font-size: 19px; font-weight: bold; } #event.eve_ar .other_ap a { display: block; background: #6b6d79; margin: 40px auto 0; padding: 15px 10px 15px; max-width: 400px; color: #FFF; text-align: center; } #event.eve_ar .other_ap a:hover, #event.eve_ar .other_ap a:active { background: #002065; } #event.eve_ar .map { margin: 80px auto 0; text-align: center; } #event.eve_ar .map .map_link { margin: 60px auto 0; } #event.eve_ar .map .map_link ul { display: -webkit-flex; display: flex; justify-content: center; width: 100%; max-width: 1140px; } #event.eve_ar .map .map_link ul li { padding: 0 10px 0; width: 33.33%; } #event.eve_ar .map .map_link ul li a { display: block; background-size: 36px; background-color: #1c223c; background-position: left 10px center; background-repeat: no-repeat; margin: 0 auto 0; padding: 12px 10px 11px 55px; max-width: 345px; color: #FFF; text-align: center; font-size: 15px; } #event.eve_ar .map .map_link ul li a:active, #event.eve_ar .map .map_link ul li a:hover { background-color: #c71c2f; } #event.eve_ar .map .map_link ul li.b_app a { background-image: url("../img/icon_event_app.png"); } #event.eve_ar .map .map_link ul li.b_print a { background-image: url("../img/icon_event_print.png"); } #event.eve_ar .map .map_link ul li.b_appoint a { background-color: #6b6d79; padding: 12px 10px 11px; } #event.eve_ar .map .map_link ul li.b_appoint a:active, #event.eve_ar .map .map_link ul li.b_appoint a:hover { background-color: #c71c2f; } #event.eve_ar .map #map_canvas.sample { background: url("../img/eve_sample02.png") center center no-repeat; background-size: 1160px auto; } #event.eve_ar .block_post_frm { margin-top: 80px; } #event.eve_ar .block_post_frm .point_comment { background: #ececec; padding: 50px; } #event.eve_ar .block_post_frm .sub_post { margin: 80px auto 0; } #event.eve_ar .block_post_frm .sub_post .item_ph ul { display: -webkit-flex; display: flex; flex-wrap: wrap; } #event.eve_ar .block_post_frm .sub_post .item_ph ul li { padding: 0 20px 0; width: 50%; } #event.eve_ar .block_post_frm .sub_post .item_ph ul li:nth-of-type(n+3) { margin-top: 45px; } #event.eve_ar .block_post_frm .sub_post .item_ph ul li a { display: block; } #event.eve_ar .block_post_frm .sub_post .item_ph ul li a article .sub_photo { position: relative; overflow: hidden; } #event.eve_ar .block_post_frm .sub_post .item_ph ul li a article .sub_photo img { position: absolute; } #event.eve_ar .block_post_frm .sub_post .item_ph ul li a article p { margin-top: 6px; text-align: center; font-size: 13px; } #event.eve_ar .block_post_frm .data_link, #event.eve_ar .block_post_frm .file { margin: 80px auto 0; max-width: 540px; } #event.eve_ar .block_post_frm .data_link .area_name_b > p span:nth-of-type(2), #event.eve_ar .block_post_frm .file .area_name_b > p span:nth-of-type(2) { padding: 6px 0 0 15px; } #event.eve_ar .block_post_frm .data_link ul li, #event.eve_ar .block_post_frm .file ul li { margin: 10px 0 0 0; } #event.eve_ar .block_post_frm .data_link ul li:first-of-type, #event.eve_ar .block_post_frm .file ul li:first-of-type { margin-top: 20px; } #event.eve_ar .block_post_frm .data_link ul li a, #event.eve_ar .block_post_frm .file ul li a { display: block; background: url("../img/icon_link_off.png") left 15px top 15px no-repeat #fff; background-size: 15px auto; border: 1px solid #919191; padding: 9px 15px 7px 45px; width: 100%; color: #00000f; font-size: 15px; } #event.eve_ar .block_post_frm .data_link ul li a:hover, #event.eve_ar .block_post_frm .data_link ul li a:active, #event.eve_ar .block_post_frm .file ul li a:hover, #event.eve_ar .block_post_frm .file ul li a:active { border: 1px solid #1c223c; background-image: url("../img/icon_link_on_wh.png"); background-color: #1c223c; color: #fff; } #event.eve_ar .block_post_frm .data_link + .file { margin: 50px auto 0; } #event.eve_ar .block_post_frm .file ul li a { background-image: url("../img/icon_file_off.png"); } #event.eve_ar .block_post_frm .file ul li a:hover, #event.eve_ar .block_post_frm .file ul li a:active { background-image: url("../img/icon_file_on.png"); } #event.eve_ar .appoint_bt a { display: block; background: #c71c2f; margin: 80px auto 0; width: 100%; max-width: 400px; color: #FFF; line-height: 75px; text-align: center; font-size: 17px; } #event.eve_ar .appoint_bt a:hover, #event.eve_ar .appoint_bt a:active { background: #1c223c; } #event.eve_ar .page_back { margin: 50px auto 0; } #event.eve_ar .page_back .back_btn { padding: 50px 0 0 0; border-top: 1px solid #cccbc9; } #event.eve_ar #end_event { margin: 50px auto 0; max-width: 1000px; } #event.eve_ar #end_event p { background: #dde0e9; padding: 30px 10px 30px; text-align: center; } #event.eve_ar .b_area { border-top: 1px solid #cccbc9; margin: 80px auto 0; } #event.eve_ar .b_area .post_list { border-bottom: 1px solid #cccbc9; padding: 50px 10px 50px; } #event.eve_ar .b_area .post_list:first-of-type { margin-top: 0; } #event.eve_ar .b_area .post_list .sbj { margin: 0 auto 30px; max-width: 1000px; } #event.eve_ar .b_area .post_list .sbj h4 { background: url("../img/icon_blue.png") left top 5px no-repeat; background-size: 4px auto; padding: 0 0 0 20px; font-size: 20px; font-weight: 500; } #event.eve_ar .b_area .post_list .sbj + .block_photo_frm { margin: 20px auto 0; } #event.eve_ar .b_area .post_list .block_photo_frm { display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0 auto 0; max-width: 1000px; } #event.eve_ar .b_area .post_list .block_photo_frm .item { padding: 0 10px 0 0; width: 50%; } #event.eve_ar .b_area .post_list .block_photo_frm .item:nth-of-type(2n) { padding: 0 0 0 10px; } #event.eve_ar .b_area .post_list .block_photo_frm .item:nth-of-type(n+3) { margin-top: 40px; } #event.eve_ar .b_area .post_list .block_photo_frm .item.post_one { margin: 0 auto 0; width: 100%; max-width: 800px; } #event.eve_ar .b_area .post_list .block_photo_frm .item a { display: block; } #event.eve_ar .b_area .post_list .block_photo_frm .item a p { margin-top: 5px; text-align: center; font-size: 13px; } #event.eve_ar .b_area .post_list .comment { background: #dde0e9; margin: 30px auto 0; padding: 30px; max-width: 1000px; } /*-------------------------------------------------------------------------- print.html --------------------------------------------------------------------------*/ #wrap.event_print #contents { padding: 0; } #wrap.event_print footer #copyright.pf_copy { margin: 0; } #event.eve_print { margin: 0 auto 0; padding: 70px 10px 40px; max-width: 620px; } #event.eve_print .map #map_canvas { height: 600px; } #event.eve_print .map #map_canvas.sample { background: url("../img/eve_sample02.png") center center no-repeat; background-size: cover; } #event.eve_print .eve_item { margin-top: 10px; } #event.eve_print .eve_item .eve_cap > h3 { font-size: 22px; } #event.eve_print .eve_item .cap { margin-top: 15px; } #event.eve_print .eve_item .cap dl { display: table; table-layout: fixed; border-bottom: 1px solid #cccbc9; width: 100%; } #event.eve_print .eve_item .cap dl:first-of-type { border-top: 1px solid #cccbc9; } #event.eve_print .eve_item .cap dl dt, #event.eve_print .eve_item .cap dl dd { display: table-cell; vertical-align: top; } #event.eve_print .eve_item .cap dl dt { padding: 10px 0; width: 140px; background: #6b6d79; color: #FFF; text-align: center; } #event.eve_print .eve_item .cap dl dd { padding: 10px 10px 10px 15px; } #event.eve_print .map_btn ul { display: -webkit-flex; display: flex; justify-content: space-between; margin: 30px auto 0; width: 100%; max-width: 600px; } #event.eve_print .map_btn ul li { padding: 0 10px 0 0; width: 50%; max-width: 290px; } #event.eve_print .map_btn ul li:last-of-type { padding: 0 0 0 10px; } #event.eve_print .map_btn ul li a { display: block; background: #c71c2f; padding: 13px 10px 10px; width: 100%; color: #FFF; font-size: 15px; text-align: center; } #event.eve_print .map_btn ul li a:hover, #event.eve_print .map_btn ul li a:active { opacity: 0.7; } #event.eve_print .map_btn ul li + li a { background: #1c223c; } /*-------------------------------------------------------------------------- close.html --------------------------------------------------------------------------*/ #event.eve_close { max-width: 1180px; } #event.eve_close .intro { text-align: center; } #event.eve_close .item_box { margin: 50px auto 0; display: -webkit-flex; display: flex; flex-wrap: wrap; } #event.eve_close .item_box .item { margin: 0 20px; padding: 30px; display: -webkit-flex; display: flex; width: calc(50% - 40px); background: #ececec; } #event.eve_close .item_box .item:nth-of-type(n+3) { margin: 20px 20px 0 20px; } #event.eve_close .item_box .item .photo { padding: 0 20px 0 0; width: 160px; } #event.eve_close .item_box .item .photo div { position: relative; overflow: hidden; } #event.eve_close .item_box .item .photo div img { position: absolute; } #event.eve_close .item_box .item section { flex: 1; -webkit-flex: 1; } #event.eve_close .item_box .item section h3 { line-height: 1.6; font-size: 17px; font-weight: 500; } #event.eve_close .item_box .item section p { margin-top: 10px; font-size: 13px; } #event.eve_close #nav_list { margin: 50px auto 0 auto; } #event.eve_close .back_btn { margin: 50px auto 0 auto; } /*-------------------------------------------------------------------------- 共通 --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------- 施工実例 共通 --------------------------------------------------------------------------*/ .search { margin: 0 0 50px 0; padding: 20px 10px 20px; background: #e4e4e4; } .search .s_window > div { margin: 0 auto 0; max-width: 905px; } .search .s_window > div .word { display: -webkit-flex; display: flex; padding: 0 50px 0 0; } .search .s_window > div .word > p { margin: 6px 0 0 0; display: inline-block; width: 100%; vertical-align: top; max-width: 135px; font-size: 17px; font-weight: 500; } .search .s_window > div .word > div { display: -webkit-flex; display: flex; width: 100%; } .search .s_window > div .word > div > div { width: 100%; } .search .s_window > div .word > div > div input { background: #fff; border: 1px solid #cccbc9; padding: 5px 10px 5px; width: 100%; height: 30px; } .search .s_window > div .word .btn_serch { background: url("../img/icon_search01_db.png") right top no-repeat; background-size: 30px auto; border: none; width: 100%; max-width: 50px; } .search .s_window > div .word .btn_serch:hover, .search .s_window > div .word .btn_serch:active { background-image: url("../img/icon_search01_wh.png"); } .search .s_window + .type_select_area { margin-top: 20px; } .search .type_select_area { display: -webkit-flex; display: flex; margin: 0 auto 0 auto; width: 100%; max-width: 820px; } .search .type_select_area .change_list { width: 100%; max-width: 97px; } .search .type_select_area .change_list .layoutswitch { border: #1c223c 1px solid; width: 82px; height: 32px; } .search .type_select_area .change_list .layoutswitch li { display: inline-block; background-size: 40px auto; background-position: top center; background-repeat: no-repeat; width: 40px; height: 30px; } .search .type_select_area .change_list .layoutswitch li.layout_tile { background-image: url("../img/icon_change_tile_off.png"); } .search .type_select_area .change_list .layoutswitch li.layout_tile.active { background-image: url("../img/icon_change_tile_on.png"); } .search .type_select_area .change_list .layoutswitch li.layout_list { background-image: url("../img/icon_change_list_off.png"); } .search .type_select_area .change_list .layoutswitch li.layout_list.active { background-image: url("../img/icon_change_list_on.png"); } .search .type_select_area .type_box dl, .search .type_select_area .entry_box dl { margin: 0 15px 0 0; display: inline-block; } .search .type_select_area .type_box dl dt, .search .type_select_area .type_box dl dd, .search .type_select_area .entry_box dl dt, .search .type_select_area .entry_box dl dd { display: inline-block; } .search .type_select_area .type_box dl dt, .search .type_select_area .entry_box dl dt { font-size: 13px; } .search .type_select_area .type_box dl dd, .search .type_select_area .entry_box dl dd { font-size: 13px; } .search .type_select_area .type_box dl dd select, .search .type_select_area .entry_box dl dd select { border: 1px solid #464646; background: url("../img/arrow_down01.png") no-repeat #fff right 10px center; background-size: 5px auto; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; margin: 0 0 0 5px; padding: 0 20px 0 5px; line-height: 30px; font-size: 13px; font-family: 'Heebo', 'Zen Kaku Gothic New', sans-serif,'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',serif; font-weight: 500; } .search .type_select_area .type_box { width: 100%; max-width: 305px; } .search .type_select_area .entry_box dl:last-of-type { margin: 0; } .search .type_select_area .entry_box input { border: 0; width: 70px; line-height: 28px; color: #fff; background-color: #000; font-size: 13px; font-family: 'Lato', 'Zen Kaku Gothic New', sans-serif,'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',serif; text-align: center; cursor: pointer; } .search .type_select_area .entry_box input:hover { background-color: #866b39; } .search .sp_box { display: none; } #wk_search_bt { margin: 0 auto 0; padding: 0 10px 0; max-width: 1150px; } #wk_search_bt .wk_search_item01 { display: table; table-layout: fixed; margin-bottom: 5px; width: 100%; } #wk_search_bt .wk_search_item01 .change_list { display: table-cell; vertical-align: top; margin-bottom: 10px; width: 97px; } #wk_search_bt .wk_search_item01 .change_list .layoutswitch { border: #333333 1px solid; width: 82px; height: 32px; } #wk_search_bt .wk_search_item01 .change_list .layoutswitch li { display: inline-block; background-size: 40px auto; background-position: top center; background-repeat: no-repeat; width: 40px; height: 30px; } #wk_search_bt .wk_search_item01 .change_list .layoutswitch li.layout_tile { background-image: url("../img/icon_change_tile_off.png"); } #wk_search_bt .wk_search_item01 .change_list .layoutswitch li.layout_tile.active { background-image: url("../img/icon_change_tile_on.png"); } #wk_search_bt .wk_search_item01 .change_list .layoutswitch li.layout_list { background-image: url("../img/icon_change_list_off.png"); } #wk_search_bt .wk_search_item01 .change_list .layoutswitch li.layout_list.active { background-image: url("../img/icon_change_list_on.png"); } #wk_search_bt .wk_search_item01 .type_box { display: table-cell; vertical-align: top; } #wk_search_bt .wk_search_item01 .type_box dl { margin: 0 15px 10px 0; display: inline-block; } #wk_search_bt .wk_search_item01 .type_box dl dt, #wk_search_bt .wk_search_item01 .type_box dl dd { display: inline-block; } #wk_search_bt .wk_search_item01 .type_box dl dt { font-size: 12px; } #wk_search_bt .wk_search_item01 .type_box dl dd { font-size: 13px; } #wk_search_bt .wk_search_item01 .type_box dl dd select { border: 1px solid #464646; background: url("../img/arrow_down01.png") no-repeat #fff right 10px center; background-size: 5px auto; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; margin: 0 0 0 5px; padding: 0 20px 0 5px; line-height: 30px; font-size: 13px; font-family: 'Heebo', 'Zen Kaku Gothic New', sans-serif,'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',serif; font-weight: 500; } #wk_search_bt .wk_search_item02 .entry_box dl, #wk_search_bt .wk_search_item03 .entry_box dl { display: table; width: 100%; } #wk_search_bt .wk_search_item02 .entry_box dl dt, #wk_search_bt .wk_search_item02 .entry_box dl dd, #wk_search_bt .wk_search_item03 .entry_box dl dt, #wk_search_bt .wk_search_item03 .entry_box dl dd { display: table-cell; vertical-align: top; } #wk_search_bt .wk_search_item02 .entry_box dl dt, #wk_search_bt .wk_search_item03 .entry_box dl dt { padding: 0 15px 0 0; width: 81px; } #wk_search_bt .wk_search_item02 .entry_box dl dt span, #wk_search_bt .wk_search_item03 .entry_box dl dt span { display: block; width: 80px; height: 30px; background: #1c223c; color: #FFFFFF; text-align: center; padding-top: 3px; font-size: 13px; } #wk_search_bt .wk_search_item02 .entry_box dl dd, #wk_search_bt .wk_search_item03 .entry_box dl dd { letter-spacing: -0.5em; } #wk_search_bt .wk_search_item02 .entry_box dl dd button, #wk_search_bt .wk_search_item03 .entry_box dl dd button { display: inline-block; height: 30px; padding: 1px 7px 0; margin: 0 12px 10px 0; letter-spacing: 0.1em; background: #FFF; border: #1c223c 1px solid; cursor: pointer; } #wk_search_bt .wk_search_item02 .entry_box dl dd button.active, #wk_search_bt .wk_search_item03 .entry_box dl dd button.active { background: #1c223c; color: #FFF; } #wk_search_bt .wk_search_item02 .entry_box dl dd button:hover, #wk_search_bt .wk_search_item02 .entry_box dl dd button:active, #wk_search_bt .wk_search_item03 .entry_box dl dd button:hover, #wk_search_bt .wk_search_item03 .entry_box dl dd button:active { background: #1c223c; color: #FFF; } #works_record_box { box-sizing: border-box; width: 100%; max-width: 1150px; padding: 0 10px 0; margin: 50px auto 80px; } #works_record_box.re_close { display: none; } #works_record_box.re_open { display: block; } #works_record_box #bt_area { box-sizing: border-box; display: table; width: 100%; margin-bottom: 25px; } #works_record_box #bt_area div { box-sizing: border-box; display: table-cell; vertical-align: middle; line-height: 0.8; } #works_record_box #bt_area div:first-child { background: url("../img/icon_blue.png") left top no-repeat; background-size: 4px auto; padding: 0 0 0 25px; font-size: 20px; } #works_record_box #bt_area div:last-child { text-align: right; } #works_record_box #bt_area div:last-child span { text-align: center; width: 80px; display: inline-block; background: #FFF; padding: 5px 8px 7px; cursor: pointer; border: #00000f 1px solid; font-size: 13px; } #works_record_box #bt_area div:last-child span:hover { background: #00000f; color: #FFF; } #works_record_box #works_record { overflow: hidden; } #works_record_box #works_record a { box-sizing: border-box; float: left; width: 20%; position: relative; padding: 2px 1px; } #works_record_box #works_record a div { position: relative; overflow: hidden; } #works_record_box #works_record a div img { position: absolute; width: 100%; height: auto; } #works_record_box #works_record a p { box-sizing: border-box; position: absolute; display: table; top: 2px; width: 100%; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background: rgba(255, 255, 255, 0); font-size: 13px; color: #FFF; } #works_record_box #works_record a p span { box-sizing: border-box; display: table-cell; vertical-align: middle; text-align: center; padding: 10px; word-break: break-all; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #works_record_box #works_record a:hover p { background: rgba(0, 0, 0, 0.6); } #works_record_box #works_record a:hover p span { opacity: 1; } #works { padding: 0 0 80px; } #works #wk_list { margin: 0 auto; padding: 0 10px; max-width: 1150px; } #works #wk_list .list_head { display: table; width: 100%; margin-bottom: 30px; } #works #wk_list .list_head div { display: table-cell; vertical-align: top; } #works #wk_list .list_head div.count { padding-left: 25px; background: url("../img/icon_blue.png") left top 5px no-repeat; background-size: 4px auto; font-size: 20px; } #works #wk_list .list_head div.record_btn { text-align: right; } #works #wk_list .list_head div.record_btn span { font-size: 13px; display: inline-block; border-bottom: #B3B3B3 1px solid; padding-bottom: 5px; padding-right: 14px; background: url("../img/arrow_down01.png") right top 9px no-repeat; background-size: 5px auto; } #works #wk_list .list_head div.record_btn span.bt_close { display: none; } #works #wk_list .list_head div.record_btn span.bt_open { display: inline-block; } #works #wk_list .list_box section a { color: #00000f; } #works #wk_list .list_box section a:hover { opacity: 0.6; } #works #wk_list .list_box section a .photo div { position: relative; overflow: hidden; } #works #wk_list .list_box section a .photo div img { position: absolute; } #works #wk_list .list_box section a .tx .performance span { display: inline-block; } #works #wk_list .list_box section a .tx .performance span + span::before { content: "｜"; } #works #wk_list.tile .list_box { display: -webkit-flex; display: flex; flex-wrap: wrap; } #works #wk_list.tile .list_box section { width: 33.33%; padding: 0 10px; margin-bottom: 80px; } #works #wk_list.tile .list_box section a { display: block; } #works #wk_list.tile .list_box section a .tx h2 { margin-top: 10px; text-align: center; font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #works #wk_list.tile .list_box section a .tx .performance { padding: 2px 10px; background: #ececec; text-align: center; font-size: 12px; } #works #wk_list.tile .list_box section a .tx .comment { display: none; } #works #wk_list.list .list_box { display: block; } #works #wk_list.list .list_box section { width: 100%; padding: 0; margin-bottom: 80px; } #works #wk_list.list .list_box section a { display: -webkit-flex; display: flex; } #works #wk_list.list .list_box section a .photo { width: 350px; max-width: 350px; } #works #wk_list.list .list_box section a .tx { display: -webkit-flex; display: flex; flex-direction: column; padding: 0 0 0 50px; width: 100%; max-width: 100%; } #works #wk_list.list .list_box section a .tx h2 { order: 1; background: #1c223c; padding: 10px 20px 10px; width: 100%; max-width: 100%; color: #FFF; line-height: 1.5; font-size: 20px; font-weight: 500; } #works #wk_list.list .list_box section a .tx .performance { display: inline-block; margin-top: 20px; line-height: 0; font-size: 14px; order: 3; } #works #wk_list.list .list_box section a .tx .performance span { display: inline-block; line-height: 2; } #works #wk_list.list .list_box section a .tx .performance span + span::before { content: "｜"; } #works #wk_list.list .list_box section a .tx .comment { order: 2; margin-top: 10px; word-break: break-all; } #works #nav_list { margin: 0 auto; padding: 0 10px 80px 10px; max-width: 1150px; } #works #nav_list #pagenation { padding: 80px 0 0 0; border-top: #cccbc9 1px solid; } #works .back_btn02 { margin-bottom: 80px; } #works_ar { max-width: 1160px; } #works_ar #head_title { display: table; border-bottom: #cccbc9 1px solid; width: 100%; } #works_ar #head_title h2, #works_ar #head_title div { display: table-cell; vertical-align: top; } #works_ar #head_title h2 { background: url("../img/icon_blue.png") top 5px left no-repeat; background-size: 4px auto; padding: 0 0 25px 30px; line-height: 1.5; font-size: 25px; font-weight: 500; } #works_ar #head_title div { text-align: right; width: 80px; } #works_ar #head_title div span { float: right; background-position: center center; background-repeat: no-repeat; background-size: 32px auto; background-color: #464646; width: 32px; height: 32px; cursor: pointer; } #works_ar #head_title div span:hover { opacity: 0.7; } #works_ar #head_title div span#btn_cal { background-image: url("../img/icon_change_ca_off.png"); } #works_ar #head_title div span#btn_cal.active { background-image: url("../img/icon_change_ca_on.png"); } #works_ar #head_title div span#btn_tile { background-image: url("../img/icon_change_full_off.png"); margin-left: 5px; } #works_ar #head_title div span#btn_tile.active { background-image: url("../img/icon_change_full_on.png"); } #works_ar #head_title + #photo_wrap { margin-top: 50px; } #works_ar .performance { text-align: center; margin: 15px auto 20px; } #works_ar .performance span + span::before { content: " ｜ "; } #works_ar #photo_wrap { margin: 0 auto 0; } #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel { /*送りナビ（next/prev） 設定*/ /*アイコンナビ　設定*/ } #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-item article { position: relative; margin: 0 auto; width: 100%; max-width: 800px; text-align: center; } #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-item article img { display: inline-block; width: auto; max-width: 100%; height: auto; max-height: 600px; } #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-item article p { padding: 10px 10px 0; font-size: 13px; } #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-nav { position: absolute; top: 50%; /* IE8以下とAndroid4.3以下用フォールバック */ top: -webkit-calc(50% - 50px); top: calc(50% - 50px); padding: 0; width: 100%; } #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-nav [class*=owl-] { background-size: 14px auto; background-color: #1c223c; background-position: center center; background-repeat: no-repeat; width: 50px; height: 50px; text-indent: 100%; white-space: nowrap; overflow: hidden; } #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-nav [class*=owl-]:hover { background-color: #cccbc9; } #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-nav .owl-next { background-image: url("../img/arrow_owl_next.png"); float: right; } #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-nav .owl-prev { background-image: url("../img/arrow_owl_prev.png"); float: left; } #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-nav .disabled { background-color: #cccbc9; cursor: default; } #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-dots { display: none; } #works_ar #photo_wrap.cal #thumb_area { margin-top: 30px; } #works_ar #photo_wrap.cal #thumb_area .owl-thumbs { overflow: hidden; padding-top: 20px; width: 100%; } #works_ar #photo_wrap.cal #thumb_area .owl-thumbs .owl-thumb-item { float: left; padding: 8px; width: 10%; cursor: pointer; } #works_ar #photo_wrap.cal #thumb_area .owl-thumbs .owl-thumb-item span { display: block; width: 100%; overflow: hidden; position: relative; border: 2px solid rgba(0, 0, 0, 0); } #works_ar #photo_wrap.cal #thumb_area .owl-thumbs .owl-thumb-item span img { position: absolute; } #works_ar #photo_wrap.cal #thumb_area .owl-thumbs .owl-thumb-item span:hover { border: 2px solid #00000f; } #works_ar #photo_wrap.cal #thumb_area .owl-thumbs .owl-thumb-item p { display: none; } #works_ar #photo_wrap.cal #thumb_area .owl-thumbs .active span { border: 2px solid #00000f; } #works_ar #photo_wrap.cal #thumb_area.one { display: none; } #works_ar #photo_wrap.tile .main_photo .owl-carousel { display: none; } #works_ar #photo_wrap.tile #thumb_area { margin-bottom: 50px; } #works_ar #photo_wrap.tile #thumb_area .owl-thumbs { width: 100%; margin: 0 auto; max-width: 800px; } #works_ar #photo_wrap.tile #thumb_area .owl-thumbs article { display: block; color: #00000f; } #works_ar #photo_wrap.tile #thumb_area .owl-thumbs article:nth-of-type(n+2) { margin-top: 35px; } #works_ar #photo_wrap.tile #thumb_area .owl-thumbs .owl-thumb-item { text-align: center; } #works_ar #photo_wrap.tile #thumb_area .owl-thumbs .owl-thumb-item span img { width: auto; max-width: 100%; } #works_ar #photo_wrap.tile #thumb_area .owl-thumbs .owl-thumb-item p { margin-top: 5px; text-align: center; font-size: 13px; } #works_ar > .comment { background: #ececec; margin: 50px auto 0; padding: 50px 50px 50px; width: 100%; font-size: 14px; word-break: break-all; } #works_ar > .comment a { color: #866B39; } #works_ar > .comment a:hover { color: #534741; } #works_ar .sub_items h3 { background: #1c223c; padding: 20px 40px 20px; color: #FFF; line-height: 1.5; font-size: 22px; font-weight: 500; } #works_ar .sub_items h3 span { display: inline-block; border-left: 3px solid #FFF; padding: 0 0 0 20px; } #works_ar .sub_items .tx_area { border: 1px solid #1c223c; padding: 50px; } #works_ar .sub_items .tx_area > .comment { font-size: 15px; word-break: break-all; } #works_ar .item_ph { margin: 70px auto 0; max-width: 800px; } #works_ar .item_ph > ul li { text-align: center; } #works_ar .item_ph > ul li:nth-of-type(n+2) { margin-top: 30px; } #works_ar .item_ph > ul li > article { position: relative; display: inline-block; color: #00000f; } #works_ar .item_ph > ul li > article .sub_photo { position: relative; } #works_ar .item_ph > ul li > article .sub_photo img { display: block; margin: 0 auto; width: auto; max-width: 100%; } #works_ar .item_ph > ul li > article .sub_photo span.ba_name { position: absolute; top: 0; left: 0; font-size: 21px; padding: 10px 15px 10px; background-color: #1c223c; color: #FFF; display: block; } #works_ar .item_ph > ul li > article p { margin-top: 5px; text-align: center; font-size: 12px; } #works_ar .item_ph.befor { max-width: 100%; } #works_ar .item_ph.befor > ul { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 70px; /* 横列間の間隔を設定 */ row-gap: 30px; /* 縦列間の間隔を設定 */ } #works_ar .item_ph.befor > ul li { text-align: center; } #works_ar .item_ph.befor > ul li:nth-of-type(n+2) { margin-top: 0; } #works_ar .item_ph.befor > ul li > article { display: block; } #works_ar .item_ph.befor > ul li > article .sub_photo { position: relative; overflow: hidden; text-align: center; } #works_ar .item_ph.befor > ul li > article .sub_photo img { position: absolute; } #works_ar .item_ph.befor > ul li > article .sub_photo span.ba_name { background-color: #bfc7d8; color: #1c223c; } #works_ar .sub_post01 { margin: 70px auto 0; } #works_ar .sub_post02 { margin: 150px auto 0; } #works_ar .sub_post02 .sub_items:nth-of-type(n+2) { margin-top: 70px; } #works_ar .date { max-width: 1030px; margin: 70px auto 20px; } #works_ar .date:first-child { margin-top: 0; } #works_ar .date article { display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; width: 100%; } #works_ar .date article dl { border-bottom: 1px solid #cccbc9; display: -webkit-flex; display: flex; width: 50%; } #works_ar .date article dl dt, #works_ar .date article dl dd { padding: 10px 10px 10px; } #works_ar .date article dl dt { background: #6b6d79; padding: 15px 10px; text-align: center; width: 140px; min-width: 140px; color: #FFF; } #works_ar .date article dl dd { background: #fff; padding: 15px 20px 15px; width: 100%; } #works_ar .date article dl:first-of-type, #works_ar .date article dl:nth-of-type(2) { border-top: 1px solid #cccbc9; } #works_ar .site_link { margin: 50px auto 0; width: 100%; max-width: 540px; } #works_ar .site_link li:nth-of-type(n+2) { margin-top: 10px; } #works_ar .site_link li a { display: block; background: url("../img/icon_link_bk.png") left 15px top 13px no-repeat; background-size: 15px auto; border: 1px solid #1c223c; padding: 8px 15px 8px 45px; color: #00000f; } #works_ar .site_link li a:hover { background-image: url("../img/icon_link_gr.png"); background-color: #1c223c; color: #FFF; } #works_ar .qa { margin: 50px auto 0; max-width: 1030px; } #works_ar .qa section:nth-of-type(n+2) { margin-top: 30px; } #works_ar .qa section h3 { background: url("../img/icon_works_qa.png") left top 2px no-repeat; background-size: 16px auto; margin-bottom: 20px; padding: 0 0 0 25px; line-height: 1.5; font-size: 15px; font-weight: 500; } #works_ar .qa section p { background: #ececec; padding: 30px; } #works_ar .back_frm { border-top: 1px solid #464646; margin-top: 100px; padding-top: 100px; } #works_ar #works_record_box { margin: 80px auto 0; } #works_ar #works_record_box { padding: 0; } /*-------------------------------------------------------------------------- 新築施工実例 --------------------------------------------------------------------------*/ #sub_title.works { background-image: url("../../works/img/titleback_works.jpg"); } /*-------------------------------------------------------------------------- リフォーム施工実例 --------------------------------------------------------------------------*/ #sub_title.works_reform { background-image: url("../../works_r/img/titleback_reform.jpg"); } #works.reform { margin-top: 60px; } /*-------------------------------------------------------------------------- 共通 --------------------------------------------------------------------------*/ #sub_title.info { background-image: url("../../info/img/titleback_info.jpg"); } /*-------------------------------------------------------------------------- index.html --------------------------------------------------------------------------*/ #info.info_top { max-width: 1180px; } #info.info_top .area_name_b { margin-top: 30px; } #info.info_top .post_list { margin: 40px auto 0; padding: 0 10px 0; max-width: 1100px; } #info.info_top .post_list .frm .post_list_item { margin: 0 auto; padding: 30px 0 30px; border-bottom: 1px solid #cccbc9; } #info.info_top .post_list .frm .post_list_item:first-of-type { padding: 0 0 30px; } #info.info_top .post_list .frm .post_list_item a { display: table; width: 100%; table-layout: fixed; } #info.info_top .post_list .frm .post_list_item a:active, #info.info_top .post_list .frm .post_list_item a:hover { opacity: 0.7; } #info.info_top .post_list .frm .post_list_item a .ymd, #info.info_top .post_list .frm .post_list_item a .data { display: table-cell; vertical-align: top; } #info.info_top .post_list .frm .post_list_item a .ymd { width: 108px; font-size: 15px; letter-spacing: 0.05em; } #info.info_top .post_list .frm .post_list_item a .ymd p { padding: 2px 0 0; } #info.info_top .post_list .frm .post_list_item a .data .area_name_s { margin-bottom: 15px; } #info.info_top .post_list .frm .post_list_item a .data ul.categories li { margin: 0 20px 10px 0; } #info.info_top .post_list .frm .post_list_item a .data ul.categories li.cat_sub { margin-right: 0; } #info.info_top .post_list .frm .post_list_item a .data h3 { font-size: 19px; font-weight: 500; } #info.info_top .post_list .frm .post_list_item a .data .sub_title { background: #ececec; margin-top: 15px; padding: 15px 20px 15px; font-size: 14px; } #info.info_top #nav_list { margin: 80px auto 0; } /*-------------------------------------------------------------------------- article.html --------------------------------------------------------------------------*/ #info.info_ar { max-width: 1180px; padding-top: 60px; } #info.info_ar .post_ar .frm .post_title_area { padding: 0 0 30px; border-bottom: 1px solid #cccbc9; } #info.info_ar .post_ar .frm .post_title_area .data .data_cat { display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; } #info.info_ar .post_ar .frm .post_title_area .data .data_cat .area_name_s { margin: 10px 20px 0 0; } #info.info_ar .post_ar .frm .post_title_area .data .data_title { position: relative; margin-top: 25px; padding: 0 0 0 20px; } #info.info_ar .post_ar .frm .post_title_area .data .data_title::before { content: ""; display: inline-block; width: 3px; height: 85%; background-color: #c71c2f; position: absolute; top: 4px; left: 0; } #info.info_ar .post_ar .frm .post_title_area .data .data_title p { font-size: 14px; } #info.info_ar .post_ar .frm .post_title_area .data .data_title h3 { line-height: 1.6; font-size: 21px; font-weight: 500; } #info.info_ar .post_ar .frm .main { margin: 50px auto 0; max-width: 1060px; } #info.info_ar .post_ar .frm .main .comment { margin: 0 auto; } #info.info_ar .post_ar .frm .main .comment.ck-content { font-size: 14px; overflow: hidden; } #info.info_ar .post_ar .frm .main .comment.ck-content h1, #info.info_ar .post_ar .frm .main .comment.ck-content h2, #info.info_ar .post_ar .frm .main .comment.ck-content h3, #info.info_ar .post_ar .frm .main .comment.ck-content h4, #info.info_ar .post_ar .frm .main .comment.ck-content h5, #info.info_ar .post_ar .frm .main .comment.ck-content h6 { margin: revert; padding: revert; font-size: revert; font-weight: revert; } #info.info_ar .post_ar .frm .main .comment.ck-content h1 { font-size: 2em; } #info.info_ar .post_ar .frm .main .comment.ck-content h2 { font-size: 1.5em; } #info.info_ar .post_ar .frm .main .comment.ck-content h3 { font-size: 1.17em; } #info.info_ar .post_ar .frm .main .comment.ck-content h4 { font-size: 1em; } #info.info_ar .post_ar .frm .main .comment.ck-content h5 { font-size: 0.83em; } #info.info_ar .post_ar .frm .main .comment.ck-content h6 { font-size: 0.67em; } #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size12 { font-size: 12px; } #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size14 { font-size: 14px; } #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size15 { font-size: 15px; } #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size16 { font-size: 16px; } #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size21 { font-size: 21px; } #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size23 { font-size: 23px; } #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size29 { font-size: 29px; } #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size32 { font-size: 32px; } #info.info_ar .post_ar .frm .main .comment.ck-content .image a:hover, #info.info_ar .post_ar .frm .main .comment.ck-content .image a:active { opacity: 0.7; } #info.info_ar .post_ar .frm .main .comment.ck-content p a { color: #0b31c0; } #info.info_ar .post_ar .frm .main .comment.ck-content p a:hover, #info.info_ar .post_ar .frm .main .comment.ck-content p a:active { color: #ed1c24; } #info.info_ar .post_ar .frm .main .comment.ck-content p { margin: 0; padding: 0; } #info.info_ar .post_ar .frm .main .comment.ck-content p img { vertical-align: revert; } #info.info_ar .post_ar .frm .main .comment.ck-content .image > figcaption { padding: 5px 0 0; font-size: 1em; } #info.info_ar .post_ar .frm .main .comment.ck-content img { width: auto; max-width: 100%; height: auto; } #info.info_ar .post_ar .frm .main .comment.ck-content ul, #info.info_ar .post_ar .frm .main .comment.ck-content ul li, #info.info_ar .post_ar .frm .main .comment.ck-content ol, #info.info_ar .post_ar .frm .main .comment.ck-content ol li { display: revert; background: revert; margin: revert; padding: revert; border: none; } #info.info_ar .post_ar .frm .main .comment + .main_photo_area, #info.info_ar .post_ar .frm .main .comment + .file { border-top: 1px solid #cccbc9; margin: 50px auto 0; padding: 50px 0 0; } #info.info_ar .post_ar .frm .main .outline { background: #e6e6dc; padding: 30px 30px 30px; margin-top: 50px; } #info.info_ar .post_ar .frm .main + .main_photo_area, #info.info_ar .post_ar .frm .main + .file { border-top: 1px solid #cccbc9; margin: 50px auto 0; padding: 50px 0 0; } #info.info_ar .post_ar .frm .link { margin: 60px auto 0; } #info.info_ar .post_ar .frm .link a { display: block; max-width: 580px; background: url("../img/icon_link_off.png") left 15px top 15px no-repeat #fff; background-size: 15px auto; border: 1px solid #919191; margin-top: 25px; padding: 9px 15px 7px 45px; width: 100%; color: #00000f; font-size: 15px; } #info.info_ar .post_ar .frm .link a:hover, #info.info_ar .post_ar .frm .link a:active { border: 1px solid #1c223c; background-image: url("../img/icon_link_on_wh.png"); background-color: #1c223c; color: #fff; } #info.info_ar .post_ar .frm .link + .main_photo_area, #info.info_ar .post_ar .frm .link + .file { border-top: 1px solid #cccbc9; margin: 50px auto 0; padding: 50px 0 0; } #info.info_ar .post_ar .frm .main_photo_area .photo_frm { display: -webkit-flex; display: flex; flex-wrap: wrap; margin-top: 30px; } #info.info_ar .post_ar .frm .main_photo_area .photo_frm .item { padding: 0 20px 0; width: 50%; } #info.info_ar .post_ar .frm .main_photo_area .photo_frm .item:nth-of-type(n+3) { margin-top: 50px; } #info.info_ar .post_ar .frm .main_photo_area .photo_frm .item a:hover { opacity: 0.7; } #info.info_ar .post_ar .frm .main_photo_area .photo_frm .item a .photo { position: relative; overflow: hidden; } #info.info_ar .post_ar .frm .main_photo_area .photo_frm .item a .photo img { position: absolute; } #info.info_ar .post_ar .frm .main_photo_area .photo_frm .item p { margin-top: 5px; text-align: center; font-size: 13px; } #info.info_ar .post_ar .frm .main_photo_area .photo_frm .item.post_one { margin: 0 auto 0; padding: 0; width: 100%; max-width: 540px; } #info.info_ar .post_ar .frm .main_photo_area + .file { border-top: 1px solid #cccbc9; margin: 50px auto 0; padding: 50px 0 0; } #info.info_ar .post_ar .frm .file { margin: 60px auto 0; } #info.info_ar .post_ar .frm .file .frm { margin: 0 auto 0; max-width: 880px; } #info.info_ar .post_ar .frm .file .frm ul { margin-top: 25px; } #info.info_ar .post_ar .frm .file .frm ul li { margin: 10px auto 0; } #info.info_ar .post_ar .frm .file .frm ul li:first-of-type { margin: 0 auto 0; } #info.info_ar .post_ar .frm .file .frm ul li a { display: block; width: 100%; background: url("../img/icon_download_nb.png") left 20px top 20px no-repeat; background-size: 20px auto; border: 1px solid #919191; padding: 19px 20px 15px 55px; color: #00000f; } #info.info_ar .post_ar .frm .file .frm ul li a:hover, #info.info_ar .post_ar .frm .file .frm ul li a:active { color: #fff; background-image: url("../img/icon_download_wh.png"); background-color: #1c223c; } #info.info_ar .post_ar .frm .post_list { border-top: 1px solid #cccbc9; margin: 50px auto 0; padding: 80px 0 0; } #info.info_ar .post_ar .frm .post_list + .post_list { padding: 50px 0 0; } #info.info_ar .post_ar .frm .post_list .sbj { border-bottom: 1px solid #1b306a; margin-bottom: 40px; padding: 0 0 20px; } #info.info_ar .post_ar .frm .post_list .sbj h4 { position: relative; padding: 0 0 0 20px; font-size: 21px; font-weight: 500; } #info.info_ar .post_ar .frm .post_list .sbj h4::before { position: absolute; top: 8px; left: 0; content: ""; display: inline-block; background-color: #1b306a; width: 3px; height: 20px; } #info.info_ar .post_ar .frm .post_list .block_photo_frm { margin: 70px auto 0; max-width: 1000px; } #info.info_ar .post_ar .frm .post_list .block_photo_frm .item:nth-of-type(n+2) { margin-top: 50px; } #info.info_ar .post_ar .frm .post_list .block_photo_frm .item a:hover { opacity: 0.7; } #info.info_ar .post_ar .frm .post_list .block_photo_frm .item a .block_photo img { display: block; margin: 0 auto; width: auto; max-width: 100%; } #info.info_ar .post_ar .frm .post_list .block_photo_frm .item p { margin-top: 5px; text-align: center; } #info.info_ar .post_ar .frm .post_list .file { margin: 50px auto 0; } #info.info_ar .post_ar .frm .post_list .file .frm { max-width: 600px; } #info.info_ar .post_ar .frm .post_list .file .frm ul { margin-top: 0; } #info.info_ar .page_back { border-top: 1px solid #cccbc9; margin: 50px auto 0; padding-top: 50px; } /*-------------------------------------------------------------------------- 共通 --------------------------------------------------------------------------*/ #sub_title.construction { background-image: url("../../construction/img/titleback_const.jpg"); } #construction { word-break: break-all; } .cover_type { display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; } .cover_type .area_name_s { margin: 0 20px 10px 0; } .cover_type .type span { display: inline-block; background: #1c223c; margin: 0 auto 10px 0; padding: 0 10px 0; min-width: 84px; color: #fff; line-height: 24px; text-align: center; font-size: 13px; } .cover_type .main_cover { width: 100%; line-height: 1.6; font-size: 22px; font-weight: 500; } .cover_type .main_cover a { display: block; } .cover_type .main_cover a:hover, .cover_type .main_cover a:active { color: #c71c2f; } .const_photo_list { display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0 auto; } .const_photo_list .item { display: -webkit-flex; display: flex; padding: 0 20px 0; width: 33.33%; color: #000; } .const_photo_list .item a { display: -webkit-flex; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .const_photo_list .item a:hover, .const_photo_list .item a:active { opacity: 0.7; } .const_photo_list .item a .ph div { position: relative; overflow: hidden; } .const_photo_list .item a .ph div img { position: absolute; } #construction.const_cover .cover_type, #construction.const_ar .cover_type { position: relative; display: -webkit-flex; display: flex; align-items: center; padding: 0 0 25px; border-bottom: 1px solid #cccbc9; } #construction.const_cover .cover_type .type, #construction.const_ar .cover_type .type { display: inline-block; background: url("../img/icon_blue.png") left top 2px no-repeat; background-size: 4px auto; margin-right: 20px; padding: 0 0 0 20px; } #construction.const_cover .cover_type .type span, #construction.const_ar .cover_type .type span { margin: 0; } #construction.const_cover .cover_type .main_cover, #construction.const_ar .cover_type .main_cover { display: inline-block; margin-top: 5px; width: auto; font-size: 25px; } /*-------------------------------------------------------------------------- index.html --------------------------------------------------------------------------*/ /*---------- 一覧 ----------*/ #construction.const_top { max-width: 1180px; } #construction.const_top .area_name_b { margin: 25px auto 25px 0; } #construction.const_top .const_list .post { background: #ececec; padding: 50px; } #construction.const_top .const_list .post + .post { margin-top: 50px; } #construction.const_top .const_list .post .time { position: relative; margin-top: 20px; padding: 0 0 0 15px; font-size: 14px; } #construction.const_top .const_list .post .time:before { content: ''; position: absolute; top: 2px; left: 0; display: inline-block; width: 3px; height: 21px; background-color: #808fb2; } #construction.const_top .const_list .post .type span.complete { background: #bfc7d8; margin: 0 auto 10px 10px; color: #1c223c; } #construction.const_top .const_list .post .item_area { display: table; width: 100%; } #construction.const_top .const_list .post .item_area .ph, #construction.const_top .const_list .post .item_area .list { display: table-cell; vertical-align: top; } #construction.const_top .const_list .post .item_area .ph { width: 400px; } #construction.const_top .const_list .post .item_area .ph a { display: block; pointer-events: none; } #construction.const_top .const_list .post .item_area .ph div { position: relative; overflow: hidden; } #construction.const_top .const_list .post .item_area .ph div img { position: absolute; } #construction.const_top .const_list .post .item_area .ph div:hover { opacity: 0.7; } #construction.const_top .const_list .post .item_area .list { padding: 0 0 0 60px; } #construction.const_top .const_list .post .item_area .list .item_list { margin-top: 20px; } #construction.const_top .const_list .post .item_area .list .item_list a.ar { display: block; background: url("../img/icon_const_blog_arrow_off.png") right 15px center no-repeat #FFF; background-size: 15px auto; padding: 12px 40px 10px 15px; width: 100%; color: #00000f; } #construction.const_top .const_list .post .item_area .list .item_list a.ar:hover, #construction.const_top .const_list .post .item_area .list .item_list a.ar:active { background-image: url("../img/icon_const_blog_arrow_on.png"); background-color: #002065; color: #FFF; } #construction.const_top .const_list .post .item_area .list .item_list a.ar + a { margin-top: 5px; } #construction.const_top .const_list .post .item_area .list .item_list a.ar dl { display: table; width: 100%; table-layout: fixed; } #construction.const_top .const_list .post .item_area .list .item_list a.ar dl dt, #construction.const_top .const_list .post .item_area .list .item_list a.ar dl dd { display: table-cell; vertical-align: middle; } #construction.const_top .const_list .post .item_area .list .item_list a.ar dl dt { width: 115px; } #construction.const_top .const_list .post .item_area .list .item_list a.ar dl dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #construction.const_top .const_btn { margin-top: 50px; text-align: right; } #construction.const_top .const_btn a { max-width: 150px; line-height: 28px; text-align: center; font-size: 14px; font-family: 'Open Sans', sans-serif; } #construction.const_top .const_btn a:hover, #construction.const_top .const_btn a:active { background: #3e3a39; } #construction.const_top #nav_list { border-top: 1px solid #cccbc9; margin: 50px auto 0; padding-top: 50px; } /*-------------------------------------------------------------------------- cover.html --------------------------------------------------------------------------*/ /*---------- 概要 ----------*/ #construction.const_cover { max-width: 1180px; } #construction.const_cover .cover_data { margin: 60px auto 0; } #construction.const_cover .cover_data .main_ph { margin: 0 auto 0; max-width: 560px; } #construction.const_cover .cover_data .main_ph div { position: relative; overflow: hidden; } #construction.const_cover .cover_data .main_ph div img { position: absolute; } #construction.const_cover .cover_data .data { display: -webkit-flex; display: flex; margin: 60px auto 0; } #construction.const_cover .cover_data .data .data_left, #construction.const_cover .cover_data .data .data_right { width: 50%; } #construction.const_cover .cover_data .data .data_left { padding: 0 20px 0 0; } #construction.const_cover .cover_data .data .data_right { padding: 0 0 0 20px; } #construction.const_cover .cover_data .data dl { border-bottom: 1px solid #b3bbbb; display: table; width: 100%; table-layout: fixed; } #construction.const_cover .cover_data .data dl:first-of-type { border-top: 1px solid #b3bbbb; } #construction.const_cover .cover_data .data dl dt, #construction.const_cover .cover_data .data dl dd { display: table-cell; vertical-align: middle; } #construction.const_cover .cover_data .data dl dt { background: #6b6d79; padding: 12px 3px 10px; width: 190px; color: #FFF; text-align: center; font-weight: 500; } #construction.const_cover .cover_data .data dl dd { padding: 12px 15px 10px; } #construction.const_cover .cover_data .data.no_r_data { margin: 60px auto 0; max-width: 600px; } #construction.const_cover .cover_data .data.no_r_data .data_left { padding: 0; width: 100%; } #construction.const_cover .faq { margin: 60px auto 0; max-width: 1060px; } #construction.const_cover .faq .qa + .qa { margin-top: 25px; } #construction.const_cover .faq .qa h3 { background: url("../img/icon_faq_arrow.png") no-repeat left top 3px; background-size: 16px auto; margin-bottom: 15px; padding: 0 0 0 26px; line-height: 1.8; font-size: 15px; font-weight: 500; } #construction.const_cover .faq .qa p { background: #ececec; padding: 30px; } #construction.const_cover .ar_list { margin-top: 90px; } #construction.const_cover .ar_list > h3.clist_list { border-bottom: 1px solid #cccbc9; padding: 0 0 25px; font-weight: 500; } #construction.const_cover .ar_list > h3.clist_list > p { background-position: left top 5px; } #construction.const_cover .ar_list > h3.clist_list > p .an_jp { padding: 0; line-height: 1.5; font-size: 25px; } #construction.const_cover .const_photo_list { margin-top: 30px; } #construction.const_cover .const_photo_list .item:nth-of-type(n+4) { margin-top: 35px; } #construction.const_cover .const_photo_list .item a .cap { margin-top: 10px; } #construction.const_cover .const_photo_list .item a .cap p { border-bottom: 1px solid #cccbc9; padding: 0 0 10px; } #construction.const_cover .const_photo_list .item a .cap h4 { margin-top: 10px; font-size: 15px; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 任意の行数を指定 */ } #construction.const_cover .back_btn { margin-top: 60px; padding: 60px 0 0 0; border-top: 1px solid #cccbc9; } /*-------------------------------------------------------------------------- article.html --------------------------------------------------------------------------*/ #construction.const_ar { max-width: 1180px; } #construction.const_ar .const_ar_frm { background: #ececec; margin-top: 60px; padding: 50px; } #construction.const_ar .main_cap p { padding: 0 0 0 15px; border-left: 2px solid #002065; line-height: 1.2; } #construction.const_ar .main_cap h2 { margin-top: 30px; line-height: 1.5; font-size: 26px; font-weight: 500; } #construction.const_ar .note { background: #FFF; margin-top: 25px; padding: 30px; } #construction.const_ar .const_photo_list .item { margin-top: 40px; width: 50%; } #construction.const_ar .const_photo_list .item a .cap { margin-top: 10px; } #construction.const_ar .back_btn { margin: 60px auto 0; } #construction.const_ar .back_btn ul { display: table; table-layout: fixed; margin: 0 auto 0; width: 100%; max-width: 640px; } #construction.const_ar .back_btn ul li { display: table-cell; vertical-align: middle; padding: 0 10px 0; } /*----------------------------------------- 不動産 共通 -----------------------------------------*/ #estate .accepting { background-color: #1c223c; color: #FFF; } #estate .negotiation { background-color: #f0d972; color: #00000f; } #estate .applying { background-color: #002065; color: #FFF; } #estate .contract { background-color: #c71c2f; color: #FFF; } #estate .soldout { background-color: #d5d5d5; color: #00000f; } #estate .notice { background-color: #cccccc; color: #00000f; } #estate .yet_appo { background-color: #aaaaaa; color: #00000f; } #estate .title_area .mark_tx { padding: 3px 0 0; width: 80px; } #estate .title_area .mark_tx span { display: block; font-size: 14px; font-weight: 500; line-height: 30px; text-align: center; width: 60px; } #estate .title_area .mark_tx span.notice { width: 90px; } #estate .title_area .mark_tx.wide { width: 110px; } #estate .on_tx { background: #c71c2f; padding: 5px 0 0; width: 148px; height: 43px; color: #FFF; line-height: 1; text-align: center; font-size: 28px; font-weight: 400; font-family: "Barlow Semi Condensed", serif; font-style: normal; z-index: 5000; } #estate #this_move { margin-bottom: 50px; } #estate #this_move ul { display: -webkit-flex; display: flex; flex-wrap: wrap; text-align: center; } #estate #this_move ul li { display: -webkit-flex; display: flex; padding: 0 10px 0; width: 25%; } #estate #this_move ul li a { display: -webkit-flex; display: flex; width: 100%; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; background: #ececec; border-radius: 5px; padding: 6px 10px; line-height: 1.5; color: #00000f; font-size: 14px; } #estate #this_move ul li a:active, #estate #this_move ul li a:hover { background-color: #1c223c; color: #FFF; } #estate #overview > article, #estate .architecture > article { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 45px; /* 列間の間隔を設定 */ margin: 0 auto 0; } #estate #overview > article > div .detail_data, #estate .architecture > article > div .detail_data { margin-top: 25px; } #estate #overview > article > div dl, #estate .architecture > article > div dl { display: table; border-bottom: 1px solid #cccbc9; width: 100%; } #estate #overview > article > div dl dt, #estate #overview > article > div dl dd, #estate .architecture > article > div dl dt, #estate .architecture > article > div dl dd { display: table-cell; vertical-align: middle; } #estate #overview > article > div dl dt, #estate .architecture > article > div dl dt { text-align: center; background-color: #919191; width: 140px; padding: 15px 0 12px; color: #FFF; font-size: 14px; } #estate #overview > article > div dl dt .br_01, #estate .architecture > article > div dl dt .br_01 { display: inline-block; text-align: left; } #estate #overview > article > div dl dd, #estate .architecture > article > div dl dd { background: #FFF; padding: 15px 10px 12px 20px; word-break: break-all; } #estate #overview > article > div dl dd p + p, #estate .architecture > article > div dl dd p + p { border-top: 1px solid #cccbc9; margin-top: 10px; padding: 10px 0 0; } #estate #overview > article > div dl:first-child, #estate .architecture > article > div dl:first-child { border-top: 1px solid #cccbc9; } #estate #facilities { margin-top: 100px; } #estate #facilities .faci_data { display: -webkit-flex; display: flex; flex-wrap: wrap; margin-top: 25px; } #estate #facilities .faci_data section { display: -webkit-flex; display: flex; flex-direction: column; width: 33.33%; padding: 0 1px 0; } #estate #facilities .faci_data section:nth-of-type(n+4) { margin-top: 2px; } #estate #facilities .faci_data section > div { background-color: #e4e4e4; padding: 20px; flex-grow: 1; } #estate #facilities .faci_data section > div .fa_title h4 { font-size: 15px; font-weight: 500; } #estate #facilities .faci_data section > div .fa_title span:last-of-type::before { content: '('; padding-left: 5px; } #estate #facilities .faci_data section > div .fa_title span:last-of-type::after { content: ')'; } #estate #facilities .faci_data section > div .fa_comment p { padding: 20px 0 0; font-size: 13px; } #estate #facilities .faci_photo { margin-top: 50px; display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 20px; /* 列間の間隔を設定 */ row-gap: 20px; /* 列間の間隔を設定 */ } #estate #facilities .faci_photo div a { position: relative; display: block; overflow: hidden; } #estate #facilities .faci_photo div a:hover { opacity: 0.7; } #estate #facilities .faci_photo div a img { position: absolute; } #estate #facilities .faci_photo div h4 { margin-top: 10px; font-size: 12px; font-weight: 500; } #estate #facilities .faci_photo div h4 + p { border-top: 1px solid #cccbc9; margin-top: 5px; } #estate #facilities .faci_photo div p { padding-top: 10px; font-size: 12px; } #estate #site_link { margin: 90px auto 0; max-width: 540px; } #estate #site_link ul { margin-top: 25px; } #estate #site_link ul li + li { margin-top: 10px; } #estate #site_link ul li a { display: block; background: url("../img/icon_link_off.png") left 15px top 15px no-repeat #FFF; background-size: 15px auto; border: 1px solid #919191; padding: 12px 15px 10px 45px; width: 100%; } #estate #site_link ul li a:hover, #estate #site_link ul li a:active { background-image: url("../img/icon_link_on_wh.png"); background-color: #1c223c; border-color: #1c223c; color: #fff; } #estate #staff_comment { margin-top: 90px; } #estate #staff_comment div { margin-top: 25px; font-size: 15px; } #estate #staff_comment div span { display: inline-block; background-color: #1c223c; margin-right: 10px; padding: 0px 10px 0px; color: #FFF; font-size: 13px; } #estate #staff_comment > p { background: #ececec; margin-top: 20px; padding: 30px 30px 25px; } #estate .back_btn02 { margin-top: 100px; } #estate .back_btn02 a { display: block; background-color: #1c223c; margin: 0 auto 0; padding: 30px 10px 28px; max-width: 400px; color: #FFF; line-height: 1; text-align: center; font-size: 17px; font-weight: 500; } #estate .back_btn02 a:hover { background-color: #cbaf5a; } #estate .back_btn02 + .back_btn { margin-top: 30px; } #estate .back_btn { margin-top: 50px; } #estate.print { padding-top: 0; width: 100%; max-width: 600px; margin: 0 auto 0; } #estate.print #print_map { width: 100%; } #estate.print #print_map #map_canvas { width: 100%; height: 600px; background-color: #eeeeee; } #estate.print .title { font-size: 24px; margin-top: 20px; } #estate.print #print_data { margin-top: 20px; } #estate.print #print_data dl { display: grid; grid-template-columns: 140px 1fr; column-gap: 1px; border-bottom: #cccbc9 1px solid; } #estate.print #print_data dl:first-child { border-top: #cccbc9 1px solid; } #estate.print #print_data dl dt, #estate.print #print_data dl dd { padding: 5px 0 5px; } #estate.print #print_data dl dt { background-color: #6b6d79; color: #FFF; text-align: center; } #estate.print #print_data dl dd { padding-left: 10px; padding-right: 10px; } #estate.print .map_btn ul { display: -webkit-flex; display: flex; justify-content: space-between; margin: 30px auto 0; width: 100%; max-width: 600px; } #estate.print .map_btn ul li { padding: 0 10px 0 0; width: 50%; max-width: 290px; } #estate.print .map_btn ul li:last-of-type { padding: 0 0 0 10px; } #estate.print .map_btn ul li a { display: block; background: #c71c2f; padding: 13px 10px 10px; width: 100%; color: #FFF; font-size: 15px; text-align: center; } #estate.print .map_btn ul li a:hover, #estate.print .map_btn ul li a:active { opacity: 0.7; } #estate.print .map_btn ul li + li a { background: #1c223c; } /*----------------------------------------- デザイン住宅販売 -----------------------------------------*/ #sub_title.sell { background-image: url("../../sell/img/titleback_sell.jpg"); } /*---------- 一覧 ----------*/ #estate.sell_top { max-width: 1180px; } #estate.sell_top .intro p { text-align: center; } #estate.sell_top .intro .area_count { background: #1c223c; margin: 35px auto 0; padding: 10px; max-width: 600px; color: #FFF; text-align: center; font-size: 20px; } #estate.sell_top .intro .area_count span { display: inline-block; } #estate.sell_top .intro .area_count span + span::before { content: '・'; } #estate.sell_top .page_sub_menu.area_navi { margin-top: 25px; } #estate.sell_top .area_name_b { border-top: 1px solid #cccbc9; margin-top: 50px; padding: 40px 0 0; } #estate.sell_top .area_name_b p { background-image: url("../img/icon_red.png"); } #estate.sell_top .area_name_b + article { margin-top: 30px; } #estate.sell_top .item { border-bottom: 1px solid #cccbc9; margin: 30px auto 0; padding: 0 0 60px; } #estate.sell_top .item .area_block + .area_block { margin-top: 100px; } #estate.sell_top .item article:nth-of-type(n+2) { border-top: 1px solid #cccbc9; margin-top: 50px; padding: 50px 0 0; } #estate.sell_top .item article > div { width: 100%; display: table; } #estate.sell_top .item article > div > div { display: table-cell; vertical-align: top; } #estate.sell_top .item article > div .photo { width: 550px; } #estate.sell_top .item article > div .photo div { width: 500px; } #estate.sell_top .item article > div .photo div a { display: block; } #estate.sell_top .item article > div .photo div a:hover, #estate.sell_top .item article > div .photo div a:active { opacity: 0.7; } #estate.sell_top .item article > div .photo div a > span { position: relative; display: block; } #estate.sell_top .item article > div .photo div a > span .on_tx { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 5000; } #estate.sell_top .item article > div .photo .ldk { display: inline-block; background-color: #00000f; color: #FFF; padding: 2px 15px 0px; margin-top: 10px; } #estate.sell_top .item article > div .data .title_area { width: 100%; display: table; margin-bottom: 30px; } #estate.sell_top .item article > div .data .title_area div, #estate.sell_top .item article > div .data .title_area h2 { display: table-cell; vertical-align: top; } #estate.sell_top .item article > div .data .title_area h2 { background: url("../img/icon_red.png") left top 5px no-repeat; background-size: 4px auto; padding: 0 0 0 20px; line-height: 1.5; font-size: 25px; font-weight: 500; } #estate.sell_top .item article > div .data .title_area h2.new { background-image: url("../img/icon_red.png"), url("../img/icon_new.png"); background-position: left top 5px, left 15px top 8px; background-repeat: no-repeat, no-repeat; background-size: 4px auto, 40px auto; padding-left: 65px; } #estate.sell_top .item article > div .data .title_area h2 a { color: #000; } #estate.sell_top .item article > div .data .title_area h2 a:hover { color: #0061bf; } #estate.sell_top .item article > div .data dl { display: table; border-bottom: #cccbc9 1px solid; width: 100%; } #estate.sell_top .item article > div .data dl dt, #estate.sell_top .item article > div .data dl dd { display: table-cell; vertical-align: middle; } #estate.sell_top .item article > div .data dl dt { background-color: #6b6d79; padding: 10px 5px 8px; width: 140px; color: #FFF; text-align: center; font-size: 14px; } #estate.sell_top .item article > div .data dl dd { word-break: break-all; padding: 15px 20px 10px; } #estate.sell_top .item article > div .data dl dd p { line-height: 1.5; } #estate.sell_top .item article > div .data dl.cost dd p span { display: inline-block; } #estate.sell_top .item article > div .data dl.cost dd p span.yen { font-size: 25px; color: #c1272d; } #estate.sell_top .item article > div .data dl.cost dd p span.yet_sell { font-size: 22px; color: #c1272d; } #estate.sell_top .item article > div .data dl.cost dd p span.soldout_tx { color: #c1272d; line-height: 1; font-size: 30px; font-family: "Barlow Semi Condensed", serif; font-weight: 500; } #estate.sell_top .item article > div .data dl.cost dd p .sell_set { display: block; } #estate.sell_top .item article > div .data .sub { border-top: #cccbc9 1px solid; } #estate.sell_top .item article > div .data .sub .build_num { display: grid; grid-template-columns: repeat(2, 1fr); } #estate.sell_top .item article > div .data .sub dl.information dd .model { display: inline-block; background: #1c223c; margin-top: 5px; padding: 4px 10px 3px; min-width: 187px; color: #FFF; text-align: center; font-size: 14px; } #estate.sell_top .item article > div .data .sub dl.information dd .model:hover, #estate.sell_top .item article > div .data .sub dl.information dd .model:active { background: #c71c2f; } #estate.sell_top .item article > div .data .sub dl.information dd .model + div { margin-top: 10px; } #estate.sell_top .item article > div .data .sub dl.information dd .model:last-of-type { margin-bottom: 5px; } #estate.sell_top .item article > div .data .tx_caution { margin-top: 10px; } #estate.sell_top .item article > div .data .tx_caution p { font-size: 12px; } #estate.sell_top .item article .ar_btn { margin: 30px auto 0; max-width: 380px; } #estate.sell_top .item article .ar_btn a { display: block; background: #464646; border-radius: 30px; margin: 0 auto; padding: 13px 10px 11px; width: 100%; max-width: 400px; color: #FFF; line-height: 1; text-align: center; font-size: 16px; font-weight: 500; } #estate.sell_top .item article .ar_btn a:hover { background-color: #c71c2f; } #estate.sell_top #nav_list { margin: 50px auto 0; } /*---------- 詳細 ----------*/ #estate.sell_ar { max-width: 1180px; } #estate.sell_ar h3.area_name_b { line-height: 1.5; font-size: 22px; font-weight: 500; } #estate.sell_ar h3.area_name_b > p { background-image: url("../img/icon_red.png"); } #estate.sell_ar #this_move.salse_scroll { border-top: 1px solid #cccbc9; margin-top: 25px; padding: 30px 0 0; } #estate.sell_ar .title_area ul { display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%; } #estate.sell_ar .title_area ul li:nth-of-type(1), #estate.sell_ar .title_area ul li:nth-of-type(2) { width: 80px; } #estate.sell_ar .title_area ul li:nth-of-type(1) > div, #estate.sell_ar .title_area ul li:nth-of-type(2) > div { margin-right: 20px; } #estate.sell_ar .title_area ul li:nth-of-type(1).wide { width: 110px; } #estate.sell_ar .title_area ul li:nth-of-type(3) { margin-top: 15px; width: 100%; } #estate.sell_ar .title_area ul li .type span { background: #c71c2f; color: #FFF; } #estate.sell_ar .title_area ul li h2 { background: url("../img/icon_red.png") left top 5px no-repeat; background-size: 4px auto; padding: 0 0 0 20px; line-height: 1.5; font-size: 25px; font-weight: 500; } #estate.sell_ar .title_area ul li h2.new { background-image: url("../img/icon_red.png"), url("../img/icon_new.png"); background-position: left top 5px, left 15px top 8px; background-repeat: no-repeat, no-repeat; background-size: 4px auto, 40px auto; padding-left: 65px; } #estate.sell_ar #post_head { display: table; margin-top: 60px; width: 100%; } #estate.sell_ar #post_head > div { display: table-cell; vertical-align: top; } #estate.sell_ar #post_head .photo { width: 600px; } #estate.sell_ar #post_head .photo div { width: 560px; } #estate.sell_ar #post_head .photo div a { display: block; } #estate.sell_ar #post_head .photo div span { display: block; overflow: hidden; position: relative; } #estate.sell_ar #post_head .photo div span img { position: absolute; } #estate.sell_ar #post_head .photo div span .on_tx { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } #estate.sell_ar #post_head .photo > p { display: inline-block; background-color: #00000f; color: #FFF; padding: 2px 15px 0px; margin-top: 10px; } #estate.sell_ar #post_head .data dl { display: table; border-bottom: #cccbc9 1px solid; width: 100%; } #estate.sell_ar #post_head .data dl dt, #estate.sell_ar #post_head .data dl dd { display: table-cell; vertical-align: top; } #estate.sell_ar #post_head .data dl dt { background-color: #6b6d79; vertical-align: middle; padding: 15px 5px 10px; width: 140px; color: #FFF; text-align: center; } #estate.sell_ar #post_head .data dl dd { word-break: break-all; padding: 15px 15px 10px; } #estate.sell_ar #post_head .data dl dd a { color: #919191; } #estate.sell_ar #post_head .data dl dd a:hover { color: #c71c2f; } #estate.sell_ar #post_head .data dl.cost dd p span { display: inline-block; } #estate.sell_ar #post_head .data dl.cost dd p span.yen { font-size: 25px; color: #c1272d; } #estate.sell_ar #post_head .data dl.cost dd p span.yet_sell { font-size: 22px; color: #c1272d; } #estate.sell_ar #post_head .data dl.cost dd p .sell_set { display: block; } #estate.sell_ar #post_head .data .sub { border-top: #cccbc9 1px solid; } #estate.sell_ar #post_head .data .sub dl.information dd > div p + p { margin-top: 0; } #estate.sell_ar #post_head .data .sub dl.information dd a.model { display: inline-block; background: #1c223c; margin-top: 10px; padding: 4px 10px 3px; min-width: 187px; color: #FFF; text-align: center; font-size: 14px; } #estate.sell_ar #post_head .data .sub dl.information dd a.model:hover, #estate.sell_ar #post_head .data .sub dl.information dd a.model:active { background: #c71c2f; } #estate.sell_ar #post_head .data .sub dl.information dd a.model + div { margin-top: 10px; } #estate.sell_ar #post_head .data .sub .build_num { display: table; table-layout: fixed; width: 100%; } #estate.sell_ar #post_head .data .sub .build_num > div { display: table-cell; } #estate.sell_ar #post_head .data .sub .build_num > div dl { border-top: none; } #estate.sell_ar #overview { border-top: 1px solid #cccbc9; margin-top: 50px; padding: 45px 0 0; } #estate.sell_ar #overview .pp_point { background: #ececec; margin-top: 30px; padding: 30px; } #estate.sell_ar #photos { margin-top: 55px; } #estate.sell_ar #photos .photo_area { display: -webkit-flex; display: flex; flex-wrap: wrap; margin-top: 25px; } #estate.sell_ar #photos .photo_area div { width: 50%; padding: 0 20px 0; } #estate.sell_ar #photos .photo_area div:nth-of-type(n+3) { margin-top: 40px; } #estate.sell_ar #photos .photo_area div a { display: block; position: relative; overflow: hidden; } #estate.sell_ar #photos .photo_area div a:hover { opacity: 0.7; } #estate.sell_ar #photos .photo_area div a img { position: absolute; } #estate.sell_ar #photos .photo_area div p { margin-top: 15px; line-height: 1.5; font-size: 13px; } #estate.sell_ar .drawing { margin-top: 35px; } #estate.sell_ar .drawing .draw_main { display: -webkit-flex; display: flex; flex-wrap: wrap; } #estate.sell_ar .drawing .draw_main > div { width: 50%; margin-top: 25px; padding: 0 20px 0; } #estate.sell_ar .drawing .draw_main > div:nth-of-type(n+3) { margin-top: 35px; } #estate.sell_ar .drawing .draw_main > div > div { position: relative; overflow: hidden; background: #FFF; } #estate.sell_ar .drawing .draw_main > div > div img { position: absolute; } #estate.sell_ar .drawing .draw_main > div a { display: block; background: #1c223c; margin: 15px auto 0; padding: 10px 0 8px; max-width: 120px; color: #FFF; line-height: 1; text-align: center; font-size: 13px; } #estate.sell_ar .drawing .draw_main > div a:hover { opacity: 0.7; } #estate.sell_ar .drawing .draw_main > div p { margin-top: 10px; line-height: 1.5; font-size: 13px; } #estate.sell_ar .drawing .draw_main.one > div { margin: 25px auto 0; } #estate.sell_ar .drawing + .architecture { margin-top: 65px; } #estate.sell_ar .architecture { margin-top: 35px; } #estate.sell_ar .payment { margin-top: 70px; } #estate.sell_ar .payment h3 + article { margin-top: 30px; } #estate.sell_ar .payment h3 + p { margin-top: 25px; } #estate.sell_ar .payment p.paycomme { margin: 5px 0 0; font-size: 13px; } #estate.sell_ar .payment article { display: -webkit-flex; display: flex; flex-wrap: wrap; border-right: #cccbc9 1px solid; border-bottom: #cccbc9 1px solid; margin-top: 10px; padding-left: 1px; } #estate.sell_ar .payment article dl { text-align: center; border-top: #cccbc9 1px solid; border-left: #cccbc9 1px solid; } #estate.sell_ar .payment article dl dt { border-bottom: #cccbc9 1px solid; padding: 10px 0 8px; font-weight: 500; } #estate.sell_ar .payment article dl dd { background-color: #FFF; padding: 10px 10px 8px; } #estate.sell_ar .payment article dl dd strong { color: #c1272d; font-size: 20px; font-weight: 500; } #estate.sell_ar .payment article .allprice, #estate.sell_ar .payment article .resources, #estate.sell_ar .payment article .borrowing { width: 33.33%; } #estate.sell_ar .payment article .allprice dt, #estate.sell_ar .payment article .resources dt, #estate.sell_ar .payment article .borrowing dt { background-color: #6b6d79; color: #FFF; } #estate.sell_ar .payment article .monthly { background: #FFF; width: 49.99%; } #estate.sell_ar .payment article .monthly dt { background-color: #1c223c; color: #FFF; } #estate.sell_ar .payment article .monthly dd { background-color: #FFF; } #estate.sell_ar .payment article .monthly dd p { line-height: 1.3; padding: 8px 10px 8px; text-align: center; } #estate.sell_ar .payment article .monthly dd p span { display: inline-block; } #estate.sell_ar .payment article .monthly dd p.tx_right { text-align: right; } #estate.sell_ar .payment article .bonus { background: #FFF; width: 49.99%; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #estate.sell_ar .payment article .bonus dt { background-color: #1c223c; width: 100%; align-self: flex-start; color: #FFF; } #estate.sell_ar .payment article .bonus dd { width: 100%; height: 100%; display: -webkit-flex; display: flex; } #estate.sell_ar .payment article .bonus dd p { width: 100%; -webkit-align-self: center; -moz-align-self: center; align-self: center; } #estate.sell_ar .payment article .bonus.b_list { display: block; } #estate.sell_ar .payment article .bonus.b_list dd { display: block; height: auto; } #estate.sell_ar .payment article .bonus.b_list dd p { line-height: 1.3; } #estate.sell_ar .payment article .bonus.b_list dd p.tx_right { padding: 8px 30px 8px 10px; text-align: right; } #estate.sell_ar #maparea { margin-top: 55px; } #estate.sell_ar #maparea #map_canvas { background-color: #eee; border: 1px solid #ccc; margin: 25px auto 0; max-width: 1160px; height: 360px; } #estate.sell_ar #maparea .app a { display: block; border-bottom: 2px solid #002065; margin: 35px auto 0; padding: 0 0 10px; max-width: 220px; text-align: center; color: #002065; font-size: 18px; } #estate.sell_ar #maparea .app a span { display: inline-block; background: url("../img/map_off.png") left center no-repeat; background-size: 22px auto; padding: 20px 0 20px 30px; line-height: 0; } #estate.sell_ar #maparea .app a:hover, #estate.sell_ar #maparea .app a:active { border-color: #c71c2f; color: #c71c2f; } #estate.sell_ar #maparea .app a:hover span, #estate.sell_ar #maparea .app a:active span { background-image: url("../img/map_on.png"); } #estate.sell_ar .sales_item .item_area1 { display: -webkit-flex; display: flex; } #estate.sell_ar .sales_item .item_area1 > div { width: 50%; } #estate.sell_ar .sales_item .item_area1 .block01 > div { display: table; width: 100%; } #estate.sell_ar .sales_item .item_area1 .block01 > div > div, #estate.sell_ar .sales_item .item_area1 .block01 > div h2 { display: table-cell; vertical-align: top; } #estate.sell_ar .sales_item .item_area1 .block01 > div > div { width: 110px; } #estate.sell_ar .sales_item .item_area1 .block01 > div > div span { display: block; font-size: 18px; font-weight: 500; line-height: 1; text-align: center; padding: 15px 0 13px; } #estate.sell_ar .sales_item .item_area1 .block01 > div > div span.detached_type { width: 150px; } #estate.sell_ar .sales_item .item_area1 .block01 > div h2 { padding: 0 10px 0 15px; line-height: 1.5; font-size: 27px; font-weight: 500; vertical-align: bottom; } #estate.sell_ar .sales_item .item_area1 .block02 .price { display: table; margin: 0 0 0 auto; width: 100%; max-width: 360px; } #estate.sell_ar .sales_item .item_area1 .block02 .price > div, #estate.sell_ar .sales_item .item_area1 .block02 .price > p { display: table-cell; vertical-align: middle; } #estate.sell_ar .sales_item .item_area1 .block02 .price > div { background-color: #3e4359; border-right: 1px solid #b3bbbb; width: 140px; color: #FFF; text-align: center; } #estate.sell_ar .sales_item .item_area1 .block02 .price > p { background: #FFF; padding: 12px 5px 5px; word-break: break-all; text-align: center; } #estate.sell_ar .sales_item .item_area1 .block02 .price > p strong { color: #c71c2f; line-height: 1; font-size: 25px; } #estate.sell_ar .sales_item .item_area1 .block02 .price > p strong.yet_sell { display: inline-block; padding: 5px 0 3px; font-size: 20px; } #estate.sell_ar .sales_item .item_area2 { display: -webkit-flex; display: flex; flex-wrap: wrap; margin-top: 10px; padding-left: 1px; width: 100%; } #estate.sell_ar .sales_item .item_area2 dl { display: -webkit-flex; display: flex; flex-direction: column; width: 25%; text-align: center; } #estate.sell_ar .sales_item .item_area2 dl dt, #estate.sell_ar .sales_item .item_area2 dl dd { border-right: #cccbc9 1px solid; margin: 0 auto 0; width: 100%; max-width: 600px; } #estate.sell_ar .sales_item .item_area2 dl dt { background: #919191; padding: 5px 0 3px; color: #FFF; font-weight: 500; } #estate.sell_ar .sales_item .item_area2 dl dd { background: #FFF; padding: 10px 10px 8px; flex-grow: 1; } #estate.sell_ar .sales_item .item_area2 dl dd strong { color: #c1272d; font-size: 20px; font-weight: 500; } #estate.sell_ar .sales_item .item_area2 dl:last-of-type dt, #estate.sell_ar .sales_item .item_area2 dl:last-of-type dd { border-right: none; } #estate.sell_ar #sales_list { margin-top: 60px; } #estate.sell_ar #sales_list a { display: block; } #estate.sell_ar #sales_list a .sales_item { background: #e4e4e4; padding: 20px; } #estate.sell_ar #sales_list a .sales_item:hover, #estate.sell_ar #sales_list a .sales_item:active { opacity: 0.7; } #estate.sell_ar #sales_list a + a { margin-top: 10px; } #estate.sell_ar #sales_box { border-top: 1px solid #cccbc9; border-bottom: 1px solid #cccbc9; margin: 50px auto 0; padding: 60px 0 60px; } #estate.sell_ar #sales_box .bg_block { background: #e4e4e4; padding: 50px; } #estate.sell_ar #sales_box > div + div { margin-top: 50px; } #estate.sell_ar #sales_box .sales_item { border-bottom: 1px solid #cccbc9; padding: 0 0 35px; } #estate.sell_ar #sales_box .sales_item .item_area3 { margin-top: 10px; } #estate.sell_ar #sales_box .sales_item .item_area3 dl { display: inline-block; margin: 10px 10px 0 0; line-height: 1; font-size: 17px; } #estate.sell_ar #sales_box .sales_item .item_area3 dl:last-child { margin-right: 0; } #estate.sell_ar #sales_box .sales_item .item_area3 dl dt, #estate.sell_ar #sales_box .sales_item .item_area3 dl dd { display: inline-block; } #estate.sell_ar #sales_box .sales_item .item_area3 dl dt { border-right: 1px solid #00000f; margin-right: 10px; padding: 0 10px 0 0; } #estate.sell_ar #sales_box .sales_item .item_area3 > p { display: inline-block; margin-top: 10px; line-height: 1; font-size: 17px; } #estate.sell_ar #sales_box .sales_item .item_area3 > p + p { border-left: 1px solid #00000f; margin-left: 10px; padding: 0 0 0 10px; } #estate.sell_ar #sales_box.detached_h { padding: 50px 0 50px; } #estate.sell_ar #sales_box.detached_h #list_0001 .architecture { margin: 0; } #estate.sell_ar #sales_box.detached_h #list_0001 .architecture article { margin-top: 25px; } #estate.sell_ar #sales_box.detached_h .payment { border-top: 1px solid #cccbc9; margin-top: 60px; padding-top: 60px; } #estate.sell_ar #sales_box.detached_h .payment .bg_block2 { background: #e4e4e4; padding: 50px; } #estate.sell_ar #sales_box.detached_h #map_link { margin-top: 45px; } /*----------------------------------------- 土地情報 -----------------------------------------*/ #sub_title.land { background-image: url("../../estate_land/img/titleback_land.jpg"); } /*---------- 一覧 ----------*/ #estate.land_top { max-width: 1180px; } #estate.land_top .area_name_b { margin: 25px auto 25px 0; } #estate.land_top .map_all #map_canvas { width: 100%; height: 550px; background: #999; } #estate.land_top .item { margin-top: 60px; } #estate.land_top .item .fl_head, #estate.land_top .item a { display: grid; grid-template-columns: 100px 1fr 235px 200px 100px; column-gap: 1px; } #estate.land_top .item .fl_head > div, #estate.land_top .item .fl_head h2, #estate.land_top .item a > div, #estate.land_top .item a h2 { place-content: center; } #estate.land_top .item .fl_head { background-color: #FFF; color: #FFF; text-align: center; font-size: 14px; font-weight: 400; } #estate.land_top .item .fl_head > div { background-color: #1c223c; padding: 4px 0 4px; } #estate.land_top .item a { border-bottom: 1px solid #cbcbc9; min-height: 75px; } #estate.land_top .item a:hover div, #estate.land_top .item a:hover h2 { background-color: #c8c8c8; } #estate.land_top .item a > div, #estate.land_top .item a h2 { background-color: #f7f7f7; padding: 10px 15px 10px; line-height: 1.5; } #estate.land_top .item a > div:nth-child(1), #estate.land_top .item a h2:nth-child(1) { text-align: center; } #estate.land_top .item a > div:nth-child(1) span, #estate.land_top .item a h2:nth-child(1) span { display: inline-block; width: 60px; height: 30px; padding-top: 5px; font-size: 14px; } #estate.land_top .item a > div:nth-child(2), #estate.land_top .item a h2:nth-child(2) { font-size: 16px; font-weight: 500; } #estate.land_top .item a > div:nth-child(2) .new, #estate.land_top .item a h2:nth-child(2) .new { width: 40px; display: block; margin-bottom: 5px; } #estate.land_top .item a > div:nth-child(3) .nsection, #estate.land_top .item a h2:nth-child(3) .nsection { display: inline-block; background-color: #1c223c; color: #FFF; font-size: 13px; padding: 2px 10px; } #estate.land_top .item a > div:nth-child(3) .pricem, #estate.land_top .item a h2:nth-child(3) .pricem { font-size: 15px; } #estate.land_top .item a > div:nth-child(3) .pricem strong, #estate.land_top .item a h2:nth-child(3) .pricem strong { font-size: 24px; color: #cd1e11; font-weight: 500; } #estate.land_top .item a > div:nth-child(3) .pricem strong:nth-child(1), #estate.land_top .item a h2:nth-child(3) .pricem strong:nth-child(1) { padding: 0 2px 0 2px; } #estate.land_top .item a > div:nth-child(3) .pricem strong:nth-child(2), #estate.land_top .item a h2:nth-child(3) .pricem strong:nth-child(2) { padding: 0 2px 0 2px; } #estate.land_top .item a > div:nth-child(3) .pricet, #estate.land_top .item a h2:nth-child(3) .pricet { font-size: 14px; } #estate.land_top .item a > div:nth-child(4), #estate.land_top .item a h2:nth-child(4) { font-size: 15px; } #estate.land_top .item a > div:nth-child(5), #estate.land_top .item a h2:nth-child(5) { text-align: center; } #estate.land_top .item a > div:nth-child(5) span, #estate.land_top .item a h2:nth-child(5) span { display: inline-block; width: 40px; height: 40px; border: 1px solid #1c223c; padding: 9px 0 0 2px; font-size: 14px; } #estate.land_top .item a > div:nth-child(5) span.on, #estate.land_top .item a h2:nth-child(5) span.on { background-color: #1c223c; color: #FFF; } #estate.land_top .item a > div:nth-child(5) span.off, #estate.land_top .item a h2:nth-child(5) span.off { background-color: #FFF; } #estate.land_top .item a > div .sptl, #estate.land_top .item a h2 .sptl { display: none; } #estate.land_top #nav_list { margin-top: 80px; } /*---------- 詳細 ----------*/ #estate.land_ar { max-width: 1180px; } #estate.land_ar > h3 { background: url("../img/icon_yellow.png") left top 5px no-repeat; background-size: 4px auto; font-size: 25px; font-weight: 500; padding: 0 0 20px 20px; margin-bottom: 30px; border-bottom: #cccbc9 solid 1px; line-height: 1.5; } #estate.land_ar > h3.new { background-image: url("../img/icon_yellow.png"), url("../img/icon_new.png"); background-position: left top 5px, left 15px top 8px; background-repeat: no-repeat, no-repeat; background-size: 4px auto, 40px auto; padding-left: 65px; } #estate.land_ar .area_name_b p { background-image: url("../img/icon_yellow.png"); } #estate.land_ar article + article { margin-top: 100px; } #estate.land_ar article + .line { margin-top: 60px; padding-top: 50px; border-top: 1px solid #cccbc9; } #estate.land_ar .moveBtn { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 20px; /* 列間の間隔を設定 */ } #estate.land_ar .moveBtn div, #estate.land_ar .moveBtn a { background-color: #ececec; text-align: center; border-radius: 6px; padding: 5px 0 4px; cursor: pointer; } #estate.land_ar .moveBtn div:hover, #estate.land_ar .moveBtn a:hover { background-color: #1c223c; color: #FFF; } #estate.land_ar #photo_map { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; column-gap: 45px; margin-top: 60px; } #estate.land_ar #photo_map .photo_box, #estate.land_ar #photo_map .map_box { width: 50%; } #estate.land_ar #photo_map .photo_box div a { display: block; width: 100%; } #estate.land_ar #photo_map .map_box #map_canvas { width: 100%; height: 300px; background-color: #999; } #estate.land_ar #photo_map .map_box .app_print { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; column-gap: 10px; margin-top: 15px; } #estate.land_ar #photo_map .map_box .app_print a { display: block; text-align: center; background-color: #1c223c; color: #FFF; width: 50%; padding: 5px 0 5px; } #estate.land_ar #section_list { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 45px; /* 列間の間隔を設定 */ } #estate.land_ar #section_list dl { border-bottom: 1px solid #cccbc9; border-left: 1px solid #cccbc9; border-right: 1px solid #cccbc9; display: grid; grid-template-columns: 110px 1fr; min-height: 50px; } #estate.land_ar #section_list dl:nth-child(-n+2) { border-top: 1px solid #cccbc9; } #estate.land_ar #section_list dl dt, #estate.land_ar #section_list dl dd { display: flex; align-items: center; /* 上下中央に配置 */ } #estate.land_ar #section_list dl dt { background-color: #6b6d79; color: #FFF; -webkit-box-pack: center; justify-content: center; font-size: 16px; } #estate.land_ar #section_list dl dd { padding: 10px; background-color: #f7f7f7; } #estate.land_ar #section_list dl dd > span { flex: 0 0 60px; } #estate.land_ar #section_list dl dd > span span { padding: 2px 5px 2px; text-align: center; font-size: 14px; } #estate.land_ar #section_list dl dd > div { flex: 1; text-align: right; } #estate.land_ar #section_list dl dd .price span { font-size: 24px; color: #cd1e11; margin-right: 2px; } #estate.land_ar #section_list dl dd .area { font-size: 14px; } #estate.land_ar #section_data .section_box { padding: 50px; margin-top: 45px; background-color: #ececec; } #estate.land_ar #section_data .section_box:first-child { margin-top: 0; } #estate.land_ar #section_data .section_box .image p { margin-top: 15px; } #estate.land_ar #section_data .section_box .data { display: flex; flex-wrap: wrap; } #estate.land_ar #section_data .section_box .data h4 { display: flex; align-items: center; /* 上下中央に配置 */ column-gap: 20px; margin-bottom: 30px; width: 100%; } #estate.land_ar #section_data .section_box .data h4 .status { font-size: 14px; padding: 1px 5px 1px; } #estate.land_ar #section_data .section_box .data h4 .sec_title { font-size: 24px; } #estate.land_ar #section_data .section_box .data dl { display: grid; grid-template-columns: 140px 1fr; border-bottom: 1px solid #d5d5d5; width: 50%; } #estate.land_ar #section_data .section_box .data dl dt { background-color: #919191; color: #FFF; text-align: center; display: flex; align-items: center; /* 上下中央に配置 */ -webkit-box-pack: center; justify-content: center; } #estate.land_ar #section_data .section_box .data dl dd { padding: 15px 20px 15px; background-color: #FFF; } #estate.land_ar #section_data .section_box .data dl dd .price { font-size: 25px; color: #c1272d; margin-right: 3px; } #estate.land_ar #overview > article { margin-top: 25px; } #estate.land_ar #overview > article div dl dt { background-color: #6b6d79; } #estate.land_ar #overview > p { margin-top: 35px; } #estate.land_ar #streetview iframe { width: 100%; height: 350px; } #estate.land_ar #features > div { margin-top: 25px; padding: 30px; background-color: #ececec; } #estate.land_ar #photos .photo_list { margin-top: 25px; display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 20px; /* 列間の間隔を設定 */ row-gap: 20px; /* 列間の間隔を設定 */ } #estate.land_ar #photos .photo_list div a { display: block; position: relative; text-align: center; overflow: hidden; } #estate.land_ar #photos .photo_list div a img { position: absolute; } #estate.land_ar #photos .photo_list div p { font-size: 13px; margin-top: 5px; } /*-------------------------------------------------------------------------- 共通 --------------------------------------------------------------------------*/ #sub_title.sblog { background-image: url("../../sblog/img/titleback_blog.jpg"); } #sblog .basebox { width: 100%; max-width: 1160px; display: grid; grid-template-columns: 1fr 290px; column-gap: 70px; /* 列間の間隔を設定 */ margin: 0 auto 0; } #sblog .basebox .main .pagemove { display: -webkit-box; display: flex; justify-content: space-around; margin-top: 100px; } #sblog .basebox .main .pagemove .movetop a { display: block; border: 1px solid #00000f; width: 200px; padding: 7px 0 6px; text-align: center; } #sblog .basebox .main .pagemove .movetop a:hover { background-color: #00000f; color: #FFF; } #sblog .basebox .main .pagemove #nav_list #pagenation { text-align: right; } #sblog .basebox .main .pagemove #nav_list #page_number { display: none; } #sblog .side #side_area { background-color: #ececec; padding: 30px 30px 30px; } #sblog .side #side_area #side_menu .menu_items + .menu_items { margin-top: 30px; padding-top: 30px; border-top: 1px solid #cbcbc9; } #sblog .side #side_area #side_menu .menu_items .menu_category_emgroup .title { background-image: url("../../sblog/img/blog_icon.png"); background-position: left top 3px; background-repeat: no-repeat; background-size: auto 16px; font-size: 20px; padding: 0 0 0 15px; } #sblog .side #side_area #side_menu .menu_items .menu_category_emgroup .group { margin-top: 15px; } #sblog .side #side_area #side_menu .menu_items .menu_category_emgroup .group .gt_list { margin-top: 5px; } #sblog .side #side_area #side_menu .menu_items.staff_menu .menu_category_emgroup .group .gt { font-size: 16px; background-image: url("../../sblog/img/blog_side_icon.png"), url("../../sblog/img/blog_side_open.png"); background-position: left top 3px, right top 3px; background-repeat: no-repeat; background-size: 2px auto, 15px auto; padding: 2px 0 2px 15px; } #sblog .side #side_area #side_menu .menu_items.staff_menu .menu_category_emgroup .group .gt_list { overflow: hidden; height: 0; } #sblog .side #side_area #side_menu .menu_items.staff_menu .menu_category_emgroup .group .gt_list.active { padding-top: 10px; height: auto; } #sblog .side #side_area #side_menu .menu_items.staff_menu .menu_category_emgroup .group .gt_list .item + .item { margin-top: 10px; } #sblog .side #side_area #side_menu .menu_items.staff_menu .menu_category_emgroup .group .gt_list .item a { display: -webkit-box; display: flex; align-items: center; gap: 17px; line-height: 1; } #sblog .side #side_area #side_menu .menu_items.staff_menu .menu_category_emgroup .group .gt_list .item a:hover { background-color: #cccbc9; } #sblog .side #side_area #side_menu .menu_items.staff_menu .menu_category_emgroup .group .gt_list .item a .photo { display: block; width: 30px; position: relative; text-align: center; overflow: hidden; } #sblog .side #side_area #side_menu .menu_items.staff_menu .menu_category_emgroup .group .gt_list .item a .photo img { position: absolute; } #sblog .side #side_area #side_menu .menu_items.new_posts .menu_category_emgroup .group .gt_list .item a { display: block; background: url("../../sblog/img/blog_arrow.png") left 8px top 11px no-repeat; background-size: 4px auto; padding: 4px 5px 3px 20px; } #sblog .side #side_area #side_menu .menu_items.new_posts .menu_category_emgroup .group .gt_list .item a:hover { background-color: #cccbc9; } /*-------------------------------------------------------------------------- index.html --------------------------------------------------------------------------*/ #sblog.sblog_list .basebox .main section { display: grid; grid-template-columns: 200px 1fr; column-gap: 50px; /* 列間の間隔を設定 */ } #sblog.sblog_list .basebox .main section + section { padding-top: 60px; margin-top: 60px; border-top: 1px solid #cccbc9; } #sblog.sblog_list .basebox .main section .photo div { position: relative; text-align: center; overflow: hidden; } #sblog.sblog_list .basebox .main section .photo div img { position: absolute; } #sblog.sblog_list .basebox .main section .data h3 { font-size: 19px; font-weight: 700; } #sblog.sblog_list .basebox .main section .data p { margin-top: 10px; } #sblog.sblog_list .basebox .main section .data a { display: block; width: 190px; text-align: center; background-color: #919191; color: #FFF; font-size: 14px; margin-top: 15px; padding: 3px 0 2px; } #sblog.sblog_list .basebox .main section .data a:hover { background-color: #1c223c; } #sblog.sblog_list .basebox .main section .data div { font-size: 14px; margin-top: 15px; } #sblog.sblog_list .basebox .main section .data div span + span::before { content: '｜'; } #sblog.archive #prof { display: grid; grid-template-columns: 150px 1fr; column-gap: 40px; /* 列間の間隔を設定 */ padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #cccbc9; } #sblog.archive #prof .photo span { display: block; position: relative; text-align: center; overflow: hidden; } #sblog.archive #prof .photo span img { position: absolute; } #sblog.archive #prof .data .name { font-size: 25px; } #sblog.archive #prof .data .name_eng { font-size: 16px; } #sblog.archive #prof .data .office { font-size: 14px; } #sblog.archive #prof .data .office span + span::before { content: '｜'; } #sblog.archive #prof .data > a { display: block; width: 150px; border: 1px solid #1c223c; text-align: center; padding: 7px 0 6px; margin-top: 5px; } #sblog.archive #prof .data > a:hover { background-color: #1c223c; color: #FFF; } /*-------------------------------------------------------------------------- article.html --------------------------------------------------------------------------*/ #sblog.sblog_post .basebox .main article section.post_head span { font-size: 14px; } #sblog.sblog_post .basebox .main article section.post_head h3 { font-size: 21px; font-weight: 500; } #sblog.sblog_post .basebox .main article section.text { padding: 30px; margin-top: 20px; border-top: 1px solid #cccbc9; } #sblog.sblog_post .basebox .main article section.text div.ck-content { font-size: 14px; overflow: hidden; } #sblog.sblog_post .basebox .main article section.text div.ck-content h1, #sblog.sblog_post .basebox .main article section.text div.ck-content h2, #sblog.sblog_post .basebox .main article section.text div.ck-content h3, #sblog.sblog_post .basebox .main article section.text div.ck-content h4, #sblog.sblog_post .basebox .main article section.text div.ck-content h5, #sblog.sblog_post .basebox .main article section.text div.ck-content h6 { margin: revert; padding: revert; font-size: revert; font-weight: revert; } #sblog.sblog_post .basebox .main article section.text div.ck-content h1 { font-size: 2em; } #sblog.sblog_post .basebox .main article section.text div.ck-content h2 { font-size: 1.5em; } #sblog.sblog_post .basebox .main article section.text div.ck-content h3 { font-size: 1.17em; } #sblog.sblog_post .basebox .main article section.text div.ck-content h4 { font-size: 1em; } #sblog.sblog_post .basebox .main article section.text div.ck-content h5 { font-size: 0.83em; } #sblog.sblog_post .basebox .main article section.text div.ck-content h6 { font-size: 0.67em; } #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size12 { font-size: 12px; } #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size14 { font-size: 14px; } #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size15 { font-size: 15px; } #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size16 { font-size: 16px; } #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size21 { font-size: 21px; } #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size23 { font-size: 23px; } #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size29 { font-size: 29px; } #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size32 { font-size: 32px; } #sblog.sblog_post .basebox .main article section.text div.ck-content .image a:hover, #sblog.sblog_post .basebox .main article section.text div.ck-content .image a:active { opacity: 0.7; } #sblog.sblog_post .basebox .main article section.text div.ck-content p a { color: #0b31c0; } #sblog.sblog_post .basebox .main article section.text div.ck-content p a:hover, #sblog.sblog_post .basebox .main article section.text div.ck-content p a:active { color: #ed1c24; } #sblog.sblog_post .basebox .main article section.text div.ck-content p { margin: 0; padding: 0; } #sblog.sblog_post .basebox .main article section.text div.ck-content p img { vertical-align: revert; } #sblog.sblog_post .basebox .main article section.text div.ck-content .image > figcaption { padding: 5px 0 0; font-size: 1em; } #sblog.sblog_post .basebox .main article section.text div.ck-content img { width: auto; max-width: 100%; height: auto; } #sblog.sblog_post .basebox .main article section.text div.ck-content ul, #sblog.sblog_post .basebox .main article section.text div.ck-content ul li, #sblog.sblog_post .basebox .main article section.text div.ck-content ol, #sblog.sblog_post .basebox .main article section.text div.ck-content ol li { display: revert; background: revert; margin: revert; padding: revert; border: none; } #sblog.sblog_post .basebox .main article section.text div img { width: auto; height: auto; max-width: 100%; } #sblog.sblog_post .basebox .main article section.photo { padding-top: 40px; margin-top: 20px; border-top: 1px solid #cccbc9; } #sblog.sblog_post .basebox .main article section.photo h4 { background-image: url("../../sblog/img/blog_icon.png"); background-position: left top 4px; background-repeat: no-repeat; background-size: auto 22px; font-size: 30px; padding: 0 0 0 15px; line-height: 1; } #sblog.sblog_post .basebox .main article section.photo > div { margin-top: 30px; } #sblog.sblog_post .basebox .main article section.photo > div div a img { width: auto; height: auto; max-width: 100%; } #sblog.sblog_post .basebox .main article section.photo > div div p { font-size: 13px; text-align: center; margin-top: 5px; } #sblog.sblog_post .basebox .main article section.photo > div.single div { width: 100%; max-width: 540px; margin: 0 auto 0; } #sblog.sblog_post .basebox .main article section.photo > div.multiple { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 40px; row-gap: 40px; } #sblog.sblog_post .basebox .main article section.photo > div.multiple div a { display: block; position: relative; text-align: center; overflow: hidden; } #sblog.sblog_post .basebox .main article section.photo > div.multiple div a img { position: absolute; } #sblog.sblog_post .basebox .main article section.map { padding-top: 40px; margin-top: 40px; border-top: 1px solid #cccbc9; } #sblog.sblog_post .basebox .main article section.map div { text-align: center; } #sblog.sblog_post .basebox .main article section.map div a { display: inline-block; border: 1px solid #919191; width: 270px; } #sblog.sblog_post .basebox .main article section.map div a span { display: inline-block; background: url("../img/icon_link_off.png") left center no-repeat; background-size: 15px auto; padding: 18px 15px 17px 25px; } #sblog.sblog_post .basebox .main article section.map div a:hover { background-color: #1c223c; border-color: #1c223c; color: #FFF; } #sblog.sblog_post .basebox .main article section.map div a:hover span { background-image: url("../img/icon_link_on_wh.png"); } #sblog.sblog_post .basebox .main article section.emp { text-align: right; padding-top: 40px; margin-top: 40px; border-top: 1px solid #cccbc9; } #sblog.sblog_post .basebox .main article section.emp > div { display: inline-block; } #sblog.sblog_post .basebox .main article section.emp > div div { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; } #sblog.sblog_post .basebox .main article section.emp > div div + div { padding-top: 15px; margin-top: 15px; border-top: 1px solid #cccbc9; } #sblog.sblog_post .basebox .main article section.emp > div div.name span.photo { display: block; width: 30px; position: relative; text-align: center; overflow: hidden; margin-right: 10px; } #sblog.sblog_post .basebox .main article section.emp > div div.name span.photo img { position: absolute; } #sblog.sblog_post .basebox .main article section.emp > div div.office span + span::before { content: '｜'; } /*-------------------------------------------------------------------------- index.html --------------------------------------------------------------------------*/ #sub_title.topics { background-image: url("../../topics/img/titleback_topics.jpg"); } #topics .topics_box { max-width: 1160px; margin: 0 auto; padding: 40px 40px 40px; background-color: #ececec; } #topics .topics_box .item a:hover { display: block; } #topics .topics_box .item a:hover .text { text-decoration: underline; } #topics .topics_box .item + .item { padding-top: 30px; margin-top: 25px; border-top: 1px solid #cccbc9; } #topics .topics_box .item .data { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } #topics .topics_box .item .data .time { font-size: 15px; font-family: 'Heebo', 'Zen Kaku Gothic New', sans-serif,'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',serif; width: 105px; } #topics .topics_box .item .data .contents { width: 130px; font-size: 14px; color: #FFF; background-color: #1c223c; text-align: center; padding: 3px 0 2px; } #topics .topics_box .item .data .city { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; font-size: 15px; background: url("../img/icon_blue_18.png") left 20px center no-repeat; background-size: 4px auto; padding-left: 35px; min-height: 18px; } #topics .topics_box .item .data .city .eng { font-size: 20px; margin-right: 10px; } #topics .topics_box .item .data .city .jp_name { font-size: 15px; padding-top: 4px; } #topics .topics_box .item .text { padding-left: 105px; font-size: 19px; margin-top: 10px; } /*-------------------------------------------------------------------------- 共通 --------------------------------------------------------------------------*/ #sub_title.online_model { background-image: url("../../online_model/img/titleback_virtual.jpg"); } #online_model > article { width: 100%; max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 60px; row-gap: 50px; } #online_model > article .item { padding: 55px 65px 55px; border: 1px solid #cccbc9; } #online_model > article .item .photo { position: relative; text-align: center; overflow: hidden; margin-top: 10px; } #online_model > article .item .photo img { position: absolute; } #online_model > article .item .floor { margin-top: 10px; } #online_model > article .item > a { display: block; background-color: #6b6d79; color: #FFF; text-align: center; font-size: 17px; flex-wrap: 500; padding: 10px 0 10px; margin-top: 20px; } #online_model > article .item > a:hover { background-color: #c71c2f; } #online_model > article .item > .sub { display: inline-block; font-size: 13px; padding: 2px 10px 2px; background-color: #1b306a; color: #FFF; } #online_model > article .item h3 { margin-top: 10px; font-size: 21px; font-weight: 500; line-height: 1.5; } #online_model > article .item .address { margin-top: 15px; font-weight: 400; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: start; align-items: flex-start; column-gap: 10px; } #online_model > article .item .address span:nth-child(1) { font-size: 13px; padding: 2px 0 1px; background-color: #1b306a; color: #FFF; width: 45px; text-align: center; } #online_model > article .item p { font-size: 13px; margin-top: 20px; } #online_model > article .item .link { width: 100%; max-width: 350px; text-align: center; margin: 20px auto 0; } #online_model > article .item .link a { display: block; border: 1px solid #cccbc9; padding: 9px 0 9px; } #online_model > article .item .link a + a { margin-top: 10px; } #online_model > article .item .link a:hover { background-color: #00000f; border-color: #00000f; color: #FFF; } #online_model #nav_list { margin-top: 60px; } /*-------------------------------------------------------------------------- ギャラリー 共通 --------------------------------------------------------------------------*/ #sub_title.gallery { background-image: url("../../gallery/img/titleback_gallery.jpg"); } #gallery #gallery_wrap { padding: 20px 20px 0; } #gallery #gallery_wrap #image_box { margin: 0 auto; position: relative; } #gallery #gallery_wrap #image_box div.item { opacity: 0; transition-property: opacity; transition-duration: 1s; } #gallery #gallery_wrap #image_box div.item img { width: 100%; height: auto; vertical-align: bottom; } #gallery #gallery_wrap #image_box div.item .photo_data { padding: 10px; position: absolute; top: 0; width: 100%; height: 100%; line-height: 1.5; overflow: hidden; color: #fff; background-color: rgba(0, 0, 0, 0.6); opacity: 0; } #gallery #gallery_wrap #image_box div.item .photo_data a { margin: 0 0 5px; padding: 5px 12px; display: inline-block; width: 130px; color: #fff; font-size: 13px; font-weight: 400; } #gallery #gallery_wrap #image_box div.item .photo_data a:hover { text-decoration: none; } #gallery #gallery_wrap #image_box div.item .photo_data a.w_link { margin: 0 5px 8px 0; background: url(../../gallery/img/ico_works.png) no-repeat #1c223c right 10px center; } #gallery #gallery_wrap #image_box div.item .photo_data a.w_link:hover { background: url(../../gallery/img/ico_works.png) no-repeat #494e62 right 10px center; } #gallery #gallery_wrap #image_box div.item .photo_data a.w_link img { padding: 3px 0 0 0; width: 7px; height: 12px; vertical-align: top; } #gallery #gallery_wrap #image_box div.item .photo_data a.p_zoom { margin: 0 5px 8px 0; background: url(../../gallery/img/ico_zoom.png) no-repeat #1c223c right 10px center; } #gallery #gallery_wrap #image_box div.item .photo_data a.p_zoom:hover { background: url(../../gallery/img/ico_zoom.png) no-repeat #494e62 right 10px center; } #gallery #gallery_wrap #image_box div.item .photo_data a.p_zoom img { padding: 3px 0 0 0; width: 12px; height: 12px; vertical-align: top; } #gallery #gallery_wrap #image_box div.item .photo_data p { margin: 8px 0 0 0; font-size: 13px; font-weight: 500; } #gallery #gallery_wrap #image_box div.item_on { opacity: 1; } #gallery #gallery_wrap #nav_list { padding-top: 60px; } #gallery #gal_navi_box { margin: 0 auto; position: relative; max-width: 1000px; padding: 0 20px 0; } #gallery #gal_navi_box #gal_navi { margin: 0 auto; max-width: 960px; } #gallery #gal_navi_box #gal_navi #btn_op_cl { background: url(../../gallery/img/btn_navi.png) no-repeat #1c223c right 16px center; background-size: 12px auto; width: 240px; } #gallery #gal_navi_box #gal_navi #btn_op_cl span { border-left: 1px solid #fff; display: block; float: right; height: 45px; width: 45px; } #gallery #gal_navi_box #gal_navi #btn_op_cl p { padding: 10px 15px; display: block; color: #fff; width: 100%; } #gallery #gal_navi_box #gal_navi .menu_wrap { display: none; position: absolute; width: 100%; z-index: 8000; } #gallery #gal_navi_box #gal_navi .menu { padding: 15px 10px; width: 100%; background: #1c223c; } #gallery #gal_navi_box #gal_navi .menu div { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; column-gap: 2px; /* 列間の間隔を設定 */ row-gap: 2px; /* 列間の間隔を設定 */ } #gallery #gal_navi_box #gal_navi .menu div a { padding: 0 0; display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; justify-content: center; -webkit-box-pack: center; line-height: 1; color: #000; background: #fff; min-height: 55px; } #gallery #gal_navi_box #gal_navi .menu div a:hover { color: #6b6d79; background: #FFF; } #gallery #gal_navi_box #gal_navi .menu div a.active { color: #fff; background: #6b6d79; } /*-------------------------------------------------------------------------- 採用情報 --------------------------------------------------------------------------*/ #sub_title.recruit { background-image: url("../../recruit/img/titleback_recruit.jpg"); } #recruit .page_sub_menu.navi_company { padding: 0 10px 0; max-width: 1180px; } #recruit .recruit_area { width: 100%; max-width: 1200px; margin: 0 auto 0; padding: 0 20px; } #recruit .recruit_area .recruit_head h3 { background: url("../img/icon_blue.png") left top 8px no-repeat; background-size: 4px auto; font-size: 25px; font-weight: 500; padding: 0 0 0 20px; } #recruit .recruit_area .recruit_head .main_title { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; justify-content: center; -webkit-box-pack: center; position: relative; margin-top: 20px; } #recruit .recruit_area .recruit_head .main_title span { position: absolute; font-size: 23px; font-weight: 700; } #recruit .recruit_area .recruit_head .main_comment { margin-top: 80px; } #recruit .recruit_area .recruit_head .main_comment.top { text-align: center; font-size: 20px; font-weight: 500; } #recruit .recruit_area .recruit_head .main_comment.next { text-align: left; font-size: 20px; font-weight: 500; border-left: 4px solid #1c223c; padding-left: 35px; } #recruit .recruit_area .recruit_head .main_sub_comment { background: #ececec; padding: 30px; margin-top: 80px; } #recruit .recruit_area .recruit_head .main_sub_comment p.year { font-size: 18px; } #recruit .recruit_area .recruit_head .main_sub_comment p.text { font-size: 14px; } #recruit .recruit_area .recruit_head .main_sub_comment p + p { padding-top: 10px; margin-top: 10px; border-top: 1px solid #cccbc9; } #recruit .recruit_area .recruit_main #entry { margin-top: 70px; } #recruit .recruit_area .recruit_main #entry p { font-size: 20px; font-weight: 500; } #recruit .recruit_area .recruit_main #entry .flow { margin-top: 10px; display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 20px; /* 横列間の間隔を設定 */ } #recruit .recruit_area .recruit_main #entry .flow div { text-align: center; background-color: #e4e4e4; padding: 15px 0 5px 0; } #recruit .recruit_area .recruit_main #entry .flow div span:nth-child(1) { display: inline-block; width: 28px; height: 28px; font-size: 16px; font-weight: 500; background-color: #1c223c; color: #FFF; padding-top: 5px; } #recruit .recruit_area .recruit_main #entry .flow div span:nth-child(2) { display: block; font-size: 15px; font-weight: 500; margin-top: 5px; } #recruit .recruit_area .recruit_main #entry .flow div:last-child { background-color: #1c223c; } #recruit .recruit_area .recruit_main #entry .flow div:last-child span:nth-child(1) { background-color: #FFF; color: #1c223c; } #recruit .recruit_area .recruit_main #entry .flow div:last-child span:nth-child(2) { color: #FFF; } #recruit .recruit_area .recruit_main .select_list { margin-top: 70px; } #recruit .recruit_area .recruit_main .select_list .list { margin-top: 15px; display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 20px; /* 横列間の間隔を設定 */ row-gap: 20px; /* 縦列間の間隔を設定 */ } #recruit .recruit_area .recruit_main .select_list .list .item { border: 1px solid #919191; color: #1c223c; height: 73px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; cursor: pointer; } #recruit .recruit_area .recruit_main .select_list .list .item.active { border-color: #1c223c; background-color: #1c223c; color: #FFF; } #recruit .recruit_area .recruit_main .select_list .list .item:hover { border-color: #1c223c; background-color: #b2bcd1; color: #1c223c; } #recruit .recruit_area .recruit_main .select_list#profession { display: none; } #recruit .recruit_area .recruit_main .select_list#profession.active { display: block; } #recruit .recruit_area .recruit_main .select_list#profession .list { display: none; } #recruit .recruit_area .recruit_main .select_list#profession .list.active { display: grid; } #recruit.recruit_top .recruit_area .recruit_main { margin-top: 70px; } #recruit.recruit_top .recruit_area .recruit_main .contents_link { display: -webkit-flex; display: flex; justify-content: center; -webkit-box-pack: center; column-gap: 80px; } #recruit.recruit_top .recruit_area .recruit_main .contents_link a { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; max-width: 400px; min-height: 75px; border: 3px solid #1c223c; font-size: 17px; font-weight: 500; } #recruit.recruit_top .recruit_area .recruit_main .contents_link a:hover { background-color: #1c223c; color: #FFF; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment { margin-top: 90px; display: none; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment.active { display: block; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment .rec_title { padding: 0 0 15px 15px; margin-bottom: 30px; border-bottom: 1px solid #cccbc9; background: url("../img/icon_blue.png") left top 10px no-repeat; background-size: 4px auto; font-size: 25px; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section { display: none; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section.active { display: block; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section.active + .active { margin-top: 70px; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box { padding: 60px 70px 60px; background-color: #ececec; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box h4 { font-size: 21px; font-weight: 500; background-color: #1c223c; color: #FFF; padding: 6px 15px 6px; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .text { margin-top: 20px; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .block { margin-top: 25px; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .block .item { display: grid; grid-template-columns: 230px 1fr; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .block .item.item { border-top: 1px solid #cccbc9; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .block .item:last-of-type { border-bottom: 1px solid #cccbc9; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .block .item h5 { background-color: #6b6d79; color: #FFF; text-align: center; padding: 15px 15px 15px; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .block .item .cap { padding: 15px 15px 15px; background-color: #FFF; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .other { margin-top: 60px; padding: 30px 30px 30px; background-color: #FFF; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .other .bulk + .remarks { border-top: 1px solid #cccbc9; padding-top: 25px; margin-top: 25px; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .photo { margin-top: 70px; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .photo .files { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 40px; /* 横列間の間隔を設定 */ row-gap: 20px; /* 縦列間の間隔を設定 */ margin-top: 20px; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .photo .files article a { display: block; position: relative; overflow: hidden; text-align: center; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .photo .files article a img { position: absolute; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .photo .files article p { text-align: center; margin-top: 5px; font-size: 13px; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .file { margin-top: 70px; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .file .files { display: grid; grid-template-columns: repeat(1, 1fr); row-gap: 10px; /* 縦列間の間隔を設定 */ margin: 20px auto 0; width: 100%; max-width: 880px; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .file .files a { display: block; width: 100%; background: url("../img/icon_download_nb.png") #FFF left 20px top 20px no-repeat; background-size: 20px auto; border: 1px solid #919191; padding: 19px 20px 15px 55px; color: #00000f; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .file .files a:hover { background-image: url("../img/icon_download_wh.png"); background-color: #1c223c; color: #FFF; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .form_link { margin-top: 40px; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .form_link .linkbtn { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; column-gap: 80px; margin-top: 20px; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .form_link .linkbtn a { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; min-height: 75px; width: 100%; max-width: 400px; border: 1px solid #1c223c; } #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .form_link .linkbtn a:hover { background-color: #1c223c; color: #FFF; } /*-------------------------------------------------------------------------- 共通 --------------------------------------------------------------------------*/ #sub_title.staff { background-image: url("../../staff/img/titleback_staff.jpg"); } /*-------------------------------------------------------------------------- index.html --------------------------------------------------------------------------*/ #staff.staff_top .page_sub_menu.navi_company { margin-bottom: 0; } #staff.staff_top .ofnavi { width: 100%; max-width: 1160px; margin: 0 auto; display: grid; grid-template-columns: repeat(7, 1fr); column-gap: 10px; /* 横列間の間隔を設定 */ row-gap: 10px; /* 縦列間の間隔を設定 */ margin-top: 60px; } #staff.staff_top .ofnavi a { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-size: 16px; background: #1c223c; color: #FFF; border-radius: 5px; min-height: 35px; text-align: center; } #staff.staff_top .ofnavi a:hover { background: #ececec; color: #00000f; } #staff.staff_top .ofnavi + .office_list { margin-top: 45px; } #staff.staff_top .office_list { width: 100%; max-width: 1160px; margin: 0 auto; } #staff.staff_top .office_list + .ofnavi { margin-top: 65px; } #staff.staff_top .office_list .staff_list + .staff_list { margin-top: 50px; padding-top: 50px; border-top: #cccbc9 1px solid; } #staff.staff_top .office_list .staff_list article { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 120px; /* 横列間の間隔を設定 */ row-gap: 60px; /* 縦列間の間隔を設定 */ margin-top: 25px; padding: 0 40px; } #staff.staff_top .office_list .staff_list article a { display: block; text-align: center; } #staff.staff_top .office_list .staff_list article a:hover .face span img { filter: none; } #staff.staff_top .office_list .staff_list article a .face { border-radius: 25%; overflow: hidden; } #staff.staff_top .office_list .staff_list article a .face span { display: block; } #staff.staff_top .office_list .staff_list article a .face span img { filter: grayscale(1); } #staff.staff_top .office_list .staff_list article a .name { font-size: 16px; margin-top: 5px; } #staff.staff_top .office_list .staff_list article a .job { font-size: 13px; } /*-------------------------------------------------------------------------- article.html --------------------------------------------------------------------------*/ #staff.staff_ar .page_sub_menu.navi_company { padding: 0 10px 0; } #staff.staff_ar #sps_name { background: #464646 url("../../staff/img/staff_back1.jpg") center top no-repeat; background-size: 2400px auto; color: #FFF; margin-bottom: 70px; } #staff.staff_ar #sps_name article { margin-top: 10px; display: grid; grid-template-columns: 300px 1fr; column-gap: 80px; /* 横列間の間隔を設定 */ width: 100%; max-width: 1040px; padding: 0 20px; margin: 0 auto; place-items: center; } #staff.staff_ar #sps_name article > div#photo div { position: relative; overflow: hidden; text-align: center; width: 300px; background: #363636; } #staff.staff_ar #sps_name article > div#photo div img { position: absolute; } #staff.staff_ar #sps_name article > div#ps_name { width: 100%; } #staff.staff_ar #sps_name article > div#ps_name .area_name_b p { background-image: url("../../staff/img/icon_staff.png"); } #staff.staff_ar #sps_name article > div#ps_name .area_name_b p span.an_eng { font-size: 23px; } #staff.staff_ar #sps_name article > div#ps_name .area_name_b p span.an_jp { font-size: 17px; } #staff.staff_ar #sps_name article > div#ps_name .position { font-size: 16px; margin-top: 10px; } #staff.staff_ar #sps_name article > div#ps_name .name { display: -webkit-flex; display: flex; column-gap: 20px; margin-top: 5px; } #staff.staff_ar #sps_name article > div#ps_name .name h3 { font-size: 35px; font-weight: 500; line-height: 1.3; } #staff.staff_ar #sps_name article > div#ps_name .name div { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; } #staff.staff_ar #sps_name article > div#ps_name .name div a { font-size: 16px; display: block; width: 100px; min-height: 28px; border: 1px solid #FFF; color: #FFF; text-align: center; } #staff.staff_ar #sps_name article > div#ps_name .name div a:hover { background-color: #c39037; border-color: #c39037; } #staff.staff_ar #sps_name article > div#ps_name .name_eng { font-size: 21px; margin-top: 10px; } #staff.staff_ar #sps_name article > div#ps_name ul { display: -webkit-flex; display: flex; -webkit-box-pack: end; justify-content: flex-end; flex-wrap: wrap; column-gap: 20px; font-size: 14px; font-weight: 400; margin-top: 15px; } #staff.staff_ar #sps_name article > div#ps_name ul::after { content: ''; width: 100%; } #staff.staff_ar #sps_name article > div#ps_name ul li:nth-child(n+3) { order: 1; } #staff.staff_ar #sps_title { display: table; width: 100%; margin-bottom: 100px; } #staff.staff_ar #sps_title section, #staff.staff_ar #sps_title article { display: table-cell; } #staff.staff_ar #sps_title section { position: relative; } #staff.staff_ar #sps_title section h3 { right: 100%; top: 0; height: 184px; position: absolute; width: 100%; background: #c39037 url(../../staff/img/title_back_w.png) right -100px top no-repeat; padding: 0 55px 0 20px; } #staff.staff_ar #sps_title section h3 div { float: right; width: 100%; max-width: 475px; color: #FFF; height: 100%; font-size: 28px; } #staff.staff_ar #sps_title section h3 div p { position: relative; height: 100%; } #staff.staff_ar #sps_title section h3 div p span { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #staff.staff_ar #sps_title article { width: 48%; height: 184px; padding: 0 20px 0 50px; } #staff.staff_ar #sps_title article div { float: left; width: 100%; max-width: 500px; font-size: 15px; background: #FFF; height: auto; text-align: left; line-height: 2.4; background-image: linear-gradient(to top, rgba(204, 203, 201, 0.8) 0, transparent 0.1em); background-size: 100% 2.4em; opacity: 0; } #staff.staff_ar .prof_set { width: 100%; max-width: 1090px; margin: 0 auto 100px; } #staff.staff_ar .prof_set h4 { font-size: 33px; font-weight: 500; text-align: center; margin-bottom: 30px; } #staff.staff_ar .prof_set .prof_box { overflow: hidden; height: 0; opacity: 0; } #staff.staff_ar .prof_set .prof_box div { overflow: hidden; display: grid; grid-template-columns: repeat(2, 1fr); border-top: #cccbc9 1px solid; } #staff.staff_ar .prof_set .prof_box div article { padding: 20px; border-bottom: #cccbc9 1px solid; } #staff.staff_ar .prof_set .prof_box div article dl dt { border-left: #002065 2px solid; padding: 2px 0 0 10px; margin-bottom: 7px; line-height: 1.3; font-size: 18px; } #staff.staff_ar .prof_set .prof_box div article dl dd { font-size: 17px; word-break: break-all; padding-left: 10px; } #staff.staff_ar #sps_messa { width: 100%; background: #CCC url(../../staff/img/messa_back.jpg) center center no-repeat; background-size: 2400px auto; } #staff.staff_ar #sps_messa #messa_main { width: 100%; max-width: 1110px; padding: 60px 20px; margin: 0 auto 100px; } #staff.staff_ar #sps_messa #messa_main h4 { background: url("../../staff/img/icon_staff.png") left center no-repeat; background-size: 4px auto; font-size: 25px; font-weight: 500; padding: 0 0 0 25px; margin-bottom: 20px; } #staff.staff_ar #sps_messa #messa_main #messa_box { overflow: hidden; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px; /* 横列間の間隔を設定 */ } #staff.staff_ar #sps_messa #messa_main #messa_box article .inbox { display: block; width: 100%; height: 100%; background: #FFF; padding: 20px; } #staff.staff_ar #sps_messa #messa_main #messa_box article .inbox h5 { font-size: 18px; font-weight: 500; border-bottom: #cccbc9 1px solid; padding-bottom: 10px; margin-bottom: 10px; } #staff.staff_ar #sps_messa #messa_main #messa_box article .inbox p { opacity: 0; } #staff.staff_ar #sps_episode { width: 100%; background: #CCC; margin-bottom: 100px; } #staff.staff_ar #sps_episode #episode_main { width: 100%; max-width: 1040px; padding: 60px 20px; margin: 0 auto; } #staff.staff_ar #sps_episode #episode_main h4 { background: url("../../staff/img/icon_staff.png") left center no-repeat; background-size: 4px auto; font-size: 25px; font-weight: 500; padding: 0 0 0 25px; margin-bottom: 20px; } #staff.staff_ar #sps_episode #episode_main article { margin-bottom: 35px; } #staff.staff_ar #sps_episode #episode_main article:last-child { margin-bottom: 0; } #staff.staff_ar #sps_episode #episode_main article h5 { width: 0; height: 100px; overflow: hidden; margin-bottom: 25px; opacity: 0; background: #FFF; } #staff.staff_ar #sps_episode #episode_main article h5 > span { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; column-gap: 60px; width: 100%; height: 100%; padding: 10px 40px; opacity: 0; } #staff.staff_ar #sps_episode #episode_main article h5 > span span.eng { font-size: 20px; font-weight: 500; background-image: url("../../staff/img/epi_icon_l.png"), url("../../staff/img/epi_icon_r.png"); background-position: left top 10px, right bottom 10px; background-repeat: no-repeat, no-repeat; background-size: 14px auto, 14px auto; padding: 0 20px; } #staff.staff_ar #sps_episode #episode_main article h5 > span span.jp { font-size: 17px; font-weight: 500; } #staff.staff_ar #sps_episode #episode_main article div { word-break: break-all; font-size: 15px; } #staff.staff_ar #sps_photo_area { margin: 0 auto; padding: 0 20px; width: 100%; max-width: 1040px; } #staff.staff_ar #sps_photo_area h4 { background: url("../../staff/img/icon_staff.png") left center no-repeat; background-size: 4px auto; font-size: 30px; font-weight: 500; padding: 0 0 0 25px; } #staff.staff_ar #sps_photo { width: 100%; max-width: 1040px; padding: 25px 20px 100px; margin: 0 auto; } #staff.staff_ar #sps_photo ul { overflow: hidden; } #staff.staff_ar #sps_photo ul li { float: left; padding: 0 15px; } #staff.staff_ar #sps_photo ul li div { width: 100%; max-width: 300px; position: relative; margin: 0 auto; } #staff.staff_ar #sps_photo ul li div img { position: absolute; max-width: 100%; width: auto; } #staff.staff_ar #sps_photo.cp_one ul li { width: 100%; } #staff.staff_ar #sps_photo.cp_two ul li { width: 50%; } #staff.staff_ar #sps_photo.cp_three ul li { width: 33.33%; } /* 顔写真・名前 */ /*# sourceMappingURL=sub_bms.css.map */