@charset "utf-8"; html,body{ -webkit-text-size-adjust:100%; position:relative; font-size:14px; min-height:100%; height:100%; } /* #3093 WAIC フォーカス設定 */ #bg.webac a:focus{ outline:dotted 2px #333; } #bg.webac *:focus{ outline:dotted 2px #333; } /* ie関連で*:focusだとdiv関連まできいてしまうが、 影響範囲がわからないため、一旦保留 #bg.webac input:focus, #bg.webac button:focus, #bg.webac select:focus, #bg.webac textarea:focus { outline:dotted 2px #333; } */ #bg a.media-link:focus { border: 1px dotted #333; } /* #3093 サブメニュー対応 */ .nav li > a:focus + ul{ display:block; } .icon-text{ /* #3039 WA icon */ text-indent:100%; white-space:nowrap; overflow:hidden; display: inline-block; width: 0px; height: 0px; min-width: 0px; max-width: 0px; margin: 0px; padding: 0px; } span.icon-text{ border:none; height: 0px; min-width: 0px; margin: 0px; padding: 0px; } .icon-text.icon-inline{ display: inline-block; } /* div入れ子時 テキストバナー等対応 */ #bg.webac a:focus > div{ outline:dotted 2px #333; } #bg.webac .un-outline:focus{ outline : none; } /* webアイコン読み上げ対称外 */ .fa { speak: none; } #ad-preview{ min-height:100%; } #bg{ min-height:100%; font-size:14px; line-height:1.5; font-family:"Hiragino Kaku Gothic Pro", "Meiryo", sans-serif; position:relative; } #bg.lang-en{ font-family:"RobotoSlab","Verdana","Arial",sans-serif; } #bg.lang-zh-CN{ font-family:"FOTK-YDGothic120","SimHei","Verdana","Arial",sans-serif; } #bg.lang-zh-TW{ font-family:"FZBeiWeiKaiShu-Z15T","SimHei","Verdana","Arial",sans-serif; } #bg.lang-ko{ font-family:"FOTK-YDGothic120","Gulim","Verdana","Arial",sans-serif; } @media screen and (-webkit-min-device-pixel-ratio:0) { body #bg.bg,#top-area,#middle-area,#bottom-area{ margin-left:1px; } } /*layout---------------------------------------------------------------------------------------------- */ .center-area{ width:1020px; margin:auto; position:relative; } #top-area{ z-index:10; height:100%; } #middle-area{ z-index:5; } #middle-area .center-area{ padding:20px 0px; } #middle-area .side-area{ width:230px; margin-left:30px; float:left; text-align:left; } #middle-area .main-area{ width:700px; margin-left:30px; float:left; text-align:left; } #bottom-area{ z-index:1; height:100%; } #top-area,.side-area,#bottom-area{ min-height:1px; position:relative; } .main-area-bg{ width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:-1; } .main-area-bg .center-area{ height:100%; } /*contents-local---------------------------------------------------------------------------------------------- */ #submenu-list{ padding-bottom:15px; /*background-color: #EEEEEE;*/ } #submenu-list li{ border-left:dotted 1px rgba(51, 51, 51, 0.5); margin-bottom:15px; } /* #submenu-list li:last-child{ border-right:dotted 1px rgba(51, 51, 51, 0.5); } */ #submenu-list li > a{ padding:0px 15px; } /*pankuzu---------------------------------------------------------------------------------------------- */ #pankuzu-list{ /* padding:12px 0px 20px 0px;*/ font-size:88%; } #pankuzu-list.bottom-area{ margin-top:20px; padding:12px 0px 30px 0px; border-top:dotted 1px #666666; } #pankuzu-list i.fa{ font-size:117%; } /*contents---------------------------------------------------------------------------------------------- */ .page-title{ background-color:none; background-image:none; /* margin-bottom:20px;*/ width:auto; padding:5px 0px; font-size:115%; font-weight:normal; position:relative; } .page-title > span{ /*display:table-cell;*/ display:inline-block; /*vertical-align:middle;*/ line-height:1.2; } .page-title > span .pointer{ display:inline-block; line-height:100%; height:100%; /* vertical-align:middle;*/ } .block-title{ background-color:none; background-image:none; width:auto; padding:5px 0px; font-size:100%; font-weight:normal; position:relative; } .block-title > span{ /*display:table-cell;*/ display:inline-block; /*vertical-align:middle;*/ /* #3862 */ line-height:1.2; } .block-title > span .pointer{ display:inline-block; /* line-height:100%;*/ height:100%; /* vertical-align:middle;*/ } .record-title{ background-color:none; background-image:none; /* margin-bottom:15px;*/ width:auto; padding:5px 0px; font-size:88%; font-weight:normal; position:relative; } .record-title > span{ /*display: table-cell;*/ display:inline-block; /*vertical-align: middle;*/ line-height: 1.2; } .record-title > span .pointer{ display : inline-block; /* line-height: 100%;*/ height: 100%; /* vertical-align: middle;*/ } .record-title span:empty{ margin: 0px; } .record ol li { margin:0 1.0em; } /*login-form --------------------------------------------------------------------------------------------------*/ .login-form-box{ text-align:center; } .login-img-box{ text-align:center; } .login-form{ width:100%; max-width: 346px; margin:auto; padding:30px 30px 40px 30px; background-color: #F7F7F7; box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border: 1px solid #FFFFFF; color:#333; text-align: left; } .login-form input{ width:100%; height:34px; line-height:34px; padding:0px 5px; color:#333; } .login-form .login-title{ margin-bottom:20px; } .login-form .login-user{ margin-bottom:10px; } .login-form .login-pass{ margin-bottom:20px; } .login-form .message{ color:#ff0000; font-weight:bold; margin-top:15px; } #bg .login-form .submit-btn{ display:block; width:100%; height:34px; line-height:30px !important; padding:0px; background: #999999; background: -moz-linear-gradient(top, #999999 0%, #666666 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#666666)); background: -webkit-linear-gradient(top, #999999 0%,#666666 100%); background: -o-linear-gradient(top, #999999 0%,#666666 100%); background: -ms-linear-gradient(top, #999999 0%,#666666 100%); background: linear-gradient(to bottom, #999999 0%,#666666 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 ); border:1px solid #666666; border-radius:4px; color:#FFFFFF !important; font-weight:normal; text-shadow: 0px 0px 2px rgba(0,0,0,1); text-align:center; text-decoration:none !important; /* outline:none; */ } #bg .login-form .submit-btn:hover{ color:#FFFFFF !important; } /*非公開パーツ*/ .close-parts .login-form{ padding:20px 15px; } .close-parts .login-form .login-title{ margin-bottom:15px; } .close-parts .login-form .login-user{ margin-bottom:5px; } .close-parts .login-form .login-pass{ margin-bottom:15px; } .close-parts nav.close-menu{ margin-top:30px; } .close-dummy{ background-image:none; border:1px dotted #999999; padding:20px 0; text-align:center; color:#cccccc; } .close-dummy .fa-lock{ font-size:26px; } /*parts---------------------------------------------------------------------------------------------- */ .parts{ position:relative; margin-bottom:20px; } .parts-title{ width : auto; line-height : 2; padding : 0 10px; } /*#middle-area .parts,#middle-area .parts-record{*/ #middle-area .parts-record{ margin-bottom:20px; } .footer-parts,.menu_list-parts{ margin-bottom:0px !important; } .footer-parts + .parts,.menu_list-parts + .parts{ margin-top:20px; } .footer-parts + .parts.menu_list-parts,.menu_list-parts + .parts.footer-parts{ margin-top:0px !important; } #bottom-area .parts:last-child{ margin-bottom:0px !important; } #top-area .parts{ margin-bottom:0px !important; } /* #1805 header footer */ #bg .ad-operation-area .ad-direct-link, #bg .operation-area .ad-direct-link, #bg .operation-area .direct-link { width : 100%; height : 100%; display : inline-block; position : absolute; top : 0px; left : 0px; } /*header parts---------------------------------------------------------------------------------------------- */ .header-parts{ /* overflow:hidden; font-size:88%; */ font-size:12px; } #header{ width:auto; height:110px; } /*header parts index---------------------------------------------------------------------------------------------- */ /*スクロール時固定メニューはposition、別で設定 kondo*/ .header-parts .item:not(.is-fixed) { display:block; position:absolute; top:0px; left:0px; } .header-parts .logo{ z-index: 8; } #bg .header-parts .logo a:link{ text-decoration: none; } .header-parts .exmenus{ z-index:7; } /*スクロール固定メニューはz-index、別で設定 kondo*/ .header-parts .menu:not(.is-fixed){ z-index:8; } .header-parts .tools{ z-index:5; } .header-parts .text1{ z-index:4; } .header-parts .text2{ z-index:3; } .header-parts .image1{ z-index:2; } .header-parts .h1_title{ z-index: 1; } /*header logo---------------------------------------------------------------------------------------------------------- */ .header-parts h1.h1_title{ font-weight:normal; font-size:88%; } #bg.pc-one-column .header-parts h1.h1_title{ } .header-parts .logo:not(.ad-logo-image){ font-size:185%; } /*header exmenu parts---------------------------------------------------------------------------------------------- */ .header-parts .exmenus{ min-width:100px; /*min-height:20px;*/ line-height: 1; } .header-parts .exmenus li{ margin-right:1px; margin-bottom:1px; } .header-parts .exmenus li a{ padding:4px 8px; } .header-parts .exmenus li a i.fa{ margin-right: 5px; } .header-parts .exmenus li a,.header-parts .exmenus li a:link{ } .header-parts .exmenus li a:hover,.header-parts .exmenus li a:active{ } /*header multilanguage parts---------------------------------------------------------------------------------------------- */ .header-parts .lgmenus{ /*min-width:100px;*/ min-width:50px; /*min-height:20px;*/ } .header-parts .lgmenus li{ margin-right:3px; margin-bottom:1px; float:left; } .header-parts .lgmenus li a{ padding:3px 5px; } .header-parts .lgmenus li a i.fa{ margin-right: 5px; } .header-parts .lgmenus li a,.header-parts .lgmenus li a:link{ } .header-parts .lgmenus li a:hover,.header-parts .lgmenus li a:active{ } /*header menu parts---------------------------------------------------------------------------------------------- */ .header-parts .menu{ min-width:100px; } /* .header-parts .menu li{ padding:0px 2px; display:block-inline; } .header-parts .menu li a{ font-size:15px; border-right: 1px solid #CCCCCC; white-space: nowrap; } .header-parts .menu li:first-child a{ border-right: none; } .header-parts .menu li a,.header-parts .menu li a:link{ color:#333333; } .header-parts .menu li a:hover,.header-parts .menu li a:active{ } */ /*header tools parts---------------------------------------------------------------------------------------------- */ .header-parts .ad-tool{ position : relative; } .header-parts .tools-icon{ display : block; width : 28px; height : 28px; text-align: center; line-height:28px; font-size:16px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; cursor : pointer; /* 初期カラー */ color : #333333; /*background : #CCCCCC;*/ } .header-parts #tools-area.tool-format{ /* width : 448px;*/ /* display : inline-block;-*/ } /* .header-parts #tools-area.tool-format > div{ vertical-align : middle; display : table; height : 100%; } */ .header-parts #tools-area.tool-format > div > .ad-tool{ vertical-align : middle; display : table-cell; padding-left:10px; } .header-parts #tools-area.tool-format > div > .ad-tool:first-child{ padding-left:0px; } .header-parts #tools-area .tools-icon span.fa-font.small{ font-size:12px; } .header-parts #tools-area .tools-icon span.fa-font.big{ font-size:14px; } .header-parts #tools-area .tools-pop { display : none; /* position : relative;*/ position : absolute; top : 40px; background : #ffffff; border : 1px solid #CBCBCB; width : auto; height : auto; z-index : 10; padding : 2px; border-radius : 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .header-parts #tools-area #search-pop-btn + .tools-pop{ width : 224px; } #ds-search-btn{ vertical-align: top; } .header-parts #tools-area #translate-pop-btn + .tools-pop{ width : 126px; } .header-parts #tools-area #font-size-chbtn + .tools-pop{ width : 165px; } .header-parts #tools-area .tools-pop:after, header #tools-area .tools-pop:before { bottom : 100%; border : solid transparent; content : " "; height : 0; width : 0; position : absolute; pointer-events : none; } .header-parts #tools-area .tools-pop:not(.right-pop){ left : 0px; } .header-parts #tools-area .tools-pop:not(.right-pop):after, header #tools-area .tools-pop:not(.right-pop):before { left : 15px; } .header-parts #tools-area .tools-pop.right-pop{ right : 0px; } .header-parts #tools-area .tools-pop.right-pop:after, header #tools-area .tools-pop.right-pop:before{ right : 10px; } .header-parts #tools-area .tools-pop:after { border-color : rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width : 5px; margin-left : -5px; } .header-parts #tools-area .tools-pop:before { border-color : rgba(203, 203, 203, 0); border-bottom-color: #CBCBCB; border-width : 5px; margin-left : -5px; } /* google検索レイアウト */ .header-parts #search-area .google-sch-form{ /* width : 150px;*/ } .header-parts #search-area .google-sch-form > *{ display : inline-block; } .header-parts #search-area .google-sch-form input.search, .header-parts #search-area .ds-sch-form input.search{ /* width : 100%; padding-right : 25px; height : 26px; line-height : 26px; */ width : 217px; height : 29px; border-radius : 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding-left: 5px; border : none; box-shadow : none; } /*.header-parts #search-area .ds-sch-form input.search::-ms-clear{ visibility:hidden }*/ .header-parts #search-area .google-sch-form .submit, .header-parts #search-area .ds-sch-form .submit{ /* width : 40px;*/ width : 15px; margin-left : -25px; padding : 0px; border : none; background : none; font-size : 16px; color : #CCCCCC; margin-top : 3px; } .header-parts #search-area .ds-sch-form .submit{ display:inline; } /*- ↓#3093↓ -*/ /*webアクセシビリティ設定時のはこちらのcssを読む*/ .webac .header-parts #search-area .google-sch-form .submit, .webac .header-parts #search-area .ds-sch-form .submit/* .icon_caption*/{ width : auto; margin-left : 10px; padding : 5px 10px; border : none; margin-top : auto; text-align : right; border-radius: 3px; /* CSS3草案 */ -webkit-border-radius: 3px; /* Safari,Google Chrome用 */ -moz-border-radius: 3px; /* Firefox用 */ } /* */ .webac #header .tool-format .tool-format-item i{ color:inherit; } /* */ .webac .login-form .message{ color:#d60000; font-weight:bold; margin-top:15px; } /*- ↑#3093↑ -*/ /* 文字サイズ変更 */ .header-parts #tools-area .font-size-btns{ /* width : 160px;*/ } .header-parts #tools-area .font-size-btns span{ display : inline-block; min-width : 5em; } .header-parts #tools-area .font-btn{ display : inline-block; font-size : 12px; width : 26px; height : 26px; text-align : center; vertical-align : middle; line-height : 26px; cursor : pointer; margin-left:6px; } .header-parts #tools-area .tools-pop .font-btn{ color : #525252; border : solid 1px #CCCCCC; background-color: #F5F5F5; } .header-parts #tools-area .tools-pop .font-btn.active{ background-color: #DDDDDD; } .header-parts #search-area .google-sch-form input.search::-ms-clear, .header-parts #search-area .ds-sch-form input.search::-ms-clear { display: none; } .gsc-control-cse *,.gsc-search-box *{ box-sizing : content-box; } body #header-google .gsc-search-box{ display:none; } body #header-google .cse .gsc-control-cse,body #header-google .gsc-control-cse{ padding:0px; font-size:0px; background-color: transparent; border : 0px; } body #header-google .gsc-results-wrapper-overlay{ font-size:13px; } /* google翻訳 */ .goog-te-gadget-simple:after{ clear: both; content: ""; display: block; height: 0; overflow: hidden; } .goog-te-gadget-simple *{ float : left; } .goog-te-menu-value *{ float : left; } #tools-area .goog-te-gadget-simple{ padding-top : 3px; padding-bottom : 4px; } #tools-area .goog-te-gadget-simple .goog-te-menu-value span{ color : #000000; } /*top close menu parts---------------------------------------------------------------------------------------------- */ #top-close-menu{ width:250px; position:absolute; z-index:10; background-color: #BBBBBB; color:#525252; box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 6px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 6px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 6px 0px; } #top-close-menu .login-info{ padding:0px 5px; border-bottom:solid 1px #aaa; height: 44px; line-height: 44px; /*border:solid 1px #aaa;*/ } #top-close-menu .close-btn{ position:absolute; top:5px; right:5px; } #top-close-menu .close-user{ max-width:140px; text-align:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #top-close-menu .logout a{ display: inline-block; padding:0px 5px; height:26px; line-height: 26px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border:solid 1px #CCCCCC; text-align:center; box-shadow:rgba(255, 255, 255, 0.6) 0px 0px 1px 0px; -webkit-box-shadow:rgba(255, 255, 255, 0.6) 0px 0px 1px 0px; -moz-box-shadow:rgba(255, 255, 255, 0.6) 0px 0px 1px 0px; } #top-area #top-close-menu .logout a,#top-area #top-close-menu .logout a:link,#top-area #top-close-menu .logout a:visited,#top-area #top-close-menu .logout a:hover,#top-area #top-close-menu .logout a:active{ background-color: #fff; color:#333; } #top-close-menu .close-menu .menu-top,#top-close-menu .close-menu .menu-bottom{ display:none; background-repeat:no-repeat; background-image:none; background-color:none; } #top-close-menu .close-menu li{ position: relative; } #top-close-menu .close-menu li > ul{ position:relative; width:250px; left:auto; } #top-close-menu .close-menu li:hover > ul{ /*display:none;*/ } #top-close-menu .close-menu li.rollover > ul{ display:block !important; } #top-close-menu .close-menu li > a { position: relative; display: block; text-align:left; width:250px; height:44px; line-height:44px; font-size:100%; text-overflow: ellipsis; } #top-close-menu .close-menu li > a[href]{ cursor:pointer; } #top-close-menu .close-menu li > a,#top-close-menu .close-menu li > a:link,#top-close-menu .close-menu li > a[href]:hover,#top-close-menu .close-menu li > a[href]:active,#top-close-menu .close-menu li > a:visited{ color:#333; text-decoration: none; } #top-close-menu .close-menu li > a span{ display:inline-block; line-height: 1; vertical-align: baseline; } #top-close-menu .close-menu li ul li a { background-image:none; background-color: #F9F9F9; } #top-close-menu .close-menu li ul li a:hover{ background-image:none; } #top-close-menu li > a span{ position: relative; z-index: 1; margin:auto 15px; word-break: break-all; } */ /*header menu parts---------------------------------------------------------------------------------------------- */ #top-area .menu-parts{ } #top-area .menu-parts{ } /*chromeでずれる*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #top-area .menu-parts{background:url(img/bg.png) top center no-repeat;} } #top-area .menu-parts .nav li{ position: relative; } #top-area .menu-parts .nav li > ul{ width:204px; z-index:10; } #top-area .menu-parts .nav li.rollover > ul{ z-index:890; display:block !important; } #top-area .menu-parts .nav li ul li ul{ position:relative; width:204px; left:auto; } #top-area .menu-parts .nav li > a{ position: relative; display: block; text-align:center; width:204px; height:50px; line-height:50px; font-size:100%; } #top-area .menu-parts .nav li > a[href]{ cursor:pointer; } #top-area .menu-parts .nav li > a span{ /*display: table-cell;*/ display:inline-block; /*vertical-align: middle;*/ /*line-height: 1.2;*/ } #top-area .menu-parts .nav li > a span.i-fix{ position:relative; display:none; position:absolute; top:0px; left:0px; min-width:1px; min-height:1px; z-index:0; background-repeat:no-repeat; background-color: transparent; } #top-area .menu-parts .nav li > a span.r-fix{ left:auto; right:0px; } #top-area .menu-parts .nav li > a span:not(.i-fix){ position: relative; z-index: 1; margin:auto 15px; word-break: break-all; } #top-area .menu-parts .nav li ul li a { background-image:none; height:30px; line-height:30px; text-align:left; } #header .menu-parts .nav li > ul li > a{ width : 204px; display: block; } /* #4083 スクロール時メニュー ----------------------------------------------- */ #hd-sc-menu.menu-parts.is-fixed .normal-menu{ float: right; } #hd-sc-menu.menu-parts .nav > li{ height:30px; } #hd-sc-menu.menu-parts .nav li ul{ position:relative; width:204px; left:auto; } #hd-sc-menu.menu-parts .nav li ul li{ margin : 0; /*height:30px;*/ } #hd-sc-menu.menu-parts .nav li ul li ul{ position:relative; width:204px; left:auto; } #hd-sc-menu.is-fixed .nav > li > ul{ padding-top:5px; } #hd-sc-menu.menu-parts .nav li > a{ position: relative; /* font-size:100%;*/ display: inline-block; vertical-align: top; } #hd-sc-menu.menu-parts .nav li > a[href]{ cursor:pointer; display: inline-block; } #hd-sc-menu.menu-parts .nav li > a span{ display:inline-block; } #hd-sc-menu.menu-parts .nav li ul li a span{ position: relative; z-index: 1; margin:auto 15px; word-break: break-all; } #hd-sc-menu.menu-parts.is-fixed .nav > li{ margin-right : 15px; } #hd-sc-menu.menu-parts.is-fixed .nav > li > a{ height:30px; line-height:30px; } /* サブメニュー */ #hd-sc-menu.is-fixed .nav > li > ul > li{ /*height : 44px;*/ } #hd-sc-menu.is-fixed .nav > li > ul > li a{ height : 44px; line-height: 44px; } #hd-sc-menu.is-fixed .nav > li > ul > li{ margin-top:1px; } /* #hd-sc-menu.menu-parts .nav li > a span.i-fix{ position:relative; display:none; position:absolute; top:0px; left:0px; min-width:1px; min-height:1px; z-index:0; background-repeat:no-repeat; background-color: transparent; } #hd-sc-menu.menu-parts .nav li > a span.r-fix{ left:auto; right:0px; } */ #hd-sc-menu.menu-parts .nav li > a span:not(.i-fix){ margin-left:15px; word-break: break-all; } /* ロゴ(左) + メニュー(右) 固定 */ #hd-sc-menu.menu-parts .logo{ width : 220px; float: left; } #hd-sc-menu.menu-parts .logo + nav{ float: right; width : -webkit-calc(100% - 240px) ; width : calc(100% - 240px); text-align : right; } #hd-sc-menu.menu-parts .logo + nav > .nav{ display : inline-block; text-align : left; } /* #bg .ad-operation-area .ad-direct-link{ */ #hd-sc-menu.menu-parts .ad-direct-link{ width : 100%; height : 100%; /* display : inline-block;*/ position : absolute; top : 0px; left : 0px; } /*catch visual parts---------------------------------------------------------------------------------------------- */ .catch_visual-parts{ position: relative; } .catch_visual-parts .slide-container{ position: relative; overflow:hidden; } /*1枚用(camera)*/ .catch_visual-parts .camera_overlayer{ overflow: visible; } .catch_visual-parts .camera_caption,.catch_visual-parts .sp-slide > .text-box{ position:absolute; padding:10px; visibility: hidden; } .catch_visual-parts .camera_target_content{ overflow: visible; } /*3枚用(slide-pro)*/ .catch_visual-parts .sp-mask{ overflow:visible; } .catch_visual-parts .slider-pro{ position:relative; } .catch_visual-parts .sp-fade-arrows{ z-index:9; } /*キャッチビジュアル共通*/ .catch_visual-parts a.camera_link{ display: block; width: 100%; height:100%; position: relative; top:0px; left:0px; z-index: 5; } .catch_visual-parts .frame-wrapper{ display: block; width:100%; height:100%; position: absolute; top:0px; left:0px; z-index: 4; } /*キャッチビジュアル(フレーム)*/ .catch_visual-parts .frame-wrapper{ display: block; width:100%; height:100%; position: absolute; top:0px; left:0px; z-index: 4; } .catch_visual-parts .frame-wrapper .frame-item{ width:100%; height:100%; position: absolute; top:0px; left:0px; background-position: center center; background-repeat: no-repeat; } .catch_visual-parts .frame-wrapper .frame-item.top{ z-index:2; } .catch_visual-parts .frame-wrapper .frame-item.middle{ z-index:1; } .catch_visual-parts .frame-wrapper .frame-item.bottom{ top:auto; bottom:0px; z-index:3; } /*キャッチビジュアル(テキスト固定)*/ .catch_visual-parts .text-box{ font-size: 14px; } /*キャッチビジュアル(ページング)*/ .catch_visual-parts .camera_wrap .camera_pag,.catch_visual-parts .sp-buttons{ position:absolute; top:0px; z-index:9; width:100%; padding:0px; margin:0px; text-align:right; } .camera_wrap .camera_pag .camera_pag_ul{ display:inline-block; } .catch_visual-parts .camera_wrap .camera_pag .camera_pag_ul li,.catch_visual-parts .sp-button{ padding: 0px; margin:0px 0px 0px 12px; } .catch_visual-parts .camera_wrap .camera_pag .camera_pag_ul li:first-child,.catch_visual-parts .sp-button:first-child{ margin : 0px; } /*常にページングボタン表示*/ .view-type0 .sp-fade-arrows{ opacity:1; } .view-type0 .sp-fade-arrows .sp-arrow:hover,.view-type0 .camera_prev:hover,.view-type0 .camera_next:hover{ filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } /*タブレット,スマホ(PC閲覧)時*/ .device-tablet .catch_visual-parts .camera_prev, .device-tablet .catch_visual-parts .sp-horizontal .sp-previous-arrow .device-smart .catch_visual-parts .camera_prev, .device-smart .catch_visual-parts .sp-horizontal .sp-previous-arrow{ left:0px; } .device-tablet .catch_visual-parts .camera_next, .device-tablet .catch_visual-parts .sp-horizontal .sp-next-arrow .device-smart .catch_visual-parts .camera_next, .device-smart .catch_visual-parts .sp-horizontal .sp-next-arrow{ right:0px; } /*chromeのみ1pxのずれ修正*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .catch_visual-parts .camera_wrap { margin-left:-1px; } } /*side menu parts---------------------------------------------------------------------------------------------- */ .menu-parts .menu-top,.menu-parts .menu-bottom{ display:none; background-repeat:no-repeat; background-image:none; background-color:none; } #middle-area .menu-parts{ } #middle-area .menu-parts .nav li{ float:none; } #middle-area .menu-parts .nav li ul{ width:230px; top:0px; left:230px; z-index:5; } #middle-area .side-right-area .menu-parts .nav li ul{ left:auto; right:230px; } #middle-area .menu-parts .nav li > a{ position: relative; display: block; text-align:left; width:230px; height:50px; line-height:50px; font-size:100%; } #middle-area .menu-parts .nav li > a[href]{ cursor:pointer; } #middle-area .menu-parts .nav li > a span{ /*display: table-cell;*/ display:inline-block; /*vertical-align: middle;*/ /*line-height: 1.2;*/ margin-left:10px; word-break: break-all; margin:auto 15px; } #middle-area .menu-parts .nav li > a:hover{ } #middle-area .menu-parts .nav li ul li a{ background-image:none; text-align:left; height:30px; line-height:30px; } #middle-area .menu-parts .nav li.local-menu > ul{ display: block; position: relative; left:0px; } #middle-area .side-area .menu-parts .nav.vertical-nav li ul{ position: relative; left:0px; right:0px; } #middle-area .side-area .menu-parts .nav.vertical-nav li.rollover > ul{ display:block !important; } /* snsボタン */ div.sns-btn-area ul li { line-height:0; width:auto; height:auto; margin-left:5px; } div.sns-btn-area ul li.facebook-btn{ width:auto; padding-top:2px; } div.sns-btn-area ul li.twitter-btn{ width : 75px; padding-top:2px; } div.sns-btn-area ul li.google-btn{ width : 65px; } /*非公開*/ #middle-area .menu-parts .close-menu .menu-top{ background-image: none; height:30px; line-height:30px; display: inline-block; } #middle-area .menu-parts .close-menu .menu-top span{ display: inline-block; } /*ローカル*/ #middle-area .menu-parts .local-menu .menu-top{ background-image: none; height:30px; line-height:30px; } #middle-area .menu-parts .local-menu .menu-top span{ display: inline-block; } .menu-top > span{ margin:0px 10px; } /*side contact parts---------------------------------------------------------------------------------------------- */ #middle-area .contact-parts div.tel-box{ text-align:center; } #middle-area .contact-parts div.text-box{ padding: 0 15px 0 15px; } #middle-area .contact-parts div.content-box a{ text-decoration:none; } #middle-area .contact-parts div.content-box a > div{ text-align:center; padding: 0 15px 15px 15px; } #middle-area .contact-parts div.content-box span.link-button{ display:block; border-radius:4px; padding:10px 5px 10px 5px; font-weight:bold; } /*side link parts---------------------------------------------------------------------------------------------- */ .side-area .slink-parts{ } .side-area .slink-parts ul{ line-height:0; } .side-area .link-parts table.link-text td.link-text-td1, #bottom-area .link-parts table.link-text td.link-text-td1{ width:12px; vertical-align:top; } .side-area .link-parts table.link-text td.link-text-td2, #bottom-area .link-parts table.link-text td.link-text-td2{ width:auto; text-align:left; } .side-area .link-parts table.link-text td.link-text-td2 span, #bottom-area .link-parts table.link-text td.link-text-td2 span{ text-align:left; } /*free parts---------------------------------------------------------------------------------------------- */ .side-area .free-parts{ } .side-area .free-parts ul{ } /*counter parts---------------------------------------------------------------------------------------------- */ .counter { float : left; /* width : 16px; height : 20px; */ padding:1px 4px; font-size:88%; font-weight : normal; line-height : 1.6; text-align: center; margin-right : 2px; } /*map parts---------------------------------------------------------------------------------------------- */ .parts-record .map-capture { overflow : hidden; } .parts-record .map-iframe { display : none; overflow : hidden; border : 0; padding : 0; margin : 0; } /*munu_list-parts-----------------------------------------------------------------------------------------*/ #bottom-area #parts12-center{ text-align:center; } #bottom-area #parts12-center a{ padding: 0 5px; display: inline-block; font-size:88%; margin: 0; } /* #bottom-area .munu_list-parts nav > a{ display: inline-block; font-size:88%; margin: 0; padding: 0 5px; } */ /*footer parts---------------------------------------------------------------------------------------------- */ .footer-parts{ /*font-size:88%;*/ font-size:12px; } .footer-parts .ad-logo-text{ font-size : 20px; } #footer{ width:auto; height:160px; /* ヘッダー編集のグリッド線用 */ background-repeat : repeat; position:relative; } #bg.pc-one-column #footer{ } #footer-exmenu { max-height:35px; } #footer-exmenu ul li{ line-height:35px; padding-left:8px; } #footer-exmenu ul li i.fa-caret-right{ margin-right:5px; } .footer-parts .ad-drag-item, .footer-parts .drag-item { display:block; position:absolute; top:0px; left:0px; } .footer-parts .ad-resize-item{ min-width:10px; min-height:10px; } .footer-parts .address .address-box{ } .footer-parts .copyright{ } /*header parts index---------------------------------------------------------------------------------------------- */ .footer-parts .logo{ z-index:7; } #bg .footer-parts .logo a:link{ text-decoration: none; } .footer-parts .exmenus{ z-index:6; } .footer-parts .address{ z-index:5; } .footer-parts .text{ z-index:4; } .footer-parts .copyright{ z-index:3; } .footer-parts .sns{ z-index:2; } .footer-parts .qr{ z-index:1; } /*footer exmenu parts---------------------------------------------------------------------------------------------- */ .footer-parts .exmenus{ min-width:100px; } .footer-parts .exmenus li{ margin-right:1px; margin-bottom:1px; } .footer-parts .exmenus li a{ padding:3px 5px; } .footer-parts .exmenus li a i.fa{ margin-right:5px; } .pc-one-column .footer-parts .exmenus li a{ } .footer-parts .exmenus li a,.footer-parts .exmenus li a:link{ } .footer-parts .exmenus li a:hover,.footer-parts .exmenus li a:active{ } .device-change-area{ text-align: center; padding:30px 0px; font-size: 18px; } .device-change-area .fa-mobile{ font-size: 24px; vertical-align: middle; margin-top:-3px; } /*footer sns parts---------------------------------------------------------------------------------------------- */ .footer-parts .sns a.sns-link-icon{ display : block; width:28px; height:28px; background-size:auto 28px; background-image: url("./images/sns_logo.png"); background-repeat:no-repeat; margin-right: 5px; /* #3039 WA icon */ text-indent:100%; white-space:nowrap; overflow:hidden; } .footer-parts .sns a.sns-link-icon:last-child{ margin-right: 0px; } .footer-parts .sns a.facebook-link{ background-position: 0px 0px; } .footer-parts .sns a.twitter-link{ background-position: -30.5px 0px; } .footer-parts .sns a.google-link{ background-position: -61px 0px; } /*footer menu parts---------------------------------------------------------------------------------------------- */ .menu_list-parts{ padding:20px 0px; font-size:88%; line-height:180%; } .pc-one-column .menu_list-parts{ /*font-size:100%;*/ } .menu_list-parts #parts13-center{ text-align:center; } .menu_list-parts #parts13-center .footer-normal-menu a{ padding: 0px 5px; display: inline-block; } /*.menu_list-parts #parts13-center .footer-normal-menu span:first-child{ letter-spacing: -0.4em; }*/ .menu_list-parts .footer-list-menu{ display : inline-block; vertical-align :top; } .menu_list-parts .footer-list-menu li{ text-align:left; /* overflow: hidden;*/ white-space: nowrap; text-overflow: ellipsis; } .menu_list-parts .footer-list-menu li > *{ vertical-align :middle; } .menu_list-parts .footer-list-menu li i{ font-size:88%; margin-right:10px; } .menu_list-parts .footer-list-menu a{ white-space: normal; } /*footer link parts---------------------------------------------------------------------------------------------- */ #link_parts_box{ letter-spacing:-.40em; } #link_parts_box .parts-record { letter-spacing:normal; } /*to top parts---------------------------------------------------------------------------------------------- */ #totop-btn{ display:none; width:40px; height:40px; line-height:40px; position:fixed; right:20px; bottom:20px; text-align:center; background-color:#999999; color:#FFFFFF; /*border : 1px solid #FFFFFF;*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer; z-index:90; } /*拡大アイコン---------------------------------------------------------------------------------------------- */ .zoom_box { position : relative; font-size : 0; } .zoom_img { position : absolute; bottom : 0; right : 0; } /*詳細アイコン---------------------------------------------------------------------------------------------- */ .detail_box { position : relative; font-size : 0; } .detail_img { position : absolute; bottom : 0; right : 0; } .detail_img_freame { position : absolute; bottom : 0; right : 10px; } /*block type---------------------------------------------------------------------------------------------- */ #block-lists{ position:relative; } .block{ margin-top:20px; } .record-lists{ position:relative; } .record{ float:left; margin-right:20px; /* margin-bottom:20px;*/ } .general-img{ float:left; } .general{ overflow: hidden; margin-top: 20px; } .record.link-box{ position : relative; } .record.link-box .r-list-link{ width : 100%; height : 100%; display : block; text-decoration : none; background : transparent; position : absolute; top : 0px; left : 0px; z-index : 5; } .record-row1 .record,.general-row1 .general-img{ width:700px; margin-right:0px; float:none; } .record-row2 .record,.general-row2 .general-img{ width:340px; } .record-row2 .record:nth-child(2n),.general-row2 .general-img:nth-of-type(2n){ /*float:right;*/ margin-right:0px; } .record-row2 .record:nth-child(2n+1),.general-row2 .general-img:nth-of-type(2n+1){ clear:both; } .record-row3 .record,.general-row3 .general-img{ width:220px; } .record-row3 .record:nth-child(3n),.general-row3 .general-img:nth-of-type(3n){ /*float:right;*/ margin-right:0px; } .record-row3 .record:nth-child(3n+1),.general-row3 .general-img:nth-of-type(3n+1){ clear:both; } .record-row4 .record,.general-row4 .general-img{ width:160px; } .record-row4 .record:nth-child(4n),.general-row4 .general-img:nth-of-type(4n){ /*float:right;*/ margin-right:0px; } .record-row4 .record:nth-child(4n+1),.general-row4 .general-img:nth-of-type(4n+1){ clear:both; } .record-row5 .record,.general-row5 .general-img{ width:124px; } .record-row5 .record:nth-child(5n),.general-row5 .general-img:nth-of-type(5n){ /*float:right;*/ margin-right:0px; } .record-row5 .record:nth-child(5n+1),.general-row5 .general-img:nth-of-type(5n+1){ clear:both; } /* .dragging-record{ padding:100px; } .record-lists .record-last{ float:right; margin-right:0px; } */ body: first-of-type .iconDetail .icon{ margin-top: 0px; margin-left: 0px; } .float_end{ clear : both; width : 0px; height : 0px; font-size : 0px; line-height : 0px; } /*エディタ入力時の対応*/ [data-direct-type="editor"] ul{ list-style-type: disc; padding-left:1em; } [data-direct-type="editor"] ol{ list-style-type: decimal; padding-left:1.2em; } /*chromeのみ1pxのずれ修正*/ @media screen and (-webkit-min-device-pixel-ratio:0) { [data-direct-type="editor"] ul{ padding-left:1.2em; } } /* #5062 mori */ @media all and (-ms-high-contrast: none){ .type016-block [data-direct-type="editor"] ol{ list-style-type: decimal; padding-left:1.5em; } [data-direct-type="editor"] ul{ padding-left:1.2em; } } /* ぺーじめくり */ .block-paginator span { display : inline-block; line-height: 1; vertical-align: middle; padding: 6px; border : 2px solid #ccc; background-color: #fff; } #bg .block-paginator a[href]:link, #bg .block-paginator a[href]:active, #bg .block-paginator a[href]:visited, #bg .block-paginator a[href]:hover { color : #005FBD; text-decoration : none; } #bg .paginator span { line-height: 1.4; } /*プリセットボタン---------------------------------------------------------------------------------------------- */ .preset-btn-box .preset-btn { width : auto; -webkit-border-radius: 10; -moz-border-radius: 10; /* border-radius: 10px;*/ border-radius: 5px; font-weight:bold; /*font-size: 129%;*/ text-decoration: none; text-align: center; } .preset-btn-box .preset-btn:hover { text-decoration: none; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } .preset-btn-box .title { padding : 10px 10px; } .pc-one-column .preset-btn-box .title { padding : 12px 10px; } .preset-btn-box .title > *{ vertical-align: middle; display: inline; } .preset-btn-box .preset-btn .title i.fa { /* font-size:171%;*/ } .preset-btn-box .preset-btn .title span { /* font-size:114%;*/ } .preset-btn-box .tel { font-size:114%; } .pc-one-column .preset-btn-box .title { padding : 12px 10px; } /*テキストアイコン---------------------------------------------------------------------------------------------- */ .t-icon-tip{ display: inline-block; min-width:58px; height: 20px; line-height: 20px; text-align:center; vertical-align:middle; word-break: normal; font-weight:normal; font-size:12px; font-style:normal; color:#FFFFFF; border: 1px solid #FFFFFF; padding:0px 2px; font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif; margin-right:5px; } .t-icon-1 { /*注目*/ background:#00A3D9; } .t-icon-2 { /*オススメ*/ background:#008C23; } .t-icon-3 { /*チェック*/ background:#7A4DFF; } .t-icon-4 { /*重要*/ background:#D90000; } .t-icon-new { /*NEW*/ width:44px; background:#FF8000; } .t-icon-new2 { /*新築*/ width:44px; background:#00479d; } .new_car-1{ /*新車*/ width:44px; background:#A9A9A9; } .new_car-2{ /*中古車*/ width:44px; background:#A9A9A9; } /*ファイルダウンロード*/ .dl-file-box{ display : table; width : 100%; } .dl-file-box li { display : table-cell; vertical-align : middle; padding : 15px 0; } .dl-file-box li.cell1 { width : 30px; font-size: 72%; color : #ccc; text-align : center; } .dl-file-box li.cell2 { width : auto; } /*type001---------------------------------------------------------------------------------------------- */ .type001-block .record{ } .type001-block .media{ text-align: center; } .type001-block .media .caption{ /* margin-top: 10px;*/ text-align: left; /*font-size: 88%;*/ } .type001-block .text{ /* margin-top:15px;*/ } /* .pc-one-column .type001-block .media .caption{ font-size:88%; } */ /*リスト時*/ .type001-block .laytou-list .media{ /* margin-bottom:15px;*/ } .type001-block .laytou-list .media.fl-left{ margin-right:20px; } .type001-block .laytou-list .media.fl-right{ margin-left:20px; } .type001-block .laytou-list .text{ margin-top:0px; /* margin-bottom:15px;*/ } /*type002---------------------------------------------------------------------------------------------- */ .type002-block button { color: #333; } .type002-block .map-capture { overflow : hidden; } .type002-block .map-iframe { display : none; border : 0; overflow : hidden; padding : 0; margin : 0; vertical-align: bottom; } /*type003---------------------------------------------------------------------------------------------- */ .type003-block .slide-link{ width : 100%; height : 100%; position : absolute; top : 0px; left : 0px; display : none; z-index : 6; } .type003-block .slide-prev-btn,.type003-block .slide-next-btn{ text-shadow : -1px -1px 4px rgba(0, 0, 0, 0.6); height : 100px; display : block; cursor : pointer; font-size : 100px; color : #ffffff; margin-top : -50px; z-index : 4; position : absolute; top : 50%; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } .type003-block .slide-prev-btn{ left : 10px; } .type003-block .slide-next-btn{ right : 10px; } .type003-block .slide-frame{ z-index : 4; width : 100%; height : 100%; position : absolute; top : 0px; left : 0px; display : block; } .type003-block .slide-pager{ /* margin-top : 10px;*/ } .type003-block .slide-pager li.activeSlide .slider-thumb{ /* border: solid 5px #000000;*/ -webkit-box-shadow: 0 0 0 5px #000 inset ; box-shadow: 0 0 0 5px #000 inset ; } .type003-block .slide-pager [data-carousel-control="left"], .type003-block .slide-pager [data-carousel-control="right"]{ height : 80px; padding-top : 17px; } /*webアクセシビリティ設定時のはこちらのcssを読む*/ .type003-block .slide-pager.icon_caption_box [data-carousel-control="left"], .type003-block .slide-pager.icon_caption_box [data-carousel-control="right"]{ height : 80px; padding-top : 8px; } .type003-block .slide-pager [data-carousel-control="left"]{ padding-right:2px; } .type003-block .slide-pager [data-carousel-control="right"]{ padding-left:2px; } .type003-block .type003-wrap { overflow:hidden; position:relative; } .type003-block .type003-slider{ z-index:1; } .type003-block .slide-img{ width:100%; text-align:center; } .type003-block .type003-caption{ position:absolute; bottom:0px; left:0px; z-index:3; opacity:0.7; } .type003-block .slide-prev-btn .fa, .type003-block .slide-next-btn .fa{ display:block; opacity:0; } /*webアクセシビリティ設定時webアクセシビリティ設定時*/ .type003-block .slide-prev-btn .icon_caption, .type003-block .slide-next-btn .icon_caption{ font-size:36px; opacity:0; float:left; vertical-align: middle; height: 100px; line-height: 100px; font-weight: bold; padding-top: 3px; } /* type004 --------------------------------------------------------------------------------------------*/ /* type003タイトル */ .type004-block .img-title{ position:absolute; bottom :0px; /*height:30px;*/ overflow:hidden; } #bg .type004-block .img-title{ /* 下線が指定してあると下線がついてしまうため */ text-decoration: none; } .type004-block .img-title .title{ padding:10px; } .type004-block .img-title.type003-before-title{ left : 0px; } .type004-block .img-title.type003-after-title{ right : 0px; } .type004-block a.media-link{ margin:0 auto ; } .type004-block .file-box{ background-color:#000 !important; } .type004-block div.gl-type3 .block-media{ font-size:100% !important; } .type004-block .before-media{ position:relative; } .type004-block .before-media-box, .type004-block .after-media-box{ overflow:hidden; } .type004-block .before-title-box, .type004-block .after-title-box{ width:100%; padding:10px; } .type004-block #beforeafter_arrow{ float:left; } .type004-block .after-media{ height:auto; position:relative; } /*type005---------------------------------------------------------------------------------------------- */ .type005-block .flash-cont{ text-align:center; } .type005-block .flash-cont > div{ margin:auto; } .type005-block .flash-cont object{ visibility:visible; margin:0 auto; } .type005-block div.pc-unplay{ position:relative; width:100%; height:100%; padding:66% 0 0; } .type005-block div.pc-unplay > div{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:#999999; } .type005-block div.pc-unplay > div > p{ margin-top:26%; color:#FFFFFF; } .type005-block div.pc-unplay > div > a{ text-decoration:underline !important; color:#FFFFFF !important; } .type005-block div.tablet-unplay{ position:relative; width:100%; height:100%; padding:66% 0 0; } .type005-block div.tablet-unplay > div{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:#999999; } .type005-block div.tablet-unplay > div > p{ color:#FFFFFF; } .type005-block div.tablet-unplay > div > p:first-child{ margin-top:26%; } /*type006---------------------------------------------------------------------------------------------- */ .type006-block marquee{ height:160%; line-height: 150%; vertical-align: middle; } .type006-block div.span_tip{ display:none; } .type006-block div.marquee-stage{ height:160%; } /*type009---------------------------------------------------------------------------------------------- */ .type009-block div.preset-btn-box a{ text-decoration:none !important; } .type009-block span.icon-span, .type009-block span.title-span{ display:inline !important; } .type009-block div.tel{ text-align:center; } /*type010---------------------------------------------------------------------------------------------- */ .type010-btn { text-align : center; } .type010-btn img { max-width : 100%; } /* #1768 2016/4/14 */ .type010-btn img:nth-child(1):hover{ filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } .type010-btn img:nth-child(2){ display : none; } .type010-block div.btn-image-box{ line-height:0 !important; } /*type011---------------------------------------------------------------------------------------------- */ .type011-box { /* margin : 15px 0 0 0; padding : 0 0 15px 0;*/ /* border-bottom : 1px dotted #333;*/ } .type011-arrow { /* font-size:18px !important;*/ font-size:126% !important; /* color:#ccc;*/ position:relative; top:0.1em; } .pc-one-column .type011-arrow { font-size:20px !important; /* color:#ccc;*/ position:relative; top:0.1em; } .type011-title { float : left; } .type011-lnk { line-height : 1.6; } .type011-block table.link-text td.icon-td{ vertical-align:top; padding-right:10px; position:static; } /*type012---------------------------------------------------------------------------------------------- */ .type012-box a:hover{ color : #005FBD; text-decoration : underline !important; } .type012-box a:active{ color : #005FBD; text-decoration : none; } .type012-box a:focus{ color : #005FBD; text-decoration : none; } .type012-box a:link{ color : #005FBD; text-decoration : none; } .type012-box a:visited { /*color : #609;*/ color : #005FBD; text-decoration : none; } .type012-list { display: table; width : 100%; margin : 15px 0 0 0; /* border-bottom : 1px dotted #666;*/ } .type012-block .record div.cell { display : table-cell; vertical-align : middle; } .type012-block .record div.cell1 { /*width : 86px;*/ width : 6em; text-align : left; white-space : nowrap; /* padding : 10px 0;*/ } .type012-block .record div.cell2 { width : auto; text-align : left; /* padding : 10px 10px 10px 15px;*/ } .type012-block .record div.cell3 { width:70px; } .type012-block .record div.cell3 > div{ width:70px; } .type012-block .caption{ margin-top: 10px; text-align: left; font-size: 88%; } .type012-turn-box { float : left; width : 50%; } .type012-block .m-block-reset{ margin-bottom:30px; } .pc-one-column .type012-block .m-block-reset{ margin-bottom:40px; } .type012-block .rss-btn .fa-rss-square,.type013-block .rss-btn .fa-rss-square ,.type122-block .rss-btn .fa-rss-square{ font-size : 172%; } .type012-block .rss-btn,.type013-block .rss-btn ,.type122-block .rss-btn{ margin-right:10px; } /*type013---------------------------------------------------------------------------------------------- */ /* #5176 カテゴリタブ >>>>> */ .type013-block .type013_cat_box { width : 100%; } .type013-block .type013_cat_box button{ display : inline; border-radius : 5px; -webkit-border-radius : 5px; -moz-border-radius : 5px; margin-right : 20px; border : solid 1px #ccc; padding : 10px; text-align : left; } /* ラベル */ .type013-label { height : 20px; line-height : 20px; font-size : 12px; border-radius : 3px; -webkit-border-radius : 3px; -moz-border-radius : 3px; padding : 2px 6px; } /* #5176 カテゴリタブ <<<<< */ .type013-block a:hover{ color : #005FBD; text-decoration : underline !important; } .type013-block a:active{ color : #005FBD; text-decoration : none; } .type013-block a:focus{ color : #005FBD; text-decoration : none; } .type013-block a:link{ color : #005FBD; text-decoration : none; } .type013-block a:visited { /*color : #609;*/ color : #005FBD; text-decoration : none; } .type013-block .record-lists { width : 100%; } /* #1852 table削除 */ .type013-block .record{ width : 100%; /* margin-bottom:0px;*/ } #middle-area .type013-block .record{ /* margin-bottom:0px;*/ } /* #1852 table追加 */ .type013-block .type013-list { display : table; } .type013-block .record div.cell { display : table-cell; vertical-align : middle; } .type013-block .record div.cell1 { /* width : 86px;*/ width : 6em; text-align : left; white-space : nowrap; /* padding : 10px 0;*/ } .type013-block .record div.cell2 { width : auto; text-align : left; /* padding : 10px 0 10px 15px;*/ } .type013-block .type013-turn-box { float : left; width : 50%; } .type013-block .type013-bottom-list { display : table; width : 100%; /* line-height:1.0;*/ } .type013-block .type013-bottom-list li { display : table-cell; vertical-align : middle; /* padding : 15px 0;*/ /* border-bottom : 1px dotted #666;*/ } .type013-block .type013-bottom-list li.cell1 { width : 31px; /* font-size: 72%; color : #ccc;*/ text-align : center; } .type013-block .type013-bottom-list li.cell2 { width : auto; } .type013-block .type013-new { display : inline-block; color : #fff; background : #FF8000; padding : 2px; } .footer-box{ line-height:0; } .type013-block .caption{ margin-top: 10px; text-align: left; font-size: 88%; } .type013-block .m-block-reset{ margin-bottom:30px; } .pc-one-column .type013-block .m-block-reset{ margin-bottom:40px; } .type013-block .record div.period-text{ display:block; position:absolute; top:0px; left:6px; } .type013-play-circle { opacity : 0.5; font-size : 126%; } /*type014---------------------------------------------------------------------------------------------- */ .type014-block p.list-title{ margin-top:-2px; } .type014-record .slide-area{ } .type014_back_lnk { text-align : right; margin-bottom : 10px; } .type014_main_img_box { float: left; } .type014_main_img { float : left; font-size : 12px; line-height : 0px; text-align : center; } .type014-block .item_img_box div.media:nth-child(2n){ /* margin-bottom:15px;*/ } .type014_slider_box { float : right; width : 80px; font-size : 12px; line-height : 0px; text-align : center; margin-left: 15px; } .slider_btn { width: 80px; height: 25px; border: solid 1px #C6C6C6; cursor : pointer; } .type014_slider_box img { cursor : pointer; } .type014_slider { overflow : hidden; width : 80px; margin : 0; } .type014_slider_tbl { font-size: 40px; margin-top: 15px; margin-bootm: 15px; } .type014_slider_tbl { width : 78px; height : 78px; border : 1px solid #cccccc; } .type014_slider_tbl td { font-size : 6px; line-height : 0px; text-align : center; vertical-align : middle; } .type014_img_alt { margin : 10px 0px 0px 0px; } .type014 .contents_title { margin : 10px 0px 10px 0px; } .type014_file_tbl { width : 100%; margin : 20px 0px 0px 0px; } .type014_file_tbl .line_td { width : 100%; height : 1px; background : url('./image/type014/dotted-trans.png') repeat-x top; } .type014_file_tbl .icon_td { width : 8%; font-size : 0px; line-height : 0px; text-align : center; padding : 5px 0px; } .type014_file_tbl .file_info_td { width : 92%; padding : 5px 0px; } .type014_banner_box { font-size : 0px; line-height : 0px; text-align : center; margin : 20px 0px 0px 0px; } .type014_slider_tbl .caption { display:none; } .pri_type000 { display:none; } .type014-block .margin-reset:last-child{ margin-bottom:0px; } .type014-block div.list-title-box > p.list-title > span > a{ text-decoration:underline !important; } .type014-block div.back-btn{ text-align:right !important; } .type014-block div.type014_main_img_box{ overflow:hidden; } .type014-block table.file-table{ width:100% !important; } .type014-block table.file-table td.icon-td{ width:20px; vertical-align:middle; text-align:right; } .type014-block table.file-table td.name-td{ vertical-align:middle; padding-left:10px; } .type014-block .type014-bottom-list ,.general-bottom-list { display : table; width : 100%; line-height:1.0; } .type014-block .type014-bottom-list li,.general-bottom-list li{ display : table-cell; vertical-align : middle; } .type014-block .type014-bottom-list li.cell1,.general-bottom-list li.cell1{ width : 31px; font-size: 72%; color : #ccc; text-align : center; } .type014-block .type014-bottom-list li.cell2,.general-bottom-list li.cell2{ width : auto; } .type014-block .item_img_box div.caption { width: 100%; margin-right: 0px !important; } .type014-block .t-icon-tip { line-height:1.6 !important; } /*type015---------------------------------------------------------------------------------------------- */ .type015-block .little-table{ width : 100%; } .type015-block .little-cell{ /* width : 75%;*/ width : 100%; vertical-align:top; } .type015-block .little-cell2{ width : 25%; vertical-align:middle; padding : 20px 0 20px 0; } .type015-record .slide-area{ } .type015_page { /* margin-top:15px;*/ } .type015_back_lnk { text-align : right; margin-bottom : 10px; } .type015_main_img_box { float: left; overflow:hidden; } .type015_main_img_box .caption{ /* margin-top:10px;*/ font-size:85%; } .type015_main_img { float : left; font-size : 12px; line-height : 0px; text-align : center; } .item_img_box .caption { /* line-height:3.5;*/ } .type015_slider_box { float : right; width : 80px; font-size : 12px; line-height : 0px; text-align : center; margin-left: 15px; } .slider_btn { width: 80px; height: 25px; border: solid 1px #C6C6C6; cursor : pointer; } .type015_slider_box img { cursor : pointer; } .type015_slider { overflow : hidden; width : 80px; margin : 0; } .type015_slider_tbl { font-size: 40px; margin-top: 15px; margin-bootm: 15px; } .type015_slider_tbl { width : 78px; height : 78px; border : 1px solid #cccccc; } .type015_slider_tbl td { font-size : 6px; line-height : 0px; text-align : center; vertical-align : middle; } .type015_img_alt { margin : 10px 0px 0px 0px; } .type015 .contents_title { margin : 10px 0px 10px 0px; } .type015_file_tbl { width : 100%; margin : 20px 0px 0px 0px; } .type015_file_tbl .line_td { width : 100%; height : 1px; background : url('./image/type015/dotted-trans.png') repeat-x top; } .type015_file_tbl .icon_td { width : 8%; font-size : 0px; line-height : 0px; text-align : center; padding : 5px 0px; } .type015_file_tbl .file_info_td { width : 92%; padding : 5px 0px; } .type015_banner_box { font-size : 0px; line-height : 0px; text-align : center; margin : 20px 0px 0px 0px; } .type015_title { /* padding: 20px 0 15px 0;*/ font-size: 120%; /* border-bottom: 1px dotted #686859;*/ /* margin-bottom: 15px;*/ } .type015_text { /* margin-bottom: 10px;*/ /* padding-bottom: 15px;*/ /* border-bottom: 1px dotted #686859;*/ } .type015_file { margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px dotted #686859; } .type015_slider_tbl .caption { display:none; } .pri_type000 { display:none; } /* #1961 */ /* .type015-block .block-media.all-media{ border:none; } */ .type015-block span.item-list-name > a{ text-decoration:underline !important; } .type015-block table.item-description td{ /* padding-right:10px;*/ } .type015-block div.back-btn{ text-align:right; } .type015-block span.icon-span{ display:inline-block; margin:0px 5px; } .type015-block p.slogan{ line-height:1.5; width:auto; border-bottom:2px solid #ccc; } .type015-block table.item-status{ width:100%; } .type015-block table.item-status td.status-td1{ vertical-align:middle; width:50%; border-right:1px solid #ccc; } .type015-block table.item-status td.status-td2{ text-align:left; vertical-align:middle; width:50%; } .type015-block table.item-price-table{ /* width:100%;*/ } .type015-block td.price-table-td1{ vertical-align:middle; } .type015-block td.price-table-td1 p{ display:inline; float:right; } .type015-block td.price-table-td2{ vertical-align:middle; text-align:right; } .type015-block td.price-table-td3{ vertical-align:middle; width:50px; } .type015-block td.price-table-td4{ vertical-align:middle; } .type015-block td.price-table-td5{ text-align:right; vertical-align:middle; } .type015-block td.price-table-td6{ vertical-align:middle; } .type015-block [data-carousel-control="left"] { margin-right: 15px !important; } .type015-block .t-icon-tip { line-height:1.6 !important; } .type015_main_img .block-media { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* .type015-block ul.vSlider-thumbnail-box .block-media{ padding-bottom: 100% !important; } .type015-block ul.vSlider-thumbnail-box .block-media .media_box{ top: 10px; } .pc-one-column .type015-block ul.vSlider-thumbnail-box .block-media .media_box{ top: 15px; } */ /*type016---------------------------------------------------------------------------------------------- */ .question_title { display: block; /* margin:0 0 15px 0;*/ /* padding:0 0 0 0;*/ /* height: 39px;*/ /* border-bottom: 1px dotted #000000;*/ } .type016-block .margin-reset:last-child{ margin-bottom:30px; } .pc-one-column .type016-block .margin-reset:last-child{ margin-bottom:40px; } .type016-block .all-open-btn { text-align:left; text-decoration:none; } .type016-block .all-open-btn a{ display:inline-block; text-align:center; height:auto; padding: 8px 5px; border:2px solid rgba(0,0,0,0.3); } .type016-block table.question-table{ width:100%; } .type016-block table.question-table td.question-table-td1{ vertical-align:middle; padding: 0 0 0 15px; } .type016-block table.question-table td.question-table-td2{ width:20px; vertical-align:middle; padding: 0 15px 0 15px; } .type016-block table.question-table td.question-table-td2 a.a-question-button{ cursor:pointer; font-size:200%; line-height:0; } /*開閉ボタンを変更*/ .type016-block table.question-table .open-btn a{ display:inline-block; text-align:center; height:auto; padding: 5px 5px; border:2px solid; border-radius: 3px; } .type016-block table.file-table, .type016-block table.link-table{ width:100%; } .type016-block table.file-table td.file-table-td1{ width:20px; vertical-align:middle; text-align:right; } .type016-block table.file-table td.file-table-td2{ vertical-align:top; padding-left:10px; } .type016-block table.link-table td.link-table-td1{ width:20px; vertical-align:middle; text-align:right; } .type016-block table.link-table td.link-table-td2{ vertical-align:top; padding-left:10px; } /*.type016-block table.link-table td.link-table-td1 span{ font-size:72%; color:#ccc; }*/ .type016-block .type016-bottom-list { display : table; width : 100%; line-height:1.0; } .type016-block .type016-bottom-list li { display : table-cell; vertical-align : middle; /* padding : 15px 0;*/ /* border-bottom : 1px dotted #666;*/ } .type016-block .type016-bottom-list li.cell1 { width : 31px; font-size: 72%; color : #ccc; text-align : center; } .type016-block .type016-bottom-list li.cell2 { width : auto; } /* #3093 webac対応 */ #bg.webac .type016-block table.question-table td.question-table-td2{ width : 110px; } #bg.webac .type016-block table.question-table td.question-table-td2 .a-question-button{ font-size:14px; } /*type018---------------------------------------------------------------------------------------------- */ .type018-block table td.layout1-td1{ width:35px; text-align:right; padding-right:10px; vertical-align:top; } .type018-block table td.layout1-td1 div{ display:block; width:auto; height:auto; } .type018-block table td.layout1-td1 div i{ font-size:30px; color:#b98683; } .type018-block table td.layout1-td2{ vertical-align:top; padding-left:0px; } .type018-block table td.layout1-td2 > div > a{ float:left; } .type018-block table td.layout1-td2 > div p.file-size-date { float:left; } .type018-block table td.layout1-td2 > div p.file-text-icon { float:left; margin-left:15px; } .type018-block table td.layout1-td2 div.record-text { clear:both; } .type018-block table td.layout2-td1{ border-collapse:separate; text-align:center; } .type018-block table td.layout2-td1 > div{ display:block; } .type018-block table td.layout2-td1 > div table.anther-ext{ display:block; margin:0 auto; } .type018-block table td.layout2-td1 > div table.anther-ext td{ border-collapse:separate; vertical-align:middle; box-shadow:1px 2px 3px 0 rgba(0, 0, 0, 0.3); font-size:12px; text-align:center; margin:0 auto; background:#CCCCCC; color:#FFF; font-weight:800; } .type018-block table td.layout2-td2{ vertical-align:top; padding-left:20px; } .type018-block table td.layout2-td2 div{ display:block; width:auto; height:auto; } .type018-block table td.layout2-td2 div .dlf{ float:left; } .type018-block table td.layout2-td2 div i.fa-file{ color:#b98683; float:left; line-height:1.5; } .type018-block table td.layout2-td2 div p.file-size-date{ float:left; } .type018-block table td.layout2-td2 div.record-text{ clear:both; } .type018-block table td.layout2-td2 p.text-icon-p{ float:left; margin-left:15px; } .type018-block table td.layout3-td1{ border-collapse:separate; padding:0px; text-align:center; vertical-align:middle; } .type018-block table td.layout3-td1 div{ display:block; padding:0px; } .type018-block table td.layout3-td1 > div table.anther-ext{ display:block; margin:auto; margin-bottom:10px; } .type018-block table td.layout3-td1 > div table.anther-ext td { border-collapse:separate; vertical-align:middle; box-shadow:1px 2px 3px 0 rgba(0, 0, 0, 0.3); font-size:12px; text-align:center; margin:0 auto; background:#CCCCCC; color:#FFF;font-weight:800; } /* #3093 */ #bg.webac .type018-block table td.layout1-td2 > div > a p{ display : inline-block; } #bg.webac .type018-block table td.layout1-td2 > div p.file-size-date{ float : none; } /*type020---------------------------------------------------------------------------------------------- */ .type020-type001 { background: url('./images/type020/type001.png')no-repeat; background-size:cover; width:580px; height:92px; } .type020-type002 { background: url('./images/type020/type002.png')no-repeat; background-size:cover; width:580px; height:92px; } .type020-type003 { background: url('./images/type020/type003.png')no-repeat; background-size:cover; width:580px; height:92px; } .type020-type004 { background: url('./images/type020/type004.png')no-repeat; background-size:cover; width:580px; height:92px; } .type020-type005 { background: url('./images/type020/type005.png')no-repeat; background-size:cover; width:580px; height:92px; } .type020-type006 { background: url('./images/type020/type006.png')no-repeat; background-size:cover; width:580px; height:92px; } .type020-type007 { background: url('./images/type020/type007.png')no-repeat; background-size:cover; width:580px; height:92px; } .type020-type008 { background: url('./images/type020/type008.png')no-repeat; background-size:cover; width:580px; height:92px; } .type020-type009 { background: url('./images/type020/type009.png')no-repeat; background-size:cover; width:580px; height:92px; } .background-box{ margin: 0 auto; text-align:center; } .type020-title1 { font-size:24px; font-weight:bold; width:auto; } .type020-title2 { font-size:14px; } .type020-block div.background-box{ background-size:cover !important; } .type020-block div.type020-title{ height:100%; } .type020-block div.type020-title > table{ height:100%; margin: 0 auto; } .type020-block div.type020-title > table td.type020-td1{ font-size:30px; padding:0 5px 0 5px; vertical-align:middle; text-align:right; } .type020-block div.type020-title > table td.type020-td2{ font-size:24px; vertical-align:middle; text-align:left; font-weight:bold; } .type020-block div.type020-title > table td.type020-td2 div{ max-width:530px; line-height:1.4; } /* ================================================================== サイトマップ --- type021 ================================================================== */ .type021text{ margin-bottom:10px; } .type021sitemap .nottag{ max-height:0px; } .type021sitemap li{ list-style:none; } /****ノーマル***************************/ .type021sitemap{ width : 100%; position: relative; } .type021sitemap .normal{ /* width:100%;*/ padding-right: 15px; } .pc-one-column .type021sitemap .normal{ padding-right: 20px; } .type021sitemap .normal li{ /* display:block;*/ /* margin-bottom:15px;*/ margin-bottom:20px; word-break: break-all; } .type021sitemap .normal > li.no-child{ margin-bottom:15px !important; } .pc-one-column .type021sitemap .normal li{ margin-bottom:30px; } .pc-one-column .type021sitemap .normal > li.no-child{ margin-bottom:20px !important; } .type021sitemap .normal li:last-child, .type021sitemap .normal li:nth-last-child(2):nth-child(odd){ margin-bottom:0px; } .type021sitemap .normal > li{ /* width:48.5%; margin-right:3%; */ width : 50%; margin-right : 20px; float:left; } /* .pc-one-column .type021sitemap .normal > li{ width:48%; margin-right:4%; } */ .pc-one-column .type021sitemap .normal > li{ margin-right:30px; } .type021sitemap .normal > li:nth-child(2n){ margin-right : -20px; float: right; } .pc-one-column .type021sitemap .normal > li:nth-child(2n){ margin-right : -30px; } .type021sitemap .normal > li:nth-child(2n+1){ clear : both; } .type021sitemap .normal li .arrow_icon{ margin-right: 5px; color: #000000; display: inline-block; } .type021sitemap .normal li a.map-link{ display:block; text-decoration:none; padding:5px 10px; font-weight:bold; word-break: break-all; } .pc-one-column .type021sitemap .normal li a.map-link{ font-size: 114%; } .type021sitemap .sub_normal{ display:block; } .bg .type021sitemap ul.sub_normal li{ display:block; float:none; margin:0px; width:auto; margin-bottom:0px; padding:0px; word-break: break-all; } .type021sitemap ul.sub_normal li a.map-link{ display:list-item; background:none; font-weight:normal; font-size:100%; /* padding:5px 0px;*/ padding:15px 10px 0px 0px; margin:0px; word-break: break-all; line-height:125%; } .pc-one-column .type021sitemap ul.sub_normal li a.map-link{ /* padding:10px 0px;*/ padding:20px 0px 0px 0px; } /* #692 M-Egawa メニュー属性の登録UIの調整 */ .type021sitemap .normal div.linkb { display:block; background:#E5E5E5; text-decoration:none; padding:5px; padding-left:10px; font-weight:bold; color:#000000; word-break: break-all; line-height:145%; } .type021sitemap .sub_normal div.linkc{ display:list-item; background:none; font-weight:normal; font-size:100%; padding:5px 0px; margin:0px; word-break: break-all; line-height:125%; } /*type101---------------------------------------------------------------------------------------------- */ .estate-box .estate-list-title, .estate-box .estate-block-title, .estate-box .estate-table-title { font-size : 107%; font-weight : normal; } .estate-box .tb-slider-ul { border: none; } .estate-box .block-media.all-media { border:1px solid #C1C1C1; } .estate-box ul.tb-pager-ul { margin:5px 0 0 0; } .estate-box ul.tb-pager-ul li.tb-pager-prev, .estate-box ul.tb-pager-ul li.tb-pager-next { border: 1px solid #C1C1C1; } /*.estate-box .block-media.all-media { border: 0; }*/ .estate-box .tb-slider-ul { width : 100%; } .estate-box span.sup { font-size:88%; vertical-align: super; } .square-meter{ font-size:88%; vertical-align: super; } .estate-status-type { position : absolute; top : 0; left : 0; display : inline-block; color : #fff; font-size : 26px; font-weight: bold; padding : 5px; border: 2px solid #fff; pointer-events: none; } #middle-area .center-area a.estate-status-type:link { color : #fff; text-decoration : none; } #middle-area .center-area a.estate-status-type:active { color : #fff; text-decoration : none; } #middle-area .center-area a.estate-status-type:visited { color : #fff; text-decoration : none; } #middle-area .center-area a.estate-status-type:hover { color : #fff; text-decoration : none; } .estate-status-type1 { background-color : rgba(0, 102, 0, 0.8); } .estate-status-type2 { background-color : rgba(255, 0, 0, 0.8); } .estate-status-length5 { font-size:20px; } .estate-status-length7 { font-size:18px; } .estate-status-length9 { font-size:16px; } .estate-status-length10 { font-size:13px; } .estate-status-bold{ color : #fff; font-size : 20px; font-weight: bold; padding : 8px; } .estate-status-bold1 { background-color : #008040; } .estate-status-bold2 { background-color : #D80000; } .estate-list-tbl { width : 100%; } .estate-list-tbl th { width : 90px; text-align : left; /* padding : 10px 0 10px 10px;*/ border-top : 1px solid #C1C1C1; border-left : 1px solid #C1C1C1; border-bottom : 1px solid #C1C1C1; } .estate-list-tbl th { padding : 10px 0 10px 10px; } .pc-one-column .estate-list-tbl th { padding : 15px 0 15px 15px; } .estate-list-tbl td { width : auto; padding : 10px; border-top : 1px solid #C1C1C1; border-right : 1px solid #C1C1C1; border-bottom : 1px solid #C1C1C1; } .estate-list-tbl td { padding : 10px; } .pc-one-column .estate-list-tbl td { padding : 15px; } .estate-list-tbl td.bottom-cell { border-left : 1px solid #C1C1C1; } .estate-block-tbl { width : 100%; } .estate-block-tbl td { padding : 10px; vertical-align : middle; border : 1px solid #C1C1C1; word-break: break-all; } .estate-block-tbl td.cell1 { width : 50%; text-align : center; } .estate-block-tbl td.cell2 { width : 100%; } .record-lists .estate-table-record { margin-bottom : 0; } .estate-table-tbl { width : 100%; } .estate-table-tbl th, .estate-table-tbl td { vertical-align : middle; /* padding : 10px;*/ border : 1px solid #C1C1C1; } .estate-table-tbl th, .estate-table-tbl td { padding : 10px; } .pc-one-column .estate-table-tbl th, .pc-one-column .estate-table-tbl td { padding : 15px; } .estate-table-tbl td.ad-direct-item { padding : 5px; } .estate-table-tbl th { font-weight : bold; text-align : center; color : #2D2E39; background : #E3E7EE; } .estate-detail-header-tbl { width : 100%; } .estate-detail-header-tbl th, .estate-detail-header-tbl td { vertical-align : middle; padding : 10px; border : 1px solid #C1C1C1; } .pc-one-column .estate-detail-header-tbl th, .pc-one-column .estate-detail-header-tbl td { padding : 15px; } .estate-detail-header-tbl th { font-weight : bold; text-align : center; color : #2D2E39; background : #E3E7EE; } .estate-list-text { width : 100%; box-sizing : border-box; /* padding : 10px;*/ /* border : 1px dotted #999;*/ } .estate-detail-title { width : 100%; font-weight : bold; color : #2D2E39; background : #E3E7EE; box-sizing : border-box; padding : 10px; /* border : 1px solid #C1C1C1;*/ } .estate-detail-title i.t-icon-tip { line-height:1.6; } .estate-detail-data-tbl { width : 100%; } .estate-detail-data-tbl th, .estate-detail-data-tbl td { vertical-align : middle; padding : 10px; border : 1px solid #C1C1C1; word-break : break-all; } .pc-one-column .estate-detail-data-tbl th, .pc-one-column .estate-detail-data-tbl td { padding : 15px; } .estate-detail-data-tbl th { width : 25%; color : #2D2E39; background : #E3E7EE; } .estate-print-btn { display : inline-block; /* 文字効果 */ color : #666; text-shadow: #fff 1px 2px 0px; /* 境界線 */ border-radius: 4px; border : 1px solid #9A9A9A; /* 背景色 */ background-image: -moz-linear-gradient(top, #f8f9fb, #e9eaec); background-image: -ms-linear-gradient(top, #f8f9fb, #e9eaec); background-image: -o-linear-gradient(top, #f8f9fb, #e9eaec); background-image: -webkit-linear-gradient(top, #f8f9fb, #e9eaec); background-image: linear-gradient(top, #f8f9fb, #e9eaec); background-clip: padding-box; padding : 5px 15px 5px 15px; } .estate-bottom-info { width : 100%; padding : 20px 0; color : #2D2E39; background : #E3E7EE; border : 1px solid #C1C1C1; box-sizing : border-box; } .pc-one-column .estate-bottom-info { padding : 25px 0; } .estate-detail-bottom-tbl { width : 100%; } .estate-detail-bottom-tbl td { vertical-align : middle; } .estate-detail-bottom-tbl td.cell1 { width : 50%; /* border-right : 1px dotted #555;*/ /* padding : 0 20px;*/ padding: 0 15px 0 20px; } .pc-one-column .estate-detail-bottom-tbl td.cell1 { padding: 0 20px 0 25px; } .estate-detail-bottom-tbl td.cell2 { width : auto; padding : 0 15px 0 15px; } .pc-one-column .estate-detail-bottom-tbl td.cell2 { padding : 0 25px 0 20px; } .estate-detail-bottom-tbl td.cell3 { width : 100px; padding : 0 20px 0 0; } .pc-one-column .estate-detail-bottom-tbl td.cell3 { padding : 0 25px 0 0; } .estate-search-tbl { width : 100%; border:2px solid rgba(0,0,0,0.3); } .estate-search-tbl th { width : 30%; color : #2D2E39; background : #E3E7EE; border : 1px solid rgba(0,0,0,0.3); padding : 15px; vertical-align : top; } .estate-search-tbl td { width : auto; border : 1px solid rgba(0,0,0,0.3); padding : 15px; } .estate-search-tbl td div label{ margin-left:5px; } .estate-layout-box { margin : 20px 0 0 0; padding : 20px 0 0 0; border-top : 1px dotted; } .estate-layout-box-1 { margin : 10px 0 0 0; padding : 20px 0 0 0; border-top : 1px solid rgba(51, 51, 51, 0.3);; } .estate-search-btn-box { width : 100%; box-sizing : border-box; padding : 10px; background : #C1C1C1; } .estate-search-btn { display : inline-block; /* 文字効果 */ color : #000; text-shadow: #fff 1px 2px 0px; /* 境界線 */ border-radius: 2px; border : 1px solid #aaa; /* 背景色 */ background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -ms-linear-gradient(top, #fff, #ddd); background-image: -o-linear-gradient(top, #fff, #ddd); background-image: -webkit-linear-gradient(top, #fff, #ddd); background-image: linear-gradient(top, #fff, #ddd); background-clip: padding-box; height : 34px; } .estate-search-option-btn { width : 140px; } .estate-search-reset-btn { width : 80px; } .estate-search-submit-btn { width : 200px; } .estate-search-map-btn { width : 200px; } .estate-map-group-tbl { width : 100%; } .estate-map-group-tbl th { width : 200px; text-align : center; vertical-align : middle; font-weight : normal; background : #DDDDDD; border-right : 1px solid #fff; padding : 10px 0; color:#2D2E39; } .estate-map-group-tbl td { width : auto; vertical-align : middle; background : #F0F0F0; font-size : 88%; padding : 10px; } .estate-map-group-tbl label{ color : #2D2E39; } .estate-tbl-layout { table-layout:fixed; } .estate-box .map-capture { overflow : hidden; } .estate-box .map-iframe { display : none; border : 0; overflow : hidden; padding : 0; margin : 0; } /*type125---------------------------------------------------------------------------------------------- */ .type125-block table{ width : 100%; } .type125-block .date_area{ text-align: right; padding-bottom: 10px; } .type125-block table td.type125Td, .type125-block table th.type125Td { padding: 20px; border-top-style :dotted; border-top-width :1px; border-top-color :#000; border-bottom-style :dotted; border-bottom-width :1px; border-bottom-color :#000; border-left-style :none; border-left-width :1px; border-left-color :#FFF; border-right-style :none; border-right-width :1px; border-right-color :#FFF; } .type125-block table th.type125Td{ width : 23%; background: #F0F0F0; color : #707070; padding-left: 25px; font-weight: bold; text-align: left; vertical-align:top; } .type125-block table td.type125Td{ padding-left: 25px; } .type125-btn span{ block:inline-block; background: #f9fafc; background: -moz-linear-gradient(top, #f9fafc 0%, #e8e9eb 100%); background: -webkit-linear-gradient(top, #f9fafc 0%,#e8e9eb 100%); background: linear-gradient(to bottom, #f9fafc 0%,#e8e9eb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafc', endColorstr='#e8e9eb',GradientType=0 ); border : 1px solid #999999; border-radius: 3px; vertical-align: middle; text-decoration: none !important; color : #666 !important; font-weight:normal; box-shadow:none; /* padding:7px 10px;*/ height : auto; padding : 0px 5px; } /* テクスチャ(テキストバナー・お問い合わせパーツ) */ .able-texture{ background-repeat:repeat; } /* 個別でリピートやimageがあるものは以下のように設定 */ /* .able-texture.img_texture1{ background-image: url("./images/texture/texture1.png"); background-repeat:repeat-y; } .able-texture.img_texture2{ background-image: url("./images/texture/texture2.png"); background-repeat:repeat-y; } .able-texture.img_texture3{ background-repeat:repeat; } .able-texture.img_texture4{ background-repeat:repeat; } .able-texture.img_texture5{ background-repeat:repeat; } .able-texture.img_texture6{ background-image: url("./images/texture/texture6.png"); background-repeat:repeat; } .able-texture.img_texture7{ background-repeat:repeat; } .able-texture.img_texture8{ background-repeat:repeat; } .able-texture.img_texture9{ background-repeat:repeat-y; } .able-texture.img_texture10{ background-image: url("./images/texture/texture10.png"); background-repeat:repeat-y; } */ /*Safari用*/ @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, .estate-tbl-layout { table-layout:auto; } } /*その他*/ /*リンク色、下線打ち消し*/ #bg #top-area .area-font,#bg #middle-area .area-font,#bg #bottom-area .area-font{ color: #333; text-decoration:none; } /*font-color 50%*/ #middle-area .fcolor { color:rgba(51, 51, 51, 0.5); } /* ボーダー共通スタイル */ /* 点線 */ #middle-area .border-t-d { border-top:1px dotted rgba(51, 51, 51, 0.5); } #middle-area .border-b-d { border-bottom:1px dotted rgba(51, 51, 51, 0.5); } #middle-area .border-l-d{ border-left:1px dotted rgba(51, 51, 51, 0.5); } #middle-area .border-r-d{ border-right:1px dotted rgba(51, 51, 51, 0.5); } #middle-area .border-d{ border:1px dotted rgba(51, 51, 51, 0.5); } /* タイトル/メニュー テキストスクロール */ .marquee-menu { white-space: nowrap; } .marquee-title { white-space: nowrap; } .marquee-title *,.marquee-title *{ line-height: 1.2; } /*1カラム用 ---------------------------------------------------------------------------------------------- */ .pc-one-column .side-area{ display:none; } .pc-one-column #middle-area .center-area{ /* padding:30px 0px; */ } .pc-one-column #middle-area .center-area{ text-align:center; } .pc-one-column #middle-area .main-area{ width:870px; margin-left:auto; margin-right:auto; float:none; } /* .pc-one-column #middle-area .parts{ margin-bottom:30px; } .pc-one-column .record{ margin-right:30px; margin-bottom:30px; } .pc-one-column .record-row1 .record{ width:870px; } .pc-one-column .record-row2 .record{ width:420px; } .pc-one-column .record-row3 .record{ width:270px; } .pc-one-column .record-row4 .record{ width:195px; } .pc-one-column .record-row5 .record{ width:150px; } */ /*2カラム用 ---------------------------------------------------------------------------------------------- */ .pc-two-column .side-right-area{ /*display:none;*/ } /*3カラム用 ---------------------------------------------------------------------------------------------- */ /* .pc-three-column #middle-area .side-area{ width:180px; } .pc-three-column #middle-area .main-area{ width:580px; } .pc-three-column #middle-area .menu-parts li ul{ width:180px; left:180px; } .pc-three-column #middle-area .menu-parts li a{ width:180px; } .pc-three-column .record-row1 .record{ width:580px; } .pc-three-column .record-row2 .record{ width:280px; } .pc-three-column .record-row3 .record{ width:180px; } .pc-three-column .record-row4 .record{ width:130px; } .pc-three-column .record-row5 .record{ width:100px; } */ /*Display Size 0〜1280 ---------------------------------------------------------------------------------------------- */ /* @media screen and (min-width: 0px) and (max-width: 1280px) { #wrapper{ /*background:#0000CD;*/ } } */ /*Display Size 0〜768 ---------------------------------------------------------------------------------------------- */ /* @media screen and (min-width: 0px) and (max-width: 768px) { #bg{ /*background:#008000;*/ } } */ /*Display Size 0〜640 ---------------------------------------------------------------------------------------------- */ /*iphone5S-Landscape */ /* @media screen and (min-width: 0px) and (max-width: 640px) { #bg{ /*background:#8A2BE2;*/ } } */ /*Display Size 0〜480 ---------------------------------------------------------------------------------------------- */ /* @media screen and (min-width: 0px) and (max-width: 480px) { #bg{ background:#FF0000;*/ } } */ /*Display Size 0〜320 ---------------------------------------------------------------------------------------------- */ /*iphone5S-Portrait */ /* @media screen and (min-width: 0px) and (max-width: 320px) { #bg{ /*background:#FFFF00;*/ } } */ /*自動車紹介関連---------------------------------------------------------------------------------------------- */ .automobile-box .automobile-list-title, .automobile-box .automobile-block-title, .automobile-box .automobile-table-title { font-size : 107%; font-weight : normal; } .automobile-box .tb-slider-ul { border: none; } .automobile-box .block-media.all-media { border:1px solid #C1C1C1; } .automobile-box ul.tb-pager-ul { margin:5px 0 0 0; } .automobile-box ul.tb-pager-ul li.tb-pager-prev, .automobile-box ul.tb-pager-ul li.tb-pager-next { border: 1px solid #C1C1C1; } /*.automobile-box .block-media.all-media { border: 0; }*/ .automobile-box .tb-slider-ul { width : 100%; } .automobile-box span.sup { font-size:88%; vertical-align: super; } .automobile-status-type { position : absolute; top : 0; left : 0; display : inline-block; color : #fff; font-size : 26px; font-weight: bold; padding : 5px; border: 2px solid #fff; } #middle-area .center-area a.automobile-status-type:link { color : #fff; text-decoration : none; } #middle-area .center-area a.automobile-status-type:active { color : #fff; text-decoration : none; } #middle-area .center-area a.automobile-status-type:visited { color : #fff; text-decoration : none; } #middle-area .center-area a.automobile-status-type:hover { color : #fff; text-decoration : none; } .automobile-status-type1 { background-color : rgba(0, 102, 0, 0.8); } .automobile-status-type2 { background-color : rgba(255, 0, 0, 0.8); } .automobile-status-bold1 { font-size : 115%; font-weight : bold; color : #008040; } .automobile-status-bold2 { font-size : 115%; font-weight : bold; color : #D80000; } .automobile-list-tbl { width : 100%; } .automobile-list-tbl th { width : 90px; text-align : left; /* padding : 10px 0 10px 10px;*/ border-top : 1px solid #C1C1C1; border-left : 1px solid #C1C1C1; border-bottom : 1px solid #C1C1C1; } .automobile-list-tbl th { padding : 10px 0 10px 10px; } .pc-one-column .automobile-list-tbl th { padding : 15px 0 15px 15px; } .automobile-list-tbl td { width : auto; padding : 10px; border-top : 1px solid #C1C1C1; border-right : 1px solid #C1C1C1; border-bottom : 1px solid #C1C1C1; } .automobile-list-tbl td { padding : 10px; } .pc-one-column .automobile-list-tbl td { padding : 15px; } .automobile-list-tbl td.bottom-cell { border-left : 1px solid #C1C1C1; } .automobile-block-tbl { width : 100%; } .automobile-block-tbl td { padding : 10px; vertical-align : middle; border : 1px solid #C1C1C1; } .automobile-block-tbl td.cell1 { width : 50%; text-align : center; } .automobile-block-tbl td.cell2 { width : 100%; } .record-lists .automobile-table-record { margin-bottom : 0; } .automobile-table-tbl { width : 100%; } .automobile-table-tbl th, .automobile-table-tbl td { vertical-align : middle; /* padding : 10px;*/ border : 1px solid #C1C1C1; } .automobile-table-tbl th, .automobile-table-tbl td { padding : 10px; } .pc-one-column .automobile-table-tbl th, .pc-one-column .automobile-table-tbl td { padding : 15px; } .automobile-table-tbl td.ad-direct-item { padding : 5px; } .automobile-table-tbl th { font-weight : bold; text-align : center; color : #2D2E39; background : #E3E7EE; } .automobile-detail-header-tbl { width : 100%; } .automobile-detail-header-tbl th, .automobile-detail-header-tbl td { vertical-align : middle; padding : 10px; border : 1px solid #C1C1C1; } .pc-one-column .automobile-detail-header-tbl th, .pc-one-column .automobile-detail-header-tbl td { padding : 15px; } .automobile-detail-header-tbl th { font-weight : bold; text-align : center; color : #2D2E39; background : #E3E7EE; } .automobile-list-text { width : 100%; box-sizing : border-box; /* padding : 10px;*/ /* border : 1px dotted #999;*/ } .automobile-detail-title { width : 100%; font-weight : bold; color : #2D2E39; background : #E3E7EE; box-sizing : border-box; padding : 10px; /* border : 1px solid #C1C1C1;*/ } .automobile-detail-title i.t-icon-tip { line-height:1.6; } .automobile-detail-data-tbl { width : 100%; } .automobile-detail-data-tbl th, .automobile-detail-data-tbl td { vertical-align : middle; padding : 10px; border : 1px solid #C1C1C1; } .pc-one-column .automobile-detail-data-tbl th, .pc-one-column .automobile-detail-data-tbl td { padding : 15px; } .automobile-detail-data-tbl th { width : 25%; color : #2D2E39; background : #E3E7EE; } .automobile-print-btn { display : inline-block; /* 文字効果 */ color : #666; text-shadow: #fff 1px 2px 0px; /* 境界線 */ border-radius: 4px; border : 1px solid #9A9A9A; /* 背景色 */ background-image: -moz-linear-gradient(top, #f8f9fb, #e9eaec); background-image: -ms-linear-gradient(top, #f8f9fb, #e9eaec); background-image: -o-linear-gradient(top, #f8f9fb, #e9eaec); background-image: -webkit-linear-gradient(top, #f8f9fb, #e9eaec); background-image: linear-gradient(top, #f8f9fb, #e9eaec); background-clip: padding-box; padding : 5px 15px 5px 15px; } .automobile-bottom-info { width : 100%; padding : 20px 0; color : #2D2E39; background : #E3E7EE; border : 1px solid #C1C1C1; box-sizing : border-box; } .pc-one-column .automobile-bottom-info { padding : 25px 0; } .automobile-detail-bottom-tbl { width : 100%; } .automobile-detail-bottom-tbl td { vertical-align : middle; } .automobile-detail-bottom-tbl td.cell1 { width : 50%; /* border-right : 1px dotted #555;*/ /* padding : 0 20px;*/ padding: 0 15px 0 20px; } .pc-one-column .automobile-detail-bottom-tbl td.cell1 { padding: 0 20px 0 25px; } .automobile-detail-bottom-tbl td.cell2 { width : auto; padding : 0 15px 0 15px; } .pc-one-column .automobile-detail-bottom-tbl td.cell2 { padding : 0 25px 0 20px; } .automobile-detail-bottom-tbl td.cell3 { width : 100px; padding : 0 20px 0 0; } .pc-one-column .automobile-detail-bottom-tbl td.cell3 { padding : 0 25px 0 0; } .automobile-search-tbl { width : 100%; border:2px solid rgba(0,0,0,0.3); } .automobile-search-tbl th { width : 30%; color : #2D2E39; background : #E3E7EE; border : 1px solid rgba(0,0,0,0.3); padding : 15px; vertical-align : top; } .automobile-search-tbl td { width : auto; border : 1px solid rgba(0,0,0,0.3); padding : 15px; } .automobile-search-tbl td div label{ margin-left:5px; } .automobile-layout-box { margin : 20px 0 0 0; padding : 20px 0 0 0; border-top : 1px dotted; } .automobile-search-btn-box { width : 100%; box-sizing : border-box; padding : 10px; background : #C1C1C1; } .automobile-search-btn { display : inline-block; /* 文字効果 */ color : #000; text-shadow: #fff 1px 2px 0px; /* 境界線 */ border-radius: 2px; border : 1px solid #aaa; /* 背景色 */ background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -ms-linear-gradient(top, #fff, #ddd); background-image: -o-linear-gradient(top, #fff, #ddd); background-image: -webkit-linear-gradient(top, #fff, #ddd); background-image: linear-gradient(top, #fff, #ddd); background-clip: padding-box; height : 34px; } .automobile-search-option-btn { width : 140px; } .automobile-search-reset-btn { width : 80px; } .automobile-search-submit-btn { width : 200px; } .automobile-search-map-btn { width : 200px; } .automobile-map-group-tbl { width : 100%; } .automobile-map-group-tbl th { width : 200px; text-align : center; vertical-align : middle; font-weight : normal; background : #DDDDDD; border-right : 1px solid #fff; padding : 10px 0; color:#2D2E39; } .automobile-map-group-tbl td { width : auto; vertical-align : middle; background : #F0F0F0; font-size : 88%; padding : 10px; } .automobile-map-group-tbl label{ color : #2D2E39; } .automobile-tbl-layout { table-layout:fixed; } .automobile-box .map-capture { overflow : hidden; } .automobile-box .map-iframe { display : none; border : 0; overflow : hidden; padding : 0; margin : 0; } .type122_file_tbl { width : 100%; margin : 20px 0px 0px 0px; } .type122_file_tbl .line_td { width : 100%; height : 1px; background : url('./image/type122/dotted-trans.png') repeat-x top; } .type122_file_tbl .icon_td { width : 8%; font-size : 0px; line-height : 0px; text-align : center; padding : 5px 0px; } .type122_file_tbl .file_info_td { width : 92%; padding : 5px 0px; } .type122-block table.file-table td.name-td{ vertical-align:middle; padding-left:10px; } .type122-block .type122-bottom-list { display : table; width : 100%; line-height:1.0; } .type122-block .type122-bottom-list li { display : table-cell; vertical-align : middle; } .type122-block .type122-bottom-list li.cell1 { width : 31px; font-size: 72%; color : #ccc; text-align : center; } .type122-block .type122-bottom-list li.cell2 { width : auto; } .type122-block .item_img_box div.caption { width: 100%; margin-right: 0px !important; } .type122-block .t-icon-tip { line-height:1.6 !important; } /*type023 Instagramブロック------------------------------------------------------------------------------ */ .type023-block .photos { width:100%; } .type023-block .photos .photo-div { display:inline-block; vertical-align:top;} .type023-block .photos .photo-div img { width:100%; } .type023-block .photos.column-2 .photo-div:nth-child(2n), .type023-block .photos.column-3 .photo-div:nth-child(3n), .type023-block .photos.column-4 .photo-div:nth-child(4n), .type023-block .photos.column-5 .photo-div:nth-child(5n) { margin-right:0; } .type023-block .load-button { padding:10px; width:460px; background-color:#666666; color:#ffffff; border-radius: 4px; display:block; margin:10px auto 30px auto; text-align:center; border: none; font-weight:bold; } .type023-block .load-button.load .reading-text, .type023-block .load-button .loading { display:none; } .type023-block .load-button.load .loading, .type023-block .load-button .reading-text { display: block; } /* レイアウト1カラム時 */ .pc-one-column .type23-block .load-button { margin: 20px auto; } .pc-one-column .type023-block .photo-div { margin:10px 30px 20px 0; } .pc-one-column .type023-block .column-1 .photo-div { width:870px; margin:0 0 30px 0; } .pc-one-column .type023-block .column-2 .photo-div { width:420px; } .pc-one-column .type023-block .column-3 .photo-div { width: 270px; } .pc-one-column .type023-block .column-4 .photo-div { width: 195px; } .pc-one-column .type023-block .column-5 .photo-div { width: 150px; } /* レイアウト2カラム時 */ .pc-two-column .type023-block .photo-div { margin:0 20px 20px 0; } .pc-two-column .type023-block .column-1 .photo-div { width:700px; margin:0 0 20px 0; } .pc-two-column .type023-block .column-2 .photo-div { width:340px; } .pc-two-column .type023-block .column-3 .photo-div { width: 220px; } .pc-two-column .type023-block .column-4 .photo-div { width: 160px; } .pc-two-column .type023-block .column-5 .photo-div { width: 124px; } /* レイアウト3カラム時 */ .pc-three-column .type023-block .photo-div { margin:0 20px 20px 0; } .pc-three-column .type023-block .column-1 .photo-div { width:580px; margin:0 0 20px 0; } .pc-three-column .type023-block .column-2 .photo-div { width:280px; } .pc-three-column .type023-block .column-3 .photo-div { width: 180px; } .pc-three-column .type023-block .column-4 .photo-div { width: 130px; } .pc-three-column .type023-block .column-5 .photo-div { width: 100px; } /* サイト内検索用 --------------------------------------------------------------*/ #search-content #search-content-title{ padding:10px; border-top: 4px solid #000; border-bottom: 1px solid #aaa; } #search-content #search-content-paginate{ padding:20px 10px; border-bottom: 1px dotted #aaa; } #search-content .result-contents{ padding:15px 10px; border-bottom:dotted 1px #aaa; } #search-content .result-title{ margin-bottom:10px; font-weight: bold; } #search-content .result-text{ margin-bottom:10px; } #search-content .search-result-text{ font-weight: bold; } #search-content .result-modified{ font-size:88%; } #search-content .result-url{ font-size:88%; } #search-content .select select{ padding: 5px; border: 1px solid #888; border-radius: 3px; } #search-content .select .control-label{ font-size: 12px; margin-left: 15px; } #search-content .select .control-label:after{ content: ":"; } #search-content #search-content-none{ margin-top: 20px; } #search-content .search-radio + label{ margin-right: 10px; } /* レイアウト1カラム時 */ .pc-one-column #search-content #search-content-paginate{ padding:30px 10px; } .pc-one-column #search-content .result-contents{ padding:20px 10px; } .pc-one-column #search-content .result-title{ margin-bottom:15px; } .pc-one-column #search-content .result-text{ margin-bottom:15px; } /*******************************************/ /*ヘッダー共通化用*/ #parts5 .logo { display:none; } .is-fixed ,#hd-sc-menu.menu .is-fixed{ position: fixed; top: 0; left:0; z-index:99; margin: auto; width:100%; /* padding:15px 30px;*/ padding : 10px 30px; } #parts5.is-fixed .logo { float:left; display:block; } /* .is-fixed .normal-menu { float:right; display: -webkit-flex; display: flex; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; } */ /******************************************/ .exist-bottom-3{ margin-bottom: 3px; } .exist-icon{ font-size: 88%; border: 2px solid rgba(0,0,0,0.5); border-radius: 4px; padding-left: 2px; padding-right: 2px; } #contact-number{ font-size : 200%; margin-bottom : 15px; text-align : center; } /*******************************************/ /*readspeaker対応*/ #middle-area .block-title span, #middle-area .block-title .sync_sent, #middle-area .block-title .synctemp, #middle-area .block-title [class^="ffsent"], #middle-area .block-title .sync_user { margin-left: 0; margin-right: 0; } #middle-area .menu-parts .nav li > a span, #middle-area .menu-parts .nav .sync_sent, #middle-area .menu-parts .nav .synctemp, #middle-area .menu-parts .nav [class^="ffsent"], #middle-area .menu-parts .nav .sync_user { margin-left: 0; margin-right: 0; } .header-parts #tools-area .font-size-btns span, .header-parts #tools-area .font-size-btns .sync_sent, .header-parts #tools-area .font-size-btns .synctemp, .header-parts #tools-area .font-size-btns [class^="ffsent"], .header-parts #tools-area .font-size-btns .sync_user { min-width: 0; } /*******************************************/ /* #4843 */ #gdpr_box { width : 100%; z-index : 999; position : fixed; bottom : 0px; background : rgba(0,0,0,0.85); padding : 10px 20px; } #gdpr_box #gdpr_txt { width : 80%; color : #fff; margin : 0px 25px; line-height : 1.5; } #gdpr_box #gdpr_txt a { color : #35ABF2; text-decoration: underline; } #gdpr_box #gdpr_txt a:link { color:#35ABF2; text-decoration: underline; } #gdpr_box #gdpr_txt a:visited { color:#35ABF2; text-decoration: underline; } #gdpr_box #gdpr_txt a:hover { color:#35ABF2; text-decoration: underline; } #gdpr_box #gdpr_txt a:active { color:#35ABF2; text-decoration: underline; } #gdpr_box #gdpr_true { width : 90px; background : #007FFF; text-align : center; margin-right : 10px; cursor : pointer; } #gdpr_box #gdpr_true p { margin : 5px; color : #fff; } #gdpr_box #gdpr_false { width : 90px; background : #D90000; text-align : center; cursor : pointer; } #gdpr_box #gdpr_false p { margin : 5px; color : #fff; } #gdper_close_box { width : 100%; border : solid 2px #FF001B; padding : 10px; color : #FF001B; } /*******************************************/ /*アーカイブパーツ*/ .archive-parts .archive-title{ padding:5px 10px; font-weight: bold; } .archive-title:not(:first-child){ margin-top: 20px; } .new-blog-area{ } .new-blog-area-image a{ display: block; height: 60px; overflow: hidden; } .new-blog-area-image img{ /* height: 60px; */ } .new-blog-area.column-2 .new-blog-area-image{ width: 80px; } .new-blog-area.column-2 .new-blog-area-title{ width: 150px; } .new-blog-area.column-3 .new-blog-area-image{ width: 60px; } .new-blog-area.column-3 .new-blog-area-title{ width: 120px; } .date-area .month-tab{ display: none; margin-left: 16px; } /*google翻訳増やす kondo*/ #multi-slt-ul{ display: table; width:100%; table-layout: fixed; } #multi-slt-ul li{ display: none; width:100%; margin:0px; cursor: pointer; } #multi-slt-ul li a{ width:100%; display: inline-flex; } #multi-slt-ul li a span{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; width:100%; } #multi-slt-ul li.now-lang a span{ width:80%; } #multi-slt-ul li.hide-li,#multi-btn-ul li.hide-li{ display:none; } #multi-slt-ul.a-active li.show-li{ display: table-cell; } /*固定メニュー(PC)*******************************************/ #parts41 { width: 100%; min-width:1020px; position: fixed; bottom: 0; z-index: 999; margin-top: 0; /* margin-left:-1; */ } #pc-fixed-menu { position: relative; margin: auto; } .fixed-menu-item{ display:flex; align-items: center; pointer-events:auto; } .fixed-menu-item .icon-area{ padding:0 10px; } .fixed-menu-item .img-area{ padding:0 10px; } .pc_fixed_menu-parts{ pointer-events: none;