@charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP'); @import url('https://fonts.googleapis.com/css?family=EB+Garamond'); /* font-family: 'Noto Serif JP', serif; font-family: 'EB Garamond', serif; */ html{font-size:62.5%;} body{position:relative;font-family:'Noto Serif JP',serif;-webkit-font-feature-settings:'palt';font-feature-settings:'palt';font-size: 1.6rem;line-height:200%;color:#333;font-smoothing:antialiased;word-wrap:break-word;overflow-wrap:break-word;} a{color:#b11c2c;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;text-decoration:none; } a img {transition: .3s;} a:hover{opacity:0.6; } img{display:inline-block;max-width:100%;vertical-align:top; } /*animation*/ .js-ttl-motion h2, .js-li-motion .tabItems li, .js-service-motion > .column2, #sitetop .multiColumn1.area-pc-header, .area-company-recruit > div > div{opacity: 0;} .edited.js-ttl-motion h2 , .edited.js-li-motion .tabItems li, .edited.js-service-motion > .column2, .edited#sitetop .multiColumn1.area-pc-header, .edited.area-company-recruit > div > div{opacity: 1;} .overay {width: 100%; height: 100%; position: absolute; left: 0;top: 0; background-color: #fff; z-index: 1; pointer-events: none;} .is-show-fadeInUp {animation: fadeInUp .5s cubic-bezier(0,.56,.44,1) forwards .5s;} .is-show-fadeInDown {animation: fadeInDown .5s cubic-bezier(0,.56,.44,1) forwards .5s;} .is-show-fadeIn {animation: fadeIn .5s ease-in-out forwards;} .is-show-fadeOut {animation: fadeOut .5s ease-in-out forwards;} .is-show-img:after {animation: slideImg .5s cubic-bezier(0,.56,.44,1) forwards .5s;} @-webkit-keyframes fadeInUp{ 0%{opacity:0;-webkit-transform:translate3D(0,30px,0);transform:translate3D(0,30px,0)} 100%{opacity:1;-webkit-transform:translate3D(0,0,0);transform:translate3D(0,0,0)} } @keyframes fadeInUp{ 0%{opacity:0;-webkit-transform:translate3D(0,30px,0);transform:translate3D(0,30px,0)} 100%{opacity:1;-webkit-transform:translate3D(0,0,0);transform:translate3D(0,0,0)} } @-webkit-keyframes fadeInDown{ 0%{opacity:0;-webkit-transform:translate3D(0,-30px,0);transform:translate3D(0,-30px,0)} 100%{opacity:1;-webkit-transform:translate3D(0,0,0);transform:translate3D(0,0,0)} } @keyframes fadeInDown{ 0%{opacity:0;-webkit-transform:translate3D(0,-30px,0);transform:translate3D(0,-30px,0)} 100%{opacity:1;-webkit-transform:translate3D(0,0,0);transform:translate3D(0,0,0)} } @-webkit-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;}} @keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;}} @-webkit-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;}} @keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;}} @-webkit-keyframes slideImg { 0% {transform: scaleX(1);transform-origin:right top 0;} 100% {transform: scaleX(0);transform-origin:right top 0;} } @keyframes slideImg { 0% {transform: scaleX(1);transform-origin:right top 0;} 100% {transform: scaleX(0);transform-origin:right top 0;} } /* -------------------------------------------- */ /* header */ /* -------------------------------------------- */ /*.area-pc-header {background-color: rgba(255, 255, 255, 0.4) !important;}*/ .area-pc-header .area-header-panel {margin-top: 30px !important; } .area-pc-header .area-logo {display: inline-block !important ;} .area-pc-header .area-header-link {display: inline-block !important ;float: right !important;} .area-pc-header .area-header-link .teaser {display: inline-block !important;} .area-pc-header .area-header-link .teaser + .teaser {margin-left: 2em !important;} .area-pc-header .area-header-link .teaser a {transition: .3s !important;position: relative !important;} .area-pc-header .area-header-link .teaser a:hover, .area-pc-header .area-header-link .teaser a.act, .area-pc-header .area-header-link .teaser a.within{color: #b11c2c !important;} .area-pc-header .area-header-link .teaser a:before, .area-pc-header .area-header-link .teaser a.act:before, .area-pc-header .area-header-link .teaser a.within:before{content: '' !important;display: block !important;width: 0 !important;height: 1px !important;background-color: #b11c2c !important;position: absolute !important;bottom: 0 !important; transition: .3s !important;} .area-pc-header .area-header-link .teaser a:hover:before, .area-pc-header .area-header-link .teaser a.act:before , .area-pc-header .area-header-link .teaser a.within:before {width: 100% !important;} /*-- 画像とテキストの場合のみ --*/ #branding ,#logo ,#nav-meta { display: none;} /*-- 更新日表示 --*/ #pub-date { width: 1000px;margin: auto;} #pub-date p {text-align: right;} /*-- セクションヘッダー（総合トップ・スペシャル以外） --*/ #section-header { margin: 30px auto 20px auto; width: 1000px; background: #0d8ccc; border-radius: 5px;overflow: hidden;} /* -------------------------------------------- */ /* footer */ /* -------------------------------------------- */ #site-info {position: relative;border-top: 1px solid #ddd;} #site-info a {transition: .3s !important;} #site-info a:hover {opacity: .5 !important;} /* -------- ir-hide -------- */ .footer-sitemap.ir-hide div.layout_double_size_column {display: none !important;} /* -------- footer-link -------- */ .footer-link {border-top: 1px solid #dddddd !important;padding: 2em !important;} .footer-link .link-list li {display: inline-block !important;font-size: 1.4rem !important;} .footer-link .link-list li + li {margin-left: 2em !important;} /* -------- copyright -------- */ .area-footer-copyright {background-color: #333 !important;color: #fff !important;font-family: 'EB Garamond', serif !important;font-size: 1.2rem !important;text-align: center !important;padding: 1em !important;} @media screen and (min-width: 768px) { .footer-sitemap,.footer-link > div{max-width: 1000px!important;margin: auto!important;} /* -------- footer-sitemap -------- */ .footer-sitemap > div > div {display: flex !important;justify-content: space-evenly;padding: 40px 0 !important;} .footer-sitemap > div > div > div {margin: 0 !important;font-size: 1.8rem !important; width: 20% !important;} .footer-sitemap > div > div > div .sitemap-1st + .sitemap-1st {margin-top: 14px !important;} .footer-sitemap ul {font-size: 1.4rem !important;margin-top: 1em !important;} /*layout_double_size_column*/ .footer-sitemap .layout_double_size_column { width: 40% !important;} .footer-sitemap .layout_double_size_column ul li {width: 50% !important;display: inline-block !important;} /*banner*/ .footer-sitemap > div > div > div .external-teaser {margin-top: 20px !important;} /* -------- footer-link -------- */ .footer-link .teaser,.footer-link .link-list {display: inline-block !important;} .footer-link .link-list {float: right !important;} } @media screen and (max-width: 767px) { /* -------- ir-hide -------- */ .footer-sitemap.ir-hide > div > div > div:nth-child(4) {width: 100% !important;} .footer-sitemap.ir-hide > div > div > div:nth-child(4) > div > div:not(.external-teaser) > a { width: 50%!important;float: left!important;border-bottom: none !important;position: relative !important;overflow: inherit;border-right: 1px solid #ddd !important;} .footer-sitemap.ir-hide > div > div > div:nth-child(4) > div > div:not(.external-teaser) > a:before {content: '' !important;display: block !important;width: 200% !important;height: 1px !important;background-color: #ddd !important;position: absolute !important;left: 0 !important;bottom: 0 !important;} .footer-sitemap.ir-hide > div > div > div:nth-child(4) > div > div:after{content: "" !important; display: block !important;clear: both !important;} .footer-sitemap.ir-hide > div > div > div:nth-child(4) .external-teaser{ margin-left: 0 !important;width: 100% !important;} /* -------- footer-sitemap -------- */ .footer-sitemap > div > div:after {content: "" !important;display: block !important;clear: both !important;} .footer-sitemap > div > div > div {display: block !important;width: 50% !important;float: left !important;} .footer-sitemap > div > div > div:nth-child(odd) {border-right: 1px solid #ddd !important;} .footer-sitemap > div > div > div a {text-align: center !important; padding: 1em 0 !important;border-bottom: 1px solid #ddd !important;} .footer-sitemap ul {display: none !important;} /*採用*/ .footer-sitemap > div > div > div:nth-child(4) .sitemap-1st:nth-child(2){margin-left: -100% !important;width: 100% !important;border-right: 1px solid #ddd !important;} .footer-sitemap > div > div > div:nth-child(4) .sitemap-1st:nth-child(2) a {border-bottom: none !important;} /*banner*/ .footer-sitemap > div > div > div .external-teaser {margin-left: -100% !important;width: 200% !important; padding: 1.5em !important;text-align: center !important;border-top: 1px solid #ddd !important;} .footer-sitemap > div > div > div .external-teaser a {display: inline-block !important;border-bottom: none !important;padding: 0 !important;} /* -------- footer-link -------- */ .footer-link img {width: 60% !important; min-width: 260px !important;} .footer-link .link-list {text-align: center !important;margin-top: 1em !important;} .footer-link .link-list a {font-size: 1.2rem !important;} } /*------------------------------------- ぱんくず -------------------------------------*/ /* 4箇所ある枠の内1か所に入力 */ .bread-crumb {margin: auto;width: 100%;font-size: 1.2rem;background-color: #f3f3f3;} .bread-crumb ol:after ,.bread-crumb:after { content: ""; display: block; clear: both;} .bread-crumb h5 ,.bread-crumb h5 p ,.bread-crumb h5 span ,.bread-crumb ol li { float: left; color: #666666;} .bread-crumb h5 p:after ,.bread-crumb h5 span:after ,.bread-crumb ol li:after {content: "/"; padding: 0 1em;} .bread-crumb ol li:last-child:after { content: none;} /* -- TOP書き換え -- */ .bread-crumb ol li:first-child a {font-size: 0;line-height: 0;} #header.ja ~ * .bread-crumb ol li:first-child a:before , #header.ja ~ .bread-crumb ol li:first-child a:before {content: "トップページ"; font-size: 1.2rem;} #header.en ~ * .bread-crumb ol li:first-child a:before , #header.en ~ .bread-crumb ol li:first-child a:before {content: "TOP PAGE"; font-size: 13px;} @media screen and (min-width: 768px) { .bread-crumb {padding: 15px 0px;} .bread-crumb ol {width: 1000px; margin: auto;} } @media screen and (max-width: 767px) { .bread-crumb { padding: .3em .5em .5em; line-height: 1.4em;} .bread-crumb ol li {padding-top: .3em;} } /*------------------------------------- サイドナビ -------------------------------------*/ #nav-box{position:relative;z-index:1;margin:0 auto;display:block;text-align: center;margin: -50px 0 50px 0;} #nav-box:before {content: '';display: block;width: 200%;height: 1px;background-color: #ddd;position: absolute;left: 0;bottom: 0;margin-left: -50%;z-index: 1;} #nav-box input ,#nav-box label {display: none;} #nav-box h6 {display: none;} #nav-box p.btn {display: none;} #nav-box ul li a br {display: none;} #nav-box ul{font-size:0;padding: 10px 0;} #nav-box > ul{width:100%;display:block;} #nav-box ul li{display:inline-block;vertical-align:top;font-size:1.4rem;} #nav-box ul li h5 > a,#nav-box ul li h5 > strong > span{display: block;padding: 0 1em;background: #fff;color: #333;font-size: 1.4rem;text-decoration: none;white-space:nowrap;} #nav-box ul li.focus > h5 > strong > span,#nav-box ul li.focus > h5 > a{border-color:#ae3539;color:#ae3539;font-weight:bold;} #nav-box ul li a:hover{border-color:#aaa;} body[data-page-path^="/ja/news/"] #nav-box {display: none;} /* 第一、二階層 */ #nav-box.nav-1{display:none;margin:0;} #nav-box.nav-2{display:none;margin:0;} body[data-page-path*="/ja/inquiry1"] #nav-box {display:none;margin:0;} /* 第三階層 */ #nav-box.nav-3 ul.navLevel_1 > li:not(.focus-within){display:none;} #nav-box.nav-3 ul.navLevel_1 > li.focus-within > h5{display:none;} #nav-box.nav-3 ul.navLevel_3{display:none;} #nav-box.nav-3 ul.navLevel_4{display:none;} #nav-box.nav-3 ul.navLevel_5{display:none;} #nav-box.nav-3 ul.navLevel_6{display:none;} /* 第四階層 */ #nav-box.nav-4 ul.navLevel_1 > li:not(.focus-within){display:none;} #nav-box.nav-4 ul.navLevel_1 > li.focus-within > h5{display:none;} #nav-box.nav-4 ul.navLevel_2 > li:not(.focus-within){display:none;} #nav-box.nav-4 ul.navLevel_2 > li.focus-within > h5{display:none;} #nav-box.nav-4 ul.navLevel_4{display:none;} #nav-box.nav-4 ul.navLevel_5{display:none;} #nav-box.nav-4 ul.navLevel_6{display:none;} /* 第五階層 */ #nav-box.nav-5 ul.navLevel_1 > li:not(.focus-within){display:none;} #nav-box.nav-5 ul.navLevel_1 > li.focus-within > h5{display:none;} #nav-box.nav-5 ul.navLevel_2 > li:not(.focus-within){display:none;} #nav-box.nav-5 ul.navLevel_2 > li.focus-within > h5{display:none;} #nav-box.nav-5 ul.navLevel_3 > li:not(.focus-within){display:none;} #nav-box.nav-5 ul.navLevel_3 > li.focus-within > h5{display:none;} #nav-box.nav-5 ul.navLevel_5{display:none;} #nav-box.nav-5 ul.navLevel_6{display:none;} /* 第六階層 */ #nav-box.nav-6 ul.navLevel_1 > li:not(.focus-within){display:none;} #nav-box.nav-6 ul.navLevel_1 > li.focus-within > h5{display:none;} #nav-box.nav-6 ul.navLevel_2 > li:not(.focus-within){display:none;} #nav-box.nav-6 ul.navLevel_2 > li.focus-within > h5{display:none;} #nav-box.nav-6 ul.navLevel_3 > li:not(.focus-within){display:none;} #nav-box.nav-6 ul.navLevel_3 > li.focus-within > h5{display:none;} #nav-box.nav-6 ul.navLevel_4 > li:not(.focus-within){display:none;} #nav-box.nav-6 ul.navLevel_4 > li.focus-within > h5{display:none;} #nav-box.nav-6 ul.navLevel_6{display:none;} /* それ以降 */ #nav-box.nav-7{display:none;} #nav-box.nav-8{display:none;} #nav-box.nav-9{display:none;} #nav-box.nav-10{display:none;} #nav-box.nav-11{display:none;} #nav-box.nav-12{display:none;} @media screen and (max-width: 767px) { #nav-box {display: none;} } /* ----------------------------- コンテンツエリア --------------------------------- */ body:not(#sitetop) #sharewithmain {margin-top: 50px;} @media screen and (max-width: 767px) { body:not(#sitetop) #sharewithmain {padding-left: 4%;padding-right: 4%;} } /*------- リンクテキスト ----------*/ .quoted-text blockquote a , .highlight-quoted-text a , .text-section a , .faq-item a , .vtable-item a , .ircalendar-title a , .ircalendar-item a { } /*------- 別窓アイコン ----------*/ .quoted-text blockquote a[target="_blank"]:after , .highlight-quoted-text a[target="_blank"]:after , .text-section a[target="_blank"]:after , .faq-item a[target="_blank"]:after , .vtable-item a[target="_blank"]:after , .ircalendar-title a[target="_blank"]:after , .ircalendar-item a[target="_blank"]:after { content: ""; background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") center center no-repeat; background-size: contain; display: inline-block; width: 14px; height: 12px; vertical-align: baseline; margin: 0 5px; } /*------- PDFアイコン ----------*/ .quoted-text blockquote a[href$=".pdf"]:after , .highlight-quoted-text a[href$=".pdf"]:after , .text-section a[href$=".pdf"]:after , .faq-item a[href$=".pdf"]:after , .vtable-item a[href$=".pdf"]:after , .ircalendar-title a[href$=".pdf"]:after , .ircalendar-item a[href$=".pdf"]:after , .quoted-text blockquote a[href*=".pdf#"]:after , .highlight-quoted-text a[href*=".pdf#"]:after , .text-section a[href*=".pdf#"]:after , .faq-item a[href*=".pdf#"]:after , .vtable-item a[href*=".pdf#"]:after , .ircalendar-title a[href*=".pdf#"]:after , .ircalendar-item a[href*=".pdf#"]:after { content: ""; background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat; background-size: contain; display: inline-block; width: 18px; height: 23px; vertical-align: middle; margin: 0 5px; } /*------------------------------------- 見出し -------------------------------------*/ /*-- ページ概要エリア --*/ #page-intro { width: 100%;height: 300px;display: table; } #page-intro:before {content: '';display: block;position: absolute;left: 0;width: 100%;height:inherit;z-index: -1;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover; background-size: cover;background-image:url(../../../../../../resources/sw_img/mv/privacy.jpg);} @media screen and (max-width: 767px) { #page-intro {height: 150px;} } /* -- ページタイトルをテキストで表示 -- */ #page-intro > h1 {color: #333;text-align: center;display: table-cell;vertical-align: middle;color: #fff;letter-spacing: .1em;font-size: 3.6rem;line-height: 1.4em;} @media screen and (max-width: 767px) { #page-intro > h1 {font-size: 2.4rem;padding-left: .5em;padding-right: .5em;} } /*各タイトル*/ #page-intro > h1:before {display: block;font-family: 'EB Garamond', serif;margin-bottom: .4em;font-size: 3.6rem; } body[data-page-path="/ja/test1"] #page-intro > h1, body[data-page-path="/ja/business"] #page-intro > h1, body[data-page-path="/ja/company"] #page-intro > h1, body[data-page-path="/ja/ir"] #page-intro > h1, body[data-page-path="/ja/recruit"] #page-intro > h1, body[data-page-path$="/ja/inquiry1"] #page-intro > h1, body[data-page-path="/ja/contact1"] #page-intro > h1, body[data-page-path="/ja/privacy"] #page-intro > h1, body[data-page-path="/ja/news"] #page-intro > h1, body[data-page-path="/ja/sitemap"] #page-intro > h1 {font-size: 1.6rem;} body[data-page-path="/ja/test1"] #page-intro > h1:before {content: 'TEST'} body[data-page-path="/ja/business"] #page-intro > h1:before {content: 'SERVICE'} body[data-page-path="/ja/company"] #page-intro > h1:before {content: 'COMPANY'} body[data-page-path="/ja/ir"] #page-intro > h1:before {content: 'INVESTERS RELATIONS'} body[data-page-path="/ja/recruit"] #page-intro > h1:before {content: 'RECRUIT'} body[data-page-path$="/ja/inquiry1"] #page-intro > h1:before, body[data-page-path="/ja/contact1"] #page-intro > h1:before {content: 'INQUIRY'} body[data-page-path="/ja/privacy"] #page-intro > h1:before {content: 'PRIVACY POLICY'} body[data-page-path="/ja/news"] #page-intro > h1:before {content: 'NEWS'} body[data-page-path="/ja/sitemap"] #page-intro > h1:before {content: 'SITEMAP'} body[data-page-path^="/ja/news/"] #page-intro > h1 {margin-bottom: 10px;font-size: 3rem;font-family: 'EB Garamond', serif;font-size:0;padding-top: 130px;} body[data-page-path^="/ja/news/"] #page-intro > h1:before {content: 'NEWS'; } body[data-page-path^="/ja/news/"] #page-intro {display: block;} body[data-page-path^="/ja/news/"] #page-intro > h1, body[data-page-path^="/ja/news/"] #page-intro > .text-meta{display: block;} @media screen and (max-width: 767px) { body[data-page-path^="/ja/news/"] #page-intro > h1 {padding-top: 60px;} #page-intro > h1:before {font-size: 2.6rem;margin-bottom: .2em;} } /* -- ページタイトルを画像で表示 -- */ #page-intro .titleImage { margin-bottom: 20px;} #page-intro .titleImage h1 {} #page-intro .titleImage h1 img {width: auto;} /* -- ページタイトルの背景画像指定&h1 -- */ body[data-page-path^="/ja/test1"] #page-intro:before {background:#aaa;} body[data-page-path^="/ja/business"] #page-intro:before{background-image:url(../../../../../../resources/sw_img/mv/business.jpg);} body[data-page-path^="/ja/company"] #page-intro:before{background-image:url(../../../../../../resources/sw_img/mv/company.jpg);} body[data-page-path^="/ja/ir"] #page-intro:before{background-image:url(../../../../../../resources/sw_img/mv/ir.jpg);} body[data-page-path^="/ja/recruit"] #page-intro:before{background-image:url(../../../../../../resources/sw_img/mv/recruit.jpg);} body[data-page-path*="/ja/inquiry1"] #page-intro:before,body[data-page-path^="/ja/contact"] #page-intro:before{background-image:url(../../../../../../resources/sw_img/mv/inquiry.jpg);} body[data-page-path^="/ja/privacy"] #page-intro:before{background-image:url(../../../../../../resources/sw_img/mv/privacy.jpg);} body[data-page-path^="/ja/news"] #page-intro:before{background-image:url(../../../../../../resources/sw_img/mv/news.jpg);} body[data-page-path^="/ja/sitemap"] #page-intro:before{background-image:url(../../../../../../resources/sw_img/mv/sitemap.jpg);} /*背景*/ #page-intro .text-meta:before,#page-intro .text-meta:after{content:'';display: block;width: 275px;height: 140px;position: absolute;background-image:url(../../../../../../resources/sw_img/mv/bg-contents-mv.png);background-repeat: no-repeat;z-index: -1;top: 317px;} #page-intro .text-meta:before {background-position: bottom left;left: 0;} #page-intro .text-meta:after {background-position: bottom right;right: 0;} @media screen and (max-width: 767px) { #page-intro .text-meta:before,#page-intro .text-meta:after {width: 100px;height: 50px;-webkit-background-size: auto 100%; background-size: auto 100%;top: 174px;} } /* -- 日付（ニュース・マルチ2） -- */ #page-intro .text-meta { color: inherit; } /*-------------- 中見出し(共通) ------------*/ body:not(#sitetop) .text-section h2 , body:not(#sitetop) .link-list h2, body:not(#sitetop) .link-list-url h2, body:not(#sitetop) .news-result dl dt , body:not(#sitetop) .news-yuho dl dt , body:not(#sitetop) .news-presentation dl dt , body:not(#sitetop) .news-material dl dt , body:not(#sitetop) .title2:not(.highlight) h2 { font-size: 3.2rem; position: relative;font-weight: bold; letter-spacing: 0.15rem;line-height: 1.4em;} body:not(#sitetop) .text-section h2:after , body:not(#sitetop) .link-list h2:after, body:not(#sitetop) .link-list-url h2:after, body:not(#sitetop) .news-result dl dt:after , body:not(#sitetop) .news-yuho dl dt:after , body:not(#sitetop) .news-presentation dl dt:after , body:not(#sitetop) .news-material dl dt:after , body:not(#sitetop) .title2:not(.highlight) h2:after {content: '';width: 40px;height: 5px;background-color: #b11c2c;display: block;margin: .8em 0 1.6em;} @media screen and (max-width: 767px) { body:not(#sitetop) .text-section h2 , body:not(#sitetop) .link-list h2, body:not(#sitetop) .link-list-url h2, body:not(#sitetop) .news-result dl dt , body:not(#sitetop) .news-yuho dl dt , body:not(#sitetop) .news-presentation dl dt , body:not(#sitetop) .news-material dl dt , body:not(#sitetop) .title2:not(.highlight) h2 {font-size: 2.4rem;} } /*-------------- 小見出し --------------*/ /* -- 見出しh2レベル -- */ body:not(#sitetop) .title2.highlight h2 {} body:not(#sitetop) .title2:last-child h2 { margin-bottom: 0px;} /* -- 見出しh3レベル -- */ body:not(#sitetop) .title3:not(.highlight) h3 {font-size: 2rem;border-top: 1px solid #333;border-bottom: 1px solid #333;padding: .5em;margin-bottom: 1.5em;font-weight: bold;letter-spacing: .1em;} body:not(#sitetop) .title3.highlight h3 {} @media screen and (max-width: 767px) { body:not(#sitetop) .title3:not(.highlight) h3 {font-size: 1.8rem;line-height: 1.4em;} } /* -- 見出しh4レベル -- */ body:not(#sitetop) .title4:not(.highlight) h4 {font-size: 1.8rem;position: relative;padding-left: 20px;margin-bottom: 1.5em;line-height: 1.6;} body:not(#sitetop) .title4:not(.highlight) h4:before, body:not(#sitetop) .title4:not(.highlight) h4:after {content: '';display: block;border-radius: 2em;position: absolute;} body:not(#sitetop) .title4:not(.highlight) h4:before {background-color: #b11c2c;width: 6px;height: 6px;top: 1.3rem;left: 3px;z-index: 1;} body:not(#sitetop) .title4:not(.highlight) h4:after {background-color: #ed9aa3;width: 12px;height: 12px;top: 1rem;left: 0;z-index: 0;} body:not(#sitetop) .title4.highlight h4 {} @media screen and (max-width: 767px) { body:not(#sitetop) .title4:not(.highlight) h4 {font-size: 1.6rem;line-height: 1.4em;} body:not(#sitetop) .title4:not(.highlight) h4:before {top: .8rem;} body:not(#sitetop) .title4:not(.highlight) h4:after {top: .5rem;} } /*------------------------------------- テキスト・画像 -------------------------------------*/ /*-------------- 緊急お知らせエリア --------------*/ /* 総合トップ・サイトトップのみ、コンテンツエリア外に１つのみ */ .quoted-text { width: 1000px; margin: 20px auto; } .quoted-text blockquote { background: none; padding: 10px; border: #F00 2px solid; } /*-------------- 囲み線ありテキスト --------------*/ .highlight-quoted-text { background-color: #F3F3F3; padding: 1.5em 2em; margin: 0 auto 20px; line-height: 1.6em; } .highlight-quoted-text p + p {margin-top: .5em;} .highlight-quoted-text cite { background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/bgs/dash.png") no-repeat scroll 0px 8px; padding-left: 10px; font-size: 12px; font-style: italic; } /*-------------- テキストと画像 --------------*/ .text-section { margin-bottom: 20px;} .text-section p{line-height:200%;word-break:break-all;} .text-section li + li {margin-top: .5em;} /*-------------- FAQ --------------*/ .faq-list { } .faq-list > ul { } .faq-list > ul > li { clear: both; margin-bottom: 30px; min-height: 25px; } .faq-list h3 { position: relative; color: #b11c2c; font-weight: bold; } .faq-list h3:before { content: ""; vertical-align: middle; display: inline-block; background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/icon-q.png") center center no-repeat; width: 40px; height: 40px; margin-right: 20px; } .faq-item { position: relative; background-color: #f3f3f3; font-size: 1.4rem; padding: .5em .5em .5em 65px; position: relative; padding-top: .5em; min-height: 40px; line-height: 1.8em; } .faq-item:before { content: ""; vertical-align: middle; display: inline-block; background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/icon-a.png") center center no-repeat; width: 40px; height: 40px; margin-right: 1em; position: absolute; left: 0; top: 0; } /*-- FAQを出しっぱなしにする設定 --*/ /* .faq-list h3 a { cursor: inherit; } .faq-list > ul > li { height: auto !important; } .faq-item { display: block !important; } */ /*------------------------------------- ページ内リンク・バナーリンク・エリアリンク -------------------------------------*/ /* 原則、内部リンクと外部リンクは同スタイルを設定する */ /*-------------- ページ内リンク --------------*/ /* ページ内リンクは１カラム内にまとめて入力し、マルチカラムクラスでアライメントを設定する */ .anchor-link {display: inline-block;margin-bottom: 10px;} .anchor-link + .anchor-link {margin-left: 10px; padding-left: 10px;} .anchor-link a { position: relative; display: block; padding-left: 1em; color: #333; } .anchor-link a:before { content: ""; position: absolute; left: 0; top: .6em ; width: 7px; height: 10px; border-top: 1px solid #b11c2c; border-right: 1px solid #b11c2c; -webkit-transform: rotate(135deg); transform: rotate(135deg); } /*-------------- バナー（共通設定） --------------*/ .teaser , .external-teaser , .download-teaser { } /* テキストのみ／テキストと画像 */ .teaser h2 , .external-teaser h2 , .download-teaser h2 { margin-bottom: 5px; } .teaser h2 a , .external-teaser h2 a , .download-teaser h2 a { } .teaser p , .external-teaser p , .download-teaser p { margin-bottom: 10px; margin-top: .5em; line-height: 1.6em; } /* 画像のみ／テキストと画像 */ .teaser > a , .external-teaser > a , .download-teaser > a { } .teaser > a img , .external-teaser > a img , .download-teaser > a img { } /* ----- 内部・外部バナー（テキストのみ）　メインエリア用 ----- */ [role="main"] .teaser.no-img:not(.highlight) , [role="main"] .external-teaser.no-img:not(.highlight) { max-width: 300px; } [role="main"] .teaser.no-img:not(.highlight) h2 , [role="main"] .external-teaser.no-img:not(.highlight) h2 { } [role="main"] .teaser.no-img:not(.highlight) h2 a , [role="main"] .external-teaser.no-img:not(.highlight) h2 a { padding: 15px 40px; line-height: 1.6em; text-align: center; font-size: 14px; color: #fff; background-color: #b11c2c; text-decoration: none; position: relative; } [role="main"] .teaser.no-img:not(.highlight) h2 a:before , [role="main"] .external-teaser.no-img:not(.highlight) h2 a:before, [role="main"] .teaser.no-img:not(.highlight) h2 a:after , [role="main"] .external-teaser.no-img:not(.highlight) h2 a:after { content: ''; display: block; background-color: #fff; position: absolute; height: 1px; right: 20px; transition: .3s; } [role="main"] .teaser.no-img:not(.highlight) h2 a:before , [role="main"] .external-teaser.no-img:not(.highlight) h2 a:before { width: 15px; top: 50%; } [role="main"] .teaser.no-img:not(.highlight) h2 a:after , [role="main"] .external-teaser.no-img:not(.highlight) h2 a:after { width: 5px; transform: rotate(45deg); bottom: 50%; margin-bottom: 1px; } [role="main"] .teaser.no-img:not(.highlight) h2 a:hover:before , [role="main"] .external-teaser.no-img:not(.highlight) h2 a:hover:before, [role="main"] .teaser.no-img:not(.highlight) h2 a:hover:after , [role="main"] .external-teaser.no-img:not(.highlight) h2 a:hover:after { right: 15px; } [role="main"] .teaser.no-img:not(.highlight) h2 a[target="_blank"]:before , [role="main"] .external-teaser.no-img:not(.highlight) h2 a[target="_blank"]:before {display: none;} [role="main"] .teaser.no-img:not(.highlight) h2 a[target="_blank"]:after , [role="main"] .external-teaser.no-img:not(.highlight) h2 a[target="_blank"]:after { content: ""; background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") center center no-repeat; background-size: contain; display: inline-block; width: 14px; height: 12px; transform: none; margin-bottom: -6px; } [role="main"] .teaser.no-img:not(.highlight) h2 a:hover[target="_blank"]:after , [role="main"] .external-teaser.no-img:not(.highlight) h2 a:hover[target="_blank"]:after {right: 20px;} [role="main"] .teaser.no-img:not(.highlight) p , [role="main"] .external-teaser.no-img:not(.highlight) p { } [role="main"] .teaser.no-img:not(.highlight) h2 a:hover , [role="main"] .external-teaser.no-img:not(.highlight) h2 a:hover { background-color: #990d1c; color: #fff; opacity: 1; } /* お問い合わせ専用 チェックボックスつきテキスト */ [role="main"] .external-teaser.with-checkbox:not(.highlight) p { text-align: center; } [role="main"] .external-teaser.with-checkbox:not(.highlight) input[type=checkbox] { vertical-align: middle; } /* お問い合わせ専用 リンク無効時 */ [role="main"] .external-teaser.with-checkbox.disabled:not(.highlight) h2 a { background-color: #ccc; color: #999; } /* ----- 内部バナー　プロモス1用 ----- */ #promos1 .teaser.no-img , #promos1 .teaser.no-img h2 { margin-bottom: 0; } /* ----- 内部・外部バナー（テキストと画像）　メインエリア用 ----- */ [role="main"] .teaser:not(.no-img):not(.highlight) , [role="main"] .external-teaser:not(.no-img):not(.highlight) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } [role="main"] .teaser:not(.no-img):not(.highlight) > * , [role="main"] .external-teaser:not(.no-img):not(.highlight) > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } [role="main"] .teaser:not(.no-img):not(.highlight) h2 , [role="main"] .external-teaser:not(.no-img):not(.highlight) h2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } [role="main"] .teaser:not(.no-img):not(.highlight) h2 a , [role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a { padding: 15px 40px; line-height: 1.6em; text-align: center; font-size: 14px; color: #fff; background-color: #b11c2c; text-decoration: none; position: relative; } [role="main"] .teaser:not(.no-img):not(.highlight) h2 a:before , [role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a:before, [role="main"] .teaser:not(.no-img):not(.highlight) h2 a:after , [role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a:after { content: ''; display: block; background-color: #fff; position: absolute; height: 1px; right: 20px; transition: .3s; } [role="main"] .teaser:not(.no-img):not(.highlight) h2 a:before , [role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a:before { width: 15px; top: 50%; } [role="main"] .teaser:not(.no-img):not(.highlight) h2 a:after , [role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a:after { width: 5px; transform: rotate(45deg); bottom: 50%; margin-bottom: 1px; } [role="main"] .teaser:not(.no-img):not(.highlight) h2 a:hover:before , [role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a:hover:before, [role="main"] .teaser:not(.no-img):not(.highlight) h2 a:hover:after , [role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a:hover:after { right: 15px; } [role="main"] .teaser:not(.no-img):not(.highlight) h2 a:hover , [role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a:hover { background-color: #990d1c; color: #fff; opacity: 1; } [role="main"] .teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]:after , [role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]:after { content: ""; background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") center center no-repeat; background-size: contain; display: inline-block; width: 14px; height: 12px; vertical-align: middle; transform: none; margin-bottom: -6px; } [role="main"] .teaser:not(.no-img):not(.highlight) h2 a:hover[target="_blank"]:after , [role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a:hover[target="_blank"]:after {right: 20px;} [role="main"] .teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]:before , [role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]:before {display: none;} [role="main"] .teaser:not(.no-img):not(.highlight) h2 + a , [role="main"] .external-teaser:not(.no-img):not(.highlight) h2 + a { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: block; } [role="main"] .teaser:not(.no-img):not(.highlight) h2 + a img , [role="main"] .external-teaser:not(.no-img):not(.highlight) h2 + a img { display: block; width: 100%; } [role="main"] .teaser:not(.no-img):not(.highlight) p , [role="main"] .external-teaser:not(.no-img):not(.highlight) p { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: .5em; line-height: 1.6em; } /* ----- ダウンロードバナー（テキストのみ）　メインエリア用 ----- */ [role="main"] .download-teaser.no-img:not(.highlight) { max-width: 300px; } [role="main"] .download-teaser.no-img:not(.highlight) h2 { } [role="main"] .download-teaser.no-img:not(.highlight) h2 a { padding: 15px 40px; line-height: 1.6em; font-size: 14px; text-align: center; background-color: #fff; box-sizing: border-box; border: 1px solid #b11c2c; text-decoration: none; position: relative; } [role="main"] .download-teaser.no-img:not(.highlight) h2 a:before , [role="main"] .download-teaser.no-img:not(.highlight) h2 a:after { content: ''; display: block; background-color: #b11c2c; position: absolute; height: 1px; right: 20px; transition: .3s; } [role="main"] .download-teaser.no-img:not(.highlight) h2 a:before { width: 15px; top: 50%; } [role="main"] .download-teaser.no-img:not(.highlight) h2 a:after { width: 5px; transform: rotate(45deg); bottom: 50%; margin-bottom: 1px; } [role="main"] .download-teaser.no-img:not(.highlight) h2 a:hover:before , [role="main"] .download-teaser.no-img:not(.highlight) h2 a:hover:after { right: 15px; background-color: #fff; } [role="main"] .download-teaser.no-img:not(.highlight) h2 a:hover { background-color: #b11c2c; color: #fff; opacity: 1; } [role="main"] .download-teaser.no-img:not(.highlight) p { } /*-------------- 内部ページ エリアリンク --------------*/ /*-------------- 外部ページ エリアリンク --------------*/ .internal-link-area:not(.highlight) , .external-link-area:not(.highlight) { margin-bottom: 20px; } .internal-link-area:not(.highlight) img, .external-link-area:not(.highlight) img{ max-width:100%; width:100%; height:auto; margin:.5em auto; transition:.2s ease-out; } .internal-link-area:not(.highlight) > a , .external-link-area:not(.highlight) > a { display: block; text-decoration: none; } .internal-link-area:not(.highlight) > a p, .external-link-area:not(.highlight) > a p { color: #333; line-height: 1.6em; padding-left: 1em; display: inline-block; position: relative; margin: .5em 0; font-size: 1.4rem; } .internal-link-area:not(.highlight) > a p:before, .external-link-area:not(.highlight) > a p:before{ content: ""; position: absolute; left: 0; top: .6em; width: 7px; height: 7px; border-top: 1px solid #b11c2c; border-right: 1px solid #b11c2c; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .internal-link-area:not(.highlight) > a p strong, .external-link-area:not(.highlight) > a p strong { display: inline-block; font-size: 1.6rem; margin-bottom: .5em; } .external-link-area > a p strong:after{ content: ""; background: url(../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png) center center no-repeat; background-size: contain; display: inline-block; width: 14px; height: 12px; transform: none; margin-left: 5px; } /*-- マウスオーバー --*/ .internal-link-area:not(.highlight) > a:hover , .external-link-area:not(.highlight) > a:hover { opacity: 0.7; } /* エリアリンク ハイライト表示 */ .internal-link-area.highlight , .external-link-area.highlight { margin-bottom: 20px; } .internal-link-area.highlight > a , .external-link-area.highlight > a { display: block; text-decoration: none; } /*-- マウスオーバー --*/ .internal-link-area.highlight > a:hover , .external-link-area.highlight > a:hover { opacity: 0.7; } /*-------------- ダウンロード エリアリンク --------------*/ .download-link-area:not(.highlight) { margin-bottom: 20px; } .download-link-area:not(.highlight) img{ max-width:100%; width:100%; height:auto; margin:.5em auto; transition:.2s ease-out; } .download-link-area:not(.highlight) > a { display: block; text-decoration: none; } .download-link-area:not(.highlight) > a p { color: #333; line-height: 1.6em; } .download-link-area:not(.highlight) > a:hover { opacity: 0.7; } /* -- テキスト先頭にpdfアイコンを付ける -- */ .download-link-area:not(.highlight) > a[href$=".pdf"] > p:first-child:before , .download-link-area:not(.highlight) > a[href$=".pdf"] > img + p:before { content: ""; background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat; background-size: contain; display: inline-block; width: 14px; height: 1.4em; vertical-align: sub; margin: 0 .5em 0 0; } /*------------------------------------- リスト -------------------------------------*/ /* 共通設定 決算短信・有報・最新決算・説明会資料（自動連携）、リンクリスト（手動） */ /* マージ設定用マルチカラムclass名： "edit-only" */ .link-list:not(.highlight) ul, .link-list-url ul , .news-result dl , .news-yuho dl , .news-presentation dl , .news-material dl { margin-bottom: 20px; } .news-result dl:not(:last-child) , .news-yuho dl:not(:last-child) , .news-presentation dl:not(:last-child) , .news-material dl:not(:last-child) { margin-bottom: 80px; } @media handheld, only screen and (max-width: 767px) { .news-result dl:not(:last-child) , .news-yuho dl:not(:last-child) , .news-presentation dl:not(:last-child) , .news-material dl:not(:last-child) { margin-bottom: 40px; } } .news-material h2 { display: none; } /*-- 副見だし --*/ .link-list:not(.highlight) h2, .link-list-url h2 , .news-result dl dt , .news-yuho dl dt , .news-presentation dl dt , .news-material dl dt { } .link-list:not(.highlight) ul li[class] , .link-list-url ul li[class] , .news-result dl dd , .news-yuho dl dd , .news-presentation dl dd , .news-material dl dd { position: relative; padding-top: 10px; margin-bottom: 5px; } .link-list:not(.highlight) ul li[class] {padding-top: 0;} /* マージされたハイライト表示のリンクは、直前のリンクに属する様に見えるスタイルにする。 */ /* (ハイライト表示されていないリンクは、他の決算短信・有報と同列に表示） */ .link-list:not(.highlight) li.internal-link-text.highlight , .link-list:not(.highlight) li.extermal-link-text.highlight , .link-list:not(.highlight) li.download-link-text.highlight , .link-list:not(.highlight) li.text-without-link.highlight , .news-result dl dd.merged.highlight , .news-yuho dl dd.merged.highlight , .news-presentation dl dd.merged.highlight , .news-material dl dd.merged.highlight { padding-top: 0px; padding-left: 30px; } /* マージされたハイライト表示のリンクのＬ字アイコン */ .link-list:not(.highlight) li.internal-link-text.highlight:before , .link-list:not(.highlight) li.extermal-link-text.highlight:before , .link-list:not(.highlight) li.download-link-text.highlight:before , .link-list:not(.highlight) li.text-without-link.highlight:before , .news-result dl dd.merged.highlight:before , .news-yuho dl dd.merged.highlight:before , .news-presentation dl dd.merged.highlight:before , .news-material dl dd.merged.highlight:before { content: ""; position: absolute; top: 3px; left: 10px; display: block; width: 10px; height: 10px; border-left: 1px solid #000; border-bottom: 1px solid #000; } /* リンクアイコン（ダウンロード以外） */ .news-result dl dd.merged.no-download:not(.highlight) , .news-yuho dl dd.merged.no-download:not(.highlight) , .news-presentation dl dd.merged.no-download:not(.highlight) , .news-material dl dd.merged.no-download:not(.highlight) { /* background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 6px top 1em no-repeat;*/ padding-left: 20px; position: relative; } .news-result dl dd.merged.no-download:not(.highlight):before , .news-yuho dl dd.merged.no-download:not(.highlight):before , .news-presentation dl dd.merged.no-download:not(.highlight):before , .news-material dl dd.merged.no-download:not(.highlight):before { content: ""; position: absolute; left: 0; top: 2.2rem; width: 7px; height: 7px; border-top: 1px solid #b11c2c; border-right: 1px solid #b11c2c; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* 外窓アイコン（ダウンロード以外） */ .news-result dl dd.merged.no-download a[target="_blank"]:after , .news-yuho dl dd.merged.no-download a[target="_blank"]:after , .news-presentation dl dd.merged.no-download a[target="_blank"]:after , .news-material dl dd.merged.no-download a[target="_blank"]:after { content: ""; background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") center center no-repeat; background-size: contain; display: inline-block; width: 14px; height: 12px; /* vertical-align: middle;*/ margin: 0 3px; } /*-------------- リンクリスト ------------------- */ /*-------------- リンクリストURL事前確認 ---------*/ .link-list:not(.highlight) , .link-list-url { } /* -- 副見出し -- */ .link-list:not(.highlight) h2, .link-list-url h2 { } .link-list:not(.highlight) ul, .link-list-url ul { } /* -- ダウンロード以外 -- */ .link-list:not(.highlight) .internal-link-text , .link-list:not(.highlight) .external-link-text , .link-list:not(.highlight) .text-without-link , .link-list-url .internal-link-text , .link-list-url .external-link-text { /* background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 6px top 1em no-repeat;*/ padding-left: 20px; } .link-list:not(.highlight) .internal-link-text, .link-list:not(.highlight) .external-link-text {padding-left: 0;} /* リンクテキスト */ .link-list:not(.highlight) .internal-link-text a , .link-list:not(.highlight) .external-link-text a , .link-list:not(.highlight) .download-link-text a:not(.d_icon) , .link-list:not(.highlight) .text-without-link span , .link-list-url .internal-link-text a , .link-list-url .external-link-text a , .news-result dl dd a:not(.d_icon) , .news-yuho dl dd a:not(.d_icon) , .news-presentation dl dd a:not(.d_icon) , .news-material dl dd a:not(.d_icon) {color: #333;} .link-list:not(.highlight) .internal-link-text a, .link-list:not(.highlight) .external-link-text a{padding-left: 1em;position: relative;} .link-list:not(.highlight) .internal-link-text a:before, .link-list:not(.highlight) .external-link-text a:before { content: ""; position: absolute; left: 0; top: .6em ; width: 6px; height: 6px; border-top: 1px solid #b11c2c; border-right: 1px solid #b11c2c; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* -- 別窓アイコン -- */ .link-list:not(.highlight) .internal-link-text a[target="_blank"]:after , .link-list:not(.highlight) .external-link-text a[target="_blank"]:after , .link-list-url .internal-link-text a[target="_blank"]:after , .link-list-url .external-link-text a[target="_blank"]:after { content: ""; background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") center center no-repeat; background-size: contain; display: inline-block; width: 14px; height: 12px; vertical-align: middle; margin: 0 5px; } /* -- ダウンロードリンク -- */ .link-list:not(.highlight) .download-link-text, .link-list-url .download-link-url { } .link-list:not(.highlight) .download-link-text a:not(.d_icon) , .link-list-url .download-link-url a:not(.d_icon) { } /*-- リンクリスト（ハイライト表示） --*/ .link-list.highlight {width:100%;margin-bottom:40px;} .link-list.highlight h2 {} .link-list.highlight ul {display:table;width:100%;table-layout:fixed;} .link-list.highlight ul li{display:table-cell;background:#f3f3f3;border-right:2px solid #fff;} .link-list.highlight ul li a{font-size:1.8rem;color:#333333;text-align:center;display:block;width:100%;height:100%;text-decoration:none;padding:20px 10px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .link-list.highlight ul li:hover{background:#eee;color:#111;} .link-list.highlight ul li.act{background:#b11c2c;position:relative;} .link-list.highlight ul li.act a{color:#fff;} .link-list.highlight ul li.act::before{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 11px 11px 0 11px;border-color: #b11c2c transparent transparent transparent;position:absolute;bottom:-10px;left:50%;margin-left:-11px;} @media screen and (max-width: 767px) { .link-list.highlight ul li a { font-size: 1.4rem; padding: 10px 5px 11px; } } /*-- リンクリスト（インライン表示） --*/ .link-inline .link-list li {display: inline-block;margin-right: 2em;} /*------------------------------------- 表組・テーブル・財務ハイライト(表組)・配当金(表組) -------------------------------------*/ /*-- table共通 --*/ /* セル */ /* 枠線とセル内余白を指定 */ .shwTable table.htCore tr td , th, td { color: inherit; padding: 1em; } .shwTable table.htCore tr td p, th p, td p{line-height: 1.6em;} /* 背景色を指定 */ .htCore tr td , th, td { background: #fff; } @media screen and (max-width: 767px) { .shwTable table.htCore tr td , th, td { font-size: 1.2rem; padding: .5em; } } /* 見出し */ /* 背景色と文字色を指定 */ .highlights-table tr td:first-child , .highlights-alltable-2nd tr td:first-child , .haitou-table-2nd td.t1, .haitou-table-2nd td.t2, .haitou-table-2nd td.t12 , .shwTable table tr td.tableRowHead , .shwTable table tr td.tableColumnHead , td.tbRowHead , td.tbColumnHead , th { color: #fff; line-height: 1.6em; border-bottom-color: #e998a0; border-right-color: #e998a0; } /* 見出し列 */ /* 背景色と文字色を指定 */ .highlights-table tr td:first-child , .highlights-alltable-2nd tr td:first-child , .haitou-table-2nd td.t1, .haitou-table-2nd td.t2, .haitou-table-2nd td.t12 , .shwTable table tr td.tableColumnHead , td.tbColumnHead , .vtable-item > table > tbody > tr > th { text-align: left; vertical-align: middle; background-color: #d76e79; } /* 見出し行 */ /* 背景色と文字色を指定 */ .highlights-table tr.r0 th , .highlights-alltable-2nd tr.r0 th , .haitou-table-2nd th , .shwTable table tr td.tableRowHead , td.tbRowHead , .ircalendar-title > table > tbody > tr > th , thead th { text-align: center; vertical-align: top; background-color: #d76e79; } /* 見出し中の太字 */ .vtable-item > table > tbody > tr > th strong , .ircalendar-title > table > tbody > tr > th strong { font-weight: normal; } /* お問い合わせを表組風に */ /* 枠線とセル内余白（セル相当）、背景色と文字色(見出し列相当)を指定 */ .form-wrapper .form-edit , .form-wrapper .form-selection , .form-wrapper .form-edit:before , .form-wrapper .form-selection:before , .form-wrapper .form-edit > label , .form-wrapper .form-selection > label { color: inherit; padding: 1em .5em; border: 1px solid #dddddd; text-align: left; vertical-align: middle; background-color: #f3f3f3; } /*-------------- テーブル縦 --------------*/ /* -- デフォルト比率 -- */ .vtable-item > table > tbody > tr > td { width: 25%; } .vtable-item > table > tbody > tr > th { width: 12.5%; } /*-------------- テーブル横 --------------*/ /* -- デフォルト比率 -- */ .ircalendar-title > table > tbody > tr > th, .ircalendar-item > table > tbody >tr > td { width: 25%; } .ircalendar-title > table > tbody > tr > th.ircalendar-title1 , .ircalendar-item > table > tbody > tr > td.ircalendar-item1 { width: 12.5%; } /*-------------- 表組 --------------*/ /* -- 表タイトル -- */ .shwTableTitle { } .shwTableTitle h2 { font-weight: bold; margin-bottom: 5px; } /* -- 表組 -- */ .shwTable { margin-bottom: 20px; } /* -- 単位（表組の外） -- */ .shwTable td.shw-table-row { color: inherit; } /*-------------- 財務ハイライト表組 --------------*/ .highlights-table , .highlights-alltable-2nd { margin-bottom: 40px; } /* 単位 */ .highlights-table .unit { } /*-------------- 配当 表組 --------------*/ .haitou-table-2nd { margin-bottom: 20px; } /* 配当予想セル */ .haitou-table-2nd table th.y0 , .haitou-table-2nd table td.y0 { } /*------------------------------------- グラフ・財務ハイライト(グラフ)・配当金(グラフ) -------------------------------------*/ /* important付きは、html上のスタイルを上書きする必要があるもの */ /*-------------- グラフ --------------*/ .graph { margin-bottom: 20px; } /* -- グラフ データラベル 文字影設定 -- */ /* -- (IEではこの設定は効ない。グラフテーマの設定が優先される) -- */ .highcharts-data-labels text { /* text-shadow: 1px 1px 0px #FFF, -1px -1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF !important; */ } /* -- 財務ハイライトver2 グラフ (凡例を含むエリア) -- */ .highlights-2nd > div:not([class]) { /* height: auto !important; */ margin-bottom: 40px; } /* -- 財務ハイライトver2 グラフ (凡例を含まないエリア) -- */ .highlights-2nd .highlights-graph { /* width: 100% !important; */ /* min-width: auto !important; */ /* max-width: none !important; */ /* height: 400px !important; */ } /* -- 財務ハイライトver2 グラフ 凡例 -- */ .highlights-2nd .legend { /* margin: auto !important; */ /* width: auto !important; */ /* min-width: auto !important; */ /* max-width: none !important; */ /* text-align: center; */ } .highlights-2nd .legend-item-box { /* float: none !important; */ /* display: inline-block !important; */ /* margin-left: -5px; */ } /*-------------- 配当グラフ --------------*/ .haitou-graph-2nd { margin-bottom: 40px; } .haitou-graph-2nd .graph { /* min-width: auto !important; */ /* max-width: none !important; */ /* height: 400px !important; */ } /*------------------------------------- ニュース -------------------------------------*/ /*-- ver2 ニュース一覧・ニュース一覧（カテゴリ）・英文書一覧・英文書一覧（カテゴリ） --*/ .news-list-2nd , .news-list-tabbed-2nd , .news-english-2nd , .news-english-tabbed-2nd { position: relative; margin-bottom: 20px; } .news-list-2nd ul , .news-list-tabbed-2nd ul , .news-english-2nd ul , .news-english-tabbed-2nd ul { padding-top: 1px; } /* -- 1つのリリース -- */ .news-list-2nd ul li , .news-list-tabbed-2nd ul li , .news-english-2nd ul li , .news-english-tabbed-2nd ul li { position: relative; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #CCCCCC; } .news-list-2nd ul li h3 , .news-list-tabbed-2nd ul li h3 , .news-english-2nd ul li h3 , .news-english-tabbed-2nd ul li h3 { position: relative; display: block; padding-left: 0px; padding-top: 0px; padding-left: 14.2em; } /*-- 画像 --*/ .news-list-2nd ul li .n_img , .news-list-tabbed-2nd ul li .n_img , .news-english-2nd ul li .n_img , .news-english-tabbed-2nd ul li .n_img { } /* -- リリースのテキスト -- */ .news-list-2nd ul li .news_tx , .news-list-tabbed-2nd ul li .news_tx , .news-english-2nd ul li .news_tx , .news-english-tabbed-2nd ul li .news_tx { } .news-list-2nd ul li .news_tx a , .news-list-tabbed-2nd ul li .news_tx a , .news-english-2nd ul li .news_tx a , .news-english-tabbed-2nd ul li .news_tx a { /* color: inherit; */ } /* -- 日付 -- */ .news-list-2nd ul li .date , .news-list-tabbed-2nd ul li .date , .news-english-2nd ul li .date , .news-english-tabbed-2nd ul li .date { position: absolute; top: 0; left: 0; } /* -- カテゴリアイコン -- */ .news-list-2nd ul li .c_icon , .news-list-tabbed-2nd ul li .c_icon , .news-english-2nd ul li .c_icon , .news-english-tabbed-2nd ul li .c_icon { position: absolute; top: 0; left: 7.2em; } /* -- ファイルアイコン -- */ .news-list-2nd ul li .d_icon , .news-list-tabbed-2nd ul li .d_icon , .news-english-2nd ul li .d_icon , .news-english-tabbed-2nd ul li .d_icon { margin-left: 5px; } /* -- もっと読む・詳細（ニュース概要） -- */ .news-list-2nd ul li .det_tx , .news-list-tabbed-2nd ul li .det_tx , .news-english-2nd .det_tx , .news-english-tabbed-2nd .det_tx { display: none; } /* -- 続きを読む -- */ .news-list-2nd ul li .det_tx em.more , .news-list-tabbed-2nd ul li .det_tx em.more , .news-english-2nd .det_tx em.more , .news-english-tabbed-2nd .det_tx em.more { display: none; } /*-- ver2 最新ニュース・最新ニュース（カテゴリ） --*/ .news-latest-2nd , .news-latest-tabbed-2nd { position: relative; margin-bottom: 20px; } .news-latest-2nd ul , .news-latest-tabbed-2nd ul { padding-top: 1px; } /* -- 1つのリリース -- */ .news-latest-2nd ul li , .news-latest-tabbed-2nd ul li { position: relative; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #CCCCCC; } .news-latest-2nd ul li h3 , .news-latest-tabbed-2nd ul li h3 { position: relative; display: block; padding-top: 0px; padding-left: 14.2em; } /*-- 画像 --*/ .news-latest-2nd ul li .n_img , .news-latest-tabbed-2nd ul li .n_img { } /* -- リリースのテキスト -- */ .news-latest-2nd ul li .news_tx , .news-latest-tabbed-2nd ul li .news_tx { } .news-latest-2nd ul li .news_tx a , .news-latest-tabbed-2nd ul li .news_tx a { /* color: inherit; */ } /* -- 日付 -- */ .news-latest-2nd ul li .date , .news-latest-tabbed-2nd ul li .date { position: absolute; top: 0; left: 0; } /* -- カテゴリアイコン -- */ .news-latest-2nd ul li .c_icon , .news-latest-tabbed-2nd ul li .c_icon { position: absolute; top: 0; left: 7.2em; } /* -- ファイルアイコン -- */ .news-latest-2nd ul li .d_icon , .news-latest-tabbed-2nd ul li .d_icon { margin-left: 5px; } /* -- もっと読む・詳細（ニュース概要） -- */ .news-latest-2nd ul li .det_tx , .news-latest-tabbed-2nd ul li .det_tx { display: none; } /* -- 続きを読む -- */ .news-latest-2nd ul li .det_tx em.more , .news-latest-tabbed-2nd ul li .det_tx em.more { display: none; } /* -- 全てのニュース -- */ .news-latest-2nd .all , .news-latest-tabbed-2nd .all { margin-top: 10px; position: relative; } .news-latest-2nd .all a , .news-latest-tabbed-2nd .all a { display: block; padding-left: 18px; background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") no-repeat scroll 0 5px; } /*-- 中見出し(h2)の下にある場合 --*/ .title2 ~ .news-latest-2nd .all , .title2 ~ .news-latest-tabbed-2nd .all { position: absolute; top: -50px; right: 0; margin: 0; display: block; } /* テキスト変更 */ /* .news-latest-2nd .all a , .news-latest-tabbed-2nd .all a { font-size: 0; } .news-latest-2nd .all a:after , .news-latest-tabbed-2nd .all a:after { font-size: 14px; display: block; } #header.ja ~ div .news-latest-2nd .all a:after , #header.ja ~ div .news-latest-tabbed-2nd .all a:after { content: "一覧へ"; } #header.en ~ div .news-latest-2nd .all a:after , #header.en ~ div .news-latest-tabbed-2nd .all a:after { content: "List"; } */ /*-------------- タブ共通 --------------*/ /* -- 年度タブ -- */ p.yearTabs { margin-bottom: 20px; font-size: 0; } p.yearTabs a { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: bold; border: 1px solid #CCCCCC; margin-right: 5px; margin-bottom: 5px; } p.yearTabs a.active { font-weight: bold; } p.yearTabs a:hover , p.yearTabs a.active { background-color: #dddddd; } /* -- カテゴリタブ -- */ p.tabs{ margin-bottom: 20px; font-size: 0; } p.tabs a { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: bold; border: 1px solid #CCCCCC; margin-right: 5px; margin-bottom: 5px; } p.tabs a.active { font-weight: bold; } p.tabs a:hover , p.tabs a.active { background-color: #dddddd; } /* アクティブなカテゴリタブをアイコン色と同色にする */ /* p.tabs a.allTab:hover , p.tabs a.allTab.active { } p.tabs a.tekijiTab:hover , p.tabs a.tekijiTab.active { color: #FFF; background-color: #2980b9; } p.tabs a.resultTab:hover , p.tabs a.resultTab.active { color: #FFF; background-color: #e67e22; } p.tabs a.gyousekiTab:hover , p.tabs a.gyousekiTab.active { color: #FFF; background-color: #f1c40f; } p.tabs a.prTab:hover , p.tabs a.prTab.active { color: #FFF; background-color: #c2185b; } p.tabs a.irTab:hover , p.tabs a.irTab.active { color: #FFF; background-color: #1abc9c; } p.tabs a.governanceTab:hover , p.tabs a.governanceTab.active { color: #FFF; background-color: #34495e; } p.tabs a.yuhoTab:hover , p.tabs a.yuhoTab.active { color: #FFF; background-color: #16a085; } p.tabs a.syosyuTab:hover , p.tabs a.syosyuTab.active { color: #FFF; background-color: #e74c3c; } p.tabs a.noneTab:hover , p.tabs a.noneTab.active { color: #FFF; background-color: #9b59b6; } */ /*-------------- テキスト化カテゴリアイコン (ver2専用) --------------*/ .news-list-2nd ul li .c_icon , .news-list-tabbed-2nd ul li .c_icon , .news-english-2nd ul li .c_icon , .news-english-tabbed-2nd ul li .c_icon , .news-latest-2nd ul li .c_icon , .news-latest-tabbed-2nd ul li .c_icon { display: block; } .news-list-2nd ul li .c_icon:before , .news-list-tabbed-2nd ul li .c_icon:before , .news-english-2nd ul li .c_icon:before , .news-english-tabbed-2nd ul li .c_icon:before , .news-latest-2nd ul li .c_icon:before , .news-latest-tabbed-2nd ul li .c_icon:before { display: block; width: 76px; height: 24px; line-height: 1; font-size: 11px; text-align: center; padding-top: 7px; margin-top: -2px; color: #fff; background: #646464; } .news-list-2nd ul li .c_icon img , .news-list-tabbed-2nd ul li .c_icon img , .news-english-2nd ul li .c_icon img , .news-english-tabbed-2nd ul li .c_icon img , .news-latest-2nd ul li .c_icon img , .news-latest-tabbed-2nd ul li .c_icon img { display: none; } .news-list-2nd ul li.tekijiElm .c_icon:before , .news-list-tabbed-2nd ul li.tekijiElm .c_icon:before , .news-english-2nd ul li.tekijiElm .c_icon:before , .news-english-tabbed-2nd ul li.tekijiElm .c_icon:before , .news-latest-2nd ul li.tekijiElm .c_icon:before , .news-latest-tabbed-2nd ul li.tekijiElm .c_icon:before { content: "適時開示"; } .news-list-2nd ul li.resultElm .c_icon:before , .news-list-tabbed-2nd ul li.resultElm .c_icon:before , .news-english-2nd ul li.resultElm .c_icon:before , .news-english-tabbed-2nd ul li.resultElm .c_icon:before , .news-latest-2nd ul li.resultElm .c_icon:before , .news-latest-tabbed-2nd ul li.resultElm .c_icon:before { content: "決算"; } .news-list-2nd ul li.gyousekiElm .c_icon:before , .news-list-tabbed-2nd ul li.gyousekiElm .c_icon:before , .news-english-2nd ul li.gyousekiElm .c_icon:before , .news-english-tabbed-2nd ul li.gyousekiElm .c_icon:before , .news-latest-2nd ul li.gyousekiElm .c_icon:before , .news-latest-tabbed-2nd ul li.gyousekiElm .c_icon:before { content: "業績"; } .news-list-2nd ul li.prElm .c_icon:before , .news-list-tabbed-2nd ul li.prElm .c_icon:before , .news-english-2nd ul li.prElm .c_icon:before , .news-english-tabbed-2nd ul li.prElm .c_icon:before , .news-latest-2nd ul li.prElm .c_icon:before , .news-latest-tabbed-2nd ul.prElm li .c_icon:before { content: "PR情報"; } .news-list-2nd ul li.irElm .c_icon:before , .news-list-tabbed-2nd ul li.irElm .c_icon:before , .news-english-2nd ul li.irElm .c_icon:before , .news-english-tabbed-2nd ul li.irElm .c_icon:before , .news-latest-2nd ul li.irElm .c_icon:before , .news-latest-tabbed-2nd ul li.irElm .c_icon:before { content: "IR情報"; } .news-list-2nd ul li.governanceElm .c_icon:before , .news-list-tabbed-2nd ul li.governanceElm .c_icon:before , .news-english-2nd ul li.governanceElm .c_icon:before , .news-english-tabbed-2nd ul li.governanceElm .c_icon:before , .news-latest-2nd ul li.governanceElm .c_icon:before , .news-latest-tabbed-2nd ul li.governanceElm .c_icon:before { content: "ガバナンス"; } .news-list-2nd ul li.yuhoElm .c_icon:before , .news-list-tabbed-2nd ul li.yuhoElm .c_icon:before , .news-english-2nd ul li.yuhoElm .c_icon:before , .news-english-tabbed-2nd ul li.yuhoElm .c_icon:before , .news-latest-2nd ul li.yuhoElm .c_icon:before , .news-latest-tabbed-2nd ul li.yuhoElm .c_icon:before { content: "有価証券報告書"; } .news-list-2nd ul li.meetingElm .c_icon:before , .news-list-tabbed-2nd ul li.meetingElm .c_icon:before , .news-english-2nd ul li.meetingElm .c_icon:before , .news-english-tabbed-2nd ul li.meetingElm .c_icon:before , .news-latest-2nd ul li.meetingElm .c_icon:before , .news-latest-tabbed-2nd ul li.meetingElm .c_icon:before { content: "株主総会"; } .news-list-2nd ul li.noneElm .c_icon:before , .news-list-tabbed-2nd ul li.noneElm .c_icon:before , .news-english-2nd ul li.noneElm .c_icon:before , .news-english-tabbed-2nd ul li.noneElm .c_icon:before , .news-latest-2nd ul li.noneElm .c_icon:before , .news-latest-tabbed-2nd ul li.noneElm .c_icon:before { content: "その他"; } .news-list-2nd ul li.topicsElm .c_icon:before , .news-list-tabbed-2nd ul li.topicsElm .c_icon:before , .news-english-2nd ul li.topicsElm .c_icon:before , .news-english-tabbed-2nd ul li.topicsElm .c_icon:before , .news-latest-2nd ul li.topicsElm .c_icon:before , .news-latest-tabbed-2nd ul li.topicsElm .c_icon:before { content: "トピックス"; } .news-list-2nd ul li.top_topicsElm .c_icon:before , .news-list-tabbed-2nd ul li.top_topicsElm .c_icon:before , .news-english-2nd ul li.top_topicsElm .c_icon:before , .news-english-tabbed-2nd ul li.top_topicsElm .c_icon:before , .news-latest-2nd ul li.top_topicsElm .c_icon:before , .news-latest-tabbed-2nd ul li.top_topicsElm .c_icon:before { display: none; } /*-------------- rss --------------*/ .rss-content { } .rss-content:after { content: ""; display: block; clear: both; } .rss-content em { font-style: normal; float: right; margin-bottom: 10px; } .rss-content a { text-decoration: none; } /* .rss-content em { padding: 0 !important; background: none !important; margin-top: -16px; } .rss-content a { display: block; width: 16px; height: 16px; background: url("../../../../../../.resources/feed.gif") no-repeat left top; } .rss-content a:hover { opacity: 0.7; } */ /*------------------------------------- マルチ２ -------------------------------------*/ /*----------- サムネイルなし -----------*/ .basic-list:not(.thumnail) , .basic-list-english:not(.thumnail) { } .basic-list:not(.thumnail) ul.tabItems , .basic-list-english:not(.thumnail) ul.tabItems { padding-top: 1px; } /* -- 1つのリリース -- */ .basic-list:not(.thumnail) ul.tabItems li , .basic-list-english:not(.thumnail) ul.tabItems li { position: relative; margin-top: 10px; padding: 10px; background-color: #fff; /* border-bottom: 1px dotted #CCCCCC;*/ } .basic-list:not(.thumnail) ul.tabItems li h3 , .basic-list-english:not(.thumnail) ul.tabItems li h3 { position: relative; display: block; padding-top: 0px; } @media screen and (min-width: 768px) { .basic-list:not(.thumnail) ul.tabItems li h3 , .basic-list-english:not(.thumnail) ul.tabItems li h3 {padding-left: 16.8em;} } .basic-list:not(.thumnail) ul.tabItems li a , .basic-list-english:not(.thumnail) ul.tabItems li a { font-weight: normal; } /* -- リリースのテキスト -- */ .basic-list:not(.thumnail) ul.tabItems li a .news_tx , .basic-list-english:not(.thumnail) ul.tabItems li a .news_tx { text-decoration: underline; } @media screen and (max-width: 767px) { .basic-list:not(.thumnail) ul.tabItems li a .news_tx , .basic-list-english:not(.thumnail) ul.tabItems li a .news_tx {display: block;} } /* -- 日付 -- */ .basic-list:not(.thumnail) ul.tabItems li .date , .basic-list-english:not(.thumnail) ul.tabItems li .date { font-size: 1.4rem; color: #333; } @media screen and (min-width: 768px) { .basic-list:not(.thumnail) ul.tabItems li .date , .basic-list-english:not(.thumnail) ul.tabItems li .date { position: absolute; top: 0; left: 0;} } /* -- カテゴリアイコン -- */ .basic-list:not(.thumnail) ul.tabItems li .c_icon , .basic-list-english:not(.thumnail) ul.tabItems li .c_icon { text-decoration: none; display: inline-block; vertical-align: top; /* 縦並び */ width: 120px; /* 横並び */ /* min-width: 120px; */ } @media screen and (min-width: 768px) { .basic-list:not(.thumnail) ul.tabItems li .c_icon , .basic-list-english:not(.thumnail) ul.tabItems li .c_icon {margin-left: -150px;float: left;} } /* ２カラムはSPと同じ表示 */ .multiColumn2 .basic-list:not(.thumnail) ul.tabItems li h3 , .multiColumn2 .basic-list-english:not(.thumnail) ul.tabItems li h3 { padding-top: 1.6em; padding-left: 0; } .multiColumn2 .basic-list:not(.thumnail) ul.tabItems li .c_icon , .multiColumn2 .basic-list-english:not(.thumnail) ul.tabItems li .c_icon { width: auto; float: none; display: block; margin-left: 0; margin-top: -1.6em; min-height: 1.6em; padding-left: 6.8em; } /* -- ファイルアイコン -- */ .basic-list:not(.thumnail) ul.tabItems li .d_icon , .basic-list-english:not(.thumnail) ul.tabItems li .d_icon { } /* NEWアイコン */ /* js制御される為、displayの設定は不可 */ .basic-list:not(.thumnail) ul.tabItems li .n_icon , .basic-list-english:not(.thumnail) ul.tabItems li .n_icon { margin: 0 0.5em; } .basic-list:not(.thumnail) ul.tabItems li .n_icon:before , .basic-list-english:not(.thumnail) ul.tabItems li .n_icon:before { content: "NEW"; display: inline-block; vertical-align: middle; font-size: 10px; font-weight: bold; color: #e7191b; } /* -- もっと読む・詳細（ニュース概要） -- */ .basic-list:not(.thumnail) ul.tabItems li .det_tx , .basic-list-english:not(.thumnail) ul.tabItems li .det_tx { display: none; } /*----------- サムネイルあり -----------*/ .basic-list.thumnail , .basic-list-english.thumnail { } .basic-list.thumnail ul.tabItems , .basic-list-english.thumnail ul.tabItems { font-size: 0; text-align: left; margin-right: -18px; } /* PCでは１行に３つづつで、画像が上側、テキストは下側に配置 */ .basic-list.thumnail ul.tabItems li , .basic-list-english.thumnail ul.tabItems li { cursor: inherit; font-size: 14px; margin: 0; padding: 0; border: none; text-align: left; position: relative; display: inline-block; vertical-align: top; width: calc(100% / 3 - 20px); margin-right: 18px; margin-bottom: 30px; } .basic-list.thumnail .n_img , .basic-list-english.thumnail .n_img { width: 100%; margin-bottom: 10px; } /* 日付、カテゴリアイコンを非表示 */ .basic-list.thumnail ul.tabItems li .date , .basic-list-english.thumnail ul.tabItems li .date { display: none; } .basic-list.thumnail ul.tabItems li .c_icon , .basic-list-english.thumnail ul.tabItems li .c_icon { position: static; margin: 10px 0 0; } .basic-list.thumnail ul.tabItems li a , .basic-list-english.thumnail ul.tabItems li a { color: #000; text-decoration: none; } .basic-list.thumnail ul.tabItems li a:hover img , .basic-list-english.thumnail ul.tabItems li a:hover img { -ms-opacity: 0.8; opacity: 0.8; } /* NEWアイコン */ /* js制御される為、displayの設定は不可 */ .basic-list.thumnail ul.tabItems li .n_icon , .basic-list-english.thumnail ul.tabItems li .n_icon { position: absolute; top: 0; right: 0; } .basic-list.thumnail ul.tabItems li .n_icon:before , .basic-list-english.thumnail ul.tabItems li .n_icon:before { content: "NEW"; display: block; padding: 3px 10px; font-size: 12px; color: #fff; background: #ff5445; } /* 非公開アイコンテキスト */ /* タイルの形が崩れない様に上に載せている */ .basic-list.thumnail ul li .note_tx , .basic-list-english.thumnail ul li .note_tx { position: absolute; z-index: 1; } .basic-list.thumnail ul.tabItems li h3 , .basic-list-english.thumnail ul.tabItems li h3 { overflow: hidden; } /* ニューステキスト */ .basic-list.thumnail ul.tabItems li .news_tx , .basic-list-english.thumnail ul.tabItems li .news_tx { display: block; } /* 概要テキスト */ .basic-list.thumnail ul.tabItems li .det_tx , .basic-list-english.thumnail ul.tabItems li .det_tx { display: none; } /*----------- タブ(絞込み) -----------*/ .basic-list .countTab , .basic-list-english .countTab , .basic-list .clearTab , .basic-list-english .clearTab { display: none; } .basic-list .yearTabs , .basic-list-english .yearTabs { margin-bottom: 20px; padding: 0px 0px 5px; border-bottom: 1px solid #ddd; } .basic-list .tabs , .basic-list-english .tabs { margin-bottom: 40px; } .basic-list .tabs > ul > li[aria-hidden="false"] , .basic-list-english .tabs > ul > li[aria-hidden="false"] { display: block; margin-bottom: 10px; padding: 0px 0px 5px; border-bottom: 1px solid #ddd; } .basic-list .yearTabs span:before , .basic-list-english .yearTabs span:before , .basic-list .tabs span:before , .basic-list-english .tabs span:before { display: inline-block; padding: 5px 20px; font-size: 14px; margin-right: 10px; margin-bottom: 5px; border: 1px solid #000; } .basic-list .yearTabs span[active="true"]:before , .basic-list-english .yearTabs span[active="true"]:before , .basic-list .tabs span[active="true"]:before , .basic-list-english .tabs span[active="true"]:before { background: #ddd; } .basic-list .yearTabs span:hover:before , .basic-list-english .yearTabs span:hover:before , .basic-list .tabs span:hover:before , .basic-list-english .tabs span:hover:before { background: #ddd; } /* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */ .basic-list .tabs ul[data-category-level="1"] > li > span , .basic-list-english .tabs ul[data-category-level="1"] > li > span { display: none; } /* 全ての全てタブは、デフォルト非表示 */ .basic-list .tabs li.allall , .basic-list-english .tabs li.allall { display: none; } /* トップトピックス非表示 */ .basic-list .tabs li.top_topics , .basic-list-english .tabs li.top_topics { display: none; } /*----------- カテゴリアイコン -----------*/ /* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */ .basic-list .c_icon span.renkei , .basic-list-english .c_icon span.renkei { display: none !important; } .basic-list .c_icon span[category-level="1"] , .basic-list-english .c_icon span[category-level="1"] { display: none; } .basic-list .c_icon span:before , .basic-list-english .c_icon span:before { /* content: ''; */ display: inline-block; margin-right: 10px; margin-bottom: 5px; width: 105px; height: 24px; line-height: 1; font-size: 11px; font-weight: normal; text-align: center; padding-top: 6px; border: 1px solid #999; color: #333; } /* カテゴリ設定で設定した名称と、アイコン上の文字を変えたい場合は */ /* contentで上書きする。個別に背景色等を設定する場合も同様 */ /* ↓サンプル */ .basic-list .c_icon span.tekiji:before , .basic-list-english .c_icon span.tekiji:before { content: "適時開示"; /* background: #e9452a; */ } .basic-list .c_icon span.result:before , .basic-list-english .c_icon span.result:before { content: "決算"; /* background: #2a3d81; */ } .basic-list .c_icon span.gyouseki:before , .basic-list-english .c_icon span.gyouseki:before { content: "業績"; /* background: #43a4a1; */ } .basic-list .c_icon span.pr:before , .basic-list-english .c_icon span.pr:before { content: "PR情報"; /* background: #f68100; */ } .basic-list .c_icon span.ir:before , .basic-list-english .c_icon span.ir:before { content: "IR情報"; /* background: #6f4abc; */ } .basic-list .c_icon span.governance:before , .basic-list-english .c_icon span.governance:before { content: "ガバナンス"; /* background: #43a46a; */ } .basic-list .c_icon span.yuho:before , .basic-list-english .c_icon span.yuho:before { content: "有価証券報告書"; /* background: #798dd4; */ } .basic-list .c_icon span.meeting:before , .basic-list-english .c_icon span.meeting:before { content: "株主総会"; /* background: #006fbe; */ } .basic-list .c_icon span.none:before , .basic-list-english .c_icon span.none:before { content: "その他"; /* background: #777; */ } .basic-list .c_icon span.topics:before , .basic-list-english .c_icon span.topics:before { content: "トピックス"; /* background: #777; */ } .basic-list .c_icon span.top_topics:before , .basic-list-english .c_icon span.top_topics:before { display: none; } /* マルチ２一覧 カテゴリをフラット選択に */ .layout_flat_category .basic-list .tabs li.allall , .layout_flat_category .basic-list-english .tabs li.allall , .layout_flat_category .basic-list .tabs span.allall , .layout_flat_category .basic-list-english .tabs span.allall { display: inline; } .layout_flat_category .basic-list .tabs li.all , .layout_flat_category .basic-list-english .tabs li.all { display: none; } .layout_flat_category .basic-list .tabs > ul > li[aria-hidden="false"] , .layout_flat_category .basic-list-english .tabs > ul > li[aria-hidden="false"] { display: inline; margin: 0; padding: 0; border: none; } .layout_flat_category .basic-list .tabs , .layout_flat_category .basic-list-english .tabs { padding: 0px 0px 5px 0; border-bottom: 1px solid #ddd; } /*------------------------------------- メディア -------------------------------------*/ /*------------- flash --------------*/ .flash-animation { margin: auto; text-align: center; } .flash-animation embed { width: 100%; height: 100%; } /*-------------- 動画 --------------*/ /* .videoとしてはいけない */ div.video { margin-bottom: 10px; } div.video dl { width: 100%; } div.video dl dt { text-align: center; margin-bottom: 5px; } div.video dl dt video { width: auto; max-width: 100%; } div.video dl dd { } /* -- 動画キャプション -- */ div.video dl dd.caption { } /* -- 動画コピーライト -- */ div.video dl dd.copyright { } /* -- 動画ディスクリプション -- */ div.video dl dd.longdesc { /* display: none; */ } /*-------------- 音声 --------------*/ /* .audioとしてはいけない */ div.audio { margin-bottom: 10px; } div.audio dl { width: 80%; margin: auto; } div.audio dl dt { margin-bottom: 5px; } div.audio dl dt audio { width: 100%; } div.audio dl dd { } /* -- 音声キャプション -- */ div.audio dl dd.caption { } /* -- 音声コピーライト -- */ div.audio dl dd.copyright { } /* -- 音声ディスクリプション -- */ div.audio dl dd.longdesc { /* display: none; */ } /*-------------- GoogleMap（地図埋め込み） --------------*/ div.map { position: relative; margin-bottom: 20px; } div.map:after { content: ""; display: block; /* padding-top: 56.25%; */ /* 高さと幅の比を16:9に固定。9/16*100=56.25 */ padding-top: 75%; /* 高さと幅の比を4:3に固定。3/4*100=75 */ } div.map > iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /*----- １カラムの場合、地図が画面端まであるとスクロールさせずらいので余白を設ける -----*/ .multiColumn1 div.map { margin-left: 30px; margin-right: 30px; } /*-------------- iframe表示 --------------*/ .disp-external-page { } .disp-external-page iframe { border: none; display: block; width: 100%; height: 800px; margin: auto; } /*------------------------------------- サイトマップ -------------------------------------*/ /*-------------- サイトマップ --------------*/ .sitemap { display: inline-block; vertical-align: top; width: 48.5%; margin-right: 2%; margin-bottom: 20px; } .sitemap:nth-child(even) { margin-right: 0; } /* -- 第１階層(ja)・第２階層 -- */ .sitemap > h2 { line-height: 1.2; font-size: 14px; font-weight: bold; border: #CCC 1px solid; margin-bottom: 12px; padding: 8px 8px 6px; } .sitemap > h2 a { padding-left: 12px; color: inherit; font-weight: bold; text-decoration: none; } .sitemap > h2 a:hover { opacity: 0.7; } /* -- 第３階層 -- */ .sitemap > ul { display: inline-block; vertical-align: top; width: 48%; margin-right: 2%; } .sitemap > ul:nth-child(odd) { /* 最初にh2がある為、奇数が左側 */ margin-right: 0; } .sitemap > ul > li { padding-left: 12px; margin-left: 8px; margin-bottom: 5px; } /* -- 第４階層 -- */ .sitemap > ul > li > ul { margin-top: 10px; } .sitemap > ul > li > ul > li { padding-left: 12px; margin-left: 8px; margin-bottom: 5px; } /* -- 第５階層以降は非表示 -- */ .sitemap > ul > li > ul > li > ul { display: none; } /*-------------- 正規化版サイトマップ --------------*/ .sitemap-1st { font-size: 0; } .sitemap-1st > ul > li { display: inline-block; vertical-align: top; width: 48.5%; margin-right: 3%; margin-bottom: 40px; } .sitemap-1st > ul > li:nth-child(even) { margin-right: 0; } /* -- 第１階層(ja)・第２階層 -- */ .sitemap-1st > a , .sitemap-1st > ul > li > a { line-height: inherit; font-size: 1.6rem; display: block; font-weight: bold; background-color: #f3f3f3; padding: 1.5em 1.5em 1.5em 2.2em; line-height: 1.2; color: inherit; font-weight: bold; position: relative; } .sitemap-1st > a:before , .sitemap-1st > ul > li > a:before { content: ""; position: absolute; left: 0; top: 50%; margin: -4px 0 0 1em; width: 8px; height: 8px; border-top: 2px solid #b11c2c; border-right: 2px solid #b11c2c; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* -- 第３階層 -- */ .sitemap-1st ul.siteLevel_2 > li { display: inline-block; vertical-align: top; width: 48%; margin-right: 4%; } .sitemap-1st ul.siteLevel_2 > li:nth-child(even) { margin-right: 0; } .sitemap-1st ul.siteLevel_2 > li > a { font-size: 1.6rem; display: block; margin-left: 1.5em; margin-top: 1em; color: #333; } .sitemap-1st ul.siteLevel_2 > li > a:before { content: ''; display: inline-block; vertical-align: middle; width: 5px; height: 1px; margin-right: .5em; background-color: #333; } /* -- 第４階層 -- */ .sitemap-1st ul.siteLevel_3 { padding-top: 10px; padding-bottom: 20px; } .sitemap-1st ul.siteLevel_3 > li > a { font-size: 1.4rem; display: block; margin-left: 2.5em; } /* -- 第５階層以降は非表示 -- */ .sitemap-1st ul.siteLevel_4 { display: none; } @media screen and (max-width: 767px) { .sitemap-1st > ul > li, .sitemap-1st ul.siteLevel_2 > li{width: 100%;margin-right: 0;} .sitemap-1st > ul > li {margin-bottom: 20px;} .sitemap-1st > a, .sitemap-1st > ul > li > a {padding: 1em 1em 1em 2.2em;} .sitemap-1st ul.siteLevel_2 > li > a {font-size: 1.4rem;} .sitemap-1st ul.siteLevel_3 {padding-top: 0;} } /*------------------------------------- フッター専用パーツ -------------------------------------*/ /*-------------- フッター（テキストと画像） --------------*/ .footer-about { } .footer-about h4 { font-weight: bold; line-height: 1.2; border-left: #999 3px solid; padding-top: 1px; padding-left: 8px; margin-bottom: 8px; } .footer-about img { display: block; margin: auto; } /*-------------- フッタリンクリスト --------------*/ .footer-link-list { } .footer-link-list h4 { } .footer-link-list ul { } .footer-link-list ul:after { content: ""; display: block; clear: both; } .footer-link-list ul li { } /*-------------- 内部フッタリンク --------------*/ /*-------------- 外部フッタリンク --------------*/ .footer-link-list ul li.footer-link-internal , .footer-link-list ul li.footer-link-external { /* background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") 6px 0.4em no-repeat;*/ padding-left: 18px; } .footer-link-list ul li.footer-link-internal a , .footer-link-list ul li.footer-link-external a { } /* -- 別窓アイコン -- */ .footer-link-list .footer-link-internal a[target="_blank"]:after , .footer-link-list .footer-link-external a[target="_blank"]:after { content: ""; background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") center center no-repeat; background-size: contain; display: inline-block; width: 14px; height: 12px; vertical-align: middle; margin: 0 5px; } /* -------------------------------------- フォーム -------------------------------------- */ /* FORMS -------------------- */ /* input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input, textarea, select { -webkit-box-shadow: none; box-shadow: none; } .validity-alert { font-family: 'arial', 'helvetica', 'sans-serif'; font-size: 14px; } textarea { font-family: 'arial', 'helvetica', 'sans-serif'; } .form-box { /* width: 95%; */ /* padding: 0 20px; */ margin: auto; } .form-wrapper { clear: both; margin: auto; } .form-wrapper div:after { content: ""; display: block; clear: both; } #step-by-step { margin: 20px 0; padding: 4px 10px; border-radius: 5px; background: #0d8ccc; } #step-by-step ol { zoom: 1; list-style-position: inside; color: #fff; } #step-by-step ol:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } #step-by-step li { float: left; margin: 0 20px 0 0; padding: 4px; border-radius: 5px; list-style-position: inside; } #step-by-step li.do { background: #EC1549; } #step-by-step li.do button { color: #fff; } #step-by-step li button { display: inline-block; padding: 3px; background: transparent; border: none; -webkit-appearance: none; color: #fff; font-family: 'arial','helvetica','sans-serif'; cursor: pointer; } #step-by-step li button:hover, #step-by-step li button:focus, #step-by-step li button:active { text-decoration: underline; } #step-by-step li button[disabled] { cursor: default; color: #ccc; text-decoration: none; } .form-wrapper fieldset { border: none; margin: 5px 0 30px 0; } .form-wrapper fieldset > h2 { margin-bottom: 10px; padding: 5px 10px; color: #333; background-color: #CCCCCC; } .form-wrapper p.required { text-align: right; } /*.form-wrapper*/ #Check p.required { display: none; } .form-wrapper p.required span, .form-wrapper dfn { color: #ec1549; font-weight: bold; font-style: normal; font-size: 1.3rem; } .form-wrapper div.form-edit span , .form-wrapper div.form-selection span { } .form-row { clear: both; zoom: 1; border-bottom: 1px dotted #b3b3b3; padding: 10px 0 15px 0; } .form-row div { width: auto; border-bottom: none; margin: 0 0 10px 0; padding: 0; } .form-row .form-item { margin: 0; clear: none; } .form-wrapper label { position: relative; display: block; cursor: inherit; } .form-wrapper label[for="text"] { } .form-wrapper label span { } .form-wrapper fieldset .multiple-labels fieldset input, .form-wrapper input, .form-wrapper textarea, .form-wrapper div.mod input.mod { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 3px 0 0 0; border: 1px solid #c2c2c2; padding: 10px 3px 10px 3px; background: #ffffff; } .form-wrapper input[type="submit"] { display: inline; border: 1px solid #c2c2c2; } .step-controls { position: relative; top: 2px; } .input-datetime-local .step-controls { top: auto; } .form-item-hidden, .form-wrapper input[type=hidden] { display: none; } .form-wrapper .multiple-labels fieldset input.a11y-focus, .form-wrapper .multiple-labels fieldset input:focus, .form-wrapper input:focus, .form-wrapper textarea:focus, .form-wrapper input.a11y-focus, .form-wrapper textarea.a11y-focus { border: 1px solid #000; background: #FFFFFF; } .form-wrapper input[type=radio].a11y-focus, .form-wrapper input[type=checkbox].a11y-focus { background: transparent; border: none; } .form-wrapper textarea { width: 100%; } .form-wrapper select { display: block; width: 310px; margin: 5px 0 0 0; } .form-wrapper div span.input-datetime-local { font-size: 100%; } .form-wrapper h4 { padding: 0 0 10px 0; color: #000; font-size: 130%; font-weight: bold; } .form-wrapper div.multiple-labels label span { color: #555; font-size: 110%; font-weight: normal; } .form-row label span { display: inline; } .form-row label.m span { clear: both; padding: 0 0 5px 0; } .form-row span.help a { background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 0 -651px no-repeat; padding-left: 15px; } /* multiple inputs in one row */ .form-row .form-item-s, .form-row .form-item-m, .form-row .form-item-l { float: left; margin: 0; clear: none; width: 92px; } .form-row .form-item-m { width: 161px; padding: 0; } .form-row .form-item-l { width: 363px; } .form-row .form-item-s input { width: 70px; } .form-wrapper .form-row .form-item-m input { width: 139px; } .form-row .form-item-l input { width: 209px; } /* checkboxes & radiobuttons */ .form-wrapper fieldset fieldset { margin: 0; padding: 0; } .form-wrapper fieldset fieldset .form-item { float: none; display: block; clear: both; } .form-wrapper fieldset fieldset input { width: auto; display: inline; background: transparent; border: none; } #main .form-wrapper fieldset fieldset legend { text-indent: -9999px; font-size: 0; } .form-wrapper fieldset fieldset div.form-item label { display: inline; } /* mod for short elements */ .form-wrapper fieldset fieldset.mod .form-item { float: left; clear: none; margin-right: 15px; } .form-wrapper fieldset fieldset.mod .form-item label { display: inline; } /* table date-picker */ .input-date-datepicker-control td:hover { background-color: #BBEEFF; border: none; -webkit-box-shadow: 0 3px 9px rgba(255, 255, 255, 0.9) inset; box-shadow: 0 3px 9px rgba(255, 255, 255, 0.9) inset; } .input-date-datepicker-control td.ui-datepicker-today { border: none; background: #EC1549; } .input-date-datepicker-control td.ui-datepicker-today a { color: #fff; } .input-date-datepicker-control td.ui-datepicker-current-day { border: none; background: #999; } /* Submit */ .form-wrapper div.button-wrapper { width: 100%; position: relative; border: none; padding: 10px 0 5px 0; text-align: center; } .form-wrapper fieldset div.button-wrapper em { float: right; margin-top: -24px; font-size: 140%; } .new-search .button, /* button outside button-wrapper */ .form-wrapper div.button-wrapper input { /* button */ right: auto; width: auto; margin: 1em; padding: 15px 40px; cursor: pointer; text-transform: uppercase; letter-spacing: .1em; border: 0; background: #b11c2c; color: #fff; transition: .3s; } .new-search .button:hover, /* button outside button-wrapper */ .form-wrapper div.button-wrapper input:hover { background: #990d1c; } /* -- 確認ページ -- */ .form-summary { margin: 0 auto 20px; } .form-summary table { } .form-summary table caption { display: none; } .form-summary table td { /* border: solid #7F9BDA 1px; */ /* padding: 5px 10px; */ white-space: pre; white-space: pre-line; word-break: break-word; width: 70%; } .form-summary table td:first-child { /* color: #333; */ /* background-color: #DCE5F4; */ /* font-weight: bold; */ /* text-align: left; */ width: 30%; background: #f3f3f3; vertical-align: middle; text-align: left; } @media screen and (max-width: 767px) { .form-summary table td, .form-summary table td:first-child { width: 100%; display: block; border-bottom: none; } .form-summary table tr:last-child td:last-child { border-bottom: 1px solid #dddddd; } } .new-search .button { /* button outside button-wrapper */ padding-top: 3px; padding-bottom: 4px; } .new-search .button:hover, .new-search .button:active, .new-search .button:focus, .form-wrapper div.button-wrapper input:hover, .form-wrapper div.button-wrapper input:active, .form-wrapper div.button-wrapper input:focus { } /* link-Button */ a.button { background: #b90834 url("../../../../../../resources/templating-kit/themes/pop/img/bgs/submit.png") 0 0 repeat-x; min-width: 60px; width: auto; border: 1px solid #f19eb2; border-right: 1px solid #920728; border-bottom: 1px solid #920728; padding: 3px 20px 2px 20px; text-align: center; text-decoration: none; font-size: 110%; font-weight: bold; color: #fff; text-transform: uppercase; } a.button span { position: absolute; } a.button:hover, a.button:active, a.button:focus { color: #fac4d1; } /* error messages */ .error { color: #ec1549; font-weight: bold; } .error a , .error a:hover { color: #333; text-decoration: none; cursor: default; } .form-box .error h1 { background: url("../../../../../../resources/templating-kit/themes/pop/img/icons../../img/bgs/error.png") 0 8px no-repeat; margin-bottom: 10px; padding: 5px 0 0 30px; color: #ec1549; } .form-box div.error { margin: 20px 0; font-weight: bold; } .form-box div.error ul { margin: 0 0 0 45px; } .form-box div.error li { color: #ec1549; } .form-box div.error li a, .form-box div.error label span { color: #ec1549; } .form-wrapper div.error { margin: 0; } .form-ui-invalid { border-color: #ec1549; } .form-wrapper div.error input, .form-wrapper div.error select, .form-wrapper div.error textarea, .form-wrapper div input.form-ui-invalid, .form-wrapper div textarea.form-ui-invalid, .form-wrapper div select.form-ui-invalid { border: 1px solid #ec1549; } /* success messages */ .form-box .success { margin: 10px 0; } .form-box .success h1 { background: url("../../../../../../resources/templating-kit/themes/pop/img/bgs/confirmed.png") 0 8px no-repeat; margin-bottom: 10px; padding: 5px 0 0 30px; color: #afaf00; } /* -- お問い合わせページ　設定例 -- */ .form-wrapper div.form-edit , .form-wrapper div.form-selection { background: none; position: relative; padding: 0; margin: 0; margin-bottom: -1px; } /* 左セル */ .form-wrapper div.form-edit:before , .form-wrapper div.form-selection:before { border-top: none; border-bottom: none; border-left: none; content: ""; position: absolute; top: 0; left: 0; display: block; width: 30%; height: 100%; } .form-wrapper div.form-edit > label , .form-wrapper div.form-selection > label { border: none; background: none; float: left; width: 30%; } /* 右セル */ .form-wrapper div.form-edit > input[type="text"] , .form-wrapper div.form-edit > textarea , .form-wrapper div.form-edit > span , .form-wrapper div.form-selection > fieldset { margin: 0; float: right; width: 65%; width: calc(70% - 20px) !important; margin-right: 10px; } /*-- 入力フィールド --*/ .form-wrapper div.form-edit { line-height: 1.6em; } .form-wrapper div.form-edit > input[type="text"] , .form-wrapper div.form-edit > textarea { margin:1em .5em; padding: .5em; border-radius: 3px; } .form-wrapper div.form-edit > input[type="text"] + span , .form-wrapper div.form-edit > textarea + span { margin-top: -1em; margin-bottom: 1em; } .form-wrapper div.form-edit > span { padding: 0; font-size: 87.5%; } /*-- セレクトボタン(チェックボックス・ラジオボタン・セレクトボックス) --*/ .form-wrapper div.form-selection { } .form-wrapper div.form-selection > fieldset { margin: 1em .5em; } .form-wrapper div.form-selection > fieldset > legend { font-size: 87.5%; } .form-wrapper div.form-selection > fieldset > select { margin: 0; width: auto; display: block; background-color: #fff; padding: 0.25em 0.25em; border: 1px solid #c2c2c2; } @media screen and (max-width: 767px) { /* 左セル */ .form-wrapper div.form-edit:before , .form-wrapper div.form-selection:before { width: 100%; height: auto; background-color: none; } /*見出し*/ .form-wrapper div.form-edit > label , .form-wrapper div.form-selection > label { float: none; width: 100%; background-color: #f3f3f3; padding: .5em; } /*input*/ .form-wrapper div.form-edit > input[type="text"], .form-wrapper div.form-edit > textarea, .form-wrapper div.form-selection > fieldset, .form-wrapper div.form-edit > input[type="text"] + span, .form-wrapper div.form-edit > textarea + span{ width: calc(100% - 1em) !important; float: none; } .form-wrapper div.form-selection > fieldset > select { width: 100%; } .form-wrapper div.form-edit > input[type="text"] + span, .form-wrapper div.form-edit > textarea + span{ margin: -1em .5em .5em .5em; display: block; } } /* -------------------------------------- 個別設定 -------------------------------------- */ /* -- スマホ -- */ .sp_navi { display: none; } #panel2-sw , .panel2-sw , .panel2-btn { display: none; } /* google search */ .gsc-control-cse , .gsc-control-cse * { -webkit-box-sizing: content-box; box-sizing: content-box; } .gsc-control-cse { line-height: 1; } /*-- 上に戻るリンク 設定例：scroll.js用 --*/ #site-info .topcontrol , #topcontrol { position: fixed; font-size: 0; height: 0; width: 100%; max-width: calc(1000px + (51px + 50px) *2); /* max-width: 1162px; */ left: 50%; bottom: -50px; opacity: 0.3; z-index: 10000; -webkit-transition: 0.5s 0.1s; -o-transition: 0.5s 0.1s; transition: 0.5s 0.1s; } #site-info .topcontrol.visible , #topcontrol.visible { bottom: 15px; opacity: 1; } /* 画像を使用する場合 */ /* #site-info .topcontrol a , #topcontrol a { position: relative; right: 50px; bottom: 50px; cursor: pointer; margin: auto; display: block; width: 51px; height: 42px; background: url("../../../../../../resources/sw_img/up.png") no-repeat center top; background-size: contain; } #site-info .topcontrol.visible a , #topcontrol.visible a { width: 51px; height: 42px; transition: 0s; } */ /* 画像を使用しない場合 */ #site-info .topcontrol a , #topcontrol a { position: relative; right: 50px; bottom: 50px; cursor: pointer; margin: auto; display: block; width: 51px; height: 42px; background: rgba(0,0,0, 0.53); } #site-info .topcontrol a:before , #topcontrol a:before { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -9px; display: block; width: 17px; height: 17px; border-top: 3px solid #FFF; border-left: 3px solid #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #site-info .toTop , #toTop { text-align: right; margin: 3em 20px 80px; } #site-info .toTop a , #toTop a { padding-left: 1.44em; display: inline-block; position: relative; overflow: visible; } #site-info .toTop a:before , #toTop a:before { content: ""; margin-top: -0.3em; border-top: 0.1em solid #e50000; border-right: 0.1em solid #e50000; width: 0.7em; height: 0.7em; position: absolute; top: 0.85em; left: 0; -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); } #site-info .toTop , #toTop { display: none; } /*-- ヘッダー --*/ #header { height: 95px; } @media screen and (min-width: 768px) { #promos3 .area-sp-header { display: none !important; } } #promos3 .area-pc-header { position: fixed; top: 0; left: 0; width: 100%; min-width: calc(1000px + 40px); height: 95px; background: rgba(255, 255, 255, 0.4); z-index: 10001; transition: .3s ; } body:not(#sitetop) #promos3 .area-pc-header {background-color: #fff;} #promos3 .area-pc-header > div { position: relative; width: calc(1000px + 40px); height: 80px; } /* スライドMV */ [data-page-marker~="with-slider"] #mv , #promos1 .area-slider { display: block; width: 100%; min-width: 1040px; height: 500px; position: relative; } #promos1 .area-slider { position: absolute; top: 0; left: 0; overflow: hidden; } #promos1 .area-slider > .column1 { position: absolute; top: 50%; left: 50%; width: 100%; min-width: 1400px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } #area-slider .slick-slide img { width: 100%; } #area-slider .slick-dots { bottom: 50%; margin-bottom: -250px; padding: 9px 0; } #area-slider .slick-dots li button { border-radius: 50%; background: rgba(0, 162, 88, 0.3); width: 8px; height: 8px; } #area-slider .slick-dots li.slick-active button { background: #00a258; } /* -------------------------------------------- */ /* SPヘッダー */ /* -------------------------------------------- */ @media screen and (max-width: 767px) { /* -- ハンバーガーアイコン -- */ #panel2-sw {display: none;} #panel2-btn{position: fixed;top: 0;right: 0;display: block;width: 40px;height: 45px;background: #b11c2c;z-index: 11111;} .panel2-btn-icon1 , .panel2-btn-icon2 , .panel2-btn-icon3 {display:block;position:absolute;top:20px;left:9px;width:22px;height:2px;margin:0;background:#fff;-webkit-transition: .2s .4s;-o-transition: .2s .4s;transition: .2s .4s;} .panel2-btn-icon1 {margin-top: -7px;} .panel2-btn-icon2 {margin-top: 0px;} .panel2-btn-icon3 {margin-top: 7px;} .panel2-btn-icon1:before , .panel2-btn-icon3:before {display:block;content:"";position:absolute;top:0;left:0;width:22px;height:2px;background:#fff;-webkit-transition: .3s .1s;-o-transition: .3s .1s;transition: .3s .1s;} .panel2-btn-title {overflow:hidden;display:block;position:absolute;top:31px;left:0;width:40px;height:9pt;} .panel2-btn-title li {display:block;width:40px;height:15px;line-height:1;font-size:10px;color:#fff;text-align:center;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);} .panel2-btn-title li:first-child {margin-top: -15px;-webkit-transition: .5s .1s;-o-transition: .5s .1s; transition: .5s .1s;} /* -- open時 -- */ #panel2-sw:checked + div .panel2-btn-icon1 , #panel2-sw:checked + div .panel2-btn-icon2 , #panel2-sw:checked + div .panel2-btn-icon3 { background: transparent; margin-top: 0; -webkit-transition: .2s .1s; -o-transition: .2s .1s; transition: .2s .1s; } #panel2-sw:checked + div .panel2-btn-icon1:before , #panel2-sw:checked + div .panel2-btn-icon3:before { width: 30px; left: -4px; -webkit-transition: .3s .3s; -o-transition: .3s .3s; transition: .3s .3s; } #panel2-sw:checked + div .panel2-btn-icon1:before { -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } #panel2-sw:checked + div .panel2-btn-icon3:before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #panel2-sw:checked + div .panel2-btn-title li:first-child { margin-top: 0px; -webkit-transition: .5s .25s; -o-transition: .5s .25s; transition: .5s .25s; } /*-- ヘッダー --*/ #header { height: 45px;} #promos3 .area-pc-header {display: none !important;} #promos3 .area-sp-header {} /* ロゴ */ #promos3 .area-sp-header .area-logo {position: fixed;top: 0;left: 0;width: 100%;height: 45px;z-index: 10010;} #promos3 .area-sp-header .area-logo > div {position: absolute;top: 5px;left: 5px;} #promos3 .area-sp-header .area-logo a {width: 270px;padding: 8px 10px 10px; } body:not(#sitetop) .area-sp-header .area-logo {background-color: #fff;} /* メニュー */ /* 70pxはヘッダーの高さ分 */ #promos3 .area-menu { /* font-size: 0;*/ position: fixed; top: 45px; left: 0; width: 100vw; height: calc(100% - 45px); max-height: 100%; overflow: hidden; z-index: 10001; -webkit-transition: .7s .1s; -o-transition: .7s .1s; transition: .7s .1s; background-color: #fff; /* background-color: rgba(255, 255, 255, 0.9); */ } #panel2-sw:not(:checked) ~* #promos3 .area-sp-header .area-menu { max-height: 0; } /* 3way-navi */ /* 80pxはメニュー下部固定領域の高さ分 */ #promos3 .area-gnavi { position: absolute; width: 100vw; height: 100%; overflow: hidden; overflow-y: scroll; } #promos3 .area-gnavi:after { content: ""; width: 100%; height: 80px; } /* フォルダ開閉 */ #promos3 .area-gnavi .sitemap-1st ul { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: #fff; overflow: hidden; z-index: 1; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #promos3 .area-gnavi .sitemap-1st ul.open { left: 0; } #promos3 .area-gnavi .sitemap-1st ul.active { overflow-y: scroll; } #promos3 .area-gnavi .teaser , #promos3 .area-gnavi .external-teaser { display: none; } /* 各要素共通 */ #promos3 .area-gnavi .sitemap-1st a , #promos3 .area-gnavi .sitemap-1st .gn-back span { position: relative; display: block; color: #333; font-size: 14px; font-weight: normal; padding: 15px 25px; border-bottom: 1px solid #ddd; } #promos3 .area-gnavi > div > div > div:first-child a { border-top: 1px solid #ddd; } #promos3 .area-gnavi .sitemap-1st a[target="_blank"]:after { content: ""; background-image: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png"); background-size: contain; display: inline-block; width: 12px; height: 12px; vertical-align: middle; margin: 0 5px; } /* 通常リンク */ #promos3 .area-gnavi .sitemap-1st a:not(.gn-to-folder):not(.gn-folder-top) { } #promos3 .area-gnavi .sitemap-1st a:not(.gn-to-folder):not(.gn-folder-top):before { /* content: ""; position: absolute; left: 10px; top: 50%; margin-top: -5px; width: 9px; height: 9px; border-top: 1px solid #333; border-left: 1px solid #333; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); */ } /* 現在地表示 */ #promos3 .area-gnavi .sitemap-1st a.act:not(.gn-to-folder) { background: #f3f3f3; } #promos3 .area-gnavi .sitemap-1st a.act:not(.gn-to-folder):before { content: none; } /* ↑階層へ(BACK) */ #promos3 .area-gnavi .sitemap-1st .gn-back span { background: #e2e2e2; } #promos3 .area-gnavi .sitemap-1st .gn-back span:before { content: ""; position: absolute; left: 10px; top: 50%; margin-top: -5px; width: 9px; height: 9px; border-top: 1px solid #333; border-left: 1px solid #333; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* ↓階層フォルダへ */ #promos3 .area-gnavi .sitemap-1st a.gn-to-folder { } #promos3 .area-gnavi .sitemap-1st a.gn-to-folder:before { content: ""; position: absolute; right: 15px; top: 50%; margin-top: -5px; width: 9px; height: 9px; border-top: 1px solid #333; border-left: 1px solid #333; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } /* フォルダトップ */ #promos3 .area-gnavi .sitemap-1st a.gn-folder-top { background: #f3f3f3; } #promos3 .area-gnavi .sitemap-1st a.gn-folder-top:before { content: ""; position: absolute; left: 10px; top: 50%; margin-top: -5px; width: 9px; height: 9px; border-top: 1px solid #333; border-left: 1px solid #333; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } } /*-- 装飾用 --*/ /*-- タブ風スタイル --*/ .layout_link_tabstyle01 div.link-list:not(.highlight) { display: table; width: 100%; table-layout: fixed; } .layout_link_tabstyle01 div.link-list:not(.highlight) ul { margin: 0; display: table-row } .layout_link_tabstyle01 div.link-list:not(.highlight) ul li[class] { margin: 0; padding: 0; background: none; display: table-cell; } .layout_link_tabstyle01 div.link-list:not(.highlight) ul li[class]:before { content: none; } .layout_link_tabstyle01 div.link-list:not(.highlight) ul li a { position: relative; overflow: visible; display: block; padding: 10px 0 2px; text-align: center; color: #00a258; text-decoration: none; border-bottom: 5px solid #dbdcdc; } .layout_link_tabstyle01 div.link-list:not(.highlight) ul li a:before { content: ""; position: absolute; left: 50%; top: 100%; display: block; width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #dbdcdc; margin-left: -15px; } .layout_link_tabstyle01 div.link-list:not(.highlight) ul li.act a , .layout_link_tabstyle01 div.link-list:not(.highlight) ul li a:hover { color: #333; border-bottom-color: #00a258; } .layout_link_tabstyle01 div.link-list:not(.highlight) ul li.act a:before , .layout_link_tabstyle01 div.link-list:not(.highlight) ul li a:hover:before { border-top-color: #00a258; } .layout_link_tabstyle01 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul , .layout_link_tabstyle01 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul li[class] { display: block; margin-bottom: 10px; } /*-- IR TOP 最新決算資料 --*/ .layout_ir_latest_material .news-material dl ~ dl { display: none; } /* ---------------------------------------------------------------------------------------- */ /* トップページ（body#sitetop） */ /* ---------------------------------------------------------------------------------------- */ #sitetop .multiColumn1, #sitetop .multiColumn2, #sitetop .multiColumn3, #sitetop .multiColumn4, #sitetop .multiColumn5 {margin-bottom: 0;} #sitetop #nav-box{display:none;} #sitetop #header {height: auto;} #sitetop .multiColumn1 > .column1 {margin-bottom: 0;} /*h2*/ #sitetop .title2:not(.highlight) h2 {text-align: center;letter-spacing: .2em;} #sitetop .title2:not(.highlight) h2 span {font-family: 'EB Garamond', serif;display: block;font-size: 3.6rem;margin-bottom: 10px;} /*h3*/ #sitetop .title3:not(.highlight) h3 {font-size: 3rem;margin-bottom: 20px;letter-spacing: .1em;} /*btn*/ #sitetop [role="main"] .teaser.no-img:not(.highlight) , #sitetop [role="main"] .external-teaser.no-img:not(.highlight) {max-width: max-content;min-width: 180px;} /* -------- .area-mv -------- */ #sitetop .area-mv {background-repeat: no-repeat;} #sitetop .area-mv > div {z-index: 1;} /* -------- .area-topics -------- */ #sitetop .area-topics + div .c_icon {display: none;} #sitetop .area-topics + div .news_tx {font-size: 1.6rem;line-height: 1.6em;} #sitetop .area-topics + div a:hover {color: #b11c2c;} /* -------- .area-service -------- */ #sitetop .area-service, #sitetop .area-service-detail1 {display: block;} #sitetop .area-service:before{content: '';background: url(../../../../../../resources/sw_img/top/bg-service.jpg) repeat-y top center;-webkit-background-size: cover;background-size:cover ;display: block;width: 100%;position: absolute;left: 0;z-index: -1;} #sitetop [class*=" area-service-detail"] .column1 {margin: 0;} #sitetop [class*=" area-service-detail"] .column2 {background-color: #fff;} #sitetop [class*=" area-service-detail"] .column1:before, #sitetop [class*=" area-service-detail"] .column1:after{content: '';display: block;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover; position: absolute;z-index: -1;} #sitetop .area-service-detail1 .column1:before {background-image: url(../../../../../../resources/sw_img/top/bg-service1.jpg);left: 0;} #sitetop .area-service-detail2 .column1:before {background-image: url(../../../../../../resources/sw_img/top/bg-service2.jpg);right: 0;} #sitetop .area-service-detail3 .column1:before {background-image: url(../../../../../../resources/sw_img/top/bg-service3.jpg);left: 0;} #sitetop [class*=" area-service-detail"] .column1:after {background-color: #fff;} #sitetop .area-service-detail1 .column1:after {left: 0;} #sitetop .area-service-detail2 .column1:after {right: 0;} #sitetop .area-service-detail3 .column1:after {left: 0;} /* -------- .area-company-recruit -------- */ #sitetop .area-company-recruit > div {margin: 0;} #sitetop .area-company-recruit > div:before, #sitetop .area-company-recruit > div:after{content: '';-webkit-background-size: cover;background-size:cover;display: block;width: 50%;height: inherit; position: absolute;z-index: -1;} #sitetop .area-company-recruit .column1:before{background: url(../../../../../../resources/sw_img/top/bg-company.jpg) no-repeat top center;right: 50%;} #sitetop .area-company-recruit .column2:before{background: url(../../../../../../resources/sw_img/top/bg-recruit.jpg) no-repeat top center;left: 50%;} #sitetop .area-company-recruit > div:after {background: #fff;z-index: 0;} #sitetop .area-company-recruit .column1:after{right: 50%;} #sitetop .area-company-recruit .column2:after{left: 50%;} /*txt*/ #sitetop .area-company-recruit > div > div.title2 {color: #fff;} /* -------- .area-news -------- */ #sitetop .area-news{display: block !important;} #sitetop .area-news:before{content: '';background:#f3f3f3;display: block;width: 100%;height:inherit;position: absolute;left: 0;z-index: -1;} #sitetop .area-news .basic-list {margin-bottom: 30px;} #sitetop .area-news .basic-list a {transition: none;} #sitetop .area-news .basic-list a:hover span {text-decoration: none;opacity: .7;transition: .3s;} /* -------------------------------------------- */ /* for PC */ /* -------------------------------------------- */ @media print, screen and (min-width: 768px) { #sitetop .title2:not(.highlight) h2 {margin-bottom: 40px;} /* -------- .area-mv -------- */ #sitetop .area-mv {background-image: url(../../../../../../resources/sw_img/top/bg-mv.jpg);background-position: center bottom;width: 100%;height: 700px;display: flex;align-items:center;justify-content: flex-end;} #sitetop .area-mv > div {width: 70%;margin: 4% 0 0 0 !important;} #sitetop .area-mv > div > div:nth-child(2) img {margin-top: 20px;} .js-logo-motion > div > div {animation: logoShow 2.2s cubic-bezier(0,1,1,1) forwards;-webkit-backface-visibility: hidden; backface-visibility: hidden;} @keyframes logoShow { 0% {opacity: 0;transform:translate(-10%,0);} 70% {opacity: 0;transform:translate(-10%,0);} 100% {opacity: 1;transform:translate(0,0);} } /* -------- .area-topics -------- */ #sitetop .area-topics .title2:not(.highlight) h2{margin-top: 80px;} #sitetop .area-topics + div {padding-bottom: 60px;} /* -------- .area-service -------- */ #sitetop .area-service .title2:not(.highlight) h2{margin-top: 120px;} #sitetop .area-service-detail3 {margin-bottom: 120px;} #sitetop .area-service:before{min-width: 1000px;} #sitetop [role="main"] .area-service-detail .teaser.no-img:not(.highlight) , #sitetop [role="main"] .area-service-detail .external-teaser.no-img:not(.highlight) {margin: 0;} #sitetop [class*=" area-service-detail"] {margin-bottom: 60px;} #sitetop [class*=" area-service-detail"] .column1:before, #sitetop [class*=" area-service-detail"] .column1:after{width: 68%;min-width: 1000px;} #sitetop [class*=" area-service-detail"] .column2 {padding: 80px 60px;margin: 40px 0;} #sitetop [class*=" area-service-detail"] .teaser {margin: 0;} #sitetop .area-service-detail1 .column2 {float: right;} #sitetop .area-service-detail2 .column2 {float: left;} #sitetop .area-service-detail3 .column2 {float: right;} /* -------- .area-company-recruit -------- */ /*txt*/ #sitetop .area-company-recruit > div {height: 500px;} #sitetop .area-company-recruit > div:before, #sitetop .area-company-recruit > div:after{min-width: 500px;} #sitetop .area-company-recruit > div > div.title2 {position: absolute; width: 50%;margin-top: 180px;} #sitetop .area-company-recruit > div > div.teaser {position: absolute;margin: 290px 0 0 0; width: 50%; max-width: none !important;} #sitetop .area-company-recruit > div > div.teaser h2 {max-width: 180px;margin: 0 auto;} #sitetop .area-company-recruit > .column1 > div.title2 { left: 0;} #sitetop .area-company-recruit > .column1 > div.teaser { left: 0;} #sitetop .area-company-recruit > .column2 > div.title2 { right: 0;} #sitetop .area-company-recruit > .column2 > div.teaser { right: 0;} /* -------- .area-news -------- */ #sitetop.col-subcol .area-news.multiColumn2 > .column1, #sitetop.col-subcol .area-news.multiColumn2 > .column2 {width: 48%;} #sitetop.col-subcol .area-news.multiColumn2 > .column1 {margin-right: 4%;} #sitetop .area-news .title2:not(.highlight) h2{margin-top: 120px;} #sitetop .area-news .basic-list + .teaser {margin-bottom: 120px;} #sitetop .area-news:before{min-width: 1000px;} } /* -------------------------------------------- */ /* for SP */ /* -------------------------------------------- */ @media print, screen and (max-width: 767px) { #sitetop .title2:not(.highlight) h2 {margin-bottom: 20px;} #sitetop .title3:not(.highlight) h3 {text-align: center;font-size: 2.4rem;} /* -------- .area-mv -------- */ #sitetop .area-mv {background-image: url(../../../../../../resources/sw_img/top/bg-mv-sp.jpg);background-position: center top;width: 100%;padding-bottom: 110%;-webkit-background-size: 100% auto;background-size: 100% auto ;} #sitetop .area-mv > div > div img {display: none;} /* -------- .area-topics -------- */ #sitetop .area-topics .title2:not(.highlight) h2{margin-top: 20px;} #sitetop .area-topics + div {padding-bottom: 30px;} #sitetop .area-topics + div > div {width: 92%;margin: 0 4%;} #sitetop .area-topics + div ul.tabItems {margin-right: 0;} #sitetop .area-topics + div ul.tabItems li{width: 100%;margin: 0 0 20px;} #sitetop .area-topics + div .n_img {width: 50%;float: left;margin-right: 1em;} #sitetop .area-topics + div .news_tx {font-size: 1.4rem;} /* -------- .area-service -------- */ #sitetop [class*=" area-service"] {display: block !important;} #sitetop .area-service .title2:not(.highlight) h2{margin-top: 60px;} #sitetop .area-service-detail3 {margin-bottom: 60px;} #sitetop [class*=" area-service-detail"] {margin-bottom: 30px;} #sitetop [class*=" area-service-detail"] .column1 {width: 92%;height: 200px;margin: 0 4%;position: relative;} #sitetop [class*=" area-service-detail"] .column1:before, #sitetop [class*=" area-service-detail"] .column1:after{width: 100%;height: inherit;} #sitetop [class*=" area-service-detail"] .column2 {width: 92%;padding: 40px 30px 20px;margin: 0 4%;} /* -------- .area-company-recruit -------- */ #sitetop .area-company-recruit > div {width: 100%;height: 350px;position: relative;} #sitetop .area-company-recruit > div:before, #sitetop .area-company-recruit > div:after {width: 100%;left: 0 !important;right: 0 !important;top: 0;} /*txt*/ #sitetop .area-company-recruit > div > div.title2 {margin-top: 100px;} /* -------- .area-news -------- */ #sitetop .area-news .title2:not(.highlight) h2{margin-top: 60px;} #sitetop .area-news > div {width: 92%;margin: 0 4%;} #sitetop .area-news .basic-list + .teaser {margin-bottom: 60px;} }