/* ==================================================== Content frame ==================================================== */ #main-inner, .footer-sns-inner, .footer-navi-inner, .contents_inner, #related_site_contents_wrapper, .breadcrumbs { max-width: 1200px; width: 100%; margin: 0 auto; padding: 0; box-sizing:border-box;overflow:hidden; } .footer-inner { width: 100%; margin: 0 auto; padding: 0; } .header-bg { max-width: 1440px; width: 100%; height: 300px; margin: 0 auto; padding: 0; } .header-bg { background: url("/hc/theming_assets/01HZKMN24MG88G1K4G02P7E5Z5") no-repeat 0 3px; } .header-inner { max-width: 1200px; width: 100%; height:300px;margin: 0 auto; padding: 0; } /* Columns */ .main-column, .side-column { display: block; float: left; vertical-align: top; box-sizing:border-box;overflow:hidden; } .main-column { flex:0 0 70%; min-width: 300px; margin-bottom: 4em; } .main-column H3 { color: #313131; font-size: 22px; font-weight: 400; line-height: 26px; } .side-column { flex:0 0 25%; margin: 0 0 4em auto; } [dir=rtl] .side-column { margin-left: 0; margin-right: 40px; } /* flexbox */ .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} .flexbox {box-sizing:border-box;overflow:hidden;width:100%;margin:0 auto;} .flexboxinner {align-self: stretch;} .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ .flexbox.ADN_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ .flexbox.ADN_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* flexbox 3カラム */ .flexbox.ADN_3col .flexboxinner {flex:0 0 31.33%;max-width:31.33%;} /* flexbox 4カラム */ .flexbox.ADN_4col .flexboxinner {flex:0 0 23%;max-width:23%;} /* flexbox 5カラム */ .flexbox.ADN_5col .flexboxinner {flex:0 0 19%;max-width:19%;} /* flexbox 6カラム */ .flexbox.ADN_6col .flexboxinner {flex-basis:14.66%;max-width:14.66%;} /* CSS 初めての方LP 2020/01 */ #BeginnerView {} #BeginnerView #C01, #BeginnerView #C02, #BeginnerView #C03, #BeginnerView #C04, #BeginnerView #C05 {margin:0 0 100px;} #BeginnerView section.Contents {border-bottom:1px solid #EEE;padding:0 0 1.5em;} #BeginnerView section.Contents h2.Contents {font-size:167%;font-weight:600;color:#9AA8AE;} #BeginnerView section.Contents ol {list-style-position:inside;margin:0 0 0 15px;padding:0 0 0 15px;} #BeginnerView section.Contents ol li {font-weight:600;margin-bottom:0;} #BeginnerView section.Contents ol li a {text-decoration:underline;} #BeginnerView h2.Num {position:relative;font-size:147%;color:#FFF;letter-spacing:1px;line-height:1.5;font-weight:normal;background-color:#006544;margin:1em 0;padding: 0.4em 0 0.3em 1.2em;} #BeginnerView h2.Num:before {position:absolute;top:0;left:0;width:1em;height:2em;content:"";background:url("/hc/theming_assets/01HZKMNA91B277M51G9EYQ5CVG") no-repeat left center;background-size:18px auto;} #BeginnerView h3.Num {position:relative;font-size:131%;font-weight:600;color:#313131;letter-spacing:0.5px;line-height: 1.5;margin:1em 0;padding:0.1em 0 0 1.3em;} #BeginnerView h3.Num:before {position:absolute;top:0;left:0;width:1em;height:1.5em;content:"";background:url("/hc/theming_assets/01HZKMNAX5YJG9NKEJTGSWF2BE") no-repeat left center;background-size:20px 20px;} #BeginnerView h3.Num.mt2em {margin-top:2em;} #BeginnerView h3.Num.mt3em {margin-top:3em;} #BeginnerView h3.Num small {font-weight:normal;} #BeginnerView p {} #BeginnerView p a {} #BeginnerView p a:active, #BeginnerView p a:hover {} #BeginnerView p.center {text-align:center;} #BeginnerView p.seemore {text-align:right;margin:0;padding:0 1em 2em 0;} #BeginnerView p.seemore a:after {content:"\E75E";color:#CCC;} #BeginnerView section.installGuide {border:1px solid #64C846;border-radius:15px;margin:0 0 4%;} #BeginnerView section.installGuide .flexbox {} #BeginnerView section.installGuide .flexbox.ADN_2col .flexboxinner:nth-child(1) {flex:0 0 40%;max-width:40%;} #BeginnerView section.installGuide .flexbox.ADN_2col .flexboxinner:nth-child(2) {flex:0 0 60%;max-width:60%;} #BeginnerView section.installGuide .flexboxinner {margin:30px 0;} #BeginnerView section.installGuide .flexboxinner:nth-child(1) {padding:0;} #BeginnerView section.installGuide .flexboxinner:nth-child(2) {padding:0 35px 0 0;} #BeginnerView section.installGuide .flexboxinner ol {list-style-position:inside;list-style:none;margin:0 0 0 35px;padding:0;} #BeginnerView section.installGuide .flexboxinner ol li {font-size:18px;font-weight:600;margin:0;padding:0 0 0 22px;text-indent:-22px;} #BeginnerView section.installGuide .flexboxinner ol li:before {color:#64C846;font-weight:600;} #BeginnerView section.installGuide .flexboxinner ol li ol {margin:0 0 1.5em;padding:0;} #BeginnerView section.installGuide .flexboxinner ol li ol li {font-size:85%;font-weight:normal;padding:0 0 0 35px;text-indent:-36px;} #BeginnerView section.installGuide .flexboxinner:nth-child(1) ol {counter-reset:item;} /* start = 1 */ #BeginnerView section.installGuide .flexboxinner:nth-child(1) ol li:before {counter-increment:item;content:counter(item) ". ";} #BeginnerView section.installGuide .flexboxinner:nth-child(1) ol li ol {counter-reset:item;} /* start = 1 */ #BeginnerView section.installGuide .flexboxinner:nth-child(1) ol li:nth-child(1) ol li:before {counter-increment:item;content:"1." counter(item) ". ";} #BeginnerView section.installGuide .flexboxinner:nth-child(1) ol li:nth-child(2) ol li:before {counter-increment:item;content:"2." counter(item) ". ";} #BeginnerView section.installGuide .flexboxinner:nth-child(1) ol li:nth-child(3) ol li:before {counter-increment:item;content:"3." counter(item) ". ";} #BeginnerView section.installGuide .flexboxinner:nth-child(2) ol {counter-reset:item 3;} /* start = 4 */ #BeginnerView section.installGuide .flexboxinner:nth-child(2) ol li:before {counter-increment:item;content: counter(item)'.';} #BeginnerView section.installGuide .flexboxinner:nth-child(2) ol li ol {counter-reset:item;} /* start = 1 */ #BeginnerView section.installGuide .flexboxinner:nth-child(2) ol li:nth-child(1) ol li:before {counter-increment:item;content:"4." counter(item) ". ";} #BeginnerView section.installGuide .flexboxinner:nth-child(2) ol li:nth-child(2) ol li:before {counter-increment:item;content:"5." counter(item) ". ";} #BeginnerView section.Introlist {background:#F0F0F0;border-radius:5px;} #BeginnerView section.Introlist ul {list-style-position:inside;margin:0 15px;padding:30px 15px;} #BeginnerView section.Introlist ul li {margin:0;text-indent:-20px;padding:0 0 0 20px;} #BeginnerView section.Introlist ul li a {} #BeginnerView section.Introlist ul li a:active, #BeginnerView section.Introlist ul li a:hover {} #BeginnerView section.Introlist ul li a[target="_blank"]:after {color:#CCC;} #BeginnerView section.QBbox {border-bottom:1px solid #EEE;margin:3em 0;} #BeginnerView section.QBbox a.QuestionBtn {display:block;width:50%;height:72px;line-height:72px;padding:0;box-sizing:border-box;overflow:hidden;} #BeginnerView section.QBbox a.QuestionBtn {font-size:131%;color:#fff;text-align:center;margin:0 auto;} #BeginnerView section.QBbox a.QuestionBtn {background:#43942C;background:linear-gradient(top bottom,#64C846,#43942C);background:-ms-linear-gradient(top, #64C846, #43942C);background:-moz-linear-gradient(center top, #64C846 0%,#43942C 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #64C846),color-stop(1, #43942C));vertical-align:middle;} #BeginnerView section.QBbox a.QuestionBtn:hover, #BeginnerView section.QBbox a.QuestionBtn:focus, #BeginnerView section.QBbox a.QuestionBtn:active {background:#43942C;} #BeginnerView section.QBbox a.QuestionBtn[target="_blank"]:after {display:none;} #BeginnerView section.IntroContents {} #BeginnerView section.IntroContents .flexbox {} #BeginnerView section.IntroContents .flexboxinner {position:relative;text-align:center;background-size:180px auto;} #BeginnerView section.IntroContents .flexboxinner.Btn_flowTemplate {background:url("/hc/theming_assets/01HZKMNAD9PKJPN95Y9BDXBQY0") no-repeat 50% 50%;} #BeginnerView section.IntroContents .flexboxinner.Btn_sampleFlow {background:url("/hc/theming_assets/01HZKMNAJPN251A79K7J1FX07G") no-repeat 50% 50%;} #BeginnerView section.IntroContents .flexboxinner.Btn_useMovie {background:url("/hc/theming_assets/01HZKMNAR7TQETX98FZ859B71J") no-repeat 50% 50%;} #BeginnerView section.IntroContents .flexboxinner h3 {color:#006544;font-size:167%;font-weight:600;height:3em;margin:1.5em 1em 75%;} #BeginnerView section.IntroContents .flexboxinner .dl_btn {display:inline-block;font-size:108%;background:#006544;border-radius:2em;color:#FFF;margin:0 auto 2em;padding:0.2em 1em;} #BeginnerView section.IntroContents .flexboxinner a {display:block;position:absolute;width:100%;height:100%;left:0;top:0;margin:0;padding:0;box-sizing:border-box;overflow:hidden;} #BeginnerView section.IntroContents .flexboxinner a {border:2px solid #006544;border-radius:15px;} #BeginnerView section.IntroContents .flexboxinner a:active, #BeginnerView section.IntroContents .flexboxinner a:focus, #BeginnerView section.IntroContents .flexboxinner a:hover {border:4px solid #003B60;} #BeginnerView section.IntroContents .flexboxinner a:hover ~ .dl_btn, #BeginnerView section.IntroContents .flexboxinner a:focus ~ .dl_btn, #BeginnerView section.IntroContents .flexboxinner a:active ~ .dl_btn {background:#003B60;} #BeginnerView section.IntroContents .flexboxinner a:hover ~ h3, #BeginnerView section.IntroContents .flexboxinner a:focus ~ h3, #BeginnerView section.IntroContents .flexboxinner a:active ~ h3 {color:#003B60;} #BeginnerView section.IntroContents .flexboxinner a:after {display:none;} #BeginnerView section.IntroContents .flexboxinner.Btn_flowTemplate:active, #BeginnerView section.IntroContents .flexboxinner.Btn_flowTemplate:focus, #BeginnerView section.IntroContents .flexboxinner.Btn_flowTemplate:hover {background-color:#F5F5F5;} #BeginnerView section.IntroContents .flexboxinner.Btn_sampleFlow:active, #BeginnerView section.IntroContents .flexboxinner.Btn_sampleFlow:focus, #BeginnerView section.IntroContents .flexboxinner.Btn_sampleFlow:hover {background-color:#F5F5F5;} #BeginnerView section.IntroContents .flexboxinner.Btn_useMovie:active, #BeginnerView section.IntroContents .flexboxinner.Btn_useMovie:focus, #BeginnerView section.IntroContents .flexboxinner.Btn_useMovie:hover {background-color:#F5F5F5;} /* CSS Lity 動画ポップアップ 2019/12 */ #movielist {} #movielist ul {background:#F0F0F0;margin:0 auto;} #movielist ul li {text-align:center;color:#FFF;font-size:93%;background:#6c87a7;margin:15px 0;padding:1em;cursor:pointer;} #movielist ul li:active, #movielist ul li:hover {background:#5584be;} #movielist ul li.on {color:#FFF;background:#006544;} #movielist ul li.on:active, #movielist ul li.on:hover {background:#1f473a;} #movielist ul li span {} #movielist h2 {display:none;} #movielist h2.active {display:inline-block;} #movieitem .flexboxinner {margin:0 0 2em;border-bottom:1px dotted #CCC;} #movieitem .flexboxinner h3 {font-size:116%;line-height:1.5;color:#006544;background:#f5f5f5;margin:1em 0 0;padding:10px 0 10px 8px;border-left:5px solid #00654450; } #movieitem .flexboxinner p {font-size:85%;margin:0;padding:1em 1.5em;} #movieitem .flexboxinner p.right {text-align:right;} #movieitem .flexboxinner .icon {display:inline-block;font-size:85%;color:#999;margin: 0 0 10px;} #movieitem .flexboxinner .icon span {line-height: 1;background: #006544;color: #FFF;margin:0 10px 0 0;padding: 5px 10px;} /* 共通：ポップアップ表示 */ .youtubebox {position: relative; margin-left: auto; margin-right: auto; padding-bottom: 56.25%; width: 100%;} .youtubebox iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .youtubebox a.youtubepopuplink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* CSS Google Docs Viewer アタッチメント埋め込み（添付） 2019/12 */ #thumbnailitem {box-sizing:border-box;overflow:hidden;} #thumbnailitem .flexbox {margin:0 0 -2%;box-sizing:border-box;overflow:hidden;} /* １列：アダプター一覧、他 */ #thumbnailitem .flexbox.ADN_1col {} #thumbnailitem .flexbox.ADN_1col .image {flex:0 0 50px;max-width:50px;align-self:flex-start;} #thumbnailitem .flexbox.ADN_1col .text {flex:2 0 60%;min-width:60%;align-self:flex-start;} #thumbnailitem .flexbox.ADN_1col .dl_btn {flex:1 0 25%;min-width:25%;align-self:flex-end;} #thumbnailitem .flexbox.ADN_1col .text {margin:20px 10px;text-align:left;} #thumbnailitem .flexbox.ADN_1col .dl_btn {padding:5px 1em;margin:10px;} #thumbnailitem .flexbox.ADN_1col img, #thumbnailitem .flexbox.ADN_1col .image {display:block;width:50px;height:50px;margin:5px;text-align:center;box-sizing:border-box;overflow:hidden;} #thumbnailitem .flexbox.ADN_1col .image {background:no-repeat left top;background-size:contain;} #thumbnailitem .flexbox.ADN_1col .image:before {display:block;width:1em;height:1em;line-height:50px;font-size:50px;margin:0;padding:0;} #thumbnailitem .flexbox.ADN_1col .image:before {font-weight: normal;font-family: "entypo";color:#64C846;} #thumbnailitem .flexbox.ADN_1col a[title$=".zip"] ~ .image:before {content: "\1F4E6"; } #thumbnailitem .flexbox.ADN_1col a[title$=".key"] ~ .image:before, #thumbnailitem .flexbox.ADN_1col a[title$=".txt"] ~ .image:before {content: "\1F4C4"; } #thumbnailitem .flexbox.ADN_1col a[title$=".jpg"] ~ .image:before {content: "\1F304"; } #thumbnailitem .flexbox.ADN_1col a[title$=".png"] ~ .image:before {content: "\E736"; } #thumbnailitem .flexbox.ADN_1col a[title$=".ai"] ~ .image:before, #thumbnailitem .flexbox.ADN_1col a[title$=".eps"] ~ .image:before {content: "\1F4C1"; } #thumbnailitem .flexbox.ADN_1col a[title$=".pdf"] ~ .image {background-image: url(/hc/theming_assets/01HZKMN8TXJSVJ0Y6EJASSB9H1);} #thumbnailitem .flexbox.ADN_1col a[title$=".ppt"] ~ .image, #thumbnailitem .flexbox.ADN_1col a[title$=".pptx"] ~ .image {background-image: url(/hc/theming_assets/01HZKMN8YVPZ0V03G0Z15MVW5Z);} #thumbnailitem .flexbox.ADN_1col a[title$=".xls"] ~ .image, #thumbnailitem .flexbox.ADN_1col a[title$=".xlsx"] ~ .image {background-image: url(/hc/theming_assets/01HZKMN8P05JKSRBMS4EWVZ2Z1);} #thumbnailitem .flexbox.ADN_1col a[title$=".doc"] ~ .image, #thumbnailitem .flexbox.ADN_1col a[title$=".docx"] ~ .image {background-image: url(/hc/theming_assets/01HZKMN937J9W6WGWVWBM1J5K7);} #thumbnailitem .flexbox.ADN_1col a[title$=".pdf"] ~ .image:before, #thumbnailitem .flexbox.ADN_1col a[title$=".ppt"] ~ .image:before, #thumbnailitem .flexbox.ADN_1col a[title$=".pptx"] ~ .image:before, #thumbnailitem .flexbox.ADN_1col a[title$=".xls"] ~ .image:before, #thumbnailitem .flexbox.ADN_1col a[title$=".xlsx"] ~ .image:before, #thumbnailitem .flexbox.ADN_1col a[title$=".doc"] ~ .image:before, #thumbnailitem .flexbox.ADN_1col a[title$=".docx"] ~ .image:before {display:none;} /* 2列：ロゴ一覧 */ #thumbnailitem .flexbox.ADN_2col {} #thumbnailitem .flexbox.ADN_2col img {display:block;width:100%;height:auto;margin:0 auto;} #thumbnailitem .flexbox.ADN_2col .text {margin:20px 0;text-align:center;} #thumbnailitem .flexbox.ADN_2col img {flex:0 0 100%;max-width:100%;align-self:center;} #thumbnailitem .flexbox.ADN_2col .text {flex:0 0 100%;max-width:100%;align-self:center;} #thumbnailitem .flexbox.ADN_2col .dl_btn {flex:0 0 100%;max-width:100%;align-self:center;} #thumbnailitem .flexbox.ADN_2col .dl_btn {padding:5px 10px;margin:0;} /* flexboxinner 共通設定 */ #thumbnailitem .flexboxinner {position:relative;margin:0 0 2%;padding:15px;border:1px solid #DDD;} #thumbnailitem .flexboxinner {background:#F0F0F0;background:linear-gradient(top bottom,#FFF,#F0F0F0);background:-ms-linear-gradient(top, #FFF, #F0F0F0);background:-moz-linear-gradient(center top, #FFF 0%,#777 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF),color-stop(1, #F0F0F0));} #thumbnailitem .flexboxinner {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #thumbnailitem .flexboxinner {box-sizing:border-box;overflow:hidden;width:100%;} #thumbnailitem .flexboxinner.active {background:#F0F0F0;} #thumbnailitem .flexboxinner img, #thumbnailitem .flexboxinner .image, #thumbnailitem .flexboxinner .text, #thumbnailitem .flexboxinner .dl_btn {align-self: stretch;box-sizing:border-box;overflow:hidden;} #thumbnailitem .flexboxinner .text {font-size:100%;line-height:1.5;} #thumbnailitem .flexboxinner .dl_btn {line-height:30px;font-size:116%;color:#fff;text-align:center;box-sizing:border-box;overflow:hidden;} /* 基本 DLボタン */ #thumbnailitem .flexboxinner .dl_btn {background:#43942C;background:linear-gradient(top bottom,#64C846,#43942C);background:-ms-linear-gradient(top, #64C846, #43942C);background:-moz-linear-gradient(center top, #64C846 0%,#43942C 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #64C846),color-stop(1, #43942C));vertical-align:middle;} #thumbnailitem .flexboxinner a:hover ~ .dl_btn, #thumbnailitem .flexboxinner a:focus ~ .dl_btn, #thumbnailitem .flexboxinner a:active ~ .dl_btn {background:#43942C;} /* hover */ #thumbnailitem .flexboxinner a:hover + img, #thumbnailitem .flexboxinner a:focus + img, #thumbnailitem .flexboxinner a:active + img {opacity:0.9;} #thumbnailitem .flexboxinner .dl_btn:after {font-size: 93%;font-weight: normal;font-family: "entypo";padding:0;margin:0 0 0 5px;color:#FFF;} #thumbnailitem .flexboxinner a[target="_blank"] ~ .dl_btn:after {content: "\E74C"; } /* リンクブロック */ #thumbnailitem .thumbnailbox a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;box-sizing:border-box;overflow:hidden;z-index:1;} /* CSS 専用コンテンツ ドキュメント一覧 2019/12 */ #documentlist {box-sizing:border-box;overflow:hidden;} #documentlist .flexbox {margin:0 0 -2%;box-sizing:border-box;overflow:hidden;} #documentlist .flexbox.ADN_2col {} #documentlist .flexboxinner {position:relative;border:1px solid #DDD;margin:0 0 4%;padding:2em 1.5em 4em;} #documentlist h2 { color: #006544; font-size: 26px; font-weight: 700; margin: 64px 0 18px; } #documentlist .flexboxinner h3 {color:#006544;margin:0 0 15px;} #documentlist .flexboxinner h3 span {font-size:70%;color:#999;} #documentlist .flexboxinner img {width:100px;height:100px;display:block;float:left;margin:0 1em 1em 0;} #documentlist .flexboxinner ul {margin:0 0 1em;box-sizing:border-box;overflow:hidden;} #documentlist .flexboxinner ul li {float:left;line-height:1.8;position:relative;margin:0;padding:0 0 0 1em;} #documentlist .flexboxinner ul li:before {display:inline;position:absolute;left:0;top:0;width: 1em;height: 1em;margin:0; font-size: 131%; line-height:1; color: #99A5AC; } #documentlist .flexboxinner ul li:before { font-family: "entypo"; } #documentlist .flexboxinner ul li:before { content: "\E762"; } #documentlist .flexboxinner ul li a {margin:0 1em 0 0;} #documentlist .flexboxinner ul li a:active, #documentlist .flexboxinner ul li a:hover {} #documentlist .flexboxinner .See_All {clear:both;position:absolute;right:1em;bottom:2em;text-align:right;} #documentlist .flexboxinner .See_All a.See_All_Articles {} #documentlist .flexboxinner .See_All a.See_All_Articles:after {display:inline;width: 1em;height: 1em;margin:0 0 0 5px; font-size: 131%; line-height:1; color: #99A5AC; } #documentlist .flexboxinner .See_All a.See_All_Articles:after { font-family: "entypo"; } #documentlist .flexboxinner .See_All a.See_All_Articles:after { content: "\E760"; } #documentlist .flexboxinner .See_All a.See_All_Articles:active, #documentlist .flexboxinner .See_All a.See_All_Articles:hover {} #documentlist .flexboxinner.sectionID_206711307, #documentlist .flexboxinner.sectionID_206681088, #documentlist .flexboxinner.sectionID_206727968, #category-list dl.accordion.sectionID_206681068, #category-list dl.accordion.sectionID_206681048, #category-list dl.accordion.sectionID_206681108, #category-list dl.accordion.sectionID_206727968, #category-list dl.accordion.sectionID_115000157848, #category-list dl.accordion.sectionID_206711307, #category-list dl.accordion.sectionID_900000253066, #category-list dl.accordion.sectionID_900001651483 {display:none;} /* ADN Slackについて 2020/02 */ .how_about_ADN_Slack {border: 3px solid #006544;color: #313131;border-radius: 15px;margin:2em 0;padding: 25px;} .how_about_ADN_Slack h3 {font-size: 131%;font-weight: 600;color: #006544;letter-spacing: 0.5px;line-height: 1.5;margin: 1em 0;} .how_about_ADN_Slack p {} .how_about_ADN_Slack p .green {color: #006544;} .how_about_ADN_Slack a {} /* ▼専用コンテンツボックス ログイン後 動線バナー */ #PUs .login_content_banner {} #PUs .login_content_banner .partner_list_box {position:relative;width:100%;box-sizing:border-box;overflow:hidden;} #PUs .login_content_banner .partner_list_box .partnerBanner {width:100%;height:100%;margin:0 auto 15px;text-align:center;background-color:#01da93;} #PUs .login_content_banner .partner_list_box .partnerBanner a {display:block;width:100%;height:100%;margin:0;} #PUs .login_content_banner .partner_list_box .partnerBanner a img {max-width:160%;height:auto;margin:0 -50%;padding:0;} #PUs .login_content_banner .partner_list_box .partnerBanner a:active, #PUs .login_content_banner .partner_list_box .partnerBanner a:hover, #PUs .login_content_banner .partner_list_box .partnerBanner a:focus {background-color:#313131;} #PUs .login_content_banner .partner_list_box .partnerBanner a:hover img {opacity:0.9;} /* homepage.css背景 */ #PUs .login_content_inner .list_box ul li a {padding-right:25px;display:block; color:#99a5ac; background: url(/hc/theming_assets/01HZKMMW3JZD56QG7D7BPYR6M8) no-repeat right center; margin: 0 10px 0 1em; text-indent:-1em;} #Tabs div.panels .panel dd { margin: 0 0 9px; padding: 0 25px 8px 35px; border-bottom: 1px dotted #ddd; background: url(/hc/theming_assets/01HZKMMW3JZD56QG7D7BPYR6M8) no-repeat 20px 3px; } /* article.css背景 */ .PUs_list dl dd {margin: 0 0 9px;padding: 0 25px 16px 35px;border-bottom: 1px dotted #ddd;background: url(/hc/theming_assets/01HZKMMW3JZD56QG7D7BPYR6M8) no-repeat 20px 3px;font-size: 14px;font-weight: 400;} /* CSS Document ★ここからHeaderCSS */ /* ==================================================== Header 2019/11/19 ==================================================== */ .header { background-color: #fff; border: none; margin-bottom: 0; } /* ロゴ */ .logo {float: left;position: relative;width:auto;height: 150px;box-sizing:border-box;overflow:hidden;padding: 0 0 0 10px;} .logo a.drawer-brand {line-height:1;} .logo a.drawer-brand {font-weight:normal;padding-right:0;padding-left:0;} .logo a.drawer-brand > span {display:block;float:left;width:220px;height:58px;margin:0;} .logo a.drawer-brand span > img {width:220px;height:58px;margin:42px 0 0;} /* ハンバーガーボタン調整 */ body.drawer--top header .drawer-hamburger, body.drawer--top.drawer-open header .drawer-navbar .drawer-hamburger {left: 0;} body header .drawer-hamburger {position:absolute;width:25px;padding:16px 15px 23px;margin:6px;} body header .drawer-hamburger-icon {margin-top:6px;} body header .drawer-hamburger-icon, body header .drawer-hamburger-icon:after, body header .drawer-hamburger-icon:before {background-color:#006544;} .drawer-open header .drawer-hamburger-icon:after, .drawer-open header .drawer-hamburger-icon:before {background-color:#006544;} body header .drawer-hamburger-icon:after, body header .drawer-hamburger-icon:before {top:-6px;} body header .drawer-hamburger-icon:after {top:6px} /* ユーザーボタン */ .user-nav {position: absolute;right:0;top:0;width: 50%;height: 150px;overflow: hidden;} .user-nav > .login { margin-left: 20px; padding: 0 10px; } .user-nav > a:first-child { border: 0; } .login { margin-left: 20px; background: #fff; } a.login:hover, a.login:active, a.login:focus { text-decoration:underline; } .user-info {margin-top: 8px;} .user-info .btn { background: #fff; padding: 0 10px; border: 1px solid; border-color: #d1d1d1; border-color: rgba(0, 0, 0, 0.17); border-radius: 2px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.03); cursor: pointer; display: inline-block; font-size: 12px; font-weight: normal; height: 30px; line-height: 28px; position: relative; vertical-align: middle; white-space: nowrap; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; } .language-selector { border-right: 1px solid; border-right-color: #ddd; border-right-color: rgba(0, 0, 0, 0.07); display: inline-block; padding-right: 15px; margin-right: 10px; } .user-avatar { left: -5px; max-height: 20px; position: relative; top: -1px; } .user-nav>dl { position: relative; width: 100%; height: 100%; margin: 0; } .user-nav>dl dt {display: block;text-align: right;position: absolute;right: 168px;top: 0;} .user-nav>dl dt strong {display: block;margin-top: 15px;color: #535353;font-size: 14px;font-weight:normal;} .user-nav>dl dd { display: block; position: absolute; right: 0; top: 0; margin: 0; } /* ▼ユーザーナビ（ご質問はこちら） */ .user-nav>dl dd a.green_btn {display: block;width: 160px;height: 72px;line-height: 72px;text-align: center;padding: 0;margin: 0 0 8px;} .user-nav>dl dd a.green_btn strong {font-size: 16px;letter-spacing: 1px;} .user-nav>dl dd a.green_btn { color:#fff; border:1px solid #006544; border-bottom:1px solid #00371f; background: #00371f; background: linear-gradient(top bottom,#006544,#00371f); background: -ms-linear-gradient(top, #006544, #00371f); background: -moz-linear-gradient(center top, #006544 0%,#00371f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006544),color-stop(1, #00371f)); } .user-nav>dl dd a.green_btn:hover, .user-nav>dl dd a.green_btn:active, .user-nav>dl dd a.green_btn:focus { background: #00371f; text-decoration:none; } /* ▲ユーザーナビ（ご質問はこちら） */ .user-nav>ul {width: 328px; height: 150px; margin: 0 0 0 auto; } .user-nav>ul li {float: left;} /* ▼ユーザーナビ（評価版） */ .user-nav>ul li a.green_btn {display: block;width: 160px;min-height: 72px;line-height: 1;text-align: center;padding: 0;margin: 0 8px 0 0;} .user-nav>ul li a.green_btn span {display: inline-block;font-size: 12px;font-weight: 700;color:#FFFFCC;padding-top: 10px;} .user-nav>ul li a.green_btn strong {display: inline-block;font-size: 18px;letter-spacing: 3px;padding-top: 5px;} .user-nav>ul li a.green_btn small {display: inline-block;font-size: 13px;color:#FFF;padding-top: 5px;} .user-nav>ul li a.green_btn small::after { font-family: "entypo"; content: " \E75E"; } .user-nav>ul li a.green_btn { color:#fff; border:1px solid #006544; border-bottom:1px solid #00371f; background: #00371f; background: linear-gradient(top bottom,#006544,#00371f); background: -ms-linear-gradient(top, #006544, #00371f); background: -moz-linear-gradient(center top, #006544 0%,#00371f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006544),color-stop(1, #00371f)); } .user-nav>ul li a.green_btn:hover, .user-nav>ul li a.green_btn:active, .user-nav>ul li a.green_btn:focus { background: #00371f; text-decoration:none; } /* ▲ユーザーナビ（評価版） */ /* ▼ユーザーナビ（お問い合わせ） */ .user-nav>ul li a.black_btn {display: block;width: 160px;height: 72px;line-height: 72px;text-align: center;padding: 0;margin: 0;} .user-nav>ul li a.black_btn strong {font-size: 16px;letter-spacing: 2px;} .user-nav>ul li a.black_btn { color:#fff; border:1px solid #777; border-bottom:1px solid #313131; background: #313131; background: linear-gradient(top bottom,#777,#313131); background: -ms-linear-gradient(top, #777, #313131); background: -moz-linear-gradient(center top, #777 0%,#313131 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777),color-stop(1, #313131)); } .user-nav>ul li a.black_btn:hover, .user-nav>ul li a.black_btn:active, .user-nav>ul li a.black_btn:focus { background: #313131; text-decoration:none; } /* ▲ユーザーナビ（お問い合わせ） */ /* ▼ユーザーナビ（ユーザー登録／ログイン） */ .user-nav>ul li:last-child { width: 328px; height: 40px; border: 1px solid #ddd; font-size: 14px; font-weight: 700; text-align: center; margin-top: 8px; padding-top: 5px; } .user-nav>ul li:last-child::after { font-family: "entypo"; content: "\E75E"; } /* ▲ユーザーナビ（ユーザー登録／ログイン） */ nav#navigation {width: 100%; margin: 0 auto; padding: 0;} nav#navigation ul { width: 100%; margin: 0 auto; height: 72px; } nav#navigation ul li {float:left;width: 14.25%;height: 72px;overflow: hidden;text-align: center;} nav#navigation ul li.mainnav {display: block;} nav#navigation ul li.sub {display:none;} /* スクロール時は表示する*/ nav#navigation ul li a {display: block;border-left: 1px solid #ddd;width: 100%;height: 100%;color: #5B6B73;font-size: 13px;font-weight: 700;line-height: 1.3;padding: 10px 5px 0;position: relative;} nav#navigation ul li.sub a {color: #307fe2;} nav#navigation ul li.sub.trial a, nav#navigation ul li.sub.requests a {width:100%;border:1px solid;border-radius:6px;height:auto;margin:13px 0 0;padding:10px 10px 7px;} header nav#navigation ul li.sub.black_btn a {border-color:#313131;color: #313131;} header nav#navigation ul li.sub.green_btn a {border-color:#006544;color: #006544;} nav#navigation ul li:first-child a {border: none;} nav#navigation ul li a small {display: block;font-size:10px;font-weight:700;color:#99A5AC;} nav#navigation ul li a:hover, nav#navigation ul li a:active, nav#navigation ul li a:focus { color: #006544; text-decoration:none; background-color:#F0F0F0; opacity:0.9; } nav#navigation ul li.sub a:hover, nav#navigation ul li.sub a:active, nav#navigation ul li.sub a:focus { color: #999;} nav#navigation ul li.sub.black_btn a:hover, nav#navigation ul li.sub.black_btn a:active, nav#navigation ul li.sub.black_btn a:focus {border-color:#003544;background-color:#003544;color: #FFF;} nav#navigation ul li.sub.green_btn a:hover, nav#navigation ul li.sub.green_btn a:active, nav#navigation ul li.sub.green_btn a:focus {border-color:#003544;background-color:#003544;color: #FFF;} /* カテゴリアイコン */ nav#navigation ul li a:before {display: block;width: 100%;height: 1em;margin-bottom: 12px; font-size: 20px; font-weight:normal; color: #99A5AC; } nav#navigation ul li a:before { font-family: "entypo"; } nav#navigation ul li.top a:before { content: "\2302"; } nav#navigation ul li.news a:before { content: "\1F514"; } nav#navigation ul li.faq a:before { content: "\2753"; } nav#navigation ul li.use a:before { content: "\1F4D5"; } nav#navigation ul li.tec a:before { content: "\E73C"; } nav#navigation ul li.man a:before { content: "\1F4D6"; } nav#navigation ul li.spc a:before { content: "\1F4BB"; } nav#navigation ul li.frm a:before { content: "\E720"; } nav#navigation ul li.user_input a:before { content: "\E700"; color:#307fe2; } /* 新規登録 */ nav#navigation ul li.user_login a:before { content: "\E740"; color:#307fe2; } /* ログイン */ /* 検索アイコンボタン */ nav#navigation ul li#search button.icon:before {display: block;width: 100%;height: 1em;margin-bottom: 12px; font-size: 20px; font-weight:normal; color: #006544; } nav#navigation ul li#search button.icon:before { font-family: "entypo"; } nav#navigation ul li#search button.icon:before { content: "\1F50D"; } /* 検索 */ nav#navigation ul li#search button.icon {box-sizing:border-box;overflow:hidden;} nav#navigation ul li#search button.icon {border:none;width:100%;height:100%;padding: 0 15px;outline:none;border-radius: unset;background: transparent;} nav#navigation ul li#search button.icon:hover {opacity:0.75;} nav#navigation ul li#search button.icon span {display:none;} /* ほか調整 */ nav#navigation ul li.user_support a, nav#navigation ul li.my_contents a, nav#navigation ul li.my_activities a, nav#navigation ul li.user_support a, nav#navigation ul li.sign-out a {line-height:3.75rem;} /* 外部ドキュメント ※外部リンクマークと同じ */ nav#navigation ul li a:after { font-size: 13px; font-weight:normal; color: #ddd; } nav#navigation ul li a:after { font-family: "entypo"; } nav#navigation ul li.frm a:after { content: " \E74C"; } /* 固定時に表示した検索ボックス */ div#search_container {position:fixed;left:0;top:0;margin:0;padding:0;box-sizing:border-box;overflow:hidden;} div#search_container {width:100%;height:100px;text-align:left;background:#EEE;opacity:0.9;border-bottom:1px solid #C8CCCC;} div#search_container.off {display:none;top:0;} div#search_container.on {display:block;z-index:3;top:3.75rem;} /* 検索フィールド */ div#search_container div#search_box {max-width:1200px;height:40px;margin:30px auto;box-sizing:border-box;overflow:hidden;} div#search_container div#search_box form {position:relative;float:left;width:80%;box-sizing:border-box;overflow:hidden;} /* 閉じるボタン */ div#search_container div#search_box button.close {position:relative;float:right;width:18%;height:40px;cursor:pointer;outline:none;} div#search_container div#search_box button.close {padding:0 15px 0 10px;line-height:40px;border-radius:20px;} div#search_container div#search_box button.close {color:#FFF;border:1px solid #006544;background:#006544;} div#search_container div#search_box button.close:hover {border-color:#003544;background:#003544;} div#search_container div#search_box button.close:active {text-decoration:none;} div#search_container div#search_box button.close span:before {display:inline;padding:0 6px;color:#FFF;} div#search_container div#search_box button.close span:before {font-size:1rem;line-height:1rem;content:'×';} /* ==================================================== Search ==================================================== */ .hero-unit {position:absolute;left:0;top:150px;width: 91%;margin: 0 4.5%;} /** Main search component on the home page **/ .search input[type=submit], .search input[type=submit] { display: none; } .search input[type=search] { float: none; display: block; width: 100%; margin: 0 auto; padding: 0 10px 0 55px; } .search input[type=search] { color:#999; background: #fff; border: 1px solid #006544; border-radius: 5px; } .search input[type=search] { font-size: 15px; height: 40px; line-height: 40px; } .search input[type=search]:focus { color: #006544; } .hero-unit>.search input[type=search] { font-size: 20px; height: 50px; line-height: 50px; } /** Secondary smaller search component on model pages **/ .search { float: none; position: relative; } .search:before { position: absolute; width: 1em; margin: 0 15px; line-height: 40px; } .search:before { font-family: "entypo"; content: "\1F50D"; font-size: 25px; color: #006544; } .hero-unit>.search:before { line-height: 50px; } .search ::-webkit-input-placeholder { color: #999;opacity: 1;} .search :-moz-placeholder { color: #999;} .search ::-moz-placeholder { color: #999;opacity: 1;} .search :-ms-input-placeholder { color: #999;} .search :focus::-webkit-input-placeholder { color: #006544;opacity: 1;} .search :focus:-moz-placeholder { color: #006544;} .search :focus::-moz-placeholder { color: #006544;opacity: 1;} .search :focus:-ms-input-placeholder { color: #006544;} /** side-bar search **/ .side-column .search{margin-bottom:8px;} /** main-column search **/ .main-column .search{margin-bottom:4em;} /* バナー刷新 2019/11 優先 */ article#extra_contents ul#img_banners li {height:190px;} article#extra_contents ul#img_banners li a.inner_box.ban_image {padding:0;overflow:hidden;} article#extra_contents ul#img_banners li a.inner_box.ban_image:hover {background:rgba(0, 0, 0, 0.5);} article#extra_contents ul#img_banners li a.inner_box.ban_image:hover img {opacity:0.9;} article#extra_contents ul#img_banners li a.inner_box.ban_image img {max-width: 300%;max-height:190px;margin:0 -50%;} /* バナー刷新 2019/11 優先 */ #main-inner aside.side-column ul#img_banners li {height:auto;} #main-inner aside.side-column ul#img_banners li a.inner_box.ban_infoteria_point {padding-bottom:15px;} #main-inner aside.side-column ul#img_banners li a.inner_box.ban_image {padding:0;overflow:hidden;} #main-inner aside.side-column ul#img_banners li a.inner_box.ban_image:hover {background:rgba(0, 0, 0, 0.5);} #main-inner aside.side-column ul#img_banners li a.inner_box.ban_image:hover img {opacity:0.9;} #main-inner aside.side-column ul#img_banners li a.inner_box.ban_image img {max-width: 300%;max-height:140px;margin:0 -50%;} /* サイトTOPフッター バナー追加 2021/05 */ article#extra_contents #siteTOPfooter_banners {order:3;margin:2% auto 0;} article#extra_contents #siteTOPfooter_banners.login-before {} article#extra_contents #siteTOPfooter_banners.login-after {} article#extra_contents #siteTOPfooter_banners a {display:block;padding:0;overflow:hidden;} article#extra_contents #siteTOPfooter_banners a:hover {background:rgba(0, 0, 0, 0.5);} article#extra_contents #siteTOPfooter_banners a img {max-width:100%;} article#extra_contents #siteTOPfooter_banners a img:hover {opacity:0.9;} /* サイトTOPフッター（上側） バナー追加 2021/06 */ article#extra_contents #siteTOPfooter_banners_top {order:0;margin:2% auto -50px;padding-bottom: 2%;} article#extra_contents #siteTOPfooter_banners_top.login-before {} article#extra_contents #siteTOPfooter_banners_top.login-after {} article#extra_contents #siteTOPfooter_banners_top a {display:block;padding:0;overflow:hidden;} article#extra_contents #siteTOPfooter_banners_top a:hover {background:rgba(0, 0, 0, 0.5);} article#extra_contents #siteTOPfooter_banners_top a img {max-width:100%;} article#extra_contents #siteTOPfooter_banners_top a img:hover {opacity:0.9;} /* サイトTOPフッター バナー追加（リストバナー：CData） 2021/05 */ article ul#img_banners li#CDataCA {display:none;} /* CSS Document ★ここからSP CSS 34v2 */ /* ==================================================== CSS ==================================================== */ /* SP width 1300px 以下 */ @media (max-width: 1300px) { #main-contents-footer, #home-footer, #main-inner, #extra_contents { padding:0 4.5%; } } /* ブレークポイント（1260px以下なら）*/ @media (max-width:1260px){ header.drawer-navbar div#search_container div#search_box {width:91%;margin:30px 4.5%;} header.drawer-navbar--fixed nav#navigation ul { margin: 0 10px 0 140px; } header.drawer-navbar--fixed .logo a.drawer-brand span > img {margin:10px 0 0;} } /* ブレークポイント（1200px = 75em以上なら）*/ @media (min-width:75em){ header .drawer-container {max-width:1200px;} } /* SP width 1150px 以下 */ @media (max-width: 1150px) { article ul#img_banners li a.inner_box.ban_taiken_cloud strong, aside ul#img_banners li a.inner_box.ban_taiken_cloud strong { font-size: 20px; } } /* ブレークポイント（1024px = 64em以上なら）*/ @media (min-width:64em){ /* ▼▼▼CSS 段落リンク 2020/01 */ @-webkit-keyframes modify{ 0% { padding-top: 375px; margin-top: -375px; } 100% { padding-top: 0; margin-top: 0; } } @keyframes modify{ 0% { padding-top: 375px; margin-top: -375px; } 100% { padding-top: 0; margin-top: 0; } } *:target {-webkit-animation: modify 0.1s;animation: modify 0.1s;} /* ▲▲▲CSS 段落リンク 2020/01 */ header.drawer-navbar {height: 300px;border-bottom: none;} header.drawer-navbar nav.drawer-nav {position:absolute;top:228px;background-color:transparent;} header.drawer-navbar div.drawer-container {position:relative;} header.drawer-navbar div.drawer-container{max-width:1200px;} header.drawer-navbar div.drawer-navbar-header {position:absolute;left:0;top:0;height:150px;background-color:transparent;} header.drawer-navbar nav.drawer-nav ul.drawer-menu li.mainnav {margin-right:0;} header nav.drawer-nav ul.drawer-menu {display:flex;justify-content:flex-end;} header.drawer-navbar--fixed {height: 3.75rem;border-bottom: 1px solid #ddd;} header.drawer-navbar--fixed nav.drawer-nav {top:0;} header.drawer-navbar--fixed nav.drawer-nav ul.drawer-menu {justify-content: space-between;} header.drawer-navbar--fixed .header-bg {height: 3.75rem;background-position:10px 50%;} header.drawer-navbar--fixed .header-inner, header.drawer-navbar--fixed div.drawer-navbar-header {height: 3.75rem;} header.drawer-navbar--fixed .logo {text-align:left;height: 3.75rem;} header.drawer-navbar--fixed .logo a.drawer-brand > span {width:auto;height: 3.75rem;margin:0;} header.drawer-navbar--fixed .logo a.drawer-brand span > img {width:auto;height:34px;margin:11px 0 0;} header.drawer-navbar--fixed .user-nav {display:none;} header.drawer-navbar--fixed nav#navigation ul { width: auto; margin: 0 0 0 200px; height: 3.75rem; box-sizing: border-box;overflow: hidden; } header.drawer-navbar--fixed nav#navigation ul li {width:auto;height: 3.75rem;} header.drawer-navbar--fixed nav#navigation ul li.sub {display:block;} header.drawer-navbar--fixed nav#navigation ul li#top {display:none;} header.drawer-navbar--fixed nav#navigation ul li a {border-left:none;font-size: 11px;} header.drawer-navbar--fixed nav#navigation ul li.user_support a, header.drawer-navbar--fixed nav#navigation ul li.my_contents a, header.drawer-navbar--fixed nav#navigation ul li.my_activities a, header.drawer-navbar--fixed nav#navigation ul li.sign-out a {padding:0 5px;} header.drawer-navbar--fixed nav#navigation ul li.man a span, header.drawer-navbar--fixed nav#navigation ul li.use a span {display:none;} header.drawer-navbar--fixed nav#navigation ul li a small {display:none;} header.drawer-navbar--fixed nav#navigation ul li a:before {font-size: 18px;margin-bottom: 8px;} header.drawer-navbar--fixed .hero-unit {display:none;} } /* ブレークポイント（1023.84px = 63.99em以下なら）*/ @media (max-width:63.99em){ /* ▼▼▼CSS 段落リンク 2020/01 */ @-webkit-keyframes modify{ 0% { padding-top: 255px; margin-top: -255px; } 100% { padding-top: 0; margin-top: 0; } } @keyframes modify{ 0% { padding-top: 255px; margin-top: -255px; } 100% { padding-top: 0; margin-top: 0; } } *:target {-webkit-animation: modify 0.1s;animation: modify 0.1s;} /* ▲▲▲CSS 段落リンク 2020/01 */ /* ロゴ上下調整 */ header .logo {text-align:left;height: 3.75rem;float:none;padding: 0 0 0 55px;} header .logo a.drawer-brand > span {width:auto;height: 3.75rem;margin:0;} header .logo a.drawer-brand span > img {width:auto;height:34px;margin:10px 0 0;} header nav#navigation.drawer-nav {padding-top:3.75rem;} header .header-bg {height: 200px;background:none;} header .header-inner {height: 200px;} header.drawer-navbar--fixed .header-bg, header.drawer-navbar--fixed .header-inner {height: 3.75rem;} header.drawer-navbar--fixed .hero-unit {display:none;} .user-nav {float: none;position: absolute;width: 100%;height: 3.75rem;left: 0;top: 0;overflow: visible;} /* スクロール */ .drawer-open header.drawer-navbar .drawer-nav {overflow:scroll;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;} .drawer-open header.drawer-navbar .drawer-nav {transform: translate3d(0, 0, 0);} /* ハンバーガー表示の時は表示 */ header nav#navigation ul {height:100%;box-sizing: border-box;overflow:hidden;border-bottom:1px solid #C8CCCC;} header nav#navigation ul li {height:0;padding:0;margin:0;} .drawer-open header.drawer-navbar nav#navigation ul {margin:0;} .drawer-open header.drawer-navbar nav#navigation ul li {height:auto;padding:initial;margin:initial;} .drawer-open header nav#navigation ul li.mainnav, .drawer-open header nav#navigation ul li.sub, /* 表示するものだけを抜粋予定 */ .drawer-open header nav#navigation ul li#close {display:block;} .drawer-open header nav#navigation ul li#top {display:none;} /* 各調整 */ .drawer-open header nav#navigation ul li {float:left;height:3.75rem;box-sizing:border-box;overflow:hidden;border-bottom:1px solid #C8CCCC;} .drawer-open header nav#navigation ul li.mainnav {width:33.33%;*width:33.32%;} .drawer-open header nav#navigation ul li.sub {width:50%;*width:49.99%;} .drawer-open header nav#navigation ul li.mainnav:nth-child(1n) {border-left:1px solid #C8CCCC;} .drawer-open header nav#navigation ul li.mainnav a {font-size:0.9rem;line-height:1.25rem;padding: 0.75rem 0;box-sizing:border-box;overflow:hidden;} .drawer-open header nav#navigation ul li a:before {margin-bottom:5px;} .drawer-open header nav#navigation ul li a {border-left:none;font-size:0.9rem;} .drawer-open header nav#navigation ul li.man a span, .drawer-open header nav#navigation ul li.use a span {display:none;} .drawer-open header nav#navigation ul li a small {display:none;} .drawer-open header nav#navigation ul li.requests.green_btn {width:100%;*width:99.99%;} .drawer-open header nav#navigation ul li#search {display:none;} .drawer-open header nav#navigation ul li.sub.green_btn {background-color:#006544;} .drawer-open header nav#navigation ul li.sub.black_btn {background-color:#313131;} .drawer-open header nav#navigation ul li.sub.trial a, .drawer-open header nav#navigation ul li.sub.requests a {line-height:2.75rem;height:100%;margin:0;padding:0.75rem 0;border:none;border-radius:unset;color: #FFF;} .drawer-open header nav#navigation ul li.sub.my_activities a, .drawer-open header nav#navigation ul li.sub.user_support a, .drawer-open header nav#navigation ul li.sub.my_contents a, .drawer-open header nav#navigation ul li.sub.sign-out a {line-height:2.75rem;height:100%;margin:0;padding:0.75rem 0;border:none;border-radius:unset;} .drawer-open header nav#navigation ul li.sub.user_input a, .drawer-open header nav#navigation ul li.sub.user_login a {line-height:1.25rem;margin:0;padding: 0.75rem 0;box-sizing:border-box;overflow:hidden;} /* ロールオーバー時 */ header nav#navigation ul li .drawer-menu-item:hover {text-decoration:none;} /* グローバルボタン */ .drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#global a {background:url(img/icon_global_w24_h24.png) no-repeat 50% 50%;} .drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#global a {line-height:2.375rem;text-indent:-10000em;} /* ロールオーバー時 */ .drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#global a:hover {background:url(img/icon_global_w24_h24_white.png) no-repeat 50% 50%;} /* 問い合わせボタン */ .drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#reqdoc a, .drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#contact a {line-height:2.375rem;position:relative;display:block;width:100%;height:100%;color:#fff;background:#000;background:linear-gradient(top bottom,#666,#000);background:-ms-linear-gradient(top, #666, #000);background:-moz-linear-gradient(center top, #666 0%,#000 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #666),color-stop(1, #000));} .drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#contact {border-left:1px solid #FFF;} .drawer-open header.en nav.drawer-nav ul.drawer-menu li.mainnav#contact {border-left:1px solid #C8CCCC;} .drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#reqdoc a:hover, .drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#reqdoc a:active, .drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#contact a:hover, .drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav#contact a:active {background:#313131;} /* サブメニューリンク */ .drawer-open header nav.drawer-nav ul.drawer-menu li#othernav {display:block;width:100%;min-height:3.75rem;overflow:hidden;} .drawer-open header nav.drawer-nav ul.drawer-menu li#othernav {line-height:1rem;border-bottom:1px solid #C8CCCC;} .drawer-open header nav.drawer-nav ul.drawer-menu li#othernav ul {width:96%;margin:1.375rem auto;padding:0;} .drawer-open header nav.drawer-nav ul.drawer-menu li#othernav ul {font-size: 85%;text-align:center;} .drawer-open header nav.drawer-nav ul.drawer-menu li#othernav ul li {display:inline;margin:0;padding:0 4px;} .drawer-open header nav.drawer-nav ul.drawer-menu li#othernav ul li#jp-en a {color:#777;padding-right:10px;border-right:1px solid #C8CCCC;} /* マップリンク */ .drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav.map {border-left:1px solid #C8CCCC;} .drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav.map:nth-child(2n), .drawer-open header.en nav.drawer-nav ul.drawer-menu li.mainnav.map:nth-child(1n) {border-left:none;} .drawer-open header.en nav.drawer-nav ul.drawer-menu li.mainnav.map:nth-child(2n) {border-left:1px solid #C8CCCC;} .drawer-open header nav.drawer-nav ul.drawer-menu li.mainnav.map a {line-height:2.375rem;} /* フリーダイヤル */ .drawer-open header nav.drawer-nav ul.drawer-menu li#tel {display:block;width:100%;min-height:4.5rem;overflow:hidden;} .drawer-open header nav.drawer-nav ul.drawer-menu li#tel {line-height:1.125rem;border-bottom:1px solid #C8CCCC;} .drawer-open header nav.drawer-nav ul.drawer-menu li#tel div strong {display:block;} .drawer-open header nav.drawer-nav ul.drawer-menu li#tel div span {display:block;font-size:85%;} .drawer-open header nav.drawer-nav ul.drawer-menu li#tel div span small {color:#777;} .drawer-open header nav.drawer-nav ul.drawer-menu li#tel div span a {color:#00A583;} /* 閉じるボタン */ .drawer-open header nav.drawer-nav ul.drawer-menu li#close {display:block;width:100%;min-height:5rem;padding-bottom:5rem;overflow:hidden;} .drawer-open header nav.drawer-nav ul.drawer-menu li#close button {position:relative;top: initial;right:initial;-webkit-transition:initial;transition:initial;-webkit-transform:initial;transform:initial;background-color:initial;} .drawer-open header nav.drawer-nav ul.drawer-menu li#close button {display:block;width:130px;height:40px;margin:1.25rem auto;box-sizing:border-box;overflow:hidden;} .drawer-open header nav.drawer-nav ul.drawer-menu li#close button {font-size:0.8125rem;padding:0 15px 0 10px;line-height:40px;border-radius:20px;} .drawer-open header nav.drawer-nav ul.drawer-menu li#close button {color:#313131;border:1px solid #C8CCCC;background:#FFF;} .drawer-open header nav.drawer-nav ul.drawer-menu li#close button:hover {background:#F0F0F0;} .drawer-open header nav.drawer-nav ul.drawer-menu li#close button:active {text-decoration:none;} .drawer-open header nav.drawer-nav ul.drawer-menu li#close button span:before {display:inline;padding:0 6px;color:#00A583;} .drawer-open header nav.drawer-nav ul.drawer-menu li#close button span:before {content:'×'} /* 共通 */ .drawer-open header nav.drawer-nav ul.drawer-menu li strong {font-weight:bold;} .user-nav > .login { margin-left: 20px; padding: 0 10px; } .user-nav > a:first-child { border: 0; } .login {margin-left: 0;background: transparent;padding: 0;} a.login:hover, a.login:active, a.login:focus { text-decoration:underline; } .user-info {margin: 8px 9% 0 0;} .user-info .btn { background: #fff; padding: 0 10px; border: 1px solid; border-color: #d1d1d1; border-color: rgba(0, 0, 0, 0.17); border-radius: 2px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.03); cursor: pointer; display: inline-block; font-size: 12px; font-weight: normal; height: 30px; line-height: 28px; position: relative; vertical-align: middle; white-space: nowrap; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; } .language-selector { border-right: 1px solid; border-right-color: #ddd; border-right-color: rgba(0, 0, 0, 0.07); display: inline-block; padding-right: 15px; margin-right: 10px; } .user-avatar { left: -5px; max-height: 20px; position: relative; top: -1px; } .user-nav>dl dt {right: 0;width: 50%;height: 3.75rem;z-index: 3;} .user-nav>dl dt strong {margin: 6px 9% 0 0;font-size:11px;} .user-nav>dl dd {left: 0;top: 85px;margin: 0 4.5%;width: 91%;height: 50px;z-index: 1;} header.drawer-navbar--fixed .user-nav>dl dd {display:none;} /* ▼ユーザーナビ（ご質問はこちら） */ .user-nav>dl dd a.green_btn {width: 100%;height: 50px;line-height: 50px;margin: 0;border-radius: 5px;} .user-nav>dl dd a.green_btn:hover, .user-nav>dl dd a.green_btn:active, .user-nav>dl dd a.green_btn:focus { background: #00371f; text-decoration:none; } /* ▲ユーザーナビ（ご質問はこちら） */ .user-nav>ul {position: relative;width: 100%;height: 100%;margin: 0;} .user-nav>ul li {float: none;} .user-nav>ul li:nth-child(1) {display: block;position: absolute;left: 0;top: 85px;width: 43.25%;height: 50px;margin: 0 2.25% 0 4.5%;} .user-nav>ul li:nth-child(2) {display: block;position: absolute;right: 0;top: 85px;width: 43.25%;height: 50px;margin: 0 4.5% 0 2.25%;} header.drawer-navbar--fixed .user-nav>ul li:nth-child(1) {display: none;} header.drawer-navbar--fixed .user-nav>ul li:nth-child(2) {display: none;} /* ▼ユーザーナビ（評価版） */ .user-nav>ul li a.green_btn {width: 100%;min-height: 50px;line-height: 50px;margin: 0;border-radius: 5px;height: 50px;} .user-nav>ul li a.green_btn span {display: none;} .user-nav>ul li a.green_btn strong {display: inline;letter-spacing: 1px;padding-top: 0;} .user-nav>ul li a.green_btn small {display: none;} .user-nav>ul li a.green_btn:hover, .user-nav>ul li a.green_btn:active, .user-nav>ul li a.green_btn:focus { background: #00371f; text-decoration:none; } /* ▲ユーザーナビ（評価版） */ /* ▼ユーザーナビ（お問い合わせ） */ .user-nav>ul li a.black_btn {width: 100%;height: 50px;line-height: 50px;border-radius: 5px;} .user-nav>ul li a.black_btn strong {letter-spacing: 1px;} .user-nav>ul li a.black_btn:hover, .user-nav>ul li a.black_btn:active, .user-nav>ul li a.black_btn:focus { background: #313131; text-decoration:none; } /* ▲ユーザーナビ（お問い合わせ） */ /* ▼ユーザーナビ（ユーザー登録／ログイン） */ .user-nav>ul li:last-child {display: block;position: absolute;right: 4.5%;top: 5px;width: 50%;height:3.75rem;text-align: right;z-index: 3;border:0;margin:8px 0 0 0;padding:0;font-weight: normal;} .user-nav>ul li:last-child::after { display:none; } .user-nav>ul li:last-child a {display:block;padding: 0;} .user-nav>ul li:last-child span {display:none;} /* ▲ユーザーナビ（ユーザー登録／ログイン） */ /* ▼検索フィールド */ .hero-unit>.search input[type=search] { font-size: 16px;} main #main-inner {margin-top:4.5%;padding:0;} /* ▼関連サイト */ article#related_site_contents {height: auto;overflow: hidden;} article#related_site_contents h1 {font-size: 24px;line-height: 1;padding: 40px 0 25px;} article#related_site_contents a {display: block;width: 91%;height: 120px;margin: 0 4.5% 10px;position: relative;overflow: hidden;border-top: 1px dotted #DDD;padding: 10px 0 0;} article#related_site_contents a img {position: absolute;width: 100px;height: 100px;left: 0;top: 15px;} article#related_site_contents a h3 {margin: 10px 0 5px 120px;text-align: left;} article#related_site_contents a h4 {height: auto;text-align: left;margin: 0 0 0 120px;line-height: 1.8;} article#related_site_contents a h4 br {display:none;} article#related_site_contents a h4 em {display: inline;padding: 0 5px;} article#related_site_contents a p {padding: 0 0 0 120px;} footer#home-footer { padding:0; } footer#home-footer a:hover { text-decoration: underline; } footer#home-footer .footer-inner ul {padding:13px 4.5% 0;overflow: hidden;} footer#home-footer .footer-inner ul li {display: block;float: left;margin-bottom:0.5em;} footer#home-footer .footer-inner ul li:last-child {width: 100%;text-align: right;margin: 10px 0 0;color: #ddd;padding: 0;} article#main-contents-footer { padding:0; } article#main-contents-footer a:hover { text-decoration: underline; } article#main-contents-footer .footer-sns-inner {padding:0 4.5%;} article#main-contents-footer .footer-navi-inner {padding:0 4.5%;} article#main-contents-footer .footer-navi-inner .inner-list-box.list01 { flex-grow: 2;order: 1;} article#main-contents-footer .footer-navi-inner .inner-list-box.list02 { flex-grow: 2;order: 2;} article#main-contents-footer .footer-navi-inner .inner-list-box.list03 { flex-grow: 2;order: 3; } article#main-contents-footer .footer-navi-inner .inner-list-box.list04 { flex-grow: 0;order: 4; } article#main-contents-footer .footer-navi-inner .inner-list-box.list05 { flex-grow: 0;order: 5; flex-basis:100%; } /* ▼ホームコンテンツ枠 */ main #home_content {width: 91%;margin: 0 4.5% 50px;} main #home_nav {width: 91%; margin: 20px 4.5% 0;} main #home_nav .bxslider-section {width: 100%;float: none;margin: 0 auto 20px;text-align: center;} main #home_nav .link-panel-login-after ul li {width: 48%;margin: 0 0 20px 4%;} main #home_nav .link-panel-login-after ul li.tec {margin: 0 0 20px 0;} main #home_nav .link-panel-login-after ul li.man {margin: 0 0 20px 4%;} main #home_nav .link-panel-login-after ul li.spc {margin: 0;} main #home_nav .link-panel-login-after ul li.frm {margin: 0 0 0 4%;} main #home_nav .link-panel-login-after ul li.banner {margin:0 0 0 4%;} main #home_nav .link-panel-login-before {float: none;width: 100%;margin-bottom: 20px;} main #home_nav .link-panel-login-before ul li {width: 48%;margin: 0 0 20px 4%;} main #home_nav .link-panel-login-before ul li.faq {margin: 0 0 20px 0;} main #home_nav .link-panel-login-before ul li.tec {margin: 0;} main #home_nav .link-panel-login-before ul li a { padding-top: 14px; } article #Tabs {float: none;width: 100%;height: auto;margin: 0 0 50px;padding: 0 0 50px;} article #PUs {float: none;width: 100%;height: auto;margin: 0;padding: 0 0 1em;} article#extra_contents { padding:0; } /* ▼固定バナー（ホームページ）*/ article#extra_contents ul#img_banners {width: 91%;margin-left:4.5%;margin-right:4.5%;} article#extra_contents ul#img_banners li {width: 48%;} article#extra_contents ul#img_banners li {} article#extra_contents ul#img_banners.login-before li:nth-last-child(odd) {margin:0 0 20px 0;} article#extra_contents ul#img_banners.login-before li:nth-last-child(even) {margin:0 0 20px 4%;} article#extra_contents ul#img_banners.login-after li:nth-last-child(odd) {margin:0 0 20px 4%;} article#extra_contents ul#img_banners.login-after li:nth-last-child(even) {margin:0 0 20px 0;} article ul#img_banners li a.inner_box.ban_taiken_cloud strong { font-size: 24px; } /* ▼固定バナー（サイドメニュー）*/ aside.side-column ul#img_banners li {margin: 0 0 20px 0;} aside.side-column ul#img_banners li:last-child {margin: 0;} /* バナー刷新 2019/11 優先 */ #main-inner aside.side-column ul#img_banners li {max-width: 500px;margin:20px auto !important;} #main-inner aside.side-column ul#img_banners li a.inner_box.ban_image img {max-width: 100%;max-height:100%;} /* サイトTOPフッター バナー追加 2021/05 */ article#extra_contents #siteTOPfooter_banners {clear: both;width: 91%;margin: 0 4.5%;} article#extra_contents #siteTOPfooter_banners.login-after {display:none;} /* サイトTOPフッター（上側） バナー追加 2021/06 */ article#extra_contents #siteTOPfooter_banners_top {clear: both;width: 91%;margin:2% 4.5% -50px;padding-bottom: 2%;} /* サイトTOPフッター バナー追加（リストバナー：CData） 2021/05 */ article ul#img_banners li#CDataCA {display:block;} /* 新着記事情報 */ article #newly {clear: both;width: 91%;margin: 0 4.5%;} article #newly .newly_content {width: 100%;height: auto;float: none;margin: 0 0 20px 0;} article #newly .newly_content.man {margin:0;} article #newly .newly_content h3 {margin: 20px 0 15px 0;} article #newly .newly_content h3 strong {color: #464646;font-size: 18px;} article #newly .newly_content h3:before {width: 10%;} article #newly .newly_content dl dt {width: 10%;} article #newly dd {padding-right: 4%;padding-left: 10%;height: auto;} /* 新着記事情報（サイドメニュー） */ aside.side-column #newly {width: 100%;margin: 20px 0;padding: 0;} aside.side-column #newly .newly_content {margin-bottom: 0;} aside.side-column #newly .newly_content dd{padding-right: 4%;height: auto;} /* Sub-nav */ .sub-nav .breadcrumbs {width: 91%;margin: 0 4.5%;} /* Columns */ article.main-column, aside.side-column { float: none; } article.main-column {flex:0 0 91%; width: 91%;max-width: none;min-width: 290px;margin: 0 4.5% 4em;} aside.side-column {flex:0 0 91%; width: 91%;max-width: none;min-width: 290px;margin:0 4.5% 4em;padding-left:0;} /* Article page only */ article .article-footer .share {float: none;width: 100%;margin: 0 0 20px;} article .article-vote {float: none;width: 100%;} article .article-vote-controls {float: right;width: auto;margin: 0 0 0 10px;position: initial;right: initial;top: initial;} article .article-footer ul.keyword {margin: 20px 0 0;padding: 14px 12px;} aside.side-column .sideBanner {margin-bottom:8px;text-align: center;} aside.side-column .sideBanner a {display:block;width: 100%;height:100%;} article .article-body { font-size: 116%; line-height:1.8; } .search-results {width: 91%;margin: 0 4.5% 20px;} .my-activities-header {width: 91%;margin: 0 4.5% 20px;} #my-act-cont {width: 91%;margin: 0 4.5% 20px;} .request-table-filters {display: block;margin: 8px 0 0;} form.request-table-toolbar input.requests-search {width: 100%;} } /* ▼PCワイド画面では表示させない */ /* SP width 769px 以上 */ @media (min-width: 769px) { .pc_hide { display:none!important; } } /* ▼SPワイド画面では表示させない */ /* SP width 768px 以下 */ @media (max-width: 768px) { .sp_hide { display:none!important; } } /* SP width 768px 以下 */ @media (max-width: 768px) { .drawer-open header nav#navigation ul li.mainnav {width:50%;*width:49.99%;} .drawer-open header nav#navigation ul li.mainnav a, .drawer-open header nav#navigation ul li.sub a {font-size:0.8rem;} body header .drawer-hamburger {width:20px;padding:18px 10px 25px;margin:4px;} header .logo {padding: 0 0 0 40px;} header .logo a.drawer-brand span > img {height:30px;} header .header-bg {height:180px;} /* ▼ユーザーナビゲーション */ .user-info {margin: 8px 0 0 0;} .user-info .btn {padding: 0 5px 0 0;} .user-info .btn img {left: 4px;} .user-info .btn #user-name {font-size:11px;max-width: 150px;} .user-nav>dl dt {right: 4.5%;height: 3.75rem;} .user-nav>dl dt strong {margin: 6px 0 0 0;} .user-nav>ul li:last-child {margin: 8px 0 0 0;font-size: 12px;line-height: 1.4;} .user-nav>dl dd a.green_btn {height: 40px;line-height: 40px;} .user-nav>dl dd {top: 80px;height: 40px;} .user-nav>ul li:nth-child(1) {height: 40px;top: 80px;} .user-nav>ul li:nth-child(2) {height: 40px;top: 80px;} .user-nav>ul li a.green_btn {min-height: 40px;line-height: 40px;height: 40px;} .user-nav>ul li a.black_btn {height: 40px;line-height: 40px;} .hero-unit {top:134px;} .hero-unit>.search input[type=search] {font-size: 15px;height: 40px;line-height: 40px;padding-left: 40px;} .hero-unit>.search:before {line-height: 40px;margin: 0 13px;font-size: 21px;} article#related_site_contents h1 {font-size: 16px;line-height: 1;padding: 25px 0 25px;} article#related_site_contents a {height: initial;min-height: 100px;} article#related_site_contents a img {width: 80px;height: 80px;} article#related_site_contents a h3 {margin: 5px 0 0 90px;font-size: 13px;} article#related_site_contents a h4 {margin: 0 0 0 90px;font-size: 13px;line-height: 1.5;} article#related_site_contents a h4 br {display:none;} article#related_site_contents a h4 em {display: block;padding: 0;line-height: 1;margin: 0 0 5px;} article#related_site_contents a p {font-size: 11px;padding: 0 40px 0 90px;line-height: 1.3;margin: 0;} article#main-contents-footer .footer-navi-inner .inner-list-box.list01 { flex-basis:100%;} main #home_content {margin: 0 4.5% 20px;} main #home_nav .link-panel-login-before ul li, main #home_nav .link-panel-login-after ul li {font-size:12px;height: 140px;} main #home_nav .link-panel-login-before ul li a, main #home_nav .link-panel-login-after ul li a {padding:14px 0 0;} main #home_nav .link-panel-login-before ul li strong, main #home_nav .link-panel-login-after ul li strong {font-size: 16px;} article #Tabs {margin: 0 0 20px;} article #Tabs > ul li {font-size: 14px;font-weight: 400;} article #Tabs div.panels .panel dt { font-size: 11px;margin: 0 14px 0;} article #Tabs div.panels .panel dd { padding: 0 14px 8px 28px; background-position: 14px 3px; } article #Tabs div.panels .panel dd a {font-size: 13px;} article #PUs .login_content_inner .left {float: none;width:100%;margin-bottom: 20px;} article #PUs .login_content_inner .right {float: none;width:100%;} article #PUs .login_content_inner .list_box ul li {font-size: 13px;} article #PUs .login_content_inner h3 {font-size: 12px;} article #PUs .login_content_inner h3 strong {font-size: 14px;} article #PUs p br {display:none;} /* ▼固定バナー（ホームページ）*/ article#extra_contents ul#img_banners {} article#extra_contents ul#img_banners li {width: 100%;margin: 0 auto 20px !important;max-width: 500px;float: none;} /* バナー刷新 2019/11 */ article#extra_contents ul#img_banners li {height:auto;} article#extra_contents ul#img_banners li a.inner_box.ban_taiken_cloud {padding-bottom:20px;} article#extra_contents ul#img_banners li a.inner_box.ban_image img {max-width: 100%;max-height:100%;} /* CSS Lity 動画ポップアップ 2019/12 */ #movielist ul li {font-size:85%;padding:1em 0.5em;} #movielist ul li span {display:none;} #movieitem .flexbox.ADN_2col .flexboxinner {flex:0 0 100%;max-width:100%;} /* 1カラムに変更 */ /* トレーニングバナー */ article ul#img_banners li a.inner_box.ban_training_flow small, aside ul#img_banners li a.inner_box.ban_training_flow small {font-size:11px;padding-top:1px;margin-bottom: 10px;} article ul#img_banners li a.inner_box.ban_training_flow strong, aside ul#img_banners li a.inner_box.ban_training_flow strong {font-size: 16px;margin: 0 auto 5px;letter-spacing: -0.5px;width: 230px;overflow: hidden;} article ul#img_banners li a.inner_box.ban_training_flow span, aside ul#img_banners li a.inner_box.ban_training_flow span {font-size:13px;letter-spacing:0;} /* Facebookページプラグイン（共通可変指定）*/ article ul#img_banners li#fb_box, aside ul#img_banners li#fb_box {height:250px;} article ul#img_banners li#fb_box #fb_box_inner, aside ul#img_banners li#fb_box #fb_box_inner {max-width:500px;width: auto;margin: 0 auto;} /* 新着記事情報 */ article #newly .newly_content h3, #newly .newly_content h3 {margin: 15px 0 10px 0;} article #newly .newly_content h3 strong, #newly .newly_content h3 strong {font-size: 16px;font-weight:400;} /* ▼フォントアイコン */ article #newly .newly_content h3:before, #newly .newly_content h3:before {width: 15%;font-size:30px;} article #newly .newly_content dl dt, #newly .newly_content dl dt {width: 15%;} article #newly dd, #newly dd {padding-right: 4%;padding-left: 15%;} /* News*/ article.main-column #newsContent dl dt{display:block;float:none;width:210px;padding-left:0;margin-bottom:5px;} article.main-column #newsContent dl dt:after {padding: 1px 3px 0;display: inline-block;width: auto;float: none;} article.main-column #newsContent dl dd {margin-left:0;} article .banner strong {font-size:18px;} article .banner .left {clear:both;width:100%;} article .banner .right {clear:both;} article .banner a.article_link_trial .inner_green_btn {position:relative;right:0;bottom:0;width:100%;margin:15px 0 0;} article #category-list .accordion dt {font-size:13px;} article #category-list .accordion dd {line-height: 1.8;padding: 10px 20px;} /* CSS 専用コンテンツ ドキュメント一覧 2019/12 */ #documentlist .flexbox {margin:0 0 -2.5%;} #documentlist .flexbox.ADN_2col .flexboxinner {flex:0 0 100%;max-width:100%;} #documentlist .flexboxinner {margin:0 0 4.5%;} #documentlist .flexboxinner h3 {font-size:146%;text-align:center;} #documentlist .flexboxinner h3 span {display:none;} #documentlist .flexboxinner img {float:none;margin:0 auto 1em;} /* CSS 初めての方LP 2020/01 */ #BeginnerView section.installGuide .flexbox.ADN_2col .flexboxinner:nth-child(1) {flex:0 0 100%;max-width:100%;margin:30px 0 0;padding:0;} #BeginnerView section.installGuide .flexbox.ADN_2col .flexboxinner:nth-child(2) {flex:0 0 100%;max-width:100%;margin:1.5em 0 0;padding:0;} #BeginnerView section.IntroContents .flexboxinner {flex:0 0 100%;max-width:100%;margin:0 0 1em;} #BeginnerView section.IntroContents .flexboxinner h3 {font-size:147%;margin:1.5em 1em 5em;} #BeginnerView section.IntroContents .flexboxinner h3 small {font-size:100%} } /* SP width 600px 以下 */ @media (max-width: 600px) { article#main-contents-footer .footer-navi-inner .inner-list-box.list02, article#main-contents-footer .footer-navi-inner .inner-list-box.list03, article#main-contents-footer .footer-navi-inner .inner-list-box.list04 { flex-basis:100%; } article#main-contents-footer .footer-navi-inner .inner-list-box h3 { text-align:center; } article#main-contents-footer .footer-navi-inner .inner-list-box ul li { text-align:center; } main #home_nav .link-panel-login-before ul li, main #home_nav .link-panel-login-after ul li {font-size:10px;} main #home_nav .link-panel-login-before ul li a, main #home_nav .link-panel-login-after ul li a {padding:14px 0 0;} main #home_nav .link-panel-login-before ul li strong, main #home_nav .link-panel-login-after ul li strong {font-size: 16px;} article .banner a.article_link_trial:before {font-size: 75px;position:relative;width:100%;margin:0 auto 15px;} article .banner span {font-size:12px;margin:0;text-align:center;} article .banner strong {font-size:16px;} /* CSS 初めての方LP 2020/01 */ #BeginnerView section.installGuide .flexboxinner ol {margin:0 18px;} #BeginnerView section.installGuide .flexboxinner ol li {font-size:16px;} } /* SP width 480px 以下 */ @media (max-width: 480px) { header .logo {padding: 0 0 0 35px;} header.drawer-navbar .logo a.drawer-brand span > img {height: 26px;margin:12px 0 0;} .user-info .btn #user-name {max-width:75px !important;} .user-nav>dl dt {width: initial;height: 80px;z-index: 3;} main #home_nav .link-panel-login-after ul li, main #home_nav .link-panel-login-before ul li {float:none;position:relative;width: 100%;text-align:left;margin: 0 0 20px 0;height: initial;} main #home_nav .link-panel-login-after ul li.tec {margin: 0 0 20px 0;} main #home_nav .link-panel-login-after ul li.man {margin: 0 0 20px 0;} main #home_nav .link-panel-login-after ul li.spc {margin: 0 0 20px 0;} main #home_nav .link-panel-login-after ul li.frm {margin: 0;} main #home_nav .link-panel-login-after ul li.banner {margin:0;} main #home_nav .link-panel-login-before ul li.tec { margin:0 0 20px 0; } main #home_nav .link-panel-login-before ul li.man { margin:0; } main #home_nav .link-panel-login-before ul li.frm { margin:0; } main #home_nav .link-panel-login-before ul li br, main #home_nav .link-panel-login-after ul li br {display:none;} main #home_nav .link-panel-login-before ul li a, main #home_nav .link-panel-login-after ul li a {padding:14px 14px 14px 55px;} /* ▼FAQ：追加変更：若葉マーク 2020/01 */ main #home_nav .link-panel-login-after ul li a:before, main #home_nav .link-panel-login-before ul li a:before {position:absolute;width: 1em;left:14px;top:14px;margin:0;font-size: 30px;text-align:center;float: left;} main #home_nav .link-panel-login-before ul li.faq a img {position:absolute;height:32px;left:13px;top:14px;margin:0;text-align:center;float: left;} /* ▲FAQ：追加変更：若葉マーク 2020/01 */ aside ul#img_banners li a.inner_box.ban_taiken_cloud strong { font-size: 18px; } article .article-footer .share { text-align: center;} article .article-vote-controls {margin: 0 0 10px 10px;} article .article-footer ul.keyword {margin: 10px 0 0;} article .article-vote small {margin:0 0 10px;} article .article-body { font-size: 108%; line-height:1.7; } #thumbnailitem .flexbox.ADN_2col .flexboxinner {flex:0 0 100%;max-width:100%;} #thumbnailitem .flexbox.ADN_2col img {flex:0 0 50%;max-width:50%;} #thumbnailitem .flexboxinner .dl_btn {font-size:100%;max-width:100%;} }