/* Theme Name: Key-point Staff Blog Twenty-eleven Child Template:twentyeleven Theme URI: http://www.key-p.com/ Author: キー・ポイント株式会社 Author URI: http://www.key-p.com/ Description: Version: 2.0 */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } ol, ul { list-style: none; } table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } #branding hgroup { width:1340px; margin:0 auto; } .submenu{ width:1340px; margin: 0 auto; margin-bottom:-1px; } #nav-submenu ul { height:54px; list-style:none; } #nav-submenu li { float: left; position: relative; height:54px; } #nav-submenu li a{ display:block; height:54px; text-indent:-9999px; } a{ color: #0E76B6; text-decoration: none; } a:link { color: #0E76B6; text-decoration: none; } a:visited { color: #0E76B6; text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: none; } #nav-submenu li.general a{ /* 会社概要 */ width:116px; background: url(images/nav-sabmenu.gif) no-repeat 0px 0px; } #nav-submenu li.general a:hover{ background: url(images/nav-sabmenu.gif) no-repeat 0px -54px; } #nav-submenu li.cause a{ /* 経営理念 */ width:117px; background: url(images/nav-sabmenu.gif) no-repeat -116px 0px; } #nav-submenu li.cause a:hover{ background: url(images/nav-sabmenu.gif) no-repeat -116px -54px; } #nav-submenu li.daihyo a{ /* 代表ご挨拶 */ width:130px; background: url(images/nav-sabmenu.gif) no-repeat -233px 0px; } #nav-submenu li.daihyo a:hover{ background: url(images/nav-sabmenu.gif) no-repeat -233px -54px; } #nav-submenu li.history a{ /* 会社沿革 */ width:116px; background: url(images/nav-sabmenu.gif) no-repeat -363px 0px; } #nav-submenu li.history a:hover{ background: url(images/nav-sabmenu.gif) no-repeat -363px -54px; } #nav-submenu li.map a{ /* アクセス */ width:116px; background: url(images/nav-sabmenu.gif) no-repeat -479px 0px; } #nav-submenu li.map a:hover{ background: url(images/nav-sabmenu.gif) no-repeat -479px -54px; } #nav-submenu li.product a{ /* 製品一覧 */ width:116px; background: url(images/nav-sabmenu-product.gif) no-repeat 0px 0px; } #nav-submenu li.product a:hover{ background: url(images/nav-sabmenu-product.gif) no-repeat 0px -54px; } #nav-submenu li.webfile a{ /* WebFile */ width:117px; background: url(images/nav-sabmenu-product.gif) no-repeat -116px 0px; } #nav-submenu li.webfile a:hover{ background: url(images/nav-sabmenu-product.gif) no-repeat -116px -54px; } #nav-submenu li.grpmail a{ /* GrpMail */ width:130px; background: url(images/nav-sabmenu-product.gif) no-repeat -233px 0px; } #nav-submenu li.grpmail a:hover{ background: url(images/nav-sabmenu-product.gif) no-repeat -233px -54px; } #nav-submenu li.o-mori a{ /* 多守Plus */ width:116px; background: url(images/nav-sabmenu-product.gif) no-repeat -363px 0px; } #nav-submenu li.o-mori a:hover{ background: url(images/nav-sabmenu-product.gif) no-repeat -363px -54px; } #nav-submenu li.db a{ /* dBseries */ width:116px; background: url(images/nav-sabmenu-product.gif) no-repeat -479px 0px; } #nav-submenu li.db a:hover{ background: url(images/nav-sabmenu-product.gif) no-repeat -479px -54px; } #nav-submenu li.system a{ /* システム開発 */ width:148px; background: url(images/nav-sabmenu-service.gif) no-repeat 0px 0px; } #nav-submenu li.system a:hover{ background: url(images/nav-sabmenu-service.gif) no-repeat 0px -54px; } #nav-submenu li.wordpress a{ /* WordPress開発 */ width:165px; background: url(images/nav-sabmenu-service.gif) no-repeat -148px 0px; } #nav-submenu li.wordpress a:hover{ background: url(images/nav-sabmenu-service.gif) no-repeat -148px -54px; } #nav-submenu li.jirei a{ /* 開発事例 */ width:106px; background: url(images/nav-sabmenu-service.gif) no-repeat -313px 0px; } #nav-submenu li.jirei a:hover{ background: url(images/nav-sabmenu-service.gif) no-repeat -313px -54px; } #nav-submenu li.rec-list a{ /* 採用情報一覧 */ width:145px; background: url(images/nav-sabmenu-recruit.gif) no-repeat 0px 0px; } #nav-submenu li.rec-list a:hover{ background: url(images/nav-sabmenu-recruit.gif) no-repeat 0px -54px; } #nav-submenu li.saiyo a{ /* 通年採用 */ width:113px; background: url(images/nav-sabmenu-recruit.gif) no-repeat -145px 0px; } #nav-submenu li.saiyo a:hover{ background: url(images/nav-sabmenu-recruit.gif) no-repeat -145px -54px; } #nav-submenu li.staff a{ /* キー・ポイントで働く人 */ width:196px; background: url(images/nav-sabmenu-recruit.gif) no-repeat -258px 0px; } #nav-submenu li.staff a:hover{ background: url(images/nav-sabmenu-recruit.gif) no-repeat -258px -54px; } #nav-submenu li.entry a{ /* エントリー */ width:118px; background: url(images/nav-sabmenu-recruit.gif) no-repeat -455px 0px; } #nav-submenu li.entry a:hover{ background: url(images/nav-sabmenu-recruit.gif) no-repeat -455px -54px; } /* 検索フォーム*/ .header-right-area{ float:right; } #page { margin: 0 auto 40px; } #content{ background-color:#FFFFFF; display:flex; } .eye-logo{ background: url(images/title-eye-companylogo.gif) no-repeat scroll top left; height:153px; width:637px; text-indent:-9999px; } #access li.home a{ /* HOME */ width:73px; background: url(images/nav.gif) no-repeat 0px 0px; } #access li.home a:hover{ background: url(images/nav.gif) no-repeat 0px -62px; } #access li a#mCom{ /* 会社案内 */ width:179px; margin-left:11px; background: url(images/nav.gif) no-repeat -89px 0px; } #access li a#mCom:hover{ background: url(images/nav.gif) no-repeat -89px -62px; } #access li.active a#mCom { background: url(images/nav.gif) no-repeat -89px -62px;} #access li a#mPro{ /* 製品 */ width:179px; background: url(images/nav.gif) no-repeat -268px 0px; } #access li a#mPro:hover{ background: url(images/nav.gif) no-repeat -268px -62px; } #access li.active a#mPro { background: url(images/nav.gif) no-repeat -268px -62px;} #access li a#mSer{ /* 開発サービス */ width:179px; background: url(images/nav.gif) no-repeat -446px 0px; } #access li a#mSer:hover{ background: url(images/nav.gif) no-repeat -446px -62px; } #access li.active a#mSer { background: url(images/nav.gif) no-repeat -446px -62px;} #access li a#mRec{ /* 採用情報 */ width:179px; background: url(images/nav.gif) no-repeat -624px 0px; } #access li a#mRec:hover{ background: url(images/nav.gif) no-repeat -624px -62px; } #access li.active a#mRec { background: url(images/nav.gif) no-repeat -624px -62px;} #access li a#mCon{ /* お問い合わせ */ width:179px; background: url(images/nav.gif) no-repeat -803px 0px; } #access li a#mCon:hover{ background: url(images/nav.gif) no-repeat -803px -62px; } #access li.active a#mCon { background: url(images/nav.gif) no-repeat -803px -62px;} /* 製品各タイトル */ h4.title-product-webfile{ background: url(images/h4-product-webfile.gif) no-repeat scroll top left; text-indent:-9999px; width:620px; height:64px; margin-top:10px; } h4.title-product-grpmail{ background: url(images/h4-product-grpmail.gif) no-repeat scroll top left; text-indent:-9999px; width:620px; height:61px; margin-top:50px; } h4.title-product-omori{ background: url(images/h4-product-omori.gif) no-repeat scroll top left; text-indent:-9999px; width:620px; height:66px; margin-top:50px; } h4.title-product-db{ background: url(images/h4-product-db.gif) no-repeat scroll top left; text-indent:-9999px; width:620px; height:61px; margin-top:50px; } .pro-explain{ color:#595959; line-height:130%; font-size:0.9em; width:400px; float:left; padding-bottom:15px; } .pro-btn-area{ position:absolute; bottom:0px; right:0px; } /* 開発サービスタイトル */ h4.title-service-system{ background: url(images/h4-service-system.gif) no-repeat scroll top left; text-indent:-9999px; width:620px; height:31px; margin-top:35px; } h4.title-service-wordpress{ background: url(images/h4-service-wordpress.gif) no-repeat scroll top left; text-indent:-9999px; width:623px; height:32px; margin-top:35px; } h4.h4-title-4hashira{ background: url(images/h4-title-4hashira.gif) no-repeat scroll top left; width:396px; height:77px; text-indent:-9999px; } h4.h4-title-greeting{ background: url(images/h4-title-greeting.gif) no-repeat scroll top left; width:459px; height:77px; text-indent:-9999px; } .btn-recruit-detail{ float:left; } .btn-recruit-entry{ float:left; margin-left:10px;} .interview-text{ display:none;} .btn-recruit-interview a{ background: url(images/btn-recruit-interview.gif) no-repeat scroll top left; width:620px; height:150px; text-indent:-9999px; display:block; } /* フッター */ #colophon { clear: both; border-top:1px solid #C3C3C3; background-color:#E5E5E5; height:100%; } .footer-top{ width:1340px; height:200px; } .ohter-link{ width:980px;} /*=============================================== ● 画面の横幅が820pxまで(PCサイズ)2 ===============================================*/ @media screen and (min-width: 820px) and (max-width: 979px){ #branding hgroup { margin:0 auto; } .submenu{ width:820px; margin: 0 auto; margin-bottom:-1px; } #nav-submenu ul { height:30px; list-style:none; } #nav-submenu li { float: left; position: relative; height:30px; } #nav-submenu li a{ display:block; height:30px; text-indent:-9999px; } #nav-submenu li.general a{ /* 会社概要 */ width:116px; background: url(images/nav-sabmenu-2.gif) no-repeat 0px 0px; } #nav-submenu li.general a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat 0px -30px; } #nav-submenu li.cause a{ /* 経営理念 */ width:117px; background: url(images/nav-sabmenu-2.gif) no-repeat -116px 0px; } #nav-submenu li.cause a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -116px -30px; } #nav-submenu li.daihyo a{ /* 代表ご挨拶 */ width:130px; background: url(images/nav-sabmenu-2.gif) no-repeat -233px 0px; } #nav-submenu li.daihyo a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -233px -30px; } #nav-submenu li.history a{ /* 会社沿革 */ width:116px; background: url(images/nav-sabmenu-2.gif) no-repeat -363px 0px; } #nav-submenu li.history a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -363px -30px; } #nav-submenu li.map a{ /* アクセス */ width:116px; background: url(images/nav-sabmenu-2.gif) no-repeat -479px 0px; } #nav-submenu li.map a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -479px -30px; } #nav-submenu li.product a{ /* 製品一覧 */ width:116px; background: url(images/nav-sabmenu-product-2.gif) no-repeat 0px 0px; } #nav-submenu li.product a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat 0px -30px; } #nav-submenu li.webfile a{ /* WebFile */ width:117px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -116px 0px; } #nav-submenu li.webfile a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -116px -30px; } #nav-submenu li.grpmail a{ /* GrpMail */ width:130px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -233px 0px; } #nav-submenu li.grpmail a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -233px -30px; } #nav-submenu li.o-mori a{ /* 多守Plus */ width:116px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -363px 0px; } #nav-submenu li.o-mori a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -363px -30px; } #nav-submenu li.db a{ /* dBseries */ width:116px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -479px 0px; } #nav-submenu li.db a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -479px -54px; } #nav-submenu li.system a{ /* システム開発 */ width:148px; background: url(images/nav-sabmenu-service-2.gif) no-repeat 0px 0px; } #nav-submenu li.system a:hover{ background: url(images/nav-sabmenu-service-2.gif) no-repeat 0px -54px; } #nav-submenu li.wordpress a{ /* WordPress開発 */ width:165px; background: url(images/nav-sabmenu-service-2.gif) no-repeat -148px 0px; } #nav-submenu li.wordpress a:hover{ background: url(images/nav-sabmenu-service-2.gif) no-repeat -148px -54px; } #nav-submenu li.jirei a{ /* 開発事例 */ width:106px; background: url(images/nav-sabmenu-service-2.gif) no-repeat -313px 0px; } #nav-submenu li.jirei a:hover{ background: url(images/nav-sabmenu-service-2.gif) no-repeat -313px -54px; } #nav-submenu li.rec-list a{ /* 採用情報一覧 */ width:115px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat 0px 0px; } #nav-submenu li.rec-list a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat 0px -30px; } #nav-submenu li.saiyo a{ /* 通年採用 */ width:113px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -116px 0px; } #nav-submenu li.saiyo a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -116px -30px; } #nav-submenu li.staff a{ /* キー・ポイントで働く人 */ width:125px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -232px 0px; } #nav-submenu li.staff a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -232px -30px; } #nav-submenu li.entry a{ /* エントリー */ width:115px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -362px 0px; } #nav-submenu li.entry a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -362px -30px; } /* 検索フォーム*/ .header-right-area{ float:right; } #page { margin: 0 auto 40px; width:100%; } #content{ background-color:#FFFFFF; } .eye-logo{ background: url(images/title-eye-companylogo.gif) no-repeat scroll top left; height:153px; width:637px; text-indent:-9999px; } #sidebar{ width:auto; } .side-banner{ width:auto; padding:30px; } .side-link-banner{ width:auto; padding:30px; } .ptext{ margin-top:5px; margin-left:5px; line-height:120%; float:left; } #access li.home a{ /* HOME */ width:73px; background: url(images/nav-other.gif) no-repeat 0px 0px; } #access li.home a:hover{ background: url(images/nav-other.gif) no-repeat 0px -62px; } #access li a#mCom{ /* 会社案内 */ width:146px; margin-left:11px; background: url(images/nav-other.gif) no-repeat -89px 0px; } #access li a#mCom:hover{ background: url(images/nav-other.gif) no-repeat -89px -62px; } #access li.active a#mCom { background: url(images/nav-other.gif) no-repeat -89px -62px;} #access li a#mPro{ /* 製品 */ width:146px; background: url(images/nav-other.gif) no-repeat -267px 0px; } #access li a#mPro:hover{ background: url(images/nav-other.gif) no-repeat -267px -62px; } #access li.active a#mPro { background: url(images/nav-other.gif) no-repeat -267px -62px;} #access li a#mSer{ /* 開発サービス */ width:146px; background: url(images/nav-other.gif) no-repeat -445px 0px; } #access li a#mSer:hover{ background: url(images/nav-other.gif) no-repeat -445px -62px; } #access li.active a#mSer { background: url(images/nav-other.gif) no-repeat -445px -62px;} #access li a#mRec{ /* 採用情報 */ width:146px; background: url(images/nav-other.gif) no-repeat -623px 0px; } #access li a#mRec:hover{ background: url(images/nav-other.gif) no-repeat -623px -62px; } #access li.active a#mRec { background: url(images/nav-other.gif) no-repeat -623px -62px;} #access li a#mCon{ /* お問い合わせ */ width:146px; background: url(images/nav-other.gif) no-repeat -801px 0px; } #access li a#mCon:hover{ background: url(images/nav-other.gif) no-repeat -801px -62px; } #access li.active a#mCon { background: url(images/nav-other.gif) no-repeat -801px -62px;} /* 製品各タイトル */ h4.title-product-webfile{ background: url(images/h4-product-webfile.gif) no-repeat scroll top left; text-indent:-9999px; width:620px; height:64px; margin-top:10px; } h4.title-product-grpmail{ background: url(images/h4-product-grpmail.gif) no-repeat scroll top left; text-indent:-9999px; width:620px; height:61px; margin-top:50px; } h4.title-product-omori{ background: url(images/h4-product-omori.gif) no-repeat scroll top left; text-indent:-9999px; width:620px; height:66px; margin-top:50px; } h4.title-product-db{ background: url(images/h4-product-db.gif) no-repeat scroll top left; text-indent:-9999px; width:620px; height:61px; margin-top:50px; } .pro-explain{ color:#595959; line-height:130%; font-size:0.9em; width:400px; float:left; padding-bottom:15px; } .pro-btn-area{ position:absolute; _position:static; bottom:0px; right:0px; float:right; } /* 開発サービスタイトル */ h4.title-service-system{ background: url(images/h4-service-system.gif) no-repeat scroll top left; text-indent:-9999px; width:620px; height:31px; margin-top:35px; } h4.title-service-wordpress{ background: url(images/h4-service-wordpress.gif) no-repeat scroll top left; text-indent:-9999px; width:623px; height:32px; margin-top:35px; } h4.h4-title-4hashira{ background: url(images/h4-title-4hashira.gif) no-repeat scroll top left; width:396px; height:77px; text-indent:-9999px; } h4.h4-title-greeting{ background: url(images/h4-title-greeting.gif) no-repeat scroll top left; width:459px; height:77px; text-indent:-9999px; } .btn-recruit-detail{ float:left; } .btn-recruit-entry{ float:left; margin-left:10px;} .interview-text{ display:none;} .btn-recruit-interview a{ background: url(images/btn-recruit-interview.gif) no-repeat scroll top left; width:620px; height:150px; text-indent:-9999px; display:block; } /* フッター */ #colophon { clear: both; border-top:1px solid #C3C3C3; background-color:#E5E5E5; height:100%; } .footer-top{ width:820px; height:auto; } /* リンク2 */ ul.mainLink{ margin-top:20px; list-style:none; } ul.mainLink li{ float:left; border-left:1px solid #B1B1B1; height:150px; } ul.mainLink li.last{ border-right:1px solid #B1B1B1; } ul.mainLink li ul.subLink{ list-style:none; padding:18px 12px 18px 12px; width:135px; } ul.mainLink li ul.subLink li{ float:none; border:none; height:auto; padding:4px 0px 4px 25px; background: url(images/ico-foot-sub.gif) no-repeat scroll center left; font-size:0.8em; } ul.mainLink li ul.subLink li a{ color:#616161;} ul.mainLink li ul.subLink li.basic{ background: url(images/ico-foot-arrow.gif) no-repeat scroll center left; font-family:"A-OTF 見出ゴMB31 Pro", "メイリオ","ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; font-weight:bold; font-size:1.0em; padding-left:30px; margin-bottom:5px; } ul.mainLink li ul.subLink li.basic a{ color:#000000;} .ohter-link{ width:820px;} /* 上に戻る */ .backtop{ width:820px; margin:0 auto; } .sub-link{ display:none;} } /*=============================================== ● 画面の横幅が768pxまで(iPad)3 ===============================================*/ @media screen and (min-width: 768px) and (max-width: 819px){ #branding hgroup { margin:0 auto; } .submenu{ width:750px; margin: 0 auto; margin-bottom:-1px; } /* 検索フォーム*/ .header-right-area{ float:right; } #page { margin: 0 auto 40px; width: 750px; } #content{ background-color:#FFFFFF; } .eye-logo{ background: url(images/title-eye-companylogo.gif) no-repeat scroll top left; height:153px; width:637px; text-indent:-9999px; } #sidebar{ width:auto; } .side-banner{ width:auto; padding:30px; } .side-link-banner{ width:auto; padding:30px; } .ptext{ margin-top:5px; margin-left:5px; line-height:120%; float:left; } #access li.home a{ /* HOME */ width:73px; background: url(images/nav-other.gif) no-repeat 0px 0px; } #access li.home a:hover{ background: url(images/nav-other.gif) no-repeat 0px -62px; } #access li a#mCom{ /* 会社案内 */ width:132px; margin-left:11px; background: url(images/nav-other.gif) no-repeat -89px 0px; } #access li a#mCom:hover{ background: url(images/nav-other.gif) no-repeat -89px -62px; } #access li.active a#mCom { background: url(images/nav-other.gif) no-repeat -89px -62px;} #access li a#mPro{ /* 製品 */ width:132px; background: url(images/nav-other.gif) no-repeat -267px 0px; } #access li a#mPro:hover{ background: url(images/nav-other.gif) no-repeat -267px -62px; } #access li.active a#mPro { background: url(images/nav-other.gif) no-repeat -267px -62px;} #access li a#mSer{ /* 開発サービス */ width:132px; background: url(images/nav-other.gif) no-repeat -445px 0px; } #access li a#mSer:hover{ background: url(images/nav-other.gif) no-repeat -445px -62px; } #access li.active a#mSer { background: url(images/nav-other.gif) no-repeat -445px -62px;} #access li a#mRec{ /* 採用情報 */ width:132px; background: url(images/nav-other.gif) no-repeat -623px 0px; } #access li a#mRec:hover{ background: url(images/nav-other.gif) no-repeat -623px -62px; } #access li.active a#mRec { background: url(images/nav-other.gif) no-repeat -623px -62px;} #access li a#mCon{ /* お問い合わせ */ width:132px; background: url(images/nav-other.gif) no-repeat -801px 0px; } #access li a#mCon:hover{ background: url(images/nav-other.gif) no-repeat -801px -62px; } #access li.active a#mCon { background: url(images/nav-other.gif) no-repeat -801px -62px;} #nav-submenu ul { height:30px; list-style:none; } #nav-submenu li { float: left; position: relative; height:30px; } #nav-submenu li a{ display:block; height:30px; text-indent:-9999px; } #nav-submenu li.general a{ /* 会社概要 */ width:116px; background: url(images/nav-sabmenu-2.gif) no-repeat 0px 0px; } #nav-submenu li.general a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat 0px -30px; } #nav-submenu li.cause a{ /* 経営理念 */ width:117px; background: url(images/nav-sabmenu-2.gif) no-repeat -116px 0px; } #nav-submenu li.cause a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -116px -30px; } #nav-submenu li.daihyo a{ /* 代表ご挨拶 */ width:130px; background: url(images/nav-sabmenu-2.gif) no-repeat -233px 0px; } #nav-submenu li.daihyo a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -233px -30px; } #nav-submenu li.history a{ /* 会社沿革 */ width:116px; background: url(images/nav-sabmenu-2.gif) no-repeat -363px 0px; } #nav-submenu li.history a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -363px -30px; } #nav-submenu li.map a{ /* アクセス */ width:116px; background: url(images/nav-sabmenu-2.gif) no-repeat -479px 0px; } #nav-submenu li.map a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -479px -30px; } #nav-submenu li.product a{ /* 製品一覧 */ width:116px; background: url(images/nav-sabmenu-product-2.gif) no-repeat 0px 0px; } #nav-submenu li.product a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat 0px -30px; } #nav-submenu li.webfile a{ /* WebFile */ width:117px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -116px 0px; } #nav-submenu li.webfile a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -116px -30px; } #nav-submenu li.grpmail a{ /* GrpMail */ width:130px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -233px 0px; } #nav-submenu li.grpmail a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -233px -30px; } #nav-submenu li.o-mori a{ /* 多守Plus */ width:116px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -363px 0px; } #nav-submenu li.o-mori a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -363px -30px; } #nav-submenu li.db a{ /* dBseries */ width:116px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -479px 0px; } #nav-submenu li.db a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -479px -30px; } #nav-submenu li.system a{ /* システム開発 */ width:113px; background: url(images/nav-sabmenu-service-2.gif) no-repeat 0px 0px; } #nav-submenu li.system a:hover{ background: url(images/nav-sabmenu-service-2.gif) no-repeat 0px -30px; } #nav-submenu li.wordpress a{ /* WordPress開発 */ width:113px; background: url(images/nav-sabmenu-service-2.gif) no-repeat -115px 0px; } #nav-submenu li.wordpress a:hover{ background: url(images/nav-sabmenu-service-2.gif) no-repeat -115px -30px; } #nav-submenu li.jirei a{ /* 開発事例 */ width:106px; background: url(images/nav-sabmenu-service-2.gif) no-repeat -232px 0px; } #nav-submenu li.jirei a:hover{ background: url(images/nav-sabmenu-service-2.gif) no-repeat -232px -30px; } #nav-submenu li.rec-list a{ /* 採用情報一覧 */ width:115px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat 0px 0px; } #nav-submenu li.rec-list a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat 0px -30px; } #nav-submenu li.saiyo a{ /* 通年採用 */ width:113px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -116px 0px; } #nav-submenu li.saiyo a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -116px -30px; } #nav-submenu li.staff a{ /* キー・ポイントで働く人 */ width:125px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -232px 0px; } #nav-submenu li.staff a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -232px -30px; } #nav-submenu li.entry a{ /* エントリー */ width:115px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -362px 0px; } #nav-submenu li.entry a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -362px -30px; } /* 製品各タイトル */ h4.title-product-webfile{ background: url(images/h4-product-webfile.gif) no-repeat scroll top left; text-indent:-9999px; width:620px; height:64px; margin-top:10px; } h4.title-product-grpmail{ background: url(images/h4-product-grpmail.gif) no-repeat scroll top left; text-indent:-9999px; width:620px; height:61px; margin-top:50px; } h4.title-product-omori{ background: url(images/h4-product-omori.gif) no-repeat scroll top left; text-indent:-9999px; width:620px; height:66px; margin-top:50px; } h4.title-product-db{ background: url(images/h4-product-db.gif) no-repeat scroll top left; text-indent:-9999px; width:620px; height:61px; margin-top:50px; } .pro-explain{ color:#595959; line-height:130%; font-size:0.9em; width:400px; float:left; padding-bottom:15px; } .pro-btn-area{ position:absolute; _position:static; bottom:0px; right:0px; float:right; } /* 開発サービスタイトル */ h4.title-service-system{ background: url(images/h4-service-system.gif) no-repeat scroll top left; text-indent:-9999px; width:620px; height:31px; margin-top:35px; } h4.title-service-wordpress{ background: url(images/h4-service-wordpress.gif) no-repeat scroll top left; text-indent:-9999px; width:623px; height:32px; margin-top:35px; } h4.h4-title-4hashira{ background: url(images/h4-title-4hashira.gif) no-repeat scroll top left; width:396px; height:77px; text-indent:-9999px; } h4.h4-title-greeting{ background: url(images/h4-title-greeting.gif) no-repeat scroll top left; width:459px; height:77px; text-indent:-9999px; } .btn-recruit-detail{ float:left; } .btn-recruit-entry{ float:left; margin-left:10px;} .interview-text{ display:none;} .btn-recruit-interview a{ background: url(images/btn-recruit-interview.gif) no-repeat scroll top left; width:620px; height:150px; text-indent:-9999px; display:block; } /* フッター */ #colophon { clear: both; border-top:1px solid #C3C3C3; background-color:#E5E5E5; height:100%; } .footer-top{ width:750px; height:auto; } /* リンク3 */ ul.mainLink{ margin-top:20px; list-style:none; } ul.mainLink li{ float:left; border-left:1px solid #B1B1B1; height:150px; } ul.mainLink li.last{ border-right:1px solid #B1B1B1; } ul.mainLink li ul.subLink{ list-style:none; padding:18px 12px 18px 12px; width:120px; } ul.mainLink li ul.subLink li{ float:none; border:none; height:auto; padding:4px 0px 4px 25px; background: url(images/ico-foot-sub.gif) no-repeat scroll center left; font-size:0.8em; } ul.mainLink li ul.subLink li a{ color:#616161;} ul.mainLink li ul.subLink li.basic{ background: url(images/ico-foot-arrow.gif) no-repeat scroll center left; font-family:"A-OTF 見出ゴMB31 Pro", "メイリオ","ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; font-weight:bold; font-size:1.0em; padding-left:30px; margin-bottom:5px; } ul.mainLink li ul.subLink li.basic a{ color:#000000;} .ohter-link{ width:750px;} /* 上に戻る */ .backtop{ width:750px; margin:0 auto; } .sub-link{ display:none;} } /*=============================================== ● 画面の横幅が480pxまで(iPad)4 ===============================================*/ @media screen and (min-width: 600px) and (max-width: 767px){ #branding hgroup { margin:0 auto; } .submenu{ width:600px; margin: 0 auto; margin-bottom:-1px; } /* 検索フォーム*/ .header-right-area{ display:none; } #page { margin: 0 auto 40px; width: 600px; } #content{ background-color:#FFFFFF; } .eye-logo{ background: url(images/title-eye-companylogo-2.gif) no-repeat scroll top left; height:130px; width:540px; text-indent:-9999px; } #sidebar{ width:auto; } .side-banner{ width:auto; padding:30px; } .side-link-banner{ width:auto; padding:30px; } .ptext{ margin-top:5px; margin-left:5px; line-height:120%; float:left; } #access li.home a{ /* HOME */ width:73px; background: url(images/nav-other2.gif) no-repeat 0px 0px; } #access li.home a:hover{ background: url(images/nav-other2.gif) no-repeat 0px -62px; } #access li a#mCom{ /* 会社案内 */ width:102px; margin-left:11px; background: url(images/nav-other2.gif) no-repeat -89px 0px; } #access li a#mCom:hover{ background: url(images/nav-other2.gif) no-repeat -89px -62px; } #access li.active a#mCom { background: url(images/nav-other2.gif) no-repeat -89px -62px;} #access li a#mPro{ /* 製品 */ width:102px; background: url(images/nav-other2.gif) no-repeat -267px 0px; } #access li a#mPro:hover{ background: url(images/nav-other2.gif) no-repeat -267px -62px; } #access li.active a#mPro { background: url(images/nav-other2.gif) no-repeat -267px -62px;} #access li a#mSer{ /* 開発サービス */ width:102px; background: url(images/nav-other2.gif) no-repeat -445px 0px; } #access li a#mSer:hover{ background: url(images/nav-other2.gif) no-repeat -445px -62px; } #access li.active a#mSer { background: url(images/nav-other2.gif) no-repeat -445px -62px;} #access li a#mRec{ /* 採用情報 */ width:102px; background: url(images/nav-other2.gif) no-repeat -623px 0px; } #access li a#mRec:hover{ background: url(images/nav-other2.gif) no-repeat -623px -62px; } #access li.active a#mRec { background: url(images/nav-other2.gif) no-repeat -623px -62px;} #access li a#mCon{ /* お問い合わせ */ width:102px; background: url(images/nav-other2.gif) no-repeat -801px 0px; } #access li a#mCon:hover{ background: url(images/nav-other2.gif) no-repeat -801px -62px; } #access li.active a#mCon { background: url(images/nav-other2.gif) no-repeat -801px -62px;} #nav-submenu ul { height:30px; list-style:none; } #nav-submenu li { float: left; position: relative; height:30px; } #nav-submenu li a{ display:block; height:30px; text-indent:-9999px; } #nav-submenu li.general a{ /* 会社概要 */ width:116px; background: url(images/nav-sabmenu-2.gif) no-repeat 0px 0px; } #nav-submenu li.general a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat 0px -30px; } #nav-submenu li.cause a{ /* 経営理念 */ width:117px; background: url(images/nav-sabmenu-2.gif) no-repeat -116px 0px; } #nav-submenu li.cause a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -116px -30px; } #nav-submenu li.daihyo a{ /* 代表ご挨拶 */ width:130px; background: url(images/nav-sabmenu-2.gif) no-repeat -233px 0px; } #nav-submenu li.daihyo a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -233px -30px; } #nav-submenu li.history a{ /* 会社沿革 */ width:116px; background: url(images/nav-sabmenu-2.gif) no-repeat -363px 0px; } #nav-submenu li.history a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -363px -30px; } #nav-submenu li.map a{ /* アクセス */ width:116px; background: url(images/nav-sabmenu-2.gif) no-repeat -479px 0px; } #nav-submenu li.map a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -479px -30px; } #nav-submenu li.product a{ /* 製品一覧 */ width:116px; background: url(images/nav-sabmenu-product-2.gif) no-repeat 0px 0px; } #nav-submenu li.product a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat 0px -30px; } #nav-submenu li.webfile a{ /* WebFile */ width:117px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -116px 0px; } #nav-submenu li.webfile a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -116px -30px; } #nav-submenu li.grpmail a{ /* GrpMail */ width:130px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -233px 0px; } #nav-submenu li.grpmail a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -233px -30px; } #nav-submenu li.o-mori a{ /* 多守Plus */ width:116px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -363px 0px; } #nav-submenu li.o-mori a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -363px -30px; } #nav-submenu li.db a{ /* dBseries */ width:116px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -479px 0px; } #nav-submenu li.db a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -479px -30px; } #nav-submenu li.system a{ /* システム開発 */ width:100px; background: url(images/nav-sabmenu-service-2.gif) no-repeat 0px 0px; } #nav-submenu li.system a:hover{ background: url(images/nav-sabmenu-service-2.gif) no-repeat 0px -30px; } #nav-submenu li.wordpress a{ /* WordPress開発 */ width:115px; background: url(images/nav-sabmenu-service-2.gif) no-repeat -116px 0px; } #nav-submenu li.wordpress a:hover{ background: url(images/nav-sabmenu-service-2.gif) no-repeat -116px -30px; } #nav-submenu li.jirei a{ /* 開発事例 */ width:90px; background: url(images/nav-sabmenu-service-2.gif) no-repeat -232px 0px; } #nav-submenu li.jirei a:hover{ background: url(images/nav-sabmenu-service-2.gif) no-repeat -232px -30px; } #nav-submenu li.rec-list a{ /* 採用情報一覧 */ width:100px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat 0px 0px; } #nav-submenu li.rec-list a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat 0px -30px; } #nav-submenu li.saiyo a{ /* 通年採用 */ width:113px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -116px 0px; } #nav-submenu li.saiyo a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -116px -30px; } #nav-submenu li.staff a{ /* キー・ポイントで働く人 */ width:130px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -232px 0px; } #nav-submenu li.staff a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -232px -30px; } #nav-submenu li.entry a{ /* エントリー */ width:113px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -362px 0px; } #nav-submenu li.entry a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -362px -30px; } /* 製品各タイトル */ h4.title-product-webfile{ background: url(images/h4-product-webfile-2.gif) no-repeat scroll top left; text-indent:-9999px; width:261px; height:64px; margin-top:10px; } h4.title-product-grpmail{ background: url(images/h4-product-grpmail-2.gif) no-repeat scroll top left; text-indent:-9999px; width:261px; height:61px; margin-top:50px; } h4.title-product-omori{ background: url(images/h4-product-omori-2.gif) no-repeat scroll top left; text-indent:-9999px; width:261px; height:66px; margin-top:50px; } h4.title-product-db{ background: url(images/h4-product-db-2.gif) no-repeat scroll top left; text-indent:-9999px; width:261px; height:61px; margin-top:50px; } .pro-explain{ color:#595959; line-height:130%; font-size:0.9em; width:auto; padding-bottom:15px; } .pro-btn-area{ text-align:center; } /* 開発サービスタイトル */ h4.title-service-system{ background: url(images/h4-service-system-2.gif) no-repeat scroll top left; text-indent:-9999px; width:206px; height:31px; margin-top:35px; } h4.title-service-wordpress{ background: url(images/h4-service-wordpress-2.gif) no-repeat scroll top left; text-indent:-9999px; width:249px; height:32px; margin-top:35px; } h4.h4-title-4hashira{ background: url(images/h4-title-4hashira.gif) no-repeat scroll top left; width:396px; height:77px; text-indent:-9999px; } h4.h4-title-greeting{ background: url(images/h4-title-greeting.gif) no-repeat scroll top left; width:459px; height:77px; text-indent:-9999px; } .btn-recruit-detail{ float:left; } .btn-recruit-entry{ float:left; margin-left:10px;} .interview-text{ display:none; } .btn-recruit-interview a{ background: url(images/btn-recruit-interview-3.gif) no-repeat scroll top left; width:535px; height:130px; text-indent:-9999px; display:block; } ul.recruit-link li { margin:5px !important;} .greeting-area{ margin-top:0px !important;} .img-day-1, .img-day-2, .img-day-3, .img-day-4, .img-day-5, .img-middle{ display:none !important;} /* フッター */ #colophon { clear: both; border-top:1px solid #C3C3C3; background-color:#E5E5E5; height:100%; } .footer-top{ width:600px; height:auto; } /* リンク4 */ ul.mainLink{ margin-top:20px; list-style:none; } ul.mainLink li{ float:left; border-left:1px solid #B1B1B1; height:150px; } ul.mainLink li.last{ border-right:1px solid #B1B1B1; } ul.mainLink li ul.subLink{ list-style:none; padding:18px 12px 18px 12px; width:175px; } ul.mainLink li ul.subLink li{ float:none; border:none; height:auto; padding:4px 0px 4px 25px; background: url(images/ico-foot-sub.gif) no-repeat scroll center left; font-size:0.8em; } ul.mainLink li ul.subLink li a{ color:#616161;} ul.mainLink li ul.subLink li.basic{ background: url(images/ico-foot-arrow.gif) no-repeat scroll center left; font-family:"A-OTF 見出ゴMB31 Pro", "メイリオ","ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; font-weight:bold; font-size:1.0em; padding-left:30px; margin-bottom:5px; } ul.mainLink li ul.subLink li.basic a{ color:#000000;} .ohter-link{ width:600px;} /* 上に戻る */ .backtop{ width:600px; margin:0 auto; } .sub-link{ display:none;} } /*=============================================== ● 画面の横幅が480pxまで(iPad〜スマホ)5 ===============================================*/ @media screen and (min-width: 480px) and (max-width: 599px){ #branding hgroup { margin:0 auto; } .submenu{ width:480px; margin: 0 auto; margin-bottom:-1px; } /* 検索フォーム*/ .header-right-area{ display:none; } #page { margin: 0 auto 40px; width: 480px; } #content{ background-color:#FFFFFF; } .eye-logo{ background: url(images/title-eye-companylogo-3.gif) no-repeat scroll top left; height:250px; width:273px; text-indent:-9999px; } #sidebar{ width:auto; } .side-banner{ width:auto; padding:30px; } .side-link-banner{ width:auto; padding:30px; } .ptext{ margin-top:5px; margin-left:5px; line-height:120%; float:left; } #access li.home a{ /* HOME */ width:72px; background: url(images/nav-other3.gif) no-repeat 0px 0px; } #access li.home a:hover{ background: url(images/nav-other3.gif) no-repeat 0px -62px; } #access li a#mCom{ /* 会社案内 */ width:75px; background: url(images/nav-other3.gif) no-repeat -89px 0px; } #access li a#mCom:hover{ background: url(images/nav-other3.gif) no-repeat -89px -62px; } #access li.active a#mCom { background: url(images/nav-other3.gif) no-repeat -89px -62px;} #access li a#mPro{ /* 製品 */ width:74px; background: url(images/nav-other3.gif) no-repeat -267px 0px; } #access li a#mPro:hover{ background: url(images/nav-other3.gif) no-repeat -267px -62px; } #access li.active a#mPro { background: url(images/nav-other3.gif) no-repeat -267px -62px;} #access li a#mSer{ /* 開発サービス */ width:90px; background: url(images/nav-other3.gif) no-repeat -445px 0px; } #access li a#mSer:hover{ background: url(images/nav-other3.gif) no-repeat -445px -62px; } #access li.active a#mSer { background: url(images/nav-other3.gif) no-repeat -445px -62px;} #access li a#mRec{ /* 採用情報 */ width:75px; background: url(images/nav-other3.gif) no-repeat -623px 0px; } #access li a#mRec:hover{ background: url(images/nav-other3.gif) no-repeat -623px -62px; } #access li.active a#mRec { background: url(images/nav-other3.gif) no-repeat -623px -62px;} #access li a#mCon{ /* お問い合わせ */ width:85px; background: url(images/nav-other3.gif) no-repeat -801px 0px; } #access li a#mCon:hover{ background: url(images/nav-other3.gif) no-repeat -801px -62px; } #access li.active a#mCon { background: url(images/nav-other3.gif) no-repeat -801px -62px;} #nav-submenu ul { height:30px; list-style:none; } #nav-submenu li { float: left; position: relative; height:30px; } #nav-submenu li a{ display:block; height:30px; text-indent:-9999px; } #nav-submenu li.general a{ /* 会社概要 */ width:90px; background: url(images/nav-sabmenu-2.gif) no-repeat 0px 0px; } #nav-submenu li.general a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat 0px -30px; } #nav-submenu li.cause a{ /* 経営理念 */ width:90px; background: url(images/nav-sabmenu-2.gif) no-repeat -116px 0px; } #nav-submenu li.cause a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -116px -30px; } #nav-submenu li.daihyo a{ /* 代表ご挨拶 */ width:90px; background: url(images/nav-sabmenu-2.gif) no-repeat -232px 0px; } #nav-submenu li.daihyo a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -232px -30px; } #nav-submenu li.history a{ /* 会社沿革 */ width:90px; background: url(images/nav-sabmenu-2.gif) no-repeat -362px 0px; } #nav-submenu li.history a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -362px -30px; } #nav-submenu li.map a{ /* アクセス */ width:90px; background: url(images/nav-sabmenu-2.gif) no-repeat -478px 0px; } #nav-submenu li.map a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -478px -30px; } #nav-submenu li.product a{ /* 製品一覧 */ width:90px; background: url(images/nav-sabmenu-product-2.gif) no-repeat 0px 0px; } #nav-submenu li.product a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat 0px -30px; } #nav-submenu li.webfile a{ /* WebFile */ width:90px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -116px 0px; } #nav-submenu li.webfile a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -116px -30px; } #nav-submenu li.grpmail a{ /* GrpMail */ width:90px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -232px 0px; } #nav-submenu li.grpmail a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -232px -30px; } #nav-submenu li.o-mori a{ /* 多守Plus */ width:90px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -362px 0px; } #nav-submenu li.o-mori a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -362px -30px; } #nav-submenu li.db a{ /* dBseries */ width:90px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -478px 0px; } #nav-submenu li.db a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -478px -30px; } #nav-submenu li.system a{ /* システム開発 */ width:117px; background: url(images/nav-sabmenu-service-2.gif) no-repeat 0px 0px; } #nav-submenu li.system a:hover{ background: url(images/nav-sabmenu-service-2.gif) no-repeat 0px -30px; } #nav-submenu li.wordpress a{ /* WordPress開発 */ width:110px; background: url(images/nav-sabmenu-service-2.gif) no-repeat -118px 0px; } #nav-submenu li.wordpress a:hover{ background: url(images/nav-sabmenu-service-2.gif) no-repeat -118px -30px; } #nav-submenu li.jirei a{ /* 開発事例 */ width:100px; background: url(images/nav-sabmenu-service-2.gif) no-repeat -232px 0px; } #nav-submenu li.jirei a:hover{ background: url(images/nav-sabmenu-service-2.gif) no-repeat -232px -30px; } #nav-submenu li.rec-list a{ /* 採用情報一覧 */ width:110px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat 0px 0px; } #nav-submenu li.rec-list a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat 0px -30px; } #nav-submenu li.saiyo a{ /* 通年採用 */ width:95px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -116px 0px; } #nav-submenu li.saiyo a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -116px -30px; } #nav-submenu li.staff a{ /* キー・ポイントで働く人 */ width:125px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -232px 0px; } #nav-submenu li.staff a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -232px -30px; } #nav-submenu li.entry a{ /* エントリー */ width:90px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -362px 0px; } #nav-submenu li.entry a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -362px -30px; } /* 製品各タイトル */ h4.title-product-webfile{ background: url(images/h4-product-webfile-2.gif) no-repeat scroll top left; text-indent:-9999px; width:261px; height:64px; margin-top:10px; } h4.title-product-grpmail{ background: url(images/h4-product-grpmail-2.gif) no-repeat scroll top left; text-indent:-9999px; width:261px; height:61px; margin-top:50px; } h4.title-product-omori{ background: url(images/h4-product-omori-2.gif) no-repeat scroll top left; text-indent:-9999px; width:261px; height:66px; margin-top:50px; } h4.title-product-db{ background: url(images/h4-product-db-2.gif) no-repeat scroll top left; text-indent:-9999px; width:261px; height:61px; margin-top:50px; } .pro-explain{ color:#595959; line-height:130%; font-size:0.9em; width:auto; padding-bottom:15px; } .pro-btn-area{ text-align:center; } /* 開発サービスタイトル */ h4.title-service-system{ background: url(images/h4-service-system-2.gif) no-repeat scroll top left; text-indent:-9999px; width:206px; height:31px; margin-top:35px; } h4.title-service-wordpress{ background: url(images/h4-service-wordpress-2.gif) no-repeat scroll top left; text-indent:-9999px; width:249px; height:32px; margin-top:35px; } h4.h4-title-4hashira{ background: url(images/h4-title-4hashira.gif) no-repeat scroll top left; width:396px; height:77px; text-indent:-9999px; } h4.h4-title-greeting{ background: url(images/h4-title-greeting-2.gif) no-repeat scroll top left; width:auto; height:122px; text-indent:-9999px; } .btn-recruit-detail{ float:none; } .btn-recruit-entry{ float:none;} .interview-text{ margin-top:10px; color:#646464; padding-bottom:10px; border-bottom:1px dotted #000000; font-size:0.85em; } .btn-recruit-interview a{ background: url(images/btn-recruit-interview-2.gif) no-repeat scroll top left; width:260px; height:63px; text-indent:-9999px; display:block; } ul.recruit-link li { margin:5px !important;} h4.recruit-eye-2{ background: url(images/h4-recruit-saiyo-top-2.gif) no-repeat scroll top left !important; width:420px !important; height:73px !important; } .greeting-area{ margin-top:0px !important;} .img-day-1, .img-day-2, .img-day-3, .img-day-4, .img-day-5, .img-middle{ display:none !important;} /* フッター */ #colophon { clear: both; border-top:1px solid #C3C3C3; background-color:#E5E5E5; height:100%; } .footer-top{ width:480px; height:auto; } /* リンク5 */ ul.mainLink{ margin-top:20px; list-style:none; } ul.mainLink li{ float:left; border-left:1px solid #B1B1B1; height:150px; } ul.mainLink li.last{ border-right:1px solid #B1B1B1; } ul.mainLink li ul.subLink{ list-style:none; padding:18px 12px 18px 12px; width:135px; } ul.mainLink li ul.subLink li{ float:none; border:none; height:auto; padding:4px 0px 4px 25px; background: url(images/ico-foot-sub.gif) no-repeat scroll center left; font-size:0.8em; } ul.mainLink li ul.subLink li a{ color:#616161;} ul.mainLink li ul.subLink li.basic{ background: url(images/ico-foot-arrow.gif) no-repeat scroll center left; font-family:"A-OTF 見出ゴMB31 Pro", "メイリオ","ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; font-weight:bold; font-size:1.0em; padding-left:30px; margin-bottom:5px; } ul.mainLink li ul.subLink li.basic a{ color:#000000;} .ohter-link{ width:480px;} /* 上に戻る */ .backtop{ width:480px; margin:0 auto; } .sub-link{ display:none;} } /*=============================================== ● 画面の横幅が320pxまで(スマートフォン)6 ===============================================*/ @media screen and (min-width: 300px) and (max-width:479px){ #branding hgroup { margin:0 auto; } .submenu{ width:320px; margin: 0 auto; margin-bottom:-1px; } /* 検索フォーム*/ .header-right-area{ display:none; } #page { margin: 0 auto; width: 320px; } #content{ background-color:#FFFFFF; } .eye-logo{ background: url(images/title-eye-companylogo-3.gif) no-repeat scroll top left; height:250px; width:282px; text-indent:-9999px; } #sidebar{ width:auto; } .side-banner{ width:auto; padding:30px; } .side-link-banner{ width:auto; padding:30px; } .ptext{ margin-top:5px; margin-left:5px; line-height:120%; float:left; } #access li.home a{ /* HOME */ width:85px; background: url(images/nav-other4.gif) no-repeat 0px 0px; } #access li.home a:hover{ background: url(images/nav-other4.gif) no-repeat 0px -62px; } #access li a#mCom{ /* 会社案内 */ width:233px; background: url(images/nav-other4.gif) no-repeat -89px 0px; border-right:1px solid #E1E1E1; margin-left:0; } #access li a#mCom:hover{ background: url(images/nav-other4.gif) no-repeat -89px -62px; } #access li.active a#mCom { background: url(images/nav-other4.gif) no-repeat -89px -62px;} #access li a#mPro{ /* 製品 */ width:159px; background: url(images/nav-other4.gif) no-repeat -323px 0px; } #access li a#mPro:hover{ background: url(images/nav-other4.gif) no-repeat -323px -62px; } #access li.active a#mPro { background: url(images/nav-other4.gif) no-repeat -323px -62px;} #access li a#mSer{ /* 開発サービス */ width:159px; background: url(images/nav-other3.gif) no-repeat -445px 0px; border-right:1px solid #E1E1E1; } #access li a#mSer:hover{ background: url(images/nav-other3.gif) no-repeat -445px -62px; } #access li.active a#mSer { background: url(images/nav-other3.gif) no-repeat -445px -62px;} #access li a#mRec{ /* 採用情報 */ width:159px; background: url(images/nav-other3.gif) no-repeat -623px 0px; } #access li a#mRec:hover{ background: url(images/nav-other3.gif) no-repeat -623px -62px; } #access li.active a#mRec { background: url(images/nav-other3.gif) no-repeat -623px -62px;} #access li a#mCon{ /* お問い合わせ */ width:159px; background: url(images/nav-other3.gif) no-repeat -801px 0px; border-right:1px solid #E1E1E1; } #access li a#mCon:hover{ background: url(images/nav-other3.gif) no-repeat -801px -62px; } #access li.active a#mCon { background: url(images/nav-other3.gif) no-repeat -801px -62px;} #nav-submenu ul { height:30px; list-style:none; } #nav-submenu li { float: left; position: relative; height:30px; } #nav-submenu li a{ display:block; height:30px; text-indent:-9999px; } #nav-submenu li.general a{ /* 会社概要 */ width:55px; background: url(images/nav-sabmenu-2.gif) no-repeat 0px 0px; } #nav-submenu li.general a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat 0px -30px; } #nav-submenu li.cause a{ /* 経営理念 */ width:55px; background: url(images/nav-sabmenu-2.gif) no-repeat -116px 0px; } #nav-submenu li.cause a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -116px -30px; } #nav-submenu li.daihyo a{ /* 代表ご挨拶 */ width:65px; background: url(images/nav-sabmenu-2.gif) no-repeat -232px 0px; } #nav-submenu li.daihyo a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -232px -30px; } #nav-submenu li.history a{ /* 会社沿革 */ width:55px; background: url(images/nav-sabmenu-2.gif) no-repeat -362px 0px; } #nav-submenu li.history a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -362px -30px; } #nav-submenu li.map a{ /* アクセス */ width:55px; background: url(images/nav-sabmenu-2.gif) no-repeat -478px 0px; } #nav-submenu li.map a:hover{ background: url(images/nav-sabmenu-2.gif) no-repeat -478px -30px; } #nav-submenu li.product a{ /* 製品一覧 */ width:55px; background: url(images/nav-sabmenu-product-2.gif) no-repeat 0px 0px; } #nav-submenu li.product a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat 0px -30px; } #nav-submenu li.webfile a{ /* WebFile */ width:55px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -116px 0px; } #nav-submenu li.webfile a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -116px -30px; } #nav-submenu li.grpmail a{ /* GrpMail */ width:55px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -232px 0px; } #nav-submenu li.grpmail a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -232px -30px; } #nav-submenu li.o-mori a{ /* 多守Plus */ width:55px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -362px 0px; } #nav-submenu li.o-mori a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -362px -30px; } #nav-submenu li.db a{ /* dBseries */ width:55px; background: url(images/nav-sabmenu-product-2.gif) no-repeat -478px 0px; } #nav-submenu li.db a:hover{ background: url(images/nav-sabmenu-product-2.gif) no-repeat -478px -30px; } #nav-submenu li.system a{ /* システム開発 */ width:100px; background: url(images/nav-sabmenu-service-2.gif) no-repeat 0px 0px; } #nav-submenu li.system a:hover{ background: url(images/nav-sabmenu-service-2.gif) no-repeat 0px -30px; } #nav-submenu li.wordpress a{ /* WordPress開発 */ width:100px; background: url(images/nav-sabmenu-service-2.gif) no-repeat -116px 0px; } #nav-submenu li.wordpress a:hover{ background: url(images/nav-sabmenu-service-2.gif) no-repeat -116px -30px; } #nav-submenu li.jirei a{ /* 開発事例 */ width:100px; background: url(images/nav-sabmenu-service-2.gif) no-repeat -232px 0px; } #nav-submenu li.jirei a:hover{ background: url(images/nav-sabmenu-service-2.gif) no-repeat -232px -30px; } #nav-submenu li.rec-list a{ /* 採用情報一覧 */ width:76px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat 0px 0px; } #nav-submenu li.rec-list a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat 0px -30px; } #nav-submenu li.saiyo a{ /* 通年採用 */ width:55px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -116px 0px; } #nav-submenu li.saiyo a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -116px -30px; } #nav-submenu li.staff a{ /* キー・ポイントで働く人 */ width:122px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -232px 0px; } #nav-submenu li.staff a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -232px -30px; } #nav-submenu li.entry a{ /* エントリー */ width:55px; background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -362px 0px; } #nav-submenu li.entry a:hover{ background: url(images/nav-sabmenu-recruit-2.gif) no-repeat -362px -30px; } /* 製品各タイトル */ h4.title-product-webfile{ background: url(images/h4-product-webfile-2.gif) no-repeat scroll top left; text-indent:-9999px; width:261px; height:64px; margin-top:10px; } h4.title-product-grpmail{ background: url(images/h4-product-grpmail-2.gif) no-repeat scroll top left; text-indent:-9999px; width:261px; height:61px; margin-top:50px; } h4.title-product-omori{ background: url(images/h4-product-omori-2.gif) no-repeat scroll top left; text-indent:-9999px; width:261px; height:66px; margin-top:50px; } h4.title-product-db{ background: url(images/h4-product-db-2.gif) no-repeat scroll top left; text-indent:-9999px; width:261px; height:61px; margin-top:50px; } .pro-explain{ color:#595959; line-height:130%; font-size:0.9em; width:auto; padding-bottom:15px; } .pro-btn-area{ text-align:center; } /* 開発サービスタイトル */ h4.title-service-system{ background: url(images/h4-service-system-2.gif) no-repeat scroll top left; text-indent:-9999px; width:206px; height:31px; margin-top:35px; } h4.title-service-wordpress{ background: url(images/h4-service-wordpress-2.gif) no-repeat scroll top left; text-indent:-9999px; width:249px; height:32px; margin-top:35px; } h4.h4-title-4hashira{ background: url(images/h4-title-4hashira-2.gif) no-repeat scroll top left; width:244px; height:121px; text-indent:-9999px; } h4.h4-title-greeting{ background: url(images/h4-title-greeting-2.gif) no-repeat scroll top left; width:auto; height:122px; text-indent:-9999px; } .interview-text{ margin-top:10px; color:#646464; padding-bottom:10px; border-bottom:1px dotted #000000; font-size:0.85em; } .btn-recruit-interview a{ background: url(images/btn-recruit-interview-2.gif) no-repeat scroll top left; width:260px; height:63px; text-indent:-9999px; display:block; } h4.recruit-eye { background: url(images/h4-recruit-eye-2.gif) no-repeat scroll left top transparent !important; height: 121px !important; width: 260px !important; } h4.recruit-eye-2{ background: url(images/h4-recruit-saiyo-top-3.gif) no-repeat scroll top left !important; width:260px !important; height:153px !important; } ul.recruit-link li { margin:5px !important;} .greeting-area{ margin-top:0px !important;} h4.h4-title-recruing-staff{ background: url(images/h4-title-recruit-staff-2.gif) no-repeat scroll top left !important; width:260px !important; height:122px !important; } .interview-area-top{ padding-left:0px !important; padding-top:210px !important; } .interview-area-top2 div img{ padding:0px; float:none !important; } .img-day-1, .img-day-2, .img-day-3, .img-day-4, .img-day-5, .img-middle{ display:none !important;} /* フッター */ #colophon { display:none; } .footer-top{ width:320px;} .ohter-link{ width:320px;} /* 上に戻る */ .backtop{ width:320px; margin:0 auto; } .sub-link{ display:block; line-height:130%; } } /* =Structure ----------------------------------------------- */ #secondary { float: right; margin-right: 7.6%; width: 18.8%; } /* Singular */ .singular #primary { margin: 0; } /* Attachments */ .singular .image-attachment .entry-content { margin: 0 auto; width: auto; } .singular .image-attachment .entry-description { margin: 0 auto; width: 68.9%; } /* Showcase */ .page-template-showcase-php #primary, .left-sidebar.page-template-showcase-php #primary { margin: 0; } .page-template-showcase-php #content, .left-sidebar.page-template-showcase-php #content { margin: 0 7.6%; width: auto; } .page-template-showcase-php section.recent-posts { float: right; margin: 0 0 0 31%; width: 69%; } .page-template-showcase-php #main .widget-area { float: left; margin: 0 -22.15% 0 0; width: 22.15%; } /* error404 */ .error404 #primary { float: none; margin: 0; } .error404 #primary #content { margin: 0 7.6%; width: auto; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.625em; } .alignright { display: inline; float: right; margin-left: 1.625em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* Right Content */ .left-sidebar #primary { float: right; margin: 0 0 0 -26.4%; width: 100%; } .left-sidebar #content { margin: 0 7.6% 0 34%; width: 58.4%; } .left-sidebar #secondary { float: left; margin-left: 7.6%; margin-right: 0; width: 18.8%; } /* One column */ .one-column #page { max-width: 980px; } .one-column #content { margin: 0 7.6%; width: auto; } .one-column #nav-below { border-bottom: 1px solid #ddd; margin-bottom: 1.625em; } .one-column #secondary { float: none; margin: 0 7.6%; width: auto; } /* Simplify the showcase template */ .one-column .page-template-showcase-php section.recent-posts { float: none; margin: 0; width: 100%; } .one-column .page-template-showcase-php #main .widget-area { float: none; margin: 0; width: auto; } .one-column .page-template-showcase-php .other-recent-posts { border-bottom: 1px solid #ddd; } /* Simplify the showcase template when small feature */ .one-column section.featured-post .attachment-small-feature { border: none; display: block; height: auto; max-width: 60%; position: static; } .one-column article.feature-image.small { margin: 0 0 1.625em; padding: 0; } .one-column article.feature-image.small .entry-title { font-size: 20px; line-height: 1.3em; } .one-column article.feature-image.small .entry-summary { height: 150px; overflow: hidden; padding: 0; text-overflow: ellipsis; } .one-column article.feature-image.small .entry-summary a { left: -9%; } /* Remove the margin on singular articles */ .one-column.singular .entry-header, .one-column.singular .entry-content, .one-column.singular footer.entry-meta, .one-column.singular #comments-title { width: 100%; } /* Simplify the pullquotes and pull styles */ .one-column.singular blockquote.pull { margin: 0 0 1.625em; } .one-column.singular .pull.alignleft { margin: 0 1.625em 0 0; } .one-column.singular .pull.alignright { margin: 0 0 0 1.625em; } .one-column.singular .entry-meta .edit-link a { position: absolute; left: 0; top: 40px; } .one-column.singular #author-info { margin: 2.2em 0px 0; padding: 20px; } /* Make sure we have room for our comment avatars */ .one-column .commentlist > li.comment { margin-left: 102px; width: auto; } /* Make sure the logo and search form don't collide */ .one-column #branding #searchform { right: 40px; top: 4em; } /* Talking avatars take up too much room at this size */ .one-column .commentlist > li.comment { margin-left: 0; } .one-column .commentlist > li.comment .comment-meta, .one-column .commentlist > li.comment .comment-content { margin-right: 85px; } .one-column .commentlist .avatar { background: transparent; display: block; padding: 0; top: 1.625em; left: auto; right: 1.625em; } .one-column .commentlist .children .avatar { background: none; padding: 0; position: absolute; top: 2.2em; left: 2.2em; } .one-column #respond { width: auto; } /* =Global ----------------------------------------------- */ body, input, textarea { color: #373737; font-family: "メイリオ","ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; font-size:1.0em; } body { background-color: #fff !important; } /* Headings */ h1,h2,h3,h4,h5,h6 { clear: both; } h5{ font-family: "A-OTF 見出ゴMB31 Pro","ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; font-size:1.6em; margin-bottom:15px; font-weight:bold; } /* Text elements */ p { margin-top:5px ; } ul { list-style:square inside none; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } /* Forms */ input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], textarea { background: #fafafa; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); border: 1px solid #ddd; color: #888; } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=number]:focus, textarea:focus { color: #373737; } textarea { padding-left: 3px; width: 98%; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=number] { padding: 3px; } /* Assistive text */ .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } #access a.assistive-text:active, #access a.assistive-text:focus { background: #eee; border-bottom: 1px solid #ddd; color: #1982d1; clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%; } /* ヘッダー ----------------------------------------------- */ #branding { /* z-index: 9999; */ background:#fff; border-bottom:1px solid #E1E1E1; } p.sub-title{ padding-top:30px; padding-bottom:10px; padding-left:12px; font-size:80%; color:#AEAEAE; } #site-title { width:189px; height:62px; background:url(images/logo.gif) no-repeat top left; text-indent:-9999px; margin-bottom:35px; float:left; } #site-title a { color: #111; font-size: 30px; text-decoration: none; display:block; width:189px; height:62px; } #branding img { height: auto; display: block; width: 100%; } .top-link{ margin-top:10px; float:right; } .top-link ul{ list-style:none; } .top-link li{ float:left; padding-left:18px; margin-right:15px; font-size:80%; } .top-link li a{ color:#838383; } .top-link li a:hover{ color:#000000; } li.access{ background:url(images/ico-access.gif) no-repeat top left; } li.sitemap{ background:url(images/ico-sitemap.gif) no-repeat top left; } li.privacy{ background:url(images/ico-privacy.gif) no-repeat top left; margin:0px; } /* 検索フォーム */ #searchform { text-align: right; } #s { -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 225px; height:17px; background-color: #FFFFFF; } #s:focus { background-color: #F9F9F9; width: 225px; } #searchsubmit { border: 0px; width: 86px; height: 26px; background: url(images/btn-search.gif) left top no-repeat; margin-left:5px; cursor: pointer; vertical-align:top; } .only-search #searchform { top: 5px; z-index: 1; } /* メニュー -------------------------------------------------------------- */ #access { margin-bottom:-1px; text-align:center; } #access ul { width:100%; height:61px; list-style:none; } #access li { float: left; position: relative; height:61px; } #access li a{ display:block; height:61px; text-indent:-9999px; } /* サブメニュー */ #nav-submenu{ background-color:#F8F8F8; border-bottom:1px solid #E1E1E1; margin-bottom:20px; } /* スライドショー -------------------------------------------------------------- */ #slideshow-area{ width:100%; text-align:center; } .slide-main{ width:990px; margin:0 auto; padding:35px 0px 10px; position:relative; } .pagination { width:400px; margin:10px auto 0px; padding-bottom:30px; text-align:center; } .pagination li { list-style:none; float:left; margin-left:12px; border:1px solid #ACACAC; } .pagination li a{ display:block; background-position:0 0; overflow:hidden; text-indent:-9999px; float:left; cursor:pointer; width:78px; height:26px; } .pagination li:nth-of-type(1) { background:url(images/nav-slide-img-1.gif) no-repeat scroll center left; } .pagination li:nth-of-type(2) { background:url(images/nav-slide-img-2.gif) no-repeat scroll center left; } .pagination li:nth-of-type(3) { background:url(images/nav-slide-img-3.gif) no-repeat scroll center left; } .pagination li:nth-of-type(4) { background:url(images/nav-slide-img-4.gif) no-repeat scroll center left; } .pagination li.current a { background-position:0 0px; } .pamphlet-btn{ position:absolute; top:180px; right:20px; z-index:100; } .btn-left{ position:absolute; top:190px; left:-10px; z-index:102; } .btn-right{ position:absolute; top:190px; right:-10px; z-index:102; } /* =トップメイン ----------------------------------------------- */ #page-top { margin: 0 auto 40px; width:1340px; display:flex; } #content-top-blog{ background-color: #fff; /* float: left; */ /* width: 980px; */ float:left; width:75%; } #content { background-color: #fff; /* float: left; */ /* width: 980px; */ float:left; width:75%; } /* お知らせ */ .topnews{ padding:35px 35px 18px; } .topnews img{ vertical-align:middle; } .title-topnews{ background: url(images/title-topnews.gif) no-repeat scroll top left; text-indent:-9999px; height:23px; width:145px; float:left; margin-bottom:25px; } .all-topnews-btn{ background: url(images/btn-topnews-all.gif) no-repeat scroll top right; text-indent:-9999px; float:right; } .all-topnews-btn a{ display:block; height:24px; width:112px; } .news-list dl{ border-left:2px solid #056EAB; margin-bottom:20px; } .news-list dt ,.news-list dd{ padding:7px 12px 5px; } .news-list dt{ color:#000000; font-weight:bold; font-size:90%; } .news-list dd a{ color:#828282; } /* 開発ブログ ----------------------------------------------- */ .pager{ margin-top:30px; margin-right:20px; font-size:14px; font-weight:bold; text-align:right; font-family: "ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; } .pager a{ color:#838383; font-weight:normal; margin-left:4px; } .post-list{ background-color:#FFFFFF; width:31.3%; float:left; margin:1%; margin-bottom:15px; border:1px solid #fcfcfc; border-radius:5px; height: 100%; position: relative; box-shadow: 0px 0px 10px 0px rgba(136, 136, 136, 0.2); box-sizing:border-box; padding:15px; } .post-singtle{ padding:7px; min-height:400px; height: auto !important; height:400px; } .post-time{ color:#323232; font-size:12px; border-bottom:1px solid #dbdbdb; padding-bottom:3px; margin-bottom:5px; } .post-time span{ background-color:#404040; -moz-border-radius: 3px; border-radius: 3px; padding:1px 3px; margin-right:5px; } .post-time span a{ color:#FFFFFF; font-size:11px; } .post-entry-title{ margin-top:8px; margin-bottom:8px; font-size:14px; font-weight:bold; line-height:150%; letter-spacing:0.05em; } .post-entry-title a{ color:#3B3B3B; text-decoration: underline; } .post-entry-title a:hover{ color: #181818; text-decoration: underline; } .post-text{ font-size:13px; line-height:160%; letter-spacing:0.05em; padding:5px 0; } .next-post-link{ text-align:right; margin-top:10px; margin-bottom: 5px; } .next-post-link a{ color:#838383; font-size:13px; } .post-footer{ /* background-color:#E0E0E0; */ border-top:1px dotted #9C9C9C; position: absolute; bottom: 0; width:90%; padding:7px 0px; box-sizing:border-box; } .gaibu{ padding-left:7px; font-size:11px; } .gaibu a{ color:#838383; text-decoration: none; } .gaibu a:hover{ text-decoration: underline; } /* サイドバー */ .side-blog{ width: 100%; margin-bottom:15px; } .side-blog-title{ background-color:#3575A2; text-align:center; float:left; width:120px; padding:30px 0px; color:#FFFFFF; font-size:12px; } /* .side-blog{ */ /* width: 100%; */ /* margin-bottom:15px; */ /* } */ /* .side-blog-title a{ */ /* background: #3575A2 url('images/ico-blue-arrow.gif') no-repeat 95% center; */ /* text-align:center; */ /* padding:10px 0px; */ /* color:#FFFFFF; */ /* font-size: 1.1em; */ /* color: #FFF; */ /* display: block; */ /* } */ /* .side-blog-title a:hover { */ /* background: #4c8bb7 url('images/ico-blue-arrow-hover.gif') no-repeat 95% center; */ /* color: #FFF; */ /* display: block; */ /* } */ .btitle{ font-size:17px; font-weight:bold; } .side-blog-text{ padding:10px; float:right; width:128px; background-color:#FFFFFF; font-size:12px; height:91px; } .side-blog-ranking, .side-blog-category{ width:100%; margin-bottom:15px; } .widget-title { } .side-blog-category { } table.side-blog-table{ border-top:1px solid #9C9C9C; border-bottom:1px solid #9C9C9C; width:100%; border-collapse:collapse; } table.side-blog-table th{ background-color:#E0E0E0; padding:13px 13px 10px 13px; border:1px solid #9C9C9C; border-bottom:1px dotted #9C9C9C; border-top:none; font-weight:bold; } table.side-blog-table td{ border:1px solid #9C9C9C; border-bottom:1px dotted #9C9C9C; border-top:none; padding:13px; background-color:#FFFFFF; } .rank-title{ font-weight:bold; font-size:16px; margin-bottom:10px; } .rank-time{ color:#8C8C8C; font-size:12px; } .rank-time span{ background-color: #404040; border-radius: 3px 3px 3px 3px; margin-right: 5px; padding: 2px 4px 0px 4px; color:#FFFFFF; } /* ランキング */ .popular-posts ul{ list-style-type: decimal; list-style-position:inside; } .popular-posts ul li{ padding:10px 13px; border-bottom:1px dotted #9C9C9C; } .popular-posts ul li a{ font-weight:bold; color:#3B3B3B; font-family: "ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; text-decoration: none; } .popular-posts ul li a:hover{ text-decoration: underline; } .post-stats{ display:block; margin-top:5px; color:#8C8C8C; } .category-title{ font-size:13px;} .category-title a{ color:#838383;} .wp_social_bookmarking_light{margin-bottom:5px !important;} /* サイドバー ----------------------------------------------- */ #sidebar{ /* margin-left:15px;*/ /* float:right; */ /* width:268px; */ float:right; width:20%; } .side-banner{ width:240px; padding:14px 14px 4px; background-color:#FFFFFF; } .side-link-banner{ width:240px; padding:14px 14px 4px; margin-top:15px; background-color:#FFFFFF; } .ptext{ margin-top:5px; line-height:120%; float:right; } #sidebar img{ margin-bottom:10px; } .pmark{ font-size:12px;} /* フッター ----------------------------------------------- */ .footer-top{ margin:0 auto; } /* アクセスとか */ .ohter-link{ padding-top:25px; padding-bottom:5px; margin:0 auto; } ul.oth-Link{ list-style:none;} ul.oth-Link li { background: url(images/ico-foot-otherlink.gif) no-repeat scroll center left; font-size:0.7em; padding-left:10px; padding-right:20px; float:left; } ul.oth-Link li a{ color:#505050;} .footer-bottom{ padding-top:25px; border-top:1px solid #949494; background-color:#B2B2B2; } .fo-main{ /* width:550px; */ margin:0 auto; } .footLeft{ float:left; } .footRight{ color:#FFFFFF; font-family:"ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; font-size:0.7em; line-height:110%; } .cam-name{ font-size:1.4em; padding-top:5px; } /* TOP以外の画面 ----------------------------------------------- */ /* 会社案内タイトル */ h2.title-company{ text-indent:-9999px; height:187px; background: url(images/h2-title-company-2.gif) no-repeat scroll bottom left; color:#FFFFFF; } /* 共通 */ h3.sub-title{ background: url(images/bg-subTitle.gif) repeat-x scroll top left; height:42px; padding:15px 22px 12px; font-size:1.1em; color:#FFFFFF; } h4.h4-title-rinen{ background: url(images/h4-title-rinen.gif) no-repeat scroll top left; width:297px; height:31px; text-indent:-9999px; } .greeting-area{ border-top:2px solid #C4C4C4; border-bottom:2px solid #C4C4C4; margin-top:30px; padding:20px; line-height:160%; font-size:0.9em; } .rinen-area{ border:1px dotted #000000; padding:20px; background-color:#F3F3F3; margin-top:10px; } .eye-font{ font-size:1.5em; font-weight:bold; margin-right:20px; } .maps{ background: url(images/map2.gif) no-repeat scroll top left; width:635px; height:489px; text-indent:-9999px; border:1px solid #CCCCCC; } p.memo{ margin-top:20px; margin-bottom:0px; color: #5B5B5B; font-size: 0.9em; } .com-wrapper{ padding:30px ; } .com-wrapper p.gray{ line-height:150%; background-color:#EAEAEA; padding:15px; } .com-wrapper p.red{ background-color:#FCE4E3; padding:15px; } .com-explain{ margin-top:33px; margin-bottom:33px; line-height:170%; font-size:0.85em; } .data-table{ color:#4D4D4D; } .data-table table{ border-top:2px solid #C4C4C4; border-bottom:2px solid #C4C4C4; width:100%; } .data-table table th{ padding:10px 10px 8px; width:80px; font-weight:normal; font-size:0.8em; border-bottom:1px dotted #C4C4C4; white-space: nowrap; } .data-table table td{ padding:10px 10px 7px; font-size:0.8em; border-bottom:1px dotted #C4C4C4; line-height:160%; width:100%; } .data-table ul{ margin-left:20px; margin-top:5px; font-weight:normal; } .data-table dl{ margin:8px;} .data-table dl dt{ font-weight:bold; font-size:1.3em; margin-bottom:5px; color:#000000; } .font-bold table td{ font-weight:bold; } /* 製品 */ h2.title-product{ background: url(images/h2-title-product-2.gif) no-repeat scroll top left; text-indent:-9999px; height:187px; } .product-area{ background-color:#FAFAFA; border-top:1px solid #ECECEC; border-bottom:1px solid #ECECEC; padding:18px 0px 0px 20px; margin-top:18px; } .pro-subTitle{ color:#C25640; font-size:1.1em; line-height:130%; margin-bottom:15px; } .pro-area{ position:relative; } .pro-btn a{ color:#404040; background-color:#D4D4D4; padding:12px 10px 5px 10px; text-shadow: 1px 1px 1px #ACACAC; border-bottom:1px solid #C5C5C5; border-top:1px solid #D0D0D0; display:block; } .pro-btn a:hover{ color:#FFFFFF; background-color:#696969; border-bottom:1px solid #4F4F4F; text-shadow: none; } .other-window{ background-color:#B3B3B3; padding:4px 3px 3px; text-align:center; border-top:1px solid #FFFFFF; font-size:0.8em; color:#FFFFFF; } /* 開発サービス */ h2.title-service{ background: url(images/h2-title-service-2.gif) no-repeat scroll top left; text-indent:-9999px; height:187px; } h4.title-service-jirei{ width:188px; height:26px; margin-bottom:15px; font-size:1.7em; font-weight:bold; font-family: "A-OTF 見出ゴMB31 Pro","ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; } h4.title-service-custom{ width:498px; height:30px; margin-bottom:15px; margin-top:35px; font-size:1.7em; font-weight:bold; font-family: "A-OTF 見出ゴMB31 Pro","ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; } .service-jirei-area{ padding-top:35px; border-top:1px dotted #000000; } .service-system-area{ border-top:1px dotted #000000; } .service-explain{ padding:15px 10px 35px 0px; color:#464646; font-size:0.9em; line-height:120%; border-bottom:1px dotted #000000; } .btn-service-contect{ padding-bottom:30px; } .btn-service-contect a{ background: url(images/btn-service-contect.gif) no-repeat scroll top left; width:257px; height:77px; margin:0 auto; text-align:center; margin-top:30px; display:block; text-indent:-9999px; } /* 開発サービス */ h2.title-recruit{ background: url(images/h2-title-recruit-2.gif) no-repeat scroll top left; text-indent:-9999px; height:187px; } /* 採用情報 */ h4.recruit-eye{ background: url(images/h4-recruit-eye.gif) no-repeat scroll top left; width:319px; height:88px; text-indent:-9999px; } h4.recruit-eye-2{ background: url(images/h4-recruit-saiyo-top.gif) no-repeat scroll top left; width:460px; height:77px; text-indent:-9999px; } h4.h4-title-recruing{ background: url(images/h4-title-recruiting.gif) no-repeat scroll top left; width:111px; height:27px; text-indent:-9999px; } h4.h4-title-recruing-syokusyu{ background: url(images/h4-title-recruing-syokusyu.gif) no-repeat scroll top left; width:113px; height:28px; text-indent:-9999px; } h4.h4-title-recruing-step{ background: url(images/h4-title-recruing-step.gif) no-repeat scroll top left; width:189px; height:28px; text-indent:-9999px; } h4.h4-title-recruing-staff{ background: url(images/h4-title-recruit-staff.gif) no-repeat scroll top left; width:558px; height:74px; text-indent:-9999px; } h4.h4-title-interview{ font-family:"ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; font-size:1.4em; margin-bottom:20px; font-weight:bold; line-height:140%; } .recruit-sub-area{ color:#3B3B3B; font-weight:bold; font-family:"ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; margin-top:25px; margin-bottom: 20px; line-height:150%; font-size:1.1em; padding-bottom:35px; border-bottom:1px dotted #000000; } .com-link-area ul{ margin-top:15px; list-style:none; } .com-link-area ul li{ float:left; } .com-link-area ul li a{ width:200px; height:72px; display:block; text-indent:-9999px; margin-right:11px; } .com-link-area ul li.gaiyo a{ background: url(images/btn-recruit-gaiyo.gif) no-repeat scroll top left; } .com-link-area ul li.rinen a{ background: url(images/btn-recruit-rinen.gif) no-repeat scroll top left; } .com-link-area ul li.jirei a{ background: url(images/btn-recruit-jirei.gif) no-repeat scroll top left; margin-right:0px; } .btn-recruit-detail{ margin-top:15px; text-align:left; } .btn-recruit-detail a{ background: url(images/btn-recruit-saiyo.gif) no-repeat scroll top left; text-indent:-9999px; width:260px; height:115px; display:block; } .btn-recruit-entry{ margin-top:15px; } .btn-recruit-entry a{ background: url(images/btn-recruit-entry.gif) no-repeat scroll top left; text-indent:-9999px; width:260px; height:115px; display:block; } ul.recruit-link{ list-style:none; } ul.recruit-link li{ float:left; margin-right:22px; } ul.recruit-link li.entry{ margin-right:0px;} ul.recruit-link li a{ width:196px; height:185px; text-indent:-9999px; display:block; } ul.recruit-link li.yoko a{ background: url(images/nav-recruit-tsunensaiyo.gif) no-repeat 0px 0px;} ul.recruit-link li.yoko a:hover{ background: url(images/nav-recruit-tsunensaiyo.gif) no-repeat 0px -185px;} ul.recruit-link li.nagare a{ background: url(images/nav-recruit-tsunensaiyo.gif) no-repeat -212px 0px;} ul.recruit-link li.nagare a:hover{ background: url(images/nav-recruit-tsunensaiyo.gif) no-repeat -212px -185px;} ul.recruit-link li.entry a{ background: url(images/nav-recruit-tsunensaiyo.gif) no-repeat -423px 0px;} ul.recruit-link li.entry a:hover{ background: url(images/nav-recruit-tsunensaiyo.gif) no-repeat -423px -185px;} .nav-recruit-top{ border-bottom:1px dotted #000000; background-color:#E5E5E5; } .nav-recruit-top ul{ list-style:none; } .nav-recruit-top ul li{ float:left; font-family:"A-OTF 見出ゴMB31 Pro","ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; padding:8px 0px 8px 33px; } .nav-recruit-top ul li a{ color:#000000; display:block; background: url(images/ico-foot-arrow.gif) no-repeat left center scroll #E5E5E5; height:21px; padding-left:30px; padding-top:5px; } .title-business{ background: url(images/h4-title-recruit-biz.gif) repeat-x left center scroll #FFFFFF; border:1px solid #076CC7; color:#FFFFFF; font-size:1.1em; padding:10px 0px 7px 15px; } .title-internship{ background: url(images/h4-title-recruit-biz-2.gif) repeat-x left center scroll #FFFFFF; border:1px solid #506C20; color:#FFFFFF; font-size:1.1em; padding:10px 0px 7px 15px; margin-top:30px; } .rec-business-ara, .rec-business-area{ margin-bottom:30px; } .rec-business-ara p{ padding:10px; line-height:150%; font-size:0.8em; border-bottom:1px dotted #000000; } .rec-business-ara ul{ list-style:none; margin-top:15px; margin-left:10px; } .rec-business-ara ul li{ float:left; margin-right:35px; } .rec-business-ara ul li a{ color:#000000; background: url(images/ico-ya.gif) no-repeat left center scroll #FFFFFF; padding-left:18px; font-size:1.0em; line-height:150%; } .rec-business-area dl{ border-bottom:1px dotted #000000; padding-bottom:20px; margin-bottom:20px; } .rec-business-area dl dt{ font-weight:bold; margin-bottom:10px; margin-left:3px; } .rec-business-area ul{ list-style:none;} .rec-business-area ul li{ background: url(images/ico-ya.gif) no-repeat left center scroll #FFFFFF; padding-left:15px; font-size:0.9em; line-height:150%; } .student{ background: url(images/ico-student.gif) no-repeat left top scroll #FFFFFF; padding-left:85px; padding-bottom:10px; margin-bottom:5px; } .career{ background: url(images/ico-career.gif) no-repeat top left scroll #FFFFFF; padding-left:85px; padding-bottom:10px; } ul.job-list{ list-style:none; } ul.job-list li{ background: url(images/ico-syokusyu-ya.gif) no-repeat center left scroll #FFFFFF; padding-left:30px; } h5.step-1, h5.step-2, h5.step-3{ background: url(images/h5-step1.gif) repeat-x center left scroll #FFFFFF; margin-bottom:0px; color:#FFFFFF; font-size:1.2em; padding: 10px 0 7px 15px; } h5.step-4{ background: url(images/h5-step2.gif) repeat-x center left scroll #FFFFFF; margin-bottom:0px; color:#FFFFFF; font-size:1.2em; padding: 10px 0 7px 15px; } .bottom-ya{ background: url(images/ico-bottom-ya.gif) no-repeat center left scroll #FFFFFF; text-indent:-9999px; height:19px; width:50px; margin:5px auto 15px; text-align:center; } /* 採用スタッフインタビュー */ .interview-area{ padding:20px; border-bottom:1px dotted #000000; } .interview-area:hover{ background-color:#F3F3F3; } .img-ohnishi{ float:left; background: url(images/img-ohnishi.gif) no-repeat top left scroll transparent; width:104px; height:100px; text-indent:-9999px; margin-right:20px; } .img-sawada{ float:left; background: url(images/img-sawada.gif) no-repeat top left scroll transparent; width:104px; height:100px; text-indent:-9999px; margin-right:20px; } .img-sugimoto{ float:left; background: url(images/img-sugimoto.gif) no-repeat top left scroll transparent; width:104px; height:100px; text-indent:-9999px; margin-right:20px; } .img-tanaka{ float:left; background: url(images/img-tanaka.gif) no-repeat top left scroll transparent; width:104px; height:100px; text-indent:-9999px; margin-right:20px; } .title-interview{ font-size:1.3em; font-weight:bold; line-height:130%; margin-bottom:10px; } .name-interview{ float:left;} .office{ font-size:0.8em;} .name{ font-weight:bold; font-size:1.2em; padding-top:5px; } .btn-interview-next{ float:right;} .btn-interview-next a{ background: url(images/btn-rec-staffin.gif) no-repeat bottom right scroll transparent; width:116px; height:35px; display:block; text-indent:-9999px; } .interview-area-top{ padding-left:190px;} .ohnishi{ background: url(images/img-ohnishi-2.gif) no-repeat top left scroll transparent;} .sawada{ background: url(images/img-sawada-2.gif) no-repeat top left scroll transparent;} .sugimoto{ background: url(images/img-sugimoto-2.gif) no-repeat top left scroll transparent;} .tanaka{ background: url(images/img-tanaka-2.gif) no-repeat top left scroll transparent;} .interview-area-top p{ font-size:0.8em; color:#333333; line-height:170%; padding-bottom:60px; } .interview-titleName{ padding-top:8px; padding-bottom:15px; font-size:1.2em; font-weight:bold; } h5.title-question{ background-color: #F6F6F6; border-left: 5px solid #138ACC; color: #2A3237; font-size: 18px; margin: 30px 0px 20px 0px; padding: 5px 0 5px 8px; } .title-answer{ color: #0D5B8C; font-size: 100%; line-height: 1.5em; margin: 0px 0px 20px; font-weight:bold; } p.answer{ font-size:0.9em; color:#333333; line-height:160%; padding-bottom:20px; margin-bottom:0px; } .img-day-1{ background: url(images/img-interview-ohnishi-other.gif) no-repeat top left scroll transparent; width:635px; height:600px; padding-bottom:20px; border-bottom:1px dotted #000000; text-indent:-9999px; } .img-day-2{ background: url(images/img-interview-sawada-other.gif) no-repeat top left scroll transparent; width:635px; height:600px; padding-bottom:20px; border-bottom:1px dotted #000000; text-indent:-9999px; } .img-day-3{ background: url(images/img-interview-sugimoto-other.gif) no-repeat top left scroll transparent; width:635px; height:600px; padding-bottom:20px; border-bottom:1px dotted #000000; text-indent:-9999px; } .img-day-4{ background: url(images/img-interview-tanaka-other.gif) no-repeat top left scroll transparent; width:635px; height:600px; padding-bottom:20px; border-bottom:1px dotted #000000; text-indent:-9999px; } /* 個人情報関連画面 */ ul.privacy{ padding-left:30px;} ul.privacy li{ margin-bottom:10px;} ul.no li{ list-style-type: decimal; margin-bottom:10px; list-style-position:outside; margin-left:40px; } .mailaddress{ display:blodk; background: url(images/mailaddress.gif) no-repeat top left scroll transparent; width:219px; height:18px; padding-right:219px; text-indent:-9999px; } /* お知らせ */ .news-wrapper{ width:100%; padding:20px; box-sizing:border-box; } /* ブログ内容-entry-content --------------------------------------------*/ h2.entry-title{ font-size:1.3em; font-weight:bold; margin-bottom:10px; line-height:140%; letter-spacing:0.03em; } .entry-top-border{ border-top:4px solid #AAAEB3;} .time{ color:#8C8C8C; font-size:0.9em; } .entry-header{ font-family:"ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; } .entry-content { margin-top:20px; font-size:15px; color:#5A5A5A; line-height:180%; text-align:justify; letter-spacing:0.03em; } .wp_social_bookmarking_light { line-height:100% !important; } .entry-content h3 { font-size:1.2em; font-weight:bold; letter-spacing:0.05em; border-bottom:double 4px #AAAEB3; margin-top:30px; padding-bottom:2px; color:#232323; margin-bottom:20px; } .entry-content h4 { color:#232323; margin-top:20px; margin-bottom:15px; font-weight:bold; font-size:1em; font-family:'Hiragino Kaku Gothic ProN'; font-style:italic; letter-spacing:0.05em; position:relative; border-bottom:1px solid #dbdbdb; padding-bottom:1px; } .entry-content h4:after { position:absolute; bottom:-1px; left:0; z-index:2; content:''; width:10%; height:1px; background-color:#3575A2; } .entry-content h5 { font-weight:bold; font-size:1.1em; position:relative; padding-bottom:2px; margin-top:20px; border-bottom:dotted 1px #AAAEB3; padding-bottom:2px; padding-left:0; color:#3575A2; } .entry-content caption { width:50%; } .entry-content ul { font-size:1em; line-height:150%; margin-top:20px; } .entry-content ol{ font-size: 1em; line-height: 150%; margin-top:20px; margin-left:.5em; list-style-position: inside; } .entry-content p{ margin-top:25px; } .entry-content hr { box-sizing: content-box; overflow: hidden; background: transparent; border-bottom: 1px solid var(--borderColor-muted); height: .25em; padding: 0; margin: 24px 0; background-color: var(--borderColor-default); border: 0; } .entry-content input { font: inherit; margin: 0; overflow: visible; font-family: inherit; font-size: inherit; line-height: inherit; } .entry-content [type=button], .entry-content [type=reset], .entry-content [type=submit] { -webkit-appearance: button; appearance: button; } .entry-content [type=checkbox], .entry-content [type=radio] { box-sizing: border-box; padding: 0; } .entry-content [type=number]::-webkit-inner-spin-button, .entry-content [type=number]::-webkit-outer-spin-button { height: auto; } .entry-content [type=search]::-webkit-search-cancel-button, .entry-content [type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } .entry-content ::-webkit-input-placeholder { color: inherit; opacity: .54; } .entry-content ::-webkit-file-upload-button { -webkit-appearance: button; appearance: button; font: inherit; } .entry-content a:hover { text-decoration: underline; } .entry-content ::placeholder { color: var(--fgColor-muted); opacity: 1; } .entry-content hr::before { display: table; content: ""; } .entry-content hr::after { display: table; clear: both; content: ""; } .entry-content table { border-spacing: 0; border-collapse: collapse; display: block; width: max-content; max-width: 100%; overflow: auto; } .entry-content td, .entry-content th { padding: 0; } .entry-content a:focus, .entry-content [role=button]:focus, .entry-content input[type=radio]:focus, .entry-content input[type=checkbox]:focus { outline: 2px solid var(--focus-outlineColor); outline-offset: -2px; box-shadow: none; } .entry-content a:focus:not(:focus-visible), .entry-content [role=button]:focus:not(:focus-visible), .entry-content input[type=radio]:focus:not(:focus-visible), .entry-content input[type=checkbox]:focus:not(:focus-visible) { outline: solid 1px transparent; } .entry-content a:focus-visible, .entry-content [role=button]:focus-visible, .entry-content input[type=radio]:focus-visible, .entry-content input[type=checkbox]:focus-visible { outline: 2px solid var(--focus-outlineColor); outline-offset: -2px; box-shadow: none; } .entry-content a:not([class]):focus, .entry-content a:not([class]):focus-visible, .entry-content input[type=radio]:focus, .entry-content input[type=radio]:focus-visible, .entry-content input[type=checkbox]:focus, .entry-content input[type=checkbox]:focus-visible { outline-offset: 0; } .entry-content blockquote { margin: 0; padding: 0 1em; color: var(--fgColor-muted); border-left: .25em solid var(--borderColor-default); } .entry-content ul, .entry-content ol { margin-top: 0; margin-bottom: 0; padding-left:1.5em; list-style-position:outside; } .entry-content li { list-style-type: disc; line-height:160%; padding-bottom:10px; } .entry-content ol ol, .entry-content ul ol { list-style-type: lower-roman; } .entry-content ul ul ol, .entry-content ul ol ol, .entry-content ol ul ol, .entry-content ol ol ol { list-style-type: lower-alpha; } .entry-content dd { margin-left: 0; } .entry-content tt, .entry-content code, .entry-content samp { font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace); font-size: 12px; } .entry-content .octicon { display: inline-block; overflow: visible !important; vertical-align: text-bottom; fill: currentColor; } .entry-content input::-webkit-outer-spin-button, .entry-content input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; appearance: none; } .entry-content .mr-2 { margin-right: var(--base-size-8, 8px) !important; } .entry-content::before { display: table; content: ""; } .entry-content::after { display: table; clear: both; content: ""; } .entry-content>*:first-child { margin-top: 0 !important; } .entry-content>*:last-child { margin-bottom: 0 !important; } .entry-content a:not([href]) { color: inherit; text-decoration: none; } .entry-content .absent { color: var(--fgColor-danger); } .entry-content .anchor { float: left; padding-right: 4px; margin-left: -20px; line-height: 1; } .entry-content .anchor:focus { outline: none; } .entry-content p, .entry-content blockquote, .entry-content ul, .entry-content ol, .entry-content dl, .entry-content table, .entry-content pre, .entry-content details { margin-top: 0; margin-bottom: 16px; } .entry-content blockquote>:first-child { margin-top: 0; } .entry-content blockquote>:last-child { margin-bottom: 0; } .entry-content h1 .octicon-link, .entry-content h2 .octicon-link, .entry-content h3 .octicon-link, .entry-content h4 .octicon-link, .entry-content h5 .octicon-link, .entry-content h6 .octicon-link { color: var(--fgColor-default); vertical-align: middle; visibility: hidden; } .entry-content h1:hover .anchor, .entry-content h2:hover .anchor, .entry-content h3:hover .anchor, .entry-content h4:hover .anchor, .entry-content h5:hover .anchor, .entry-content h6:hover .anchor { text-decoration: none; } .entry-content h1:hover .anchor .octicon-link, .entry-content h2:hover .anchor .octicon-link, .entry-content h3:hover .anchor .octicon-link, .entry-content h4:hover .anchor .octicon-link, .entry-content h5:hover .anchor .octicon-link, .entry-content h6:hover .anchor .octicon-link { visibility: visible; } .entry-content h1 tt, .entry-content h1 code, .entry-content h2 tt, .entry-content h2 code, .entry-content h3 tt, .entry-content h3 code, .entry-content h4 tt, .entry-content h4 code, .entry-content h5 tt, .entry-content h5 code, .entry-content h6 tt, .entry-content h6 code { padding: 0 .2em; font-size: inherit; } .entry-content summary h1, .entry-content summary h2, .entry-content summary h3, .entry-content summary h4, .entry-content summary h5, .entry-content summary h6 { display: inline-block; } .entry-content summary h1 .anchor, .entry-content summary h2 .anchor, .entry-content summary h3 .anchor, .entry-content summary h4 .anchor, .entry-content summary h5 .anchor, .entry-content summary h6 .anchor { margin-left: -40px; } .entry-content summary h1, .entry-content summary h2 { padding-bottom: 0; border-bottom: 0; } .entry-content ul.no-list, .entry-content ol.no-list { padding: 0; list-style-type: none; } .entry-content ol[type="a s"] { list-style-type: lower-alpha; } .entry-content ol[type="A s"] { list-style-type: upper-alpha; } .entry-content ol[type="i s"] { list-style-type: lower-roman; } .entry-content ol[type="I s"] { list-style-type: upper-roman; } .entry-content ol[type="1"] { list-style-type: decimal; } .entry-content div>ol:not([type]) { list-style-type: decimal; } .entry-content ul ul, .entry-content ul ol, .entry-content ol ol, .entry-content ol ul { margin-top: 0; margin-bottom: 0; } .entry-content li>p { margin-top: 16px; } .entry-content li+li { margin-top: .25em; } .entry-content dl { padding: 0; } .entry-content dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: var(--base-text-weight-semibold, 600); } .entry-content dl dd { padding: 0 16px; margin-bottom: 16px; } .entry-content table { width:100%; } .entry-content table th { font-weight:var(--base-text-weight-semibold, 600); background:#f2f2f2; } .entry-content table th, .entry-content table td { padding:10px 13px 6px; border:1px solid #dbdbdb; letter-spacing:0.05em; } .entry-content table td>:last-child { margin-bottom: 0; } .entry-content table tr { background-color: var(--bgColor-default); border-top: 1px solid var(--borderColor-muted); } .entry-content table tr:nth-child(2n) { background-color: var(--bgColor-muted); } .entry-content table img { background-color: transparent; } .entry-content img[align=right] { padding-left: 20px; } .entry-content img[align=left] { padding-right: 20px; } .entry-content .emoji { max-width: none; vertical-align: text-top; background-color: transparent; } .entry-content span.frame { display: block; overflow: hidden; } .entry-content span.frame>span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid var(--borderColor-default); } .entry-content span.frame span img { display: block; float: left; } .entry-content span.frame span span { display: block; padding: 5px 0 0; clear: both; color: var(--fgColor-default); } .entry-content span.align-center { display: block; overflow: hidden; clear: both; } .entry-content span.align-center>span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center; } .entry-content span.align-center span img { margin: 0 auto; text-align: center; } .entry-content span.align-right { display: block; overflow: hidden; clear: both; } .entry-content span.align-right>span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right; } .entry-content span.align-right span img { margin: 0; text-align: right; } .entry-content span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden; } .entry-content span.float-left span { margin: 13px 0 0; } .entry-content span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden; } .entry-content span.float-right>span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right; } .entry-content code, .entry-content tt { padding: .2em .4em; margin: 0; font-size: 85%; white-space: break-spaces; background-color: var(--bgColor-neutral-muted); border-radius: 6px; } .entry-content code br, .entry-content tt br { display: none; } .entry-content del code { text-decoration: inherit; } .entry-content samp { font-size: 85%; } .entry-content pre code { font-size: 100%; } .entry-content pre>code { padding: 0; margin: 0; word-break: normal; white-space: pre; background: transparent; border: 0; } .entry-content .highlight { margin-bottom: 16px; } .entry-content .highlight pre { margin-bottom: 0; word-break: normal; } .entry-content .highlight pre, .entry-content pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; color: var(--fgColor-default); background-color: var(--bgColor-muted); border-radius: 6px; } .entry-content pre { font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace); font-size: 12px; word-wrap: normal; padding:1em; margin:0 0 1.5em; border:solid 1px #eaedf2; background:#f6f8fa; color:#232323; border-radius:5px; } .entry-content pre code, .entry-content pre tt { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; } .entry-content .csv-data td, .entry-content .csv-data th { padding: 5px; overflow: hidden; font-size: 12px; line-height: 1; text-align: left; white-space: nowrap; } .entry-content .csv-data .blob-num { padding: 10px 8px 9px; text-align: right; background: var(--bgColor-default); border: 0; } .entry-content .csv-data tr { border-top: 0; } .entry-content .csv-data th { font-weight: var(--base-text-weight-semibold, 600); background: var(--bgColor-muted); border-top: 0; } .entry-content [data-footnote-ref]::before { content: "["; } .entry-content [data-footnote-ref]::after { content: "]"; } .entry-content .footnotes { font-size: 12px; color: var(--fgColor-muted); border-top: 1px solid var(--borderColor-default); } .entry-content .footnotes ol { padding-left: 16px; } .entry-content .footnotes ol ul { display: inline-block; padding-left: 16px; margin-top: 16px; } .entry-content .footnotes li { position: relative; } .entry-content .footnotes li:target::before { position: absolute; top: -8px; right: -8px; bottom: -8px; left: -24px; pointer-events: none; content: ""; border: 2px solid var(--borderColor-accent-emphasis); border-radius: 6px; } .entry-content .footnotes li:target { color: var(--fgColor-default); } .entry-content .footnotes .data-footnote-backref g-emoji { font-family: monospace; } .entry-content .pl-c { color: var(--color-prettylights-syntax-comment); } .entry-content .pl-c1, .entry-content .pl-s .pl-v { color: var(--color-prettylights-syntax-constant); } .entry-content .pl-e, .entry-content .pl-en { color: var(--color-prettylights-syntax-entity); } .entry-content .pl-smi, .entry-content .pl-s .pl-s1 { color: var(--color-prettylights-syntax-storage-modifier-import); } .entry-content .pl-ent { color: var(--color-prettylights-syntax-entity-tag); } .entry-content .pl-k { color: var(--color-prettylights-syntax-keyword); } .entry-content .pl-s, .entry-content .pl-pds, .entry-content .pl-s .pl-pse .pl-s1, .entry-content .pl-sr, .entry-content .pl-sr .pl-cce, .entry-content .pl-sr .pl-sre, .entry-content .pl-sr .pl-sra { color: var(--color-prettylights-syntax-string); } .entry-content .pl-v, .entry-content .pl-smw { color: var(--color-prettylights-syntax-variable); } .entry-content .pl-bu { color: var(--color-prettylights-syntax-brackethighlighter-unmatched); } .entry-content .pl-ii { color: var(--color-prettylights-syntax-invalid-illegal-text); background-color: var(--color-prettylights-syntax-invalid-illegal-bg); } .entry-content .pl-c2 { color: var(--color-prettylights-syntax-carriage-return-text); background-color: var(--color-prettylights-syntax-carriage-return-bg); } .entry-content .pl-sr .pl-cce { font-weight: bold; color: var(--color-prettylights-syntax-string-regexp); } .entry-content .pl-ml { color: var(--color-prettylights-syntax-markup-list); } .entry-content .pl-mh, .entry-content .pl-mh .pl-en, .entry-content .pl-ms { font-weight: bold; color: var(--color-prettylights-syntax-markup-heading); } .entry-content .pl-mi { font-style: italic; color: var(--color-prettylights-syntax-markup-italic); } .entry-content .pl-mb { font-weight: bold; color: var(--color-prettylights-syntax-markup-bold); } .entry-content .pl-md { color: var(--color-prettylights-syntax-markup-deleted-text); background-color: var(--color-prettylights-syntax-markup-deleted-bg); } .entry-content .pl-mi1 { color: var(--color-prettylights-syntax-markup-inserted-text); background-color: var(--color-prettylights-syntax-markup-inserted-bg); } .entry-content .pl-mc { color: var(--color-prettylights-syntax-markup-changed-text); background-color: var(--color-prettylights-syntax-markup-changed-bg); } .entry-content .pl-mi2 { color: var(--color-prettylights-syntax-markup-ignored-text); background-color: var(--color-prettylights-syntax-markup-ignored-bg); } .entry-content .pl-mdr { font-weight: bold; color: var(--color-prettylights-syntax-meta-diff-range); } .entry-content .pl-ba { color: var(--color-prettylights-syntax-brackethighlighter-angle); } .entry-content .pl-sg { color: var(--color-prettylights-syntax-sublimelinter-gutter-mark); } .entry-content .pl-corl { text-decoration: underline; color: var(--color-prettylights-syntax-constant-other-reference-link); } .entry-content [role=button]:focus:not(:focus-visible), .entry-content [role=tabpanel][tabindex="0"]:focus:not(:focus-visible), .entry-content button:focus:not(:focus-visible), .entry-content summary:focus:not(:focus-visible), .entry-content a:focus:not(:focus-visible) { outline: none; box-shadow: none; } .entry-content [tabindex="0"]:focus:not(:focus-visible), .entry-content details-dialog:focus:not(:focus-visible) { outline: none; } .entry-content g-emoji { display: inline-block; min-width: 1ch; font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 1em; font-style: normal !important; font-weight: var(--base-text-weight-normal, 400); line-height: 1; vertical-align: -0.075em; } .entry-content g-emoji img { width: 1em; height: 1em; } .entry-content .task-list-item { list-style-type: none; } .entry-content .task-list-item label { font-weight: var(--base-text-weight-normal, 400); } .entry-content .task-list-item.enabled label { cursor: pointer; } .entry-content .task-list-item+.task-list-item { margin-top: var(--base-size-4); } .entry-content .task-list-item .handle { display: none; } .entry-content .task-list-item-checkbox { margin: 0 .2em .25em -1.4em; vertical-align: middle; } .entry-content .contains-task-list:dir(rtl) .task-list-item-checkbox { margin: 0 -1.6em .25em .2em; } .entry-content .contains-task-list { position: relative; } .entry-content .contains-task-list:hover .task-list-item-convert-container, .entry-content .contains-task-list:focus-within .task-list-item-convert-container { display: block; width: auto; height: 24px; overflow: visible; clip: auto; } .entry-content ::-webkit-calendar-picker-indicator { filter: invert(50%); } .entry-content .markdown-alert { padding: var(--base-size-8) var(--base-size-16); margin-bottom: var(--base-size-16); color: inherit; border-left: .25em solid var(--borderColor-default); } .entry-content .markdown-alert>:first-child { margin-top: 0; } .entry-content .markdown-alert>:last-child { margin-bottom: 0; } .entry-content .markdown-alert .markdown-alert-title { display: flex; font-weight: var(--base-text-weight-medium, 500); align-items: center; line-height: 1; } .entry-content .markdown-alert.markdown-alert-note { border-left-color: var(--borderColor-accent-emphasis); } .entry-content .markdown-alert.markdown-alert-note .markdown-alert-title { color: var(--fgColor-accent); } .entry-content .markdown-alert.markdown-alert-important { border-left-color: var(--borderColor-done-emphasis); } .entry-content .markdown-alert.markdown-alert-important .markdown-alert-title { color: var(--fgColor-done); } .entry-content .markdown-alert.markdown-alert-warning { border-left-color: var(--borderColor-attention-emphasis); } .entry-content .markdown-alert.markdown-alert-warning .markdown-alert-title { color: var(--fgColor-attention); } .entry-content .markdown-alert.markdown-alert-tip { border-left-color: var(--borderColor-success-emphasis); } .entry-content .markdown-alert.markdown-alert-tip .markdown-alert-title { color: var(--fgColor-success); } .entry-content .markdown-alert.markdown-alert-caution { border-left-color: var(--borderColor-danger-emphasis); } .entry-content .markdown-alert.markdown-alert-caution .markdown-alert-title { color: var(--fgColor-danger); } .entry-content>*:first-child>.heading-element:first-child { margin-top: 0 !important; } /* 検索 */ .entry-summary{ font-size:0.9em; color:#2D2D2D; line-height:150%; } .nextpage a{ text-align:right; display:block; } /* =Content ----------------------------------------------- */ #main { clear: both; padding: 1.625em 0 0; } .page-title { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase; } .page-title a { font-size: 12px; font-weight: bold; letter-spacing: 0; text-transform: none; } .hentry, .no-results { border-bottom: 1px solid #ddd; padding: 20px 0px 0px; position: relative; } .hentry:last-child, .no-results { border-bottom: none; } .blog .sticky .entry-header .entry-meta { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .entry-meta { color: #666; clear: both; font-size: 12px; line-height: 18px; } .entry-meta a { font-weight: bold; } .single-author .entry-meta .by-author { display: none; } .comment-content ul, .comment-content ol { margin-bottom: 1.625em; } .comment-content ul ul, .comment-content ol ol, .comment-content ul ol, .comment-content ol ul { margin-bottom: 0; } dl.gallery-item { margin: 0; } .page-link { clear: both; display: block; margin: 0 0 1.625em; } .page-link a { background: #eee; color: #373737; margin: 0; padding: 2px 3px; text-decoration: none; } .page-link a:hover { background: #888; color: #fff; font-weight: bold; } .page-link span { margin-right: 6px; } .entry-meta .edit-link a, .commentlist .edit-link a { background: #eee; -moz-border-radius: 3px; border-radius: 3px; color: #666; float: right; font-size: 12px; line-height: 1.5em; font-weight: 300; text-decoration: none; padding: 0 8px; margin:5px 0px; } .entry-meta .edit-link a:hover, .commentlist .edit-link a:hover { background: #888; color: #fff !important; } .entry-content .edit-link { clear: both; display: block; } /* Images */ .entry-content img, .comment-content img, .widget img { max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large { max-width: 97.5%; width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; } p img, .wp-caption { margin-top: 0.4em; } .wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px; } .wp-caption img { display: block; margin: 0 auto; max-width: 98%; } .wp-caption .wp-caption-text, .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; } .wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative; } .wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px; } #content .gallery { margin: 0 auto 1.625em; } #content .gallery img { border: none; } img#wpstats { display: block; margin: 0 auto 1.625em; } #content .gallery-columns-4 .gallery-item { width: 23%; padding-right: 2%; } #content .gallery-columns-4 .gallery-item img { width: 100%; height: auto; } /* Image borders */ img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border: 1px solid #ddd; padding: 6px; } .wp-caption img { border-color: #eee; } a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */ background: #eee; border-color: #bbb; } .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {/* ... including captioned images! */ background: #fff; border-color: #ddd; } /* Make sure videos and embeds fit their containers */ embed, iframe, object { max-width: 100%; } .entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ } /* Password Protected Posts */ .post-password-required .entry-header .comments-link { margin: 1.625em 0 0; } .post-password-required input[type=password] { margin: 0.8125em 0; } .post-password-required input[type=password]:focus { background: #f7f7f7; } /* Author Info */ #author-info { font-size: 12px; overflow: hidden; } .singular #author-info { background: #f9f9f9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 2.2em 0px 0px 0px; padding: 20px; } .archive #author-info { border-bottom: 1px solid #ddd; margin: 5px 0px 30px; padding: 15px 10px; } #author-avatar { float: left; margin-right: -78px; } #author-avatar img { background: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #bbb; -moz-box-shadow: 0 1px 2px #bbb; box-shadow: 0 1px 2px #bbb; padding: 3px; } #author-description { float: left; margin-left: 108px; line-height:140%; } #author-description h2 { color: #000; font-size: 15px; font-weight: bold; margin: 5px 0 10px; } /* Comments link */ .entry-header .comments-link a { background: #eee url(images/comment-bubble.png) no-repeat; color: #666; font-size: 13px; font-weight: normal; line-height: 35px; overflow: hidden; padding: 0 0 0; position: absolute; top: 1.5em; right: 0; text-align: center; text-decoration: none; width: 43px; height: 36px; } .entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active { background-color: #1982d1; color: #fff; color: rgba(255,255,255,0.8); } .entry-header .comments-link .leave-reply { visibility: hidden; } /* Post Formats Headings To hide the headings, display: none the ".entry-header .entry-format" selector, and remove the padding rules below. */ .entry-header .entry-format { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; position: absolute; text-transform: uppercase; top: -5px; } .entry-header hgroup .entry-title { padding-top: 15px; } article.format-aside .entry-content, article.format-link .entry-content, article.format-status .entry-content { padding: 20px 0 0; } article.format-status .entry-content { min-height: 65px; } .recent-posts .entry-header .entry-format { display: none; } .recent-posts .entry-header hgroup .entry-title { padding-top: 0; } /* Singular content styles for Posts and Pages */ .singular .entry-header .entry-meta { position: absolute; top: 0; left: 0; } blockquote.pull { font-size: 21px; font-weight: bold; line-height: 1.6125em; margin: 0 0 1.625em; text-align: center; } .singular blockquote.pull { margin: 0 -22.25% 1.625em; } .pull.alignleft { margin: 0 1.625em 0 0; text-align: right; } .singular .pull.alignleft { margin: 0 1.625em 0 -22.25%; } .pull.alignright { margin: 0 0 0 1.625em; text-align: left; } blockquote.pull.alignleft, blockquote.pull.alignright { width: 33%; } .singular .pull.alignright { margin: 0 -22.25% 0 1.625em; } .singular blockquote.pull.alignleft, .singular blockquote.pull.alignright { width: 33%; } .singular .entry-meta .edit-link a { bottom: auto; left: 50px; position: absolute; right: auto; top: 80px; } /* =Aside ----------------------------------------------- */ .format-aside .entry-title, .format-aside .entry-header .comments-link { display: none; } .singular .format-aside .entry-title { display: block; } .format-aside .entry-content { padding: 0; } .singular .format-aside .entry-content { padding: 1.625em 0 0; } /* =Link ----------------------------------------------- */ .format-link .entry-title, .format-link .entry-header .comments-link { display: none; } .singular .format-link .entry-title { display: block; } .format-link .entry-content { padding: 0; } .singular .format-link .entry-content { padding: 1.625em 0 0; } /* =Gallery ----------------------------------------------- */ .format-gallery .gallery-thumb { float: left; display: block; margin: .375em 1.625em 0 0; max-width: 100%; } /* =Status ----------------------------------------------- */ .format-status .entry-title, .format-status .entry-header .comments-link { display: none; } .singular .format-status .entry-title { display: block; } .format-status .entry-content { padding: 0; } .singular .format-status .entry-content { padding: 1.625em 0 0; } .format-status img.avatar { -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; float: left; margin: 4px 10px 2px 0; padding: 0; } /* =Quote ----------------------------------------------- */ .format-quote blockquote { color: #555; font-size: 17px; margin: 0; } /* =Image ----------------------------------------------- */ .indexed.format-image .entry-header { min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */ } .indexed.format-image .entry-content { padding-top: 0.5em; } .indexed.format-image .entry-content p { margin: 1em 0; } .indexed.format-image .entry-content p:first-child, .indexed.format-image .entry-content p:first-child a, .indexed.format-image .entry-content p:first-child img { display: block; margin: 0; } .indexed.format-image .entry-content .wp-caption .wp-caption-text { margin: 0; padding-bottom: 1em; } .indexed.format-image footer.entry-meta { background: #ddd; overflow: hidden; padding: 4%; max-width: 96%; } .indexed.format-image div.entry-meta { display: inline-block; float: left; width: 35%; } .indexed.format-image div.entry-meta + div.entry-meta { float: none; width: 65%; } .indexed.format-image .entry-meta span.cat-links, .indexed.format-image .entry-meta span.tag-links, .indexed.format-image .entry-meta span.comments-link { display: block; } .indexed.format-image footer.entry-meta a { color: #444; } .indexed.format-image footer.entry-meta a:hover { color: #fff; } #content .indexed.format-image img { border: none; max-width: 100%; padding: 0; } .indexed.format-image .wp-caption { background: #111; margin-bottom: 0; max-width: 96%; padding: 2% 2% 0; } .indexed.format-image .wp-caption .wp-caption-text { color: #ddd; } .indexed.format-image .wp-caption .wp-caption-text:before { color: #444; } .indexed.format-image a:hover img { opacity: 0.8; } /* 404ページ ----------------------------------------------- */ #content-404{ width:980px; background-color:#FFFFFF; } .area-404{ padding:50px;} h2.title-404{ background: url(images/title-404.gif) no-repeat top left scroll transparent; width:756px; height:64px; text-indent:-9999px; margin:0 auto; text-align:center; } .contents-404{ margin-top:50px; line-height:150%; } h3.h3-title-404{ font-size:1.4em; font-weight:bold; padding-bottom:10px; } h3.h3-title-404 a{ color:#000000;} .glay-area{ color:#838383; font-size:0.8em; } /* =Showcase ----------------------------------------------- */ h1.showcase-heading { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } /* Intro */ article.intro { background: #f9f9f9; border-bottom: none; margin: -1.855em -8.9% 1.625em; padding: 0 8.9%; } article.intro .entry-title { display: none; } article.intro .entry-content { color: #111; font-size: 16px; padding: 1.625em 0 0.625em; } article.intro .edit-link a { background: #aaa; -moz-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 12px; padding: 0 8px; position: absolute; top: 30px; right: 20px; text-decoration: none; } article.intro .edit-link a:hover, article.intro .edit-link a:focus, article.intro .edit-link a:active { background: #777; } /* Featured post */ section.featured-post { float: left; margin: -1.625em -8.9% 1.625em; padding: 1.625em 8.9% 0; position: relative; width: 100%; } section.featured-post .hentry { border: none; color: #666; margin: 0; } section.featured-post .entry-meta { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } /* Small featured post */ section.featured-post .attachment-small-feature { float: right; height: auto; margin: 0 -8.9% 1.625em 0; max-width: 59%; position: relative; right: -15px; } section.featured-post.small { padding-top: 0; } section.featured-post .attachment-small-feature:hover, section.featured-post .attachment-small-feature:focus, section.featured-post .attachment-small-feature:active { opacity: .8; } article.feature-image.small { float: left; margin: 0 0 1.625em; width: 45%; } article.feature-image.small .entry-title { line-height: 1.2em; } article.feature-image.small .entry-summary { color: #555; font-size: 13px; } article.feature-image.small .entry-summary p a { background: #222; color: #eee; display: block; left: -23.8%; padding: 9px 26px 9px 85px; position: relative; text-decoration: none; top: 20px; width: 180px; z-index: 1; } article.feature-image.small .entry-summary p a:hover { background: #1982d1; color: #eee; color: rgba(255,255,255,0.8); } /* Large featured post */ section.feature-image.large { border: none; max-height: 288px; padding: 0; width: 100%; } section.feature-image.large .showcase-heading { display: none; } section.feature-image.large .hentry { border-bottom: none; left: 9%; margin: 1.625em 9% 0 0; position: absolute; top: 0; } article.feature-image.large .entry-title a { background: #222; background: rgba(0,0,0,0.8); -moz-border-radius: 3px; border-radius: 3px; color: #fff; display: inline-block; font-weight: 300; padding: .2em 20px; } section.feature-image.large:hover .entry-title a, section.feature-image.large .entry-title:hover a { background: #eee; background: rgba(255,255,255,0.8); color: #222; } article.feature-image.large .entry-summary { display: none; } section.feature-image.large img { display: block; height: auto; max-width: 117.9%; padding: 0 0 6px; } /* Featured Slider */ .featured-posts { border-bottom: 1px solid #ddd; display: block; height: 328px; margin: 1.625em -8.9% 20px; max-width: 1000px; padding: 0; position: relative; overflow: hidden; } .featured-posts .showcase-heading { padding-left: 8.9%; } .featured-posts section.featured-post { background: #fff; height: 288px; left: 0; margin: 0; position: absolute; top: 30px; width: auto; } .featured-posts section.featured-post.large { max-width: 100%; overflow: hidden; } .featured-posts section.featured-post { -webkit-transition-duration: 200ms; -webkit-transition-property: opacity, visibility; -webkit-transition-timing-function: ease; -moz-transition-duration: 200ms; -moz-transition-property: opacity, visibility; -moz-transition-timing-function: ease; } .featured-posts section.featured-post { opacity: 0; visibility: hidden; } .featured-posts #featured-post-1 { opacity: 1; visibility: visible; } .featured-post .feature-text:after, .featured-post .feature-image.small:after { content: ' '; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ width: 100%; height: 45px; position: absolute; top: 230px; } .featured-post .feature-image.small:after { top: 253px; } #content .feature-slider { top: 5px; right: 8.9%; overflow: visible; position: absolute; } .feature-slider ul { list-style-type: none; margin: 0; } .feature-slider li { float: left; margin: 0 6px; } .feature-slider a { background: #3c3c3c; background: rgba(60,60,60,0.9); -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); display: block; width: 14px; height: 14px; } .feature-slider a.active { background: #1982d1; -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); cursor: default; opacity: 0.5; } /* Recent Posts */ section.recent-posts { padding: 0 0 1.625em; } section.recent-posts .hentry { border: none; margin: 0; } section.recent-posts .other-recent-posts { border-bottom: 1px solid #ddd; list-style: none; margin: 0; } section.recent-posts .other-recent-posts li { padding: 0.3125em 0; position: relative; } section.recent-posts .other-recent-posts .entry-title { border-top: 1px solid #ddd; font-size: 17px; } section.recent-posts .other-recent-posts a[rel="bookmark"] { color: #373737; float: left; max-width: 84%; } section.recent-posts .other-recent-posts a[rel="bookmark"]:after { content: '-'; color: transparent; font-size: 11px; } section.recent-posts .other-recent-posts a[rel="bookmark"]:hover { } section.recent-posts .other-recent-posts .comments-link a, section.recent-posts .other-recent-posts .comments-link > span { border-bottom: 2px solid #999; bottom: -2px; color: #444; display: block; font-size: 10px; font-weight: 500; line-height: 2.76333em; padding: 0.3125em 0 0.3125em 1em; position: absolute; right: 0; text-align: right; text-transform: uppercase; z-index: 1; } section.recent-posts .other-recent-posts .comments-link > span { border-color: #bbb; color: #888; } section.recent-posts .other-recent-posts .comments-link a:hover { color: #1982d1; border-color: #1982d1; } section.recent-posts .other-recent-posts li:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; } /* =Attachments ----------------------------------------------- */ .image-attachment div.attachment { background: #f9f9f9; border: 1px solid #ddd; border-width: 1px 0; margin: 0 -8.9% 1.625em; overflow: hidden; padding: 1.625em 1.625em 0; text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto 1.625em; max-width: 100%; } .image-attachment div.attachment a img { border-color: #f9f9f9; } .image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img { border-color: #ddd; background: #fff; } .image-attachment .entry-caption p { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase; } /* =Navigation -------------------------------------------------------------- */ #nav-above { padding: 0 0 1.625em; } #nav-above { display: none; } .paged #nav-above { display: block; } .nav-previous { clear: both; margin-bottom: 10px; margin-top: 10px; text-align: right; width: 100%; } .nav-next { float: right; text-align: right; width: 50%; margin-top:10px; margin-bottom:10px; } #content nav .meta-nav { font-weight: normal; } /* Singular navigation */ #nav-single { float: right; position: relative; top: -0.3em; text-align: right; z-index: 1; } #nav-single .nav-previous, #nav-single .nav-next { width: auto; } #nav-single .nav-next { padding-left: .5em; } #nav-single .nav-previous { padding-right: .5em; } /* =Widgets ----------------------------------------------- */ .widget { margin-bottom: 20px; } .widget ul li { border-bottom:1px dotted #9C9C9C; border-top:none; padding:13px; background-color:#FFFFFF; font-size:13px; list-style-type: none; } .widget ul li a { color:#838383; } .widget_categories, .widget_tag_cloud, .widget_archive { border: 1px solid #9C9C9C; } .widget-area { font-size: 12px; } .widget-title { background-color:#E0E0E0; padding:13px 13px 10px 13px; border-bottom:1px dotted #9C9C9C; font-weight:bold; color: #373737; font-size: 1.1em; } /* Search Widget */ .widget_search form { margin: 0 0 1.625em; } .widget_search #s { width: 60%; } .widget_search #searchsubmit { } .widget_search #searchsubmit:active { } /* Ephemera Widget */ section.ephemera ol, .widget_twentyeleven_ephemera ol { list-style: square; margin: 5px 0 0; } .widget_twentyeleven_ephemera .widget-entry-title { font-size: 15px; font-weight: bold; padding: 0; } .widget_twentyeleven_ephemera .comments-link a, .widget_twentyeleven_ephemera .comments-link > span { color: #666; display: block; font-size: 10px; font-weight: 500; line-height: 2.76333em; text-transform: uppercase; } section.ephemera .entry-title .comments-link a:hover, .widget_twentyeleven_ephemera .entry-title .comments-link a:hover { } section.ephemera .entry-title a span { color: #29628d; } /* Twitter */ .widget_twitter li { list-style-type: none; margin-bottom: 14px; } .widget_twitter .timesince { display: block; font-size: 11px; margin-right: -10px; text-align: right; } /* Widget Image */ .widget_image img { border: 0; padding: 0; height: auto; max-width: 100%; } /* Calendar Widget */ .widget_calendar #wp-calendar { color: #555; width: 95%; text-align: center; } .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th { text-align: center; } .widget_calendar #wp-calendar caption { font-size: 11px; font-weight: 500; padding: 5px 0 3px 0; text-transform: uppercase; } .widget_calendar #wp-calendar th { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: bold; } .widget_calendar #wp-calendar tfoot td { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .tagcloud { background-color: #FFF; padding: 13px; } /* =Comments ----------------------------------------------- */ #comments-title { color: #666; font-size: 10px; font-weight: 500; line-height: 2.6em; text-transform: uppercase; } .nopassword, .nocomments { color: #aaa; font-size: 24px; font-weight: 100; margin: 26px 0; text-align: center; } .commentlist { list-style: none; width: 100%; } .content .commentlist, .page-template-sidebar-page-php .commentlist { width: 100%; /* reset the width for the one-column and sidebar page layout */ } .commentlist > li.comment { border: 1px solid #ddd; margin: 0 0 1.625em; padding: 10px; position: relative; } .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li.comment { background: #fff; border-left: 1px solid #ddd; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin: 1.625em 0 0; padding: 1.625em; position: relative; } .commentlist .children li.comment .fn { display: block; } .comment-meta .fn { font-weight:bold; font-size:14px; display: block; } .comment-meta { color: #666; font-size: 12px; line-height: 2.2em; } .commentlist .children li.comment .comment-meta { line-height: 1.625em; } .commentlist .children li.comment .comment-content { margin: 1.625em 0 0; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .comment-meta a { font-weight: bold; } .comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover { } .commentlist .avatar { float:right; height: 39px; width: 39px; } .commentlist > li.pingback:before { content: ''; } .commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-right:10px; } a.comment-reply-link { background: #eee; -moz-border-radius: 3px; border-radius: 3px; color: #666; display: inline-block; font-size: 12px; padding: 0 8px; text-decoration: none; } a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active { background: #888; color: #fff !important; } a.comment-reply-link > span { display: inline-block; position: relative; top: -1px; } /* Post author highlighting */ .commentlist > li.bypostauthor { background: #F8F8F8; border-color: #d3d3d3; } .commentlist > li.bypostauthor .comment-meta { color: #575757; } .commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover { } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { background: #ddd; border-color: #d3d3d3; } /* sidebar-page.php comments */ /* Make sure we have room for our comment avatars */ .page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback { margin-left: 102px; width: auto; } /* And a full-width comment form */ .page-template-sidebar-page-php #respond { width: auto; } /* コメント */ #comments{ margin-top:50px; border-top:1px dotted #000000; padding-top:8px; } .commentlist .reply { text-align:right; margin-top:5px; display:none; } #respond { padding-top: 15px; width: 90%; } #comments a{ color:#0E76B6; } #respond input[type="text"], #respond textarea { background: #fff; position: relative; padding: 10px; text-indent: 80px; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { position: relative; margin-top:5px; } #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { background: #eee; -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); box-shadow: 1px 2px 2px rgba(204,204,204,0.8); color: #555; display: inline-block; font-size: 13px; left: 4px; min-width: 60px; padding: 4px 10px; top: 40px; z-index: 1; } #respond input[type="text"]:focus, #respond textarea:focus { text-indent: 0; z-index: 1; } #respond textarea { resize: vertical; width: 95%; } #respond .comment-form-author .required, #respond .comment-form-email .required { color: #bd3500; font-size: 22px; font-weight: bold; z-index: 1; } #respond .comment-notes, #respond .logged-in-as { font-size: 13px; } #respond .form-submit { text-align:right; } #respond input#submit { background: #222; border: none; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); color: #eee; cursor: pointer; font-size: 15px; margin: 20px 0; padding: 5px 22px 5px 22px; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } #respond input#submit:active { background: #1982d1; color: #bfddf3; } #respond #cancel-comment-reply-link { color: #666; margin-left: 10px; text-decoration: none; } #respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover { text-decoration: underline; } .commentlist #respond { margin: 1.625em 0 0; width: auto; } #reply-title { color: #373737; font-size: 15px; font-weight: bold; line-height: 30px; margin-bottom:5px; } #cancel-comment-reply-link { color: #888; display: block; font-size: 10px; font-weight: normal; line-height: 2.2em; letter-spacing: 0.05em; position: absolute; right: 1.625em; text-decoration: none; text-transform: uppercase; top: 1.1em; } #cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover { color: #ff4b33; } #respond input[type=text] { display: block; width: 75%; font-size:12px; height:15px; } #respond p { font-size: 12px; } p.comment-form-comment { margin: 0; } .form-allowed-tags { display: none; } .comment-content{ clear:both; padding:10px; font-size:11px; line-height:150%; border:1px solid #DDDDDD; margin: 1.625em 0 0; background-color:#FFFFFF; } /* =Responsive Structure ----------------------------------------------- */ @media (max-width: 800px) { #nav-below { border-bottom: 1px solid #ddd; margin-bottom: 1.625em; } #main #secondary { float: none; margin: 0 7.6%; width: auto; } /* Simplify the showcase template */ .page-template-showcase-php .featured-posts { min-height: 280px; } .featured-posts section.featured-post { height: auto; } .page-template-showcase-php section.recent-posts { float: none; margin: 0; width: 100%; } .page-template-showcase-php #main .widget-area { float: none; margin: 0; width: auto; } .page-template-showcase-php .other-recent-posts { border-bottom: 1px solid #ddd; } /* Simplify the showcase template when small feature */ section.featured-post .attachment-small-feature, .one-column section.featured-post .attachment-small-feature { border: none; display: block; float: left; height: auto; margin: 0.625em auto 1.025em; max-width: 30%; position: static; } article.feature-image.small { float: right; margin: 0 0 1.625em; width: 64%; } .one-column article.feature-image.small .entry-summary { height: auto; } article.feature-image.small .entry-summary p a { left: 0; padding-left: 20px; padding-right: 20px; width: auto; } /* Remove the margin on singular articles */ .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { width: 100%; } /* Simplify the pullquotes and pull styles */ .singular blockquote.pull { margin: 0 0 1.625em; } .singular .pull.alignleft { margin: 0 1.625em 0 0; } .singular .pull.alignright { margin: 0 0 0 1.625em; } .singular .entry-meta .edit-link a { left: 0; position: absolute; top: 40px; } .singular #author-info { margin: 2.2em -8.8% 0; padding: 20px 8.8%; } /* Make sure we have room for our comment avatars */ .commentlist { width: 100%; } .commentlist > li.comment, .commentlist .pingback { margin-left: 102px; width: auto; } /* And a full-width comment form */ #respond { width: auto; } /* No need to float footer widgets at this size */ #colophon #supplementary .widget-area { float: none; margin-right: 0; width: auto; } /* No need to float 404 widgets at this size */ .error404 #main .widget { float: none; margin-right: 0; width: auto; } } @media (max-width: 650px) { /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */ body, input, textarea { font-size: 13px; } #site-title a { font-size: 24px; } #site-description { font-size: 12px; } #access ul { font-size: 12px; } article.intro .entry-content { font-size: 12px; } blockquote { margin: 0; } blockquote.pull { font-size: 17px; } #site-title, #site-description { margin-right: 0; } /* Make sure the logo and search form don't collide */ #branding #searchform { top: 1.625em !important; } /* Floated content doesn't work well at this size */ .alignleft, .alignright { display: block; float: none; margin-left: 0; margin-right: 0; } /* Make sure the post-post navigation doesn't collide with anything */ #nav-single { display: block; position: static; } .singular.page .hentry { padding: 1.625em 0 0; } /* Talking avatars take up too much room at this size */ .commentlist > li.comment, .commentlist > li.pingback { margin-left: 0 !important; } .commentlist .avatar { background: transparent; display: block; padding: 0; position: static; } .commentlist .children .avatar { background: none; left: 2.2em; padding: 0; position: absolute; top: 2.2em; } /* Use the available space in the smaller comment form */ #respond input[type="text"] { width: 95%; } #respond .comment-form-author .required, #respond .comment-form-email .required { left: 95%; } #content .gallery-columns-3 .gallery-item { width: 31%; padding-right: 2%; } #content .gallery-columns-3 .gallery-item img { width: 100%; height: auto; } } @media (max-width: 450px) { #content .gallery-columns-2 .gallery-item { width: 45%; padding-right: 4%; } #content .gallery-columns-2 .gallery-item img { width: 100%; height: auto; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { body { padding: 0; } #page { margin-top: 0; } #branding { border-top: none; } } /* =Print ----------------------------------------------- */ @media print { body { background: none !important; font-size: 10pt; } footer.entry-meta a[rel=bookmark]:link:after, footer.entry-meta a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ } #page { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; } #branding { border-top: none !important; padding: 0; } #branding hgroup { margin: 0; } #site-title a { font-size: 21pt; } #site-description { font-size: 10pt; } #branding #searchform { display: none; } #branding img { display: none; } #access { display: none; } #main { border-top: none; box-shadow: none; } #primary { float: left; margin: 0; width: 100%; } .singular #content { margin: 0; width: 100%; } .singular .entry-header .entry-meta { position: static; } #content nav { display: none; } .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { margin: 0; width: 100%; } .entry-title, .singular .entry-title { font-size: 21pt; } .entry-meta { font-size: 10pt; } .entry-header .comments-link { display: none; } .page-link { display: none; } .singular #author-info { background: none; border-bottom: none; border-top: none; margin: 2.2em 0 0; padding: 0; } #respond { display: none; } .widget-area { display: none; } #colophon { display: none; } /* Comments */ .commentlist > li.comment { background: none; border: 1px solid #ddd; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; margin: 0 auto 1.625em; padding: 1.625em; position: relative; width: auto; } .commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; } .commentlist li.comment .comment-meta { line-height: 1.625em; margin-left: 50px; } .commentlist li.comment .fn { display: block; } .commentlist li.comment .comment-content { margin: 1.625em 0 0; } .commentlist .comment-edit-link { display: none; } .commentlist > li::before, .commentlist > li.bypostauthor::before { content: ''; } .commentlist .reply { display: none; } /* Post author highlighting */ .commentlist > li.bypostauthor { color: #444; } .commentlist > li.bypostauthor .comment-meta { color: #666; } .commentlist > li.bypostauthor:before { content: none; } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { background: #fff; border-color: #ddd; } .commentlist .children > li.bypostauthor > article, .commentlist .children > li.bypostauthor > article .comment-meta { color: #666; } } /* =IE7 ----------------------------------------------- */ #ie7 article.intro { margin-left: -7.6%; margin-right: -7.6%; padding-left: -7.6%; padding-right: -7.6%; max-width: 1000px; } #ie7 section.featured-post { margin-left: -7.6%; margin-right: -7.6%; max-width: 850px; } #ie7 section.recent-posts { margin-right: 7.6%; } /* =IE8 ----------------------------------------------- */ #ie8 section.feature-image.large img { width: 100%; } /* よく使う ----------------------------------------------- */ .fLeft{ float:left;} .fRight{ float:right;} .clear{ clear:both;} .bold{ font-weight:bold;} .blue{ color:#0861B2;} .marginTop10{ margin-top:10px;} .marginTop20{ margin-top:20px;} .marginBottom5{ margin-bottom:5px;} .marginBottom20{ margin-bottom:20px;} .marginLeft20{ margin-left:20px;} .height400{ height:400px;} .lineHeight200{ line-height:200%;} .font-kiyaku{ color:#5B5B5B; font-size:0.85em; line-height:150%; } /* 上に戻る */ .backtop a{ background:url(images/btn-goback.gif) no-repeat scroll top right #FFFFFF; width:152px; height:34px; text-indent:-9999px; display:block; float:right; } .font-b{ color:#1292DB; border-bottom:5px dotted #1292DB; } .font-y{ color:#DF9D19; border-bottom:5px dotted #DF9D19; } .font-g{ color:#5EB14C; border-bottom:5px dotted #5EB14C; } .font-r{ color:#DE392C; border-bottom:5px dotted #DE392C; } .rr{ text-align:right;} .dotbottom{ border-bottom: 1px dotted #000000; padding-bottom:20px; } .btn-back{ font-family:"ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; font-weight:bold; text-align:right; font-size:0.8em; margin-top:35px; } .btn-back a{ color:#000000; padding-left:10px; background:url(images/ico-ya.gif) no-repeat scroll left center #FFFFFF; } .btn-link{ font-family:"ヒラギノ角ゴ Pro", Helvetica, Arial, sans-serif; font-weight:bold; text-align:right; font-size:1.0em; margin-top:20px; } .btn-link a{ padding-left:10px; background:url(images/ico-ya.gif) no-repeat scroll left center #FFFFFF; } .link-list{ border-top:1px dotted #000000; border-bottom:1px dotted #000000; padding:15px 0px; } .link-list2{ border-top:1px dotted #000000; padding:15px 0px; margin-bottom:20px; } .link-list ul, .link-list2 ul{ list-style:none; } .link-list li, .link-list2 li{ background:url(images/ico-ya.gif) no-repeat scroll left center #FFFFFF; padding-left:10px; line-height:130%; } .slides_container { width:990px; height:340px; overflow:hidden; position:relative; display:none; margin:0 auto; } .slides_container a { width:570px; height:270px; display:block; } .slides_container a img { display:block; } #slides .next,#slides .prev { display:block; z-index:101; cursor:pointer; } #slides .next { left:585px; } .post-catgory-list { line-height: 1.5em; letter-spacing:0.03em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .post-catgory-list a { background-color:#3575a2; -moz-border-radius: 3px; border-radius: 3px; padding:6px; margin-right:5px; font-size:0.4em; color: #FFF; } .post-thumbnail { margin: 5px auto; text-align: center; padding:0; width:100%; height:200px; padding-bottom:20px; object-fit:cover; display:flex; align-items:center; } .post-thumbnail img { width:100%; box-sizing:border-box; border:1px solid #f7f7f7; border-radius:5px; height:180px; object-fit:cover; } .post-entry-title, .post-text { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } /* プラグイン Related Posts */ #wp_rp_first{ margin-top:30px; } /* = max-width: 768px size 201504 ----------------------------------------------- */ @media screen and (max-width: 768px) { p.sub-title{display: none;} .header-right-area {display: none !important;} .wp_social_bookmarking_light {display: none;} .wp_social_original {padding-top:10px !important} #content{width:100%} #site-title { margin-top: 25px; } .side-blog { display: none;} .pager{margin-bottom:30px;} /* =トップメイン ----------------------------------------------- */ #page-top { margin: 0 auto 40px; width: 100%; } .post-singtle {min-height:200px;} #content-top-blog { } .post-list { width: 90%; margin :15px ; } /* サイドバー ----------------------------------------------- */ #sidebar{ float: left; width: 90%; margin: 10px; } .side-banner { width: 240px; padding: 14px 14px 4px; background-color: #FFFFFF; float: left; display: block; } .side-link-banner { width: 240px; padding: 14px 14px 4px; margin-top: 0; background-color: #FFFFFF; float: left; } }/* End 768 */ /* = max-width: 480px size 201504 ----------------------------------------------- */ @media screen and (max-width: 480px) { /* サイドバー ----------------------------------------------- */ .side-banner { float: none; margin: 0 auto; } .side-link-banner { float: none; margin: 0 auto; } }/* End 480 */ /* = 開発ブログ用table css追加 201704 ----------------------------------------------- */ table.blog-table { border-top: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-collapse: collapse; width: auto; text-align: center; } table.blog-table th, table.blog-table td { border-left: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; padding: 10px; } table.blog-table th { background-color: #eeeeee; } /* = 開発ブログ用table max-width: 480px size 201704 ----------------------------------------------- */ @media screen and (max-width: 480px) { table.resp { display: block; position: relative; } table.resp thead { display: block; float: left; } table.resp tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } table.resp th, table.resp td { display: block; } table.resp thead th { border-right: 3px double #aaaaaa; } table.resp tr { display: inline-block; } table.resp tbody tr { margin-right: -5px; } }/* End 480 */ /* add:20240410 */ .hidden-pc { display:none; } #page-top { margin:0 auto 40px; width:1340px; display:flex; } #page { margin:0 auto 40px; width:1340px; display:flex; } #main { width:1340px; margin:0 auto; } #primary { width:100%; padding-left:20px; padding-right:20px; margin:0 auto; box-sizing:border-box; } .Top_mv { clear:both; margin:0 auto; width:100%; background:url(images/top_mv.jpg)no-repeat top #fff; background-size:cover; height:500px; max-width:2500px; } .Slideless { clear:both; width:100%; color:#232323; font-size:100%; letter-spacing:0.04em; word-break: break-word; } .Slideless h2 { font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align:center; font-weight:bold; font-size:170%; padding:30px 0 40px; line-height:160%; letter-spacing:0.2em; } .Slideless span { font-weight:bold; background: linear-gradient(transparent 70% , yellow 70%); } .Top_mv h2 { font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, ssans-serif; font-size:200%; letter-spacing:0.3em; line-height:190%; color:#fff; float:left; text-align:left; padding: 70px 0px 10px; text-shadow: #5a5a5a 1px 0 10px; } .Top_mv p.Topmv_txt { clear:both; font-size:100%; letter-spacing:0.2em; line-height:160%; font-weight:normal; padding:0; color: rgba( 255, 255, 255, 0.9); text-shadow: #5a5a5a 1px 0 10px; } .Top_mv .head-bn { clear:both; width:200px; padding:120px 0px 0; } .Top_mv .head-bn img { width:100%; } .Top_mv .head-bn a img { background:#fff; border-radius:5px; } .Top_mv .head-bn a img:hover { background:#666; border-radius:5px; } /* #site-title { width:140px; background-size:contain; } */ .Slideless h3 { width:100%; letter-spacing:0.18em; font-size:150%; font-family: "Montserrat", sans-serif; font-optical-sizing:auto; font-weight:700; font-style:normal; color:#20509f; text-align:center; padding:0; margin:0; } .Slideless h4 { font-size:140%; font-weight:bold; padding:0; margin:0; } .Slideless p { font-size:87%; line-height:160%; padding:0; margin:0; } .Slideless #content-top { width:100%; } .T-service { font-size:100%; word-break:break-word; overflow:hidden; padding:20px 0px 60px; } .T-service .swiper { overflow:visible; margin:0 auto; } .T-service .l-inner { position:relative; -webkit-box-sizing:content-box; box-sizing:content-box; max-width:1320px; margin:0 auto; padding:0 0px; } .T-service a { color:#232323; text-decoration:none; background:#fff; border-radius:10px; } .T-service a:hover { background:#def2fd;} .T-service h4 { text-align:center; padding:20px 0 10px; } .T-service p { padding:0 20px 20px; } .T-service a h4 { text-decoration:underline; } .T-service a:hover h4 { text-decoration:none; } [class*=swiper]:focus { outline:none; } .T-service .slide-media, .T-service .thumb-media { position:relative; overflow:hidden; } .T-service .slide-media img, .T-service .thumb-media img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:contain; object-fit:contain; } .T-service .swiper:not(.swiper-initialized) { padding:0; } .T-service .swiper:not(.swiper-initialized) .swiper-button-prev, .T-service .swiper:not(.swiper-initialized) .swiper-button-next { display:none; } .T-service .swiper:not(.swiper-initialized) .swiper-wrapper { display:grid; grid-template-columns:repeat(3, 1fr); gap:15px; } .T-service .slide { overflow:hidden; } .T-service .slide-media { padding-top:70%; } .T-service .slide-media img { height:calc(100% + 10px); -webkit-transform:translateY(-10px); transform:translateY(-10px); width:100%; } .T-systemdev { clear:both; background:url(images/top_systemdev.webp)no-repeat right #fff; background-size:contain; padding:0px 0px 0px; margin-bottom:40px; box-sizing:border-box; } .T-systemdev h3 { padding:20px 0 40px; } .T-systemdev h4 { font-size:110%; padding:0 0 15px; } .T-systemdev p { width:45%; text-align:justify; padding-bottom:20px; } .T-systemdev img { width:45%; } .T-recruit { clear:both; display:block; width:100%; background:url(images/top_recruit_bg3.jpg)no-repeat top #fff; background-size:cover; height:auto; max-width:2500px; clip-path:polygon(0 10%, 100% 0, 100% 90%, 0 100%); margin-bottom:30px; padding-bottom:30px; } .T-recruit h3 { width:100%; letter-spacing:0.18em; font-size:150%; font-family: "Montserrat", sans-serif; font-optical-sizing:auto; font-weight:700; font-style:normal; color:#20509f; text-align:center; padding-top:80px; margin:0; text-shadow: #fff 1px 0 10px; } .T-recruit p { font-size:180%; font-weight:bold; color:#fff; text-align:center; letter-spacing:0.28em; line-height:160%; padding:30px 0 20px; margin:0; text-shadow: #585858 5px 0 10px; } .T-rec-bn { width:80%; justify-content:center; padding:40px 0px 60px; margin:0 auto; box-sizing:border-box; } .T-rec-bn ul { display:flex; justify-content:center; width:100%; padding:0; margin:0 auto; align-items:center; } .T-rec-bn li { width:260px; list-style:none; background:#fff; padding:0px; margin:20px; border-radius:10px; } .T-rec-bn li img { width:100%; padding:0; margin:0; border-radius:10px; vertical-align:top; } .T-rec-bn li img:hover { opacity: 0.6; filter: brightness(110%); } .btn_recruit { width:220px; margin:0 auto; justify-content:center; } .btn_recruit p { min-width:130px; font-size:90%; color:#000; text-shadow:none; text-align:center; padding:20px; border:1px solid #dbdbdb; border-radius:5px; box-sizing:border-box; background:rgba(255,255,255,0.5); } .btn_recruit p a { color:#232323; } .btn_recruit p a:hover { color:#3574b1; } .T-news { display:flex; justify-content:center; width:100%; padding:40px 0px 60px; margin:0 auto; align-items:center; } .T-news .T-news-Cont { width:48%; padding:0; margin:0 auto; align-items:center; } .T-news p { font-size:110%; font-weight:bold; color:#232323; text-align:center; letter-spacing:0.1em; line-height:160%; padding:40px 0; margin:0; } .T-news h4 { font-size:120%; float:left; width:30%; letter-spacing:0.2em; } .T-news-tit { display:flex; justify-content:space-between; width:100%; height:auto; padding:0px; margin:0; align-items:center; box-sizing:border-box; } .T-news-tit h4 { width:120px; padding:0; margin:0; } .T-news-tit p { padding:0; margin:0; } .btn a { position:relative; display:block; width:90px; padding:2px 15px; font-weight:normal; background-color:#428bc8; border-radius:5px; font-size:70%; color:#fff; text-decoration:none; text-align:left; } .btn a:hover { opacity: 0.6; filter: brightness(110%); } .btn-arrow-right a::after { content:''; position:absolute; top:0; bottom:0; right:10px; width:6px; height:6px; margin:auto; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); box-sizing:border-box; } .news-list { clear:both; border:1px solid #7f7f7f; border-radius:5px; padding:20px 20px 0px; margin-top:10px; box-sizing:border-box; } .news-list dl { color:#232323; font-weight:normal; } .news-list dt { font-size:95%; border-left:2px solid #20509f; color:#232323; font-weight:normal; height:20px; } .news-list dd { font-size:90%; border-left:2px solid #20509f; width:95%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:20px; } .news-list dd a { color:#232323; } .kaihatsu-c dt { border-left:2px solid #d02d31; } .kaihatsu-c dd { border-left:2px solid #d02d31; } .T-contact { clear:both; display:block; height:230px; width:100%; background:#428bc8; max-width:2500px; clip-path:polygon(0 0%, 100% 10%, 100% 100%, 0 100%); } .T-contact p { font-size:110%; font-weight:bold; color:#232323; text-align:center; letter-spacing:0.1em; line-height:160%; padding:40px 0; margin:0; } .T-contact-Elem { display:flex; justify-content:center; width:100%; padding:60px 0px 0px 70px; margin:0 auto; box-sizing:border-box; } .T-contact-Elem a .T-contact-Cont { display:flex; justify-content:flex-start; width:85%; height:auto; padding:20px; margin:10px 0px; background:#fff; align-items:center; border-radius:10px; box-sizing:border-box; } .T-contact-Elem a .T-contact-Cont p { text-align:left; font-weight:normal; font-size:90%; width:80%; padding:0 0 0 10px; margin:0; } .T-contact-Elem a .T-contact-Cont p span { font-size:120%; font-weight:bold; } .T-contact-Elem a .T-contact-Cont img { background:#9ab749; width:10%; padding:10px; border-radius:50%; margin:0; } .T-contact-Elem a .T-contact-Cont img .T-contact-Cont-lc { background:#6db9e5; } .T-contact-Elem a .T-contact-Cont:hover { opacity: 0.8; filter: brightness(110%); } .T-contact-Elem a:hover { text-decoration:none; } .T-privacy { display:flex; justify-content:center; width:100%; padding:10px 0px 10px; margin:0 auto; align-items:center; background:#fff; border-top:1px solid #ededed; } .T-privacy .T-privacy-Cont { display:flex; justify-content:center; width:50%; padding:0; margin:0 auto; align-items:center; } .T-privacy .T-privacy-Cont:first-child { width:60%; } .T-privacy .T-privacy-Cont:last-child { width:35%; } .T-privacy p { font-size:80%; color:#232323; text-align:left; letter-spacing:0.1em; line-height:160%; padding:20px 0 20px 10px; margin:0; } .T-privacy-Cont img { width:90px; } .T-privacy .tpc_x img { width:50px; padding:3px; border-radius:50%; border:1px solid #dbdbdb; background:#000; box-sizing:border-box; } .T-privacy img.tpc_x_w { border-radius:50%; border:1px solid #dbdbdb; background:#fff; margin-left:15px; } .T-privacy a img:hover { opacity: 0.8; filter: brightness(110%); } /* add:20240801 */ body { background:#fff; width:100%; } .backtop { clear:both; width:100%; } footer {clear:both; width:100%; } .pager { padding-bottom:30px; width:100%; } header#branding .menu-mobile { display:none; } header#branding { width:1340px; height:80px; background-color:#fff; text-decoration:none; box-shadow:0px 1px 7px 0px #ededed; } header#branding .i-logo { float:left; padding:14px 0 4px 20px; width:40%; box-sizing:border-box; } header#branding .menu-pc { display:flex; justify-content:flex-end; padding:0 0; margin:0; width:60%; } header#branding .menu-pc .menu-contact { width:20%; height:100%; padding:0; } header#branding .menu-pc .menu-contact a { padding:0; width:100%; float:right; } header#branding .menu-pc .menu-contact img { height:80px; float:right; right:0; } header#branding .menu-pc .menu-m { display:flex; } header#branding .menu-pc .menu-m ul { display:flex; justify-content:flex-end; padding:5px 10px 0px 0; } header#branding .menu-pc .menu-m li { list-style:none; width:calc(100% / 4); padding:0 10px; margin:0; } header#branding .menu-pc .menu-m li a img { transition-duration: .4s; } header#branding .menu-pc .menu-m li a img:hover { transform: translateY(-3px); } header#branding .menu-pc .menu-m li:first-child { padding-left:0; } header#branding .menu-pc .menu-m li:last-child { padding-right:0; } header#branding .menu-pc .menu-m li img { width:52%; height:100%; } header#branding h1 { font-size:64%; letter-spacing:0.16em; line-height:86%; width:120px; } header#branding h1 img { width:104px; } hgroup { width:100%; margin:0 auto; margin-left:20px; box-sizing:border-box; } #breadcrumb { clear:both; width:100%; padding-left:20px; box-sizing:border-box; } #breadcrumb ul { display:flex; height:auto; } #breadcrumb li { list-style-type:none; width:auto; font-size:75%; padding:0 5px 5px 0; letter-spacing:0.1em; } #breadcrumb li a { color:#545454; } #breadcrumb li a:hover { text-decoration:none; } #page .company #sidebar ul.m-service, #page .company #sidebar ul.m-others { display:none; } #page .history #sidebar ul.m-service, #page .history #sidebar ul.m-others { display:none; } #page .greeting #sidebar ul.m-service, #page .greeting #sidebar ul.m-others { display:none; } #page .principle #sidebar ul.m-service, #page .principle #sidebar ul.m-others { display:none; } #page .service #sidebar ul.m-company, #page .service #sidebar ul.m-others { display:none; } #page .system #sidebar ul.m-company, #page .system #sidebar ul.m-others { display:none; } #page .privacy #sidebar ul.m-company, #page .privacy #sidebar ul.m-service { display:none; } #page .privacylist #sidebar ul.m-company, #page .privacylist #sidebar ul.m-service { display:none; } #page .security #sidebar ul.m-company, #page .security #sidebar ul.m-service { display:none; } #page .inquiry #sidebar ul.m-others { display:none; } #page .access #sidebar ul.m-service, #page .access #sidebar ul.m-others { display:none; } .main-tit { width:100%; } .contents-Elem p.p-name { text-align:right; font-size:90%; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; color: #1c1c1c; } .main-tit h2 { font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; color: #1c1c1c; font-size:150%; /* font-weight:bold; */ line-height:180%; letter-spacing:0.2em; padding:0 0 20px; } .contents-Elem { clear:both; width:100%; } .contents-Elem img { width:100%; border:1px solid #dbdbdb; border-radius:10px; box-sizing:border-box; } .contents-Elem img.staffblog_topmv { border:none; margin-bottom:25px; } .contents-Elem section { padding-bottom:30px; } .contents-Elem h3 { display:flex; align-items:center; color:#323232; font-size:120%; line-height:140%; letter-spacing:0.2em; } .contents-Elem h3:after { content:""; flex-grow:1; height:1px; display:block; } .contents-Elem h3:after { margin-left:.4em; background:#d43521; } .contents-Elem h4 { clear:both; width:100%; padding:0 0 5px; margin:0 0 10px; font-size:120%; letter-spacing:0.05em; border-bottom:1px solid #dbdbdb; } .contents-Elem h5 { clear:both; width:100%; padding:10px 0 5px; margin:0 0 0; font-size:100%; letter-spacing:0.05em; } .contents-Elem .i-box { width:100%; } .contents-Elem .i-box p.h3-p { width:100%; font-size:80%; padding:0 0 15px; margin:0; letter-spacing:0.3em; } .contents-Elem .i-box p.h3-p span.black-s { display:inline-block; color:#221714; } .contents-Elem .i-box p.h3-p span.red-s { color:#d43521; } .contents-Elem .i-box p.h3-p span.blue-s { color:#1381bb; } .contents-Elem .i-box p.p-lead { font-weight:bold; border-left:2px solid #1381bb; padding-left:15px; margin-top:20px; box-sizing:border-box; } .contents-Elem .i-box img.img-principle { border:none; border-radius:none; width:50%; display: block; margin: auto; } .contents-Elem .i-cus { padding-bottom:40px; } .contents-Elem .i-cus h4 { padding-top:40px; line-height:160% } .contents-Elem .i-cus h5 { clear:both; width:100%; padding:30px 0 5px; margin:0 0 0; font-size:120%; letter-spacing:0.05em; line-height:160% } .contents-Elem .i-cus p { margin-bottom:0px; } .contents-Elem .i-cus p.p-bold { font-weight:bold; padding:10px 0; margin:0; } .contents-Elem p { line-height:180%; text-justify:inter-character; letter-spacing:0.05em; } .contents-Elem .i-box ul { clear:both; width:100%; padding:0 0 20px 20px; box-sizing:border-box; } .contents-Elem .i-box li { list-style-type:disc; list-style-position:outside; line-height:180%; letter-spacing:0.05em; padding:15px 0 2px; border-bottom:1px dotted #dbdbdb; } .contents-Elem .i-box ul.ul-num li { list-style-type:decimal; } .contents-Elem .i-box ul.ast-Elem { padding:5px 0 10px; margin:0; } .contents-Elem .i-box ul.ast-Elem li { color:red; font-size:90%; border:none; list-style-type:none; padding:0; margin:0; } .contents-Elem .i-box dl { clear:both; width:100%; padding:10px 0 10px; line-height:160%; } .contents-Elem .i-box dt { width:100%; border-left:3px solid #434343; padding:8px 10px 5px; box-sizing:border-box; } .contents-Elem .i-box dd { padding:15px 10px 25px; } .contents-Elem .i-box .maps { margin-bottom:20px; } .contents-Elem .privacy-kaiji-Elem { clear:both; width:100%; box-sizing:border-box; border:1px solid #dbdbdb; padding:20px; background:#fafafa; border-radius:5px; margin:10px 0 20px; } .contents-Elem .privacy-kaiji-Elem ul { padding:0; } .contents-Elem .privacy-kaiji-Elem li:first-child { padding-top:0; } .contents-Elem .privacy-kaiji-Elem li { list-style-type:none; } .contents-Elem .i-box .i-box-btn { clear:both; padding:20px 0 50px; } .contents-Elem .i-box .i-box-btn a { border:solid 1px #515151; padding:24px 92px 20px 22px; position:relative; color:#515151; } .contents-Elem .i-box .i-box-btn a:hover { background:#3574b1; border:solid 1px #1381bb; color:#fff; text-decoration:none; } .contents-Elem .i-box .i-box-btn a::before, .contents-Elem .i-box .i-box-btn a::after { content:""; position:absolute; top:42px; right:-7px; height:1px; background-color:#515151; } .contents-Elem .i-box .i-box-btn a::before { width:60px; transform:translate(30px, 0px); } .contents-Elem .i-box .i-box-btn a::after { width:15px; transform-origin:right center; transform:translate(30px, 0px) rotate(25deg); } .contents-Elem .i-box .system-sample { clear:both; width:100%; background:#f7f7f7; padding:20px 20px 0; box-sizing:border-box; } .contents-Elem .i-box .system-sample h4 { border-bottom:1px solid #fff; } .contents-Elem .i-box .system-sample p { width:100%; padding:10px 0px; } .contents-Elem .i-box .system-sample p.p-lead { border-left:none; padding:10px; border-radius:5px; margin:0; font-weight:normal; background:#fff; } .contents-Elem .i-box .system-sample p span { clear:both; font-size:90%; padding:10px; margin:10px 0; } .contents-Elem .i-box table { width:100%; border-collapse:collapse; border-spacing:0; } .contents-Elem .i-box table th { width:25%; background:#fff; line-height:140%; letter-spacing:0.1em; border-bottom:1px solid #666; box-sizing:border-box; padding:15px; vertical-align:middle; text-align:left; } .contents-Elem .i-box table td { background:#fff; border-bottom:1px solid #dbdbdb; box-sizing:border-box; padding:15px; vertical-align:top; text-align:left; line-height:140%; letter-spacing:0.05em; } .contents-Elem .i-box table h4 { font-size:100%; padding:5px 0; margin:0; } .contents-Elem .i-box table ul { padding:5px; box-sizing:border-box; } .contents-Elem .i-box table li { list-style-type:disc; padding-bottom:5px; } .cp_timeline { position:relative; margin:10px auto; box-sizing:border-box; } .cp_timeline:before { position:absolute; top:0; width:1px; height:100%; content:''; background-color:#d43521; left:30px; } .cp_timeline .timeline_group { position:relative; padding-top:60px; } .cp_timeline .timeline_group:not(:first-of-type) { margin-top:4rem; } .cp_timeline .time_year { position:absolute; font-family:serif; font-size:180%; top:0; left:0; padding:20px; border-radius:5px; color:#fff; background-color:#fff; border:1px solid #d43521; color:#d43521; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .cp_timeline .timeline_item { margin-bottom:1em; position:relative; padding-left:60px; } .cp_timeline .timeline_item:not(:last-of-type) { margin-bottom:2em; } .cp_timeline .timeline_item:before { position:absolute; z-index:-1; left:0; width:100%; height:3px; content:''; background-color:#ff0099; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cp_timeline .time { position:absolute; left:25px; box-sizing:border-box; min-width:12px; min-height:12px; padding:0; text-align:center; color:#fff; background-color:#d43521; top:10%; margin-top:0px; border-radius:50% 50%; } .cp_timeline .desc { padding:0 0px; /* border-left:1px solid #323232; */ } .cp_timeline .desc .flag { font-size:100%; font-weight:bold; margin:0; padding:0 0 5px; } #simplefoot { width:1340px; background:#000; } .T-privacy { width:100%; background:#fff; border-top:1px solid #ededed; } .foot-menu { clear:both; width:100%; display:flex; background:#000; box-sizing:border-box; padding:20px; } .footer-top { width:100%; display:flex; flex-wrap:wrap; height:auto; } .foot-menu-li { width:65%; font-size:80%; } .foot-menu-li ul { clear:both; display:flex; flex-wrap:wrap; list-style-type:none; } .foot-menu-li li { width:50%; line-height:240%; } .foot-menu-li li a { color:#fff; } .foot-menu-li li a:hover { color:#3574b1; } .foot-menu-cr { width:35%; color:#f2f2f2; font-size:80%; } .foot-menu-cr p { text-align:right; } .foot-menu-cr p a { color:#fff; text-decoration:none; } .arrow_r { position:relative; display:inline-block; padding-left:15px; } .arrow_r:before { content: ''; width:5px; height:5px; border:0; border-top:solid 1px #fff; border-right:solid 1px #fff; transform:rotate(45deg); position:absolute; top:0; left:0; bottom:1px; margin:auto; } a:hover.arrow_r:before { border-top: solid 1px #3574b1; border-right:solid 1px #3574b1; } .contents-Elem .i-box .wpcf7 dl { display:block; margin:10px 0 0; } .contents-Elem .i-box .wpcf7 dt { font-weight:normal; border:none; display:block; padding:15px 15px 10px; border-radius:5px; box-sizing:border-box; background:#f3faff; letter-spacing:0.05em; margin:10px 0 0; } .contents-Elem .i-box .wpcf7 dd { border:none; } .contents-Elem .i-box .wpcf7 dd input[type="text"] { padding:10px; background:#fafafa; border:1px solid #dbdbdb; box-shadow:none; width:90%; } .contents-Elem .i-box .wpcf7 dd input[type="email"] { padding:10px; background:#fafafa; border:1px solid #dbdbdb; box-shadow:none; width:90%; } .contents-Elem .i-box .wpcf7 dd input[type="tel"] { padding:10px; background:#fafafa; border:1px solid #dbdbdb; box-shadow:none; width:90%; } #sidebar { width:22%; } #sidebar ul { clear:both; width:100%; padding:0; } #sidebar ul a li { width:100%; font-size:85%; letter-spacing:0.1em; line-height:140%; list-style-type:none; color:#232323; padding:15px 20px; border-bottom:1px dotted #dbdbdb; box-sizing:border-box; } #sidebar ul a li:first-child { font-size:90%; } #sidebar ul a:hover li { color:#3574b1; } #sidebar ul.subnavi a.sub-tit li { color:#fff; padding:25px 20px 20px 35px; border:none; border-radius:5px; background:#3c7ab7 url(images/sidemenu_company_tit.png) no-repeat 95% 50%; background-size:20%; } #sidebar ul.subnavi a.sub-tit-service li { color:#fff; padding:25px 20px 20px 35px; border:none; border-radius:5px; background:#3c7ab7 url(images/sidemenu_service_tit.png) no-repeat 95% 50%; background-size:20%; } #sidebar ul.subnavi a.sub-tit-newslist li { color:#fff; padding:25px 20px 20px 35px; border:none; border-radius:5px; background:#3c7ab7; } #sidebar ul.side-banner { width:100%; } #sidebar ul.side-banner li { list-style-type:none; border:none; padding:0; margin:0; } #sidebar ul.side-banner li img { width:100%; border:1px solid #ededed; border-radius:5px; box-sizing:border-box; } #sidebar ul.side-banner a.side-bn-mt15 li { margin-top:15px; } #sidebar ul.side-banner a.sub-tit li { color:#fff; padding:25px 20px 20px 35px; border:none; border-radius:5px; background:#d43521 url(images/sidemenu_service_tit.png) no-repeat 95% 50%; background-size:20%; } #sidebar .arrow_tit { position:relative; display:inline-block; width:100%; } #sidebar .arrow_tit:before { content: ''; width:5px; height:5px; border:0; border-top:solid 1px #fff; border-right:solid 1px #fff; transform:rotate(45deg); position:absolute; top:3px; left:15px; bottom:1px; margin:auto; } #sidebar a:hover.arrow_tit:before { border-top: solid 1px #fff; left:20px; transition:0.5s; border-right:solid 1px #fff; } #sidebar .arrow_r { position:relative; display:inline-block; padding-left:15px; width:100%; } #sidebar .arrow_r:before { content: ''; width:5px; height:5px; border:0; border-top:solid 1px #3574b1; border-right:solid 1px #3574b1; transform:rotate(45deg); position:absolute; top:0; left:15px; bottom:1px; margin:auto; } #sidebar a:hover.arrow_r:before { border-top: solid 1px #3574b1; left:20px; transition:0.5s; border-right:solid 1px #3574b1; } #sidebar .sidebar-icon { display:block; clear:both; width:100%; padding:15px 5px 15px; box-sizing:border-box; } #sidebar .sidebar-icon ul { clear:both; display:flex; flex-wrap:wrap; list-style-type:none; } #sidebar .sidebar-icon li { width:50%; border:none; padding:5px 32px; box-sizing:border-box; } #sidebar .sidebar-icon li:last-child { border-left:1px dotted #dbdbdb; } #sidebar .sidebar-icon li img { width:100%; } .link-list li { background-image:none; padding:0 0 5px; margin:0 0 20px; border-bottom:1px dotted #dbdbdb; line-height:200%; } .wp-caption { min-width:100%; max-width:100%; } .entry-header .post-catgory-list a { font-size:70%; white-space:nowrap; } #content .entry-content { font-size:130%; } @media screen and (min-width:1024px){ #page #primary { margin:0 auto; } #page-top { width:100%; } #page { width:100%; } #main { width:100%; } #primary { width:100%; } header { width:100%; } header#branding { width:100%; height:80px; background-color:#fff; text-decoration:none; box-shadow:0px 1px 7px 0px #ededed; } header#branding hgroup { width:100%; } header#branding .menu-pc .menu-contact { width:30%; height:100%; padding:0; } #simplefoot { width:100%; } .T-privacy { width:100%; } #content .entry-content { font-size:96%; } } @media screen and (max-width:1023px){ #page-top { width:100%; } #page { width:100%; } header { width:100%; } header#branding { width:100%; height:80px; background-color:#fff; text-decoration:none; box-shadow:0px 1px 7px 0px #ededed; } header#branding hgroup { width:100%; margin:0 auto; margin-left:0px; box-sizing:border-box; } footer#simplefoot { width:100%; } } @media screen and (max-width:980px){ /* add:20240801 */ #primary { width:100%; padding-left:0px; padding-right:0px; box-sizing:border-box; } #page-top { width:100%; } #content-top-blog { width:100%; padding:0 20px; box-sizing: border-box; } .T-service .l-inner { padding:0 30px; } #sidebar { clear:both; width:100%; } /* #sidebar ul { display:flex; width:100%; padding:10px 20px; box-sizing:border-box; } */ #sidebar ul { display:block; width:100%; padding:20px; box-sizing:border-box; } #sidebar ul.subnavi { background:#fff; border:1px solid #dbdbdb; box-sizing:border-box; } #sidebar ul.side-banner { display:none; } #sidebar ul a li { width:100%; font-size:85%; letter-spacing:0.1em; line-height:300%; list-style-type:none; color:#232323; padding:10px 0px; border-bottom:1px solid #dbdbdb; box-sizing:border-box; margin:0; text-decoration:underline; } #sidebar ul a li:first-child { font-size:80%; } #sidebar ul a:hover li { color:#232323; } #sidebar ul.subnavi a.sub-tit li { color:#232323; text-decoration:underline; padding:0; border:none; border-radius:0; background:none; } #sidebar ul.subnavi a.sub-tit-service li { color:#fff; padding:0; border:none; border-radius:0; background:none; } #sidebar .arrow_tit { position:relative; display:inline-block; padding-left:15px; width:100%; } #sidebar .arrow_tit:before { content: ''; width:5px; height:5px; border:0; border-top:solid 1px #232323; border-right:solid 1px #232323; transform:rotate(45deg); position:absolute; top:0px; left:0px; bottom:1px; margin:auto; } #sidebar a:hover.arrow_tit:before { border-top: solid 1px #fff; left:20px; transition:0.5s; border-right:solid 1px #232323; } #sidebar .arrow_r { position:relative; display:inline-block; padding-left:30px; width:100%; box-sizing:border-box; } #sidebar .arrow_r:before { content: ''; width:5px; height:5px; border:0; border-top:solid 1px #232323; border-right:solid 1px #232323; transform:rotate(45deg); position:absolute; top:0; left:15px; bottom:1px; margin:auto; } #sidebar a:hover.arrow_r:before { border-top: solid 5px #232323; left:0px; transition:0.5s; border-right:solid 5px #fff; } #sidebar .sidebar-icon { display:none; } #page { width:100%; box-sizing:border-box; } #content { width:100%; padding:0 20px; box-sizing: border-box; } body { width:100%; } header { width:100%; } #branding hgroup { width:100%; } .contents-Elem { box-sizing:border-box; } .contents-Elem .main-tit img { border:none; border-radius:0; padding:0; margin:0; box-sizing:border-box; } .contents-Elem .main-tit h2 { padding:0 20px 10px; box-sizing:border-box; } .contents-Elem .main-tit p { padding:0 20px; box-sizing:border-box; } .contents-Elem .i-box {clear:both; padding:0 20px; box-sizing:border-box; } .contents-Elem .i-box p { padding:0; } .contents-Elem .i-box table th { padding:10px 0 5px; } .contents-Elem .i-box table td { padding:0px 0 5px; margin-bottom:10px; } .contents-Elem .i-box table ul { padding:0px 0px 20px 15px; box-sizing:border-box; } .foot-menu { padding:0px 20px; box-sizing: border-box; } .footer-top { display:block; height:auto; } .foot-menu-li { width:100%; font-size:90%; } .foot-menu-li li { width:100%; border-bottom:1px solid #dbdbdb; padding:15px 0 2px; } .foot-menu-cr { width:100%; color:#f2f2f2; padding:20px 0; font-size:90%; } .foot-menu-cr p { text-align:center; } .foot-menu-cr p a { color:#fff; text-decoration:none; } .arrow_r { position:relative; display:inline-block; padding-left:15px; } .arrow_r:before { content: ''; width:5px; height:5px; border:0; border-top:solid 1px #fff; border-right:solid 1px #fff; transform:rotate(45deg); position:absolute; top:0; left:0; bottom:1px; margin:auto; } a:hover.arrow_r:before { border-top: solid 1px #3574b1; border-right:solid 1px #3574b1; } .cp_timeline:before { left:40px; } .cp_timeline .time { position:absolute; left:35px; box-sizing:border-box; min-width:12px; min-height:12px; padding:0; text-align:center; color:#fff; background-color:#d43521; top:10%; margin-top:0px; border-radius:50% 50%; } } @media screen and (max-width:950px){ #page-top { width:100%; } #page { width:100%; } header { width:100%; } header#branding { width:100%; height:80px; background-color:#fff; text-decoration:none; box-shadow:0px 1px 7px 0px #ededed; } header#branding hgroup { width:100%; margin:0 auto; margin-left:0px; box-sizing:border-box; } header#branding .menu-pc { display:flex; justify-content:flex-end; padding:0 0; margin:0; width:60%; } header#branding .menu-pc .menu-contact { width:40%; height:100%; padding:0; } header#branding .menu-pc .menu-contact a { padding:0; width:100%; float:right; } header#branding .menu-pc .menu-contact img { height:80px; float:right; right:0; } header#branding .menu-pc .menu-m { display:flex; } header#branding .menu-pc .menu-m ul { display:flex; justify-content:flex-end; padding:5px 10px 0px 0; } header#branding .menu-pc .menu-m li { list-style:none; width:calc(100% / 4); padding:0 10px; margin:0; } header#branding .menu-pc .menu-m li a img { transition-duration: .4s; } header#branding .menu-pc .menu-m li a img:hover { transform: translateY(-3px); } header#branding .menu-pc .menu-m li:first-child { padding-left:0; } header#branding .menu-pc .menu-m li:last-child { padding-right:0; } header#branding .menu-pc .menu-m li img { width:80%; height:100%; } footer#simplefoot { width:100%; } #content-top-blog { width:100%; padding:0 20px; box-sizing: border-box; } #content { width:100%; padding:0 20px; box-sizing: border-box; } #sidebar { clear:both; width:100%; } .post-list { width:31%; } .entry-header .post-catgory-list a { font-size:80%; line-height:240%; } #content .entry-content { font-size:90%; } } @media screen and (max-width:850px){ header#branding .menu-pc .menu-contact { width:45%; height:100%; padding:0; } #content .entry-content { font-size:86%; } } @media screen and (max-width:820px){ #primary { width:100%; padding-left:0px; padding-right:0px; box-sizing:border-box; } #content-top-blog { width:100%; padding:0 0px; box-sizing: border-box; } #content { width:100%; padding:0 0px; box-sizing: border-box; } .Top_mv h2, .Top_mv p.Topmv_txt, .Top_mv .head-bn { padding-left:30px; box-sizing:border-box; } .Top_mv p.Topmv_txt { font-size: 120%; } .Top_mv .head-bn { padding-top: 60px; } .T-contact { clear:both; display:block; height:250px; } .T-contact-Elem { display:flex; justify-content:center; width:100%; padding:60px 0px 0px 60px; margin:0 auto; box-sizing:border-box; } .T-contact-Elem a .T-contact-Cont { min-height:136px; } .T-privacy { padding:0 20px 0px; width:100%; box-sizing:border-box; } .T-privacy-Cont img { width:90px; } .T-privacy .tpc_x img { width:60px; } .T-privacy .T-privacy-Cont:first-child { width:65%; } .T-privacy .T-privacy-Cont:last-child { width:20%; } /* add:20240801 */ #page .access #sidebar { display:none; } #page .privacy #sidebar { display:none; } #page .inquiry #sidebar { display:none; } #page .privacylist #sidebar { display:none; } #page .security #sidebar { display:none; } #page #sidebar .service-Name { display:none; } #page #sidebar .m-newslist { display:none; } #page-top { width:100%; } #page { width:100%; } .contents-Elem .i-box table th, table td { display:block; width:100%; border-bottom:none; } table tr:last-child td:last-child { border-bottom:1px solid #dbdbdb; } header { padding:0; margin:0; width:100%; } header#branding { width:100%; box-sizing:border-box; padding:0; height:auto; background-color:#fff; text-decoration:none; box-shadow:none; margin:0; border-bottom:none; } header#branding .i-logo { float:left; padding:10px 0px 5px 20px; width:25%; margin:0; box-sizing:border-box; } header#branding h1 { font-size:60%; letter-spacing:0.05em; line-height:86%; width:100%; padding:0; margin:0; } header#branding h1 img { width:100%; } header#branding hgroup { width:100%; } header#branding .h-top-elem { display:inline-block; width:100%; height:auto; border-bottom:1px solid #dbdbdb; box-shadow:0px 1px 7px 0px #ededed; } header#branding .menu-pc { display:none; clear:both; padding:0 0; margin:0; width:100%; } header#branding .menu-pc .menu-contact { display:none; width:40%; height:100%; padding:0; } header#branding .menu-pc .menu-contact a { padding:0; width:100%; } header#branding .menu-pc .menu-contact img { height:100%; } header#branding .menu-pc .menu-m { padding:3px 8px; } header#branding .menu-pc .menu-m ul { display:flex; justify-content:flex-end; padding:0px 0px 0px 0; } header#branding .menu-pc .menu-m li { list-style:none; width:calc(100% / 4); padding:15px 50px 5px; margin:0; } header#branding .menu-pc .menu-m li:first-child { padding-left:0; } header#branding .menu-pc .menu-m li:last-child { padding-right:0; } header#branding .menu-pc .menu-m li img { width:100%; height:100%; } header#branding .menu-mobile { display:block; width:45%; float:right; padding:0; margin:0; box-sizing:border-box; } header#branding .menu-mobile img { width:100%; } header#branding .menu-mobile .menu-m-m { width:100%; } header#branding .menu-mobile .menu-m-m ul { float:left; width:100%; padding:0; } header#branding .menu-mobile .menu-m-m li { float:left; text-align:left; list-style:none; width:calc(100% / 3); padding:8px 0px 0px; margin:0; box-sizing:border-box; } header#branding .menu-mobile .menu-m-m li img { width:75%; } header#branding .menu-mobile .menu-m-m li.menu-cont { padding:0; } header#branding .menu-mobile .menu-m-m li.menu-cont img { width:100%; } header#branding .menu-mobile .menu-m-m .menu-tel { width:auto; height:100%; } header#branding .menu-mobile .menu-m-m .menu-tel img { width:50%; } #breadcrumb { clear:both; width:100%; padding:0 20px; box-sizing:border-box; } #sidebar { width:100%; margin:0; box-sizing:border-box; } #sidebar ul { display:block; width:100%; padding:20px; box-sizing:border-box; } #simplefoot { width:100%; } #main { padding-top:10px; box-sizing:border-box; } #content .entry-content { font-size:90%; } } @media screen and (max-width:769px){ .Slideless h2 { font-size:260%; line-height:180%; } .Slideless p { font-size:180%; } .Top_mv h2, .Top_mv p.Topmv_txt, .Top_mv .head-bn { padding-left:30px; box-sizing:border-box; } .Top_mv h2 { font-size:300%; } .Top_mv p.Topmv_txt { font-size: 200%; } .Top_mv .head-bn { padding-top:60px; width:300px; } .Slideless h3 { font-size:240%; } .Slideless h4 { font-size:220%; } .T-recruit h3{ font-size:240%; } .T-recruit p { font-size:260%; } .btn_recruit { width:300px; padding:30px; margin:0 auto; justify-content:center; } .btn_recruit p { font-size:200%; } .T-rec-bn { width:95%; justify-content:center; padding:40px 0px 60px; margin:0 auto; box-sizing:border-box; } .T-rec-bn li { width:300px; list-style:none; background:#fff; padding:0px; margin:20px; border-radius:10px; } .btn a { position:relative; display:block; width:120px; padding:10px 15px; font-weight:normal; background-color:#428bc8; border-radius:5px; font-size:100%; color:#fff; text-decoration:none; text-align:left; } .T-news { display:block; width:100%; padding:20px 0px 0px; } .T-news .T-news-Cont { width:100%; padding:0 0 30px; margin:0 auto; align-items:center; } .news-list dt { font-size:220%; border-left:2px solid #20509f; color:#232323; font-weight:normal; height:20px; margin-bottom:10px; } .news-list dd { font-size:200%; border-left:2px solid #20509f; width:95%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:20px; } .T-contact { clear:both; display:block; height:250px; } .T-contact-Elem { display:flex; justify-content:center; width:100%; padding:60px 0px 0px 60px; margin:0 auto; box-sizing:border-box; } .T-contact-Elem a .T-contact-Cont { min-height:136px; } .T-privacy .T-privacy-Cont:first-child { width:63%; } .T-privacy .T-privacy-Cont:last-child { width:25%; } .T-contact { padding-top:20px; padding-bottom:20px; font-size:120%; height:auto; } .T-contact-Elem { display:block; justify-content:center; width:100%; padding:35px 0px 0px; margin:0 0px; } .T-contact-Elem .T-contact-Cont { display:flex; justify-content:flex-start; width:100%; height:auto; padding:15px; margin:0 0 0px; background:#fff; align-items:center; border-radius:10px; box-sizing:border-box; } .T-contact-Elem a .T-contact-Cont { width:100%; min-height:0; } .T-contact-Elem a .T-contact-Cont p { text-align:left; font-weight:normal; font-size:180%; width:80%; padding:0 0 0 10px; margin:0; } .T-contact-Elem a .T-contact-Cont p span { font-size:120%; font-weight:bold; } .T-privacy .T-privacy-Cont:first-child { width:78%; } .T-privacy .T-privacy-Cont:last-child { width:32%; } .T-privacy-Cont img { width:120px; } .T-privacy .tpc_x img { width:80px; padding:3px; border-radius:50%; border:1px solid #dbdbdb; background:#000; box-sizing:border-box; } .T-privacy img.tpc_x_w { border-radius:50%; border:1px solid #dbdbdb; background:#fff; margin-left:15px; } /* add:20240801 */ html { font-size:62.5%; word-break: break-word; } .post-list { width:46%; } header#branding hgroup { width:100%; } #page-top { width:100%; margin: 0 auto 40px; } #page { width:100%; margin: 0 auto 40px; } #primary { width:100%; } .contents-Elem { font-size:140%; } header#branding .menu-pc .menu-m li { padding:15px 30px 5px; } #sidebar ul a li:first-child { font-size:160%; } #content .entry-content { font-size:130%; } } @media screen and (max-width:740px){ .post-list { width:45%; } } @media screen and (max-width:670px){ .hidden-pc { display:block; } .Slideless h2 { font-size:150%; padding:20px 0 40px; line-height:160%; letter-spacing:0.2em; } .Slideless h4 { font-size:120%; } .Slideless p { font-size:100%; } .Top_mv { height:auto; } .Slideless h3 { width:100%; letter-spacing:0.18em; font-size:140%; } .Top_mv h2, .Top_mv p.Topmv_txt, .Top_mv .head-bn { padding-left:0px; box-sizing:border-box; } .Top_mv h2 { font-size:170%; padding:40px 0px 15px 0px; letter-spacing:0.24em; } .Top_mv p.Topmv_txt { clear:both; font-size:110%; color:#fff; font-weight:normal; letter-spacing:0.14em; text-shadow: #5a5a5a 1px 0 10px; } .Top_mv .head-bn { clear:both; width:55%; padding:90px 0px 120px; } .T-service { padding:20px 0px 40px; } .T-systemdev { clear:both; background:url(images/top_systemdev.webp)no-repeat right #fff; background-size:cover; padding:0px 0px 0px; margin-bottom:40px; box-sizing:border-box; } .T-systemdev p { width:45%; text-align:justify; padding:20px 20px 20px 0; background:rgba(255,255,255,0.7); border-radius:5px; } .T-systemdev img { width:65%; padding:10px 0; } .T-recruit { clear:both; display:block; width:100%; background:url(images/top_recruit_bg3.jpg)no-repeat top #fff; background-size:cover; } .T-recruit h3{ font-size:140%; padding-top:40px; } .T-recruit p { font-size:140%; } .btn_recruit { display:none; width:220px; padding:30px; margin:0 auto; justify-content:center; } .btn_recruit p { font-size:100%; } .T-rec-bn { width:100%; justify-content:center; padding:0px 0px 60px; margin:0 auto; box-sizing:border-box; } .T-rec-bn ul { display:block; justify-content:center; width:100%; padding:0 20px 100px; margin:0 auto; align-items:center; box-sizing:border-box; } .T-rec-bn li { width:44%; float:left; list-style:none; background:#fff; padding:0px; margin:10px; border-radius:10px; } .T-news { display:block; width:100%; padding:20px 0px 0px; } .T-news .T-news-Cont { width:100%; padding:0 0 30px; margin:0 auto; align-items:center; } .btn a { width:100px; padding:5px 15px; font-size:90%; } .T-systemdev { clear:both; background:url(images/top_systemdev.webp)no-repeat right #fff; background-size:contain; padding:0px 0px 0px; margin-bottom:40px; box-sizing:border-box; } .T-systemdev p { width:60%; text-align:justify; padding-bottom:20px; } .T-contact { padding-bottom:20px; font-size:120%; } .T-contact-Elem { display:flex; justify-content:center; width:100%; padding:60px 0px 0px 60px; margin:0 auto; box-sizing:border-box; } .news-list dt { font-size:120%; border-left:2px solid #20509f; color:#232323; font-weight:normal; height:20px; margin-bottom:0px; } .news-list dd { font-size:100%; border-left:2px solid #20509f; width:95%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:20px; } .T-contact { padding-bottom:20px; font-size:120%; height:auto; } .T-contact-Elem { display:block; justify-content:center; width:100%; padding:35px 20px 0px; margin:0 0px; } .T-contact-Elem .T-contact-Cont { display:flex; justify-content:flex-start; width:100%; height:auto; padding:15px; margin:0 0 0px; background:#fff; align-items:center; border-radius:10px; box-sizing:border-box; } .T-contact-Elem a .T-contact-Cont { width:100%; } .T-contact-Elem a .T-contact-Cont { width:100%; min-height:0; } .T-contact-Elem a .T-contact-Cont p { text-align:left; font-weight:normal; font-size:80%; width:80%; padding:0 0 0 10px; margin:0; } .T-contact-Elem a .T-contact-Cont p span { font-size:110%; font-weight:bold; } .T-privacy { display:block; width:100%; margin:0 auto; } .T-privacy .T-privacy-Cont { display:flex; justify-content:space-between; width:100%; padding:10px 0; margin:0 auto; } .T-privacy .T-privacy-Cont:first-child { width:100%; } .T-privacy .T-privacy-Cont:last-child { width:100%; justify-content:center; padding:10px 0 20px; } .T-privacy .T-privacy-Cont:last-child { width:100%; justify-content:center; padding:10px 0 20px; } .T-privacy p { font-size:80%; color:#232323; text-align:left; letter-spacing:0.1em; line-height:160%; padding:20px 0 20px 10px; margin:0; } .T-privacy-Cont img { width:80px; } .T-privacy .tpc_x img { width:60px; } /* add:20240801 */ #main { padding:0px; } .post-list { width:94%; margin:1% 3%; } .contents-Elem { font-size:100%; width:100%; } #content-top { padding:0 20px; box-sizing:border-box; } #content-Cont { padding:0 20px; box-sizing:border-box; } .T-news-tit { padding:20px 20px 0px; box-sizing:border-box; } .news-list { margin:20px; box-sizing:border-box; } header#branding .menu-pc .menu-m li { padding:5px 15px 0px; } #sidebar ul { padding:10px 20px; box-sizing:border-box; } #sidebar ul a li:first-child { font-size:85%; } .contents-Elem .main-tit img { height:340px; object-fit:cover; object-view-box:inset(0px -250px 0px 20px); } .contents-Elem .main-tit img.img-company-mv { height:100%; } .contents-Elem .i-box { padding:0 3%; margin:0; font-size:130%; } .contents-Elem .i-box picture img { margin-bottom:15px; } .contents-Elem .i-box p.p-lead { margin-top:0px; } .contents-Elem .i-box p.p-name { padding-bottom:30px; } .foot-menu-li { padding:0 20px; box-sizing:border-box; } .contents-Elem img.staffblog_topmv { height:360px; object-fit:cover; object-view-box:inset(0px -880px 0px 0px); border-radius:0px; } header#branding hgroup { width:100%; } #content { width:100%; padding:0px 0px; box-sizing:border-box; } .entry-header .post-time { margin-bottom:15px; } .entry-header .post-catgory-list { padding-bottom:10px; } .enter-header h2.post-entry-title a { width:100%; text-align:justify; word-break:break-all; text-justify:inter-character; } .entry-header .post-catgory-list a { font-size:80%; white-space:nowrap; } .post-footer { width:95%; } } @media screen and (max-width:430px){ .contents-Elem img.staffblog_topmv { height:320px; object-fit:cover; object-view-box:inset(0px -980px 0px 0px); border-radius:0px; } .post-list { width:92%; margin:2% 4%; } .entry-header .post-catgory-list { padding-bottom:0px; } .contents-Elem .i-box { padding:0 4%; margin:0; font-size:100%; } .entry-header .post-catgory-list a { font-size:90%; white-space:nowrap; line-height:240%; } .post-footer { width:90%; } #content .entry-content { font-size:100%; } } /* add:記事20240829 */ blockquote { position:relative; border-left:2px solid #3575a2; padding:10px; background:aliceblue; box-sizing:border-box; text-align:justify; word-break: break-all; } blockquote:before { position:absolute; font-family:'FontAwesome'; content:'\f10d'; font-size:30px; color:#3575a2; margin:15px 0px; } blockquote p { /* border-left:solid #3575a2; */ position:relative; padding-top:10px; padding-left:40px; padding-right:4px; } blockquote cite { display:block; font-size:0.8rem; color:#000; text-align:right; }