@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;