@charset "UTF-8"; /*================================================== * 01. Membership * 02. Enter a directory name * 03. Enter a directory name * 04. Enter a directory name * 05. Enter a directory name * 06. Enter a directory name * 07. Enter a directory name * 08. Enter a directory name * 09. Enter a directory name * 10. Enter a directory name . . . ==================================================*/ /*==================================================================================================== 01. Membership ------------------------------------------------------------------------------------------------------*/ .pointBox { margin-bottom: 20px; border: 4px solid #e3e3e1; } .pointTitle { background-color: #ffedeb; font-size: 120%; } .pointTitle img { float: left; margin-right: 10px; } .pointTitle span { display: block; padding: 18px 0 10px 0; padding-left: 70px; } .pointList { padding: 0 10px 10px 10px; } .pointList span { display: block; padding-bottom: 20px; text-align: center; } .pointList1 { list-style: none; margin-bottom: 0; padding: 0 0 5px 0; } .pointList1 li { float: left; width: 164px; padding: 10px; border-right: 2px solid #e3e3e1; } .pointList1 li.bordernone { border-right: none; } .pointList1 li span { display: block; padding-bottom: 20px; text-align: center; } * html .pointList1 { margin: 0 10px; } * html .pointList1 li { width: 180px; } .pointList2 { padding: 10px; } .pointList2 .left { float: left; width: 530px; } .pointList2 .right { float: right; width: 161px; margin-right: 10px; } .pointMore { clear: both; margin: 0 10px 10px 10px; padding-top: 15px; background: url(/gallery/agent_store/bg-dotted-gray.gif) repeat-x left top; text-align: right; } .pointMore a { padding: 4px 20px 4px 10px; background: #c4151b url(/gallery/agent_store/arrow-navimore.gif) no-repeat 96% center; color: #FFF; text-decoration: none; } .pointMore a:visited { color: #FFF; } .pointNavi { clear: both; margin: 0 10px 10px 10px; padding-top: 15px; background: url(/gallery/agent_store/bg-dotted-gray.gif) repeat-x left top; text-align: right; } .pointNavi a { padding: 4px 20px 4px 10px; background: #c4151b url(/gallery/agent_store/arrow-navilink.gif) no-repeat 96% center; color: #FFF; text-decoration: none; } .pointNavi a:visited { color: #FFF; } .productBox { margin-bottom: 40px; padding-top: 21px; background: url(/gallery/agent_store/product-bg-top.gif) no-repeat left top; } .productBox .bg { padding-bottom: 22px; background: url(/gallery/agent_store/product-bg-btm.gif) no-repeat left bottom; } .productBox .bg .inner { padding: 0 20px; border-left: 6px solid #b22b30; border-right: 6px solid #b22b30; } .productBox .bg dl { margin: 0; margin-bottom: 20px; padding-bottom: 20px; background: url(/gallery/agent_store/bg-dotted-pink.gif) repeat-x left bottom; } .productBox .bg dl.bordernone { background: none; margin-bottom: 0; padding-bottom: 0; } .productBox .bg dt { float: left; margin: 0 40px 0 30px; } .productBox .bg dd { margin-bottom: 0; padding-left: 250px; } .productNavi { list-style: none; margin-bottom: 0; padding-left: 0; } .productNavi li { margin-bottom: 0.25em; padding-left: 20px; background: url(/gallery/agent_store/arrow-list.gif) no-repeat left 0.5em; } * html .productNavi li { margin-left: 1.25em; } /*==================================================================================================*/ /* RESET */ #wmfcHeader, p.pagetop, #wmfcFooter, .topMainSlider, .importantNews, .categoryListOuter, .categorySwitchOuter, .camAreaOuter, .camSliderOuter, .popuAreaOuter, .newProdSliderOuter, .newProdOuter, .topCase, .topNews2, .topRelaBnr, .breadcrumb, .pgTtlh2, .campaignDetail, .serchResultTex, .searchResultPager, .detailAreaOuter, .detailTabOuter, .column2Outer, .detailBtns, .loginOuter, .campDetailOuter { text-align: left; color: #333; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, sans-serif; } #wmfcHeader div, #wmfcHeader span, #wmfcHeader applet, #wmfcHeader object, #wmfcHeader iframe, #wmfcHeader h1, #wmfcHeader h2, #wmfcHeader h3, #wmfcHeader h4, #wmfcHeader h5, #wmfcHeader h6, #wmfcHeader p, #wmfcHeader blockquote, #wmfcHeader pre, #wmfcHeader a, #wmfcHeader abbr, #wmfcHeader acronym, #wmfcHeader address, #wmfcHeader big, #wmfcHeader cite, #wmfcHeader code, #wmfcHeader del, #wmfcHeader dfn, #wmfcHeader em, #wmfcHeader img, #wmfcHeader ins, #wmfcHeader kbd, #wmfcHeader q, #wmfcHeader s, #wmfcHeader samp, #wmfcHeader small, #wmfcHeader strike, #wmfcHeader strong, #wmfcHeader sub, #wmfcHeader sup, #wmfcHeader tt, #wmfcHeader var, #wmfcHeader b, #wmfcHeader u, #wmfcHeader i, #wmfcHeader center, #wmfcHeader dl, #wmfcHeader dt, #wmfcHeader dd, #wmfcHeader ol, #wmfcHeader ul, #wmfcHeader li, #wmfcHeader fieldset, #wmfcHeader form, #wmfcHeader label, #wmfcHeader legend, #wmfcHeader table, #wmfcHeader caption, #wmfcHeader tbody, #wmfcHeader tfoot, #wmfcHeader thead, #wmfcHeader tr, #wmfcHeader th, #wmfcHeader td, p.pagetop div, p.pagetop span, p.pagetop applet, p.pagetop object, p.pagetop iframe, p.pagetop h1, p.pagetop h2, p.pagetop h3, p.pagetop h4, p.pagetop h5, p.pagetop h6, p.pagetop p, p.pagetop blockquote, p.pagetop pre, p.pagetop a, p.pagetop abbr, p.pagetop acronym, p.pagetop address, p.pagetop big, p.pagetop cite, p.pagetop code, p.pagetop del, p.pagetop dfn, p.pagetop em, p.pagetop img, p.pagetop ins, p.pagetop kbd, p.pagetop q, p.pagetop s, p.pagetop samp, p.pagetop small, p.pagetop strike, p.pagetop strong, p.pagetop sub, p.pagetop sup, p.pagetop tt, p.pagetop var, p.pagetop b, p.pagetop u, p.pagetop i, p.pagetop center, p.pagetop dl, p.pagetop dt, p.pagetop dd, p.pagetop ol, p.pagetop ul, p.pagetop li, p.pagetop fieldset, p.pagetop form, p.pagetop label, p.pagetop legend, p.pagetop table, p.pagetop caption, p.pagetop tbody, p.pagetop tfoot, p.pagetop thead, p.pagetop tr, p.pagetop th, p.pagetop td, #wmfcFooter div, #wmfcFooter span, #wmfcFooter applet, #wmfcFooter object, #wmfcFooter iframe, #wmfcFooter h1, #wmfcFooter h2, #wmfcFooter h3, #wmfcFooter h4, #wmfcFooter h5, #wmfcFooter h6, #wmfcFooter p, #wmfcFooter blockquote, #wmfcFooter pre, #wmfcFooter a, #wmfcFooter abbr, #wmfcFooter acronym, #wmfcFooter address, #wmfcFooter big, #wmfcFooter cite, #wmfcFooter code, #wmfcFooter del, #wmfcFooter dfn, #wmfcFooter em, #wmfcFooter img, #wmfcFooter ins, #wmfcFooter kbd, #wmfcFooter q, #wmfcFooter s, #wmfcFooter samp, #wmfcFooter small, #wmfcFooter strike, #wmfcFooter strong, #wmfcFooter sub, #wmfcFooter sup, #wmfcFooter tt, #wmfcFooter var, #wmfcFooter b, #wmfcFooter u, #wmfcFooter i, #wmfcFooter center, #wmfcFooter dl, #wmfcFooter dt, #wmfcFooter dd, #wmfcFooter ol, #wmfcFooter ul, #wmfcFooter li, #wmfcFooter fieldset, #wmfcFooter form, #wmfcFooter label, #wmfcFooter legend, #wmfcFooter table, #wmfcFooter caption, #wmfcFooter tbody, #wmfcFooter tfoot, #wmfcFooter thead, #wmfcFooter tr, #wmfcFooter th, #wmfcFooter td, .topMainSlider div, .topMainSlider span, .topMainSlider applet, .topMainSlider object, .topMainSlider iframe, .topMainSlider h1, .topMainSlider h2, .topMainSlider h3, .topMainSlider h4, .topMainSlider h5, .topMainSlider h6, .topMainSlider p, .topMainSlider blockquote, .topMainSlider pre, .topMainSlider a, .topMainSlider abbr, .topMainSlider acronym, .topMainSlider address, .topMainSlider big, .topMainSlider cite, .topMainSlider code, .topMainSlider del, .topMainSlider dfn, .topMainSlider em, .topMainSlider img, .topMainSlider ins, .topMainSlider kbd, .topMainSlider q, .topMainSlider s, .topMainSlider samp, .topMainSlider small, .topMainSlider strike, .topMainSlider strong, .topMainSlider sub, .topMainSlider sup, .topMainSlider tt, .topMainSlider var, .topMainSlider b, .topMainSlider u, .topMainSlider i, .topMainSlider center, .topMainSlider dl, .topMainSlider dt, .topMainSlider dd, .topMainSlider ol, .topMainSlider ul, .topMainSlider li, .topMainSlider fieldset, .topMainSlider form, .topMainSlider label, .topMainSlider legend, .topMainSlider table, .topMainSlider caption, .topMainSlider tbody, .topMainSlider tfoot, .topMainSlider thead, .topMainSlider tr, .topMainSlider th, .topMainSlider td, .importantNews div, .importantNews span, .importantNews applet, .importantNews object, .importantNews iframe, .importantNews h1, .importantNews h2, .importantNews h3, .importantNews h4, .importantNews h5, .importantNews h6, .importantNews p, .importantNews blockquote, .importantNews pre, .importantNews a, .importantNews abbr, .importantNews acronym, .importantNews address, .importantNews big, .importantNews cite, .importantNews code, .importantNews del, .importantNews dfn, .importantNews em, .importantNews img, .importantNews ins, .importantNews kbd, .importantNews q, .importantNews s, .importantNews samp, .importantNews small, .importantNews strike, .importantNews strong, .importantNews sub, .importantNews sup, .importantNews tt, .importantNews var, .importantNews b, .importantNews u, .importantNews i, .importantNews center, .importantNews dl, .importantNews dt, .importantNews dd, .importantNews ol, .importantNews ul, .importantNews li, .importantNews fieldset, .importantNews form, .importantNews label, .importantNews legend, .importantNews table, .importantNews caption, .importantNews tbody, .importantNews tfoot, .importantNews thead, .importantNews tr, .importantNews th, .importantNews td, .categoryListOuter div, .categoryListOuter span, .categoryListOuter applet, .categoryListOuter object, .categoryListOuter iframe, .categoryListOuter h1, .categoryListOuter h2, .categoryListOuter h3, .categoryListOuter h4, .categoryListOuter h5, .categoryListOuter h6, .categoryListOuter p, .categoryListOuter blockquote, .categoryListOuter pre, .categoryListOuter a, .categoryListOuter abbr, .categoryListOuter acronym, .categoryListOuter address, .categoryListOuter big, .categoryListOuter cite, .categoryListOuter code, .categoryListOuter del, .categoryListOuter dfn, .categoryListOuter em, .categoryListOuter img, .categoryListOuter ins, .categoryListOuter kbd, .categoryListOuter q, .categoryListOuter s, .categoryListOuter samp, .categoryListOuter small, .categoryListOuter strike, .categoryListOuter strong, .categoryListOuter sub, .categoryListOuter sup, .categoryListOuter tt, .categoryListOuter var, .categoryListOuter b, .categoryListOuter u, .categoryListOuter i, .categoryListOuter center, .categoryListOuter dl, .categoryListOuter dt, .categoryListOuter dd, .categoryListOuter ol, .categoryListOuter ul, .categoryListOuter li, .categoryListOuter fieldset, .categoryListOuter form, .categoryListOuter label, .categoryListOuter legend, .categoryListOuter table, .categoryListOuter caption, .categoryListOuter tbody, .categoryListOuter tfoot, .categoryListOuter thead, .categoryListOuter tr, .categoryListOuter th, .categoryListOuter td, .categorySwitchOuter div, .categorySwitchOuter span, .categorySwitchOuter applet, .categorySwitchOuter object, .categorySwitchOuter iframe, .categorySwitchOuter h1, .categorySwitchOuter h2, .categorySwitchOuter h3, .categorySwitchOuter h4, .categorySwitchOuter h5, .categorySwitchOuter h6, .categorySwitchOuter p, .categorySwitchOuter blockquote, .categorySwitchOuter pre, .categorySwitchOuter a, .categorySwitchOuter abbr, .categorySwitchOuter acronym, .categorySwitchOuter address, .categorySwitchOuter big, .categorySwitchOuter cite, .categorySwitchOuter code, .categorySwitchOuter del, .categorySwitchOuter dfn, .categorySwitchOuter em, .categorySwitchOuter img, .categorySwitchOuter ins, .categorySwitchOuter kbd, .categorySwitchOuter q, .categorySwitchOuter s, .categorySwitchOuter samp, .categorySwitchOuter small, .categorySwitchOuter strike, .categorySwitchOuter strong, .categorySwitchOuter sub, .categorySwitchOuter sup, .categorySwitchOuter tt, .categorySwitchOuter var, .categorySwitchOuter b, .categorySwitchOuter u, .categorySwitchOuter i, .categorySwitchOuter center, .categorySwitchOuter dl, .categorySwitchOuter dt, .categorySwitchOuter dd, .categorySwitchOuter ol, .categorySwitchOuter ul, .categorySwitchOuter li, .categorySwitchOuter fieldset, .categorySwitchOuter form, .categorySwitchOuter label, .categorySwitchOuter legend, .categorySwitchOuter table, .categorySwitchOuter caption, .categorySwitchOuter tbody, .categorySwitchOuter tfoot, .categorySwitchOuter thead, .categorySwitchOuter tr, .categorySwitchOuter th, .categorySwitchOuter td, .camAreaOuter div, .camAreaOuter span, .camAreaOuter applet, .camAreaOuter object, .camAreaOuter iframe, .camAreaOuter h1, .camAreaOuter h2, .camAreaOuter h3, .camAreaOuter h4, .camAreaOuter h5, .camAreaOuter h6, .camAreaOuter p, .camAreaOuter blockquote, .camAreaOuter pre, .camAreaOuter a, .camAreaOuter abbr, .camAreaOuter acronym, .camAreaOuter address, .camAreaOuter big, .camAreaOuter cite, .camAreaOuter code, .camAreaOuter del, .camAreaOuter dfn, .camAreaOuter em, .camAreaOuter img, .camAreaOuter ins, .camAreaOuter kbd, .camAreaOuter q, .camAreaOuter s, .camAreaOuter samp, .camAreaOuter small, .camAreaOuter strike, .camAreaOuter strong, .camAreaOuter sub, .camAreaOuter sup, .camAreaOuter tt, .camAreaOuter var, .camAreaOuter b, .camAreaOuter u, .camAreaOuter i, .camAreaOuter center, .camAreaOuter dl, .camAreaOuter dt, .camAreaOuter dd, .camAreaOuter ol, .camAreaOuter ul, .camAreaOuter li, .camAreaOuter fieldset, .camAreaOuter form, .camAreaOuter label, .camAreaOuter legend, .camAreaOuter table, .camAreaOuter caption, .camAreaOuter tbody, .camAreaOuter tfoot, .camAreaOuter thead, .camAreaOuter tr, .camAreaOuter th, .camAreaOuter td, .camSliderOuter div, .camSliderOuter span, .camSliderOuter applet, .camSliderOuter object, .camSliderOuter iframe, .camSliderOuter h1, .camSliderOuter h2, .camSliderOuter h3, .camSliderOuter h4, .camSliderOuter h5, .camSliderOuter h6, .camSliderOuter p, .camSliderOuter blockquote, .camSliderOuter pre, .camSliderOuter a, .camSliderOuter abbr, .camSliderOuter acronym, .camSliderOuter address, .camSliderOuter big, .camSliderOuter cite, .camSliderOuter code, .camSliderOuter del, .camSliderOuter dfn, .camSliderOuter em, .camSliderOuter img, .camSliderOuter ins, .camSliderOuter kbd, .camSliderOuter q, .camSliderOuter s, .camSliderOuter samp, .camSliderOuter small, .camSliderOuter strike, .camSliderOuter strong, .camSliderOuter sub, .camSliderOuter sup, .camSliderOuter tt, .camSliderOuter var, .camSliderOuter b, .camSliderOuter u, .camSliderOuter i, .camSliderOuter center, .camSliderOuter dl, .camSliderOuter dt, .camSliderOuter dd, .camSliderOuter ol, .camSliderOuter ul, .camSliderOuter li, .camSliderOuter fieldset, .camSliderOuter form, .camSliderOuter label, .camSliderOuter legend, .camSliderOuter table, .camSliderOuter caption, .camSliderOuter tbody, .camSliderOuter tfoot, .camSliderOuter thead, .camSliderOuter tr, .camSliderOuter th, .camSliderOuter td, .popuAreaOuter div, .popuAreaOuter span, .popuAreaOuter applet, .popuAreaOuter object, .popuAreaOuter iframe, .popuAreaOuter h1, .popuAreaOuter h2, .popuAreaOuter h3, .popuAreaOuter h4, .popuAreaOuter h5, .popuAreaOuter h6, .popuAreaOuter p, .popuAreaOuter blockquote, .popuAreaOuter pre, .popuAreaOuter a, .popuAreaOuter abbr, .popuAreaOuter acronym, .popuAreaOuter address, .popuAreaOuter big, .popuAreaOuter cite, .popuAreaOuter code, .popuAreaOuter del, .popuAreaOuter dfn, .popuAreaOuter em, .popuAreaOuter img, .popuAreaOuter ins, .popuAreaOuter kbd, .popuAreaOuter q, .popuAreaOuter s, .popuAreaOuter samp, .popuAreaOuter small, .popuAreaOuter strike, .popuAreaOuter strong, .popuAreaOuter sub, .popuAreaOuter sup, .popuAreaOuter tt, .popuAreaOuter var, .popuAreaOuter b, .popuAreaOuter u, .popuAreaOuter i, .popuAreaOuter center, .popuAreaOuter dl, .popuAreaOuter dt, .popuAreaOuter dd, .popuAreaOuter ol, .popuAreaOuter ul, .popuAreaOuter li, .popuAreaOuter fieldset, .popuAreaOuter form, .popuAreaOuter label, .popuAreaOuter legend, .popuAreaOuter table, .popuAreaOuter caption, .popuAreaOuter tbody, .popuAreaOuter tfoot, .popuAreaOuter thead, .popuAreaOuter tr, .popuAreaOuter th, .popuAreaOuter td, .newProdSliderOuter div, .newProdSliderOuter span, .newProdSliderOuter applet, .newProdSliderOuter object, .newProdSliderOuter iframe, .newProdSliderOuter h1, .newProdSliderOuter h2, .newProdSliderOuter h3, .newProdSliderOuter h4, .newProdSliderOuter h5, .newProdSliderOuter h6, .newProdSliderOuter p, .newProdSliderOuter blockquote, .newProdSliderOuter pre, .newProdSliderOuter a, .newProdSliderOuter abbr, .newProdSliderOuter acronym, .newProdSliderOuter address, .newProdSliderOuter big, .newProdSliderOuter cite, .newProdSliderOuter code, .newProdSliderOuter del, .newProdSliderOuter dfn, .newProdSliderOuter em, .newProdSliderOuter img, .newProdSliderOuter ins, .newProdSliderOuter kbd, .newProdSliderOuter q, .newProdSliderOuter s, .newProdSliderOuter samp, .newProdSliderOuter small, .newProdSliderOuter strike, .newProdSliderOuter strong, .newProdSliderOuter sub, .newProdSliderOuter sup, .newProdSliderOuter tt, .newProdSliderOuter var, .newProdSliderOuter b, .newProdSliderOuter u, .newProdSliderOuter i, .newProdSliderOuter center, .newProdSliderOuter dl, .newProdSliderOuter dt, .newProdSliderOuter dd, .newProdSliderOuter ol, .newProdSliderOuter ul, .newProdSliderOuter li, .newProdSliderOuter fieldset, .newProdSliderOuter form, .newProdSliderOuter label, .newProdSliderOuter legend, .newProdSliderOuter table, .newProdSliderOuter caption, .newProdSliderOuter tbody, .newProdSliderOuter tfoot, .newProdSliderOuter thead, .newProdSliderOuter tr, .newProdSliderOuter th, .newProdSliderOuter td, .newProdOuter div, .newProdOuter span, .newProdOuter applet, .newProdOuter object, .newProdOuter iframe, .newProdOuter h1, .newProdOuter h2, .newProdOuter h3, .newProdOuter h4, .newProdOuter h5, .newProdOuter h6, .newProdOuter p, .newProdOuter blockquote, .newProdOuter pre, .newProdOuter a, .newProdOuter abbr, .newProdOuter acronym, .newProdOuter address, .newProdOuter big, .newProdOuter cite, .newProdOuter code, .newProdOuter del, .newProdOuter dfn, .newProdOuter em, .newProdOuter img, .newProdOuter ins, .newProdOuter kbd, .newProdOuter q, .newProdOuter s, .newProdOuter samp, .newProdOuter small, .newProdOuter strike, .newProdOuter strong, .newProdOuter sub, .newProdOuter sup, .newProdOuter tt, .newProdOuter var, .newProdOuter b, .newProdOuter u, .newProdOuter i, .newProdOuter center, .newProdOuter dl, .newProdOuter dt, .newProdOuter dd, .newProdOuter ol, .newProdOuter ul, .newProdOuter li, .newProdOuter fieldset, .newProdOuter form, .newProdOuter label, .newProdOuter legend, .newProdOuter table, .newProdOuter caption, .newProdOuter tbody, .newProdOuter tfoot, .newProdOuter thead, .newProdOuter tr, .newProdOuter th, .newProdOuter td, .topCase div, .topCase span, .topCase applet, .topCase object, .topCase iframe, .topCase h1, .topCase h2, .topCase h3, .topCase h4, .topCase h5, .topCase h6, .topCase p, .topCase blockquote, .topCase pre, .topCase a, .topCase abbr, .topCase acronym, .topCase address, .topCase big, .topCase cite, .topCase code, .topCase del, .topCase dfn, .topCase em, .topCase img, .topCase ins, .topCase kbd, .topCase q, .topCase s, .topCase samp, .topCase small, .topCase strike, .topCase strong, .topCase sub, .topCase sup, .topCase tt, .topCase var, .topCase b, .topCase u, .topCase i, .topCase center, .topCase dl, .topCase dt, .topCase dd, .topCase ol, .topCase ul, .topCase li, .topCase fieldset, .topCase form, .topCase label, .topCase legend, .topCase table, .topCase caption, .topCase tbody, .topCase tfoot, .topCase thead, .topCase tr, .topCase th, .topCase td, .topNews2 div, .topNews2 span, .topNews2 applet, .topNews2 object, .topNews2 iframe, .topNews2 h1, .topNews2 h2, .topNews2 h3, .topNews2 h4, .topNews2 h5, .topNews2 h6, .topNews2 p, .topNews2 blockquote, .topNews2 pre, .topNews2 a, .topNews2 abbr, .topNews2 acronym, .topNews2 address, .topNews2 big, .topNews2 cite, .topNews2 code, .topNews2 del, .topNews2 dfn, .topNews2 em, .topNews2 img, .topNews2 ins, .topNews2 kbd, .topNews2 q, .topNews2 s, .topNews2 samp, .topNews2 small, .topNews2 strike, .topNews2 strong, .topNews2 sub, .topNews2 sup, .topNews2 tt, .topNews2 var, .topNews2 b, .topNews2 u, .topNews2 i, .topNews2 center, .topNews2 dl, .topNews2 dt, .topNews2 dd, .topNews2 ol, .topNews2 ul, .topNews2 li, .topNews2 fieldset, .topNews2 form, .topNews2 label, .topNews2 legend, .topNews2 table, .topNews2 caption, .topNews2 tbody, .topNews2 tfoot, .topNews2 thead, .topNews2 tr, .topNews2 th, .topNews2 td, .topRelaBnr div, .topRelaBnr span, .topRelaBnr applet, .topRelaBnr object, .topRelaBnr iframe, .topRelaBnr h1, .topRelaBnr h2, .topRelaBnr h3, .topRelaBnr h4, .topRelaBnr h5, .topRelaBnr h6, .topRelaBnr p, .topRelaBnr blockquote, .topRelaBnr pre, .topRelaBnr a, .topRelaBnr abbr, .topRelaBnr acronym, .topRelaBnr address, .topRelaBnr big, .topRelaBnr cite, .topRelaBnr code, .topRelaBnr del, .topRelaBnr dfn, .topRelaBnr em, .topRelaBnr img, .topRelaBnr ins, .topRelaBnr kbd, .topRelaBnr q, .topRelaBnr s, .topRelaBnr samp, .topRelaBnr small, .topRelaBnr strike, .topRelaBnr strong, .topRelaBnr sub, .topRelaBnr sup, .topRelaBnr tt, .topRelaBnr var, .topRelaBnr b, .topRelaBnr u, .topRelaBnr i, .topRelaBnr center, .topRelaBnr dl, .topRelaBnr dt, .topRelaBnr dd, .topRelaBnr ol, .topRelaBnr ul, .topRelaBnr li, .topRelaBnr fieldset, .topRelaBnr form, .topRelaBnr label, .topRelaBnr legend, .topRelaBnr table, .topRelaBnr caption, .topRelaBnr tbody, .topRelaBnr tfoot, .topRelaBnr thead, .topRelaBnr tr, .topRelaBnr th, .topRelaBnr td, .breadcrumb div, .breadcrumb span, .breadcrumb applet, .breadcrumb object, .breadcrumb iframe, .breadcrumb h1, .breadcrumb h2, .breadcrumb h3, .breadcrumb h4, .breadcrumb h5, .breadcrumb h6, .breadcrumb p, .breadcrumb blockquote, .breadcrumb pre, .breadcrumb a, .breadcrumb abbr, .breadcrumb acronym, .breadcrumb address, .breadcrumb big, .breadcrumb cite, .breadcrumb code, .breadcrumb del, .breadcrumb dfn, .breadcrumb em, .breadcrumb img, .breadcrumb ins, .breadcrumb kbd, .breadcrumb q, .breadcrumb s, .breadcrumb samp, .breadcrumb small, .breadcrumb strike, .breadcrumb strong, .breadcrumb sub, .breadcrumb sup, .breadcrumb tt, .breadcrumb var, .breadcrumb b, .breadcrumb u, .breadcrumb i, .breadcrumb center, .breadcrumb dl, .breadcrumb dt, .breadcrumb dd, .breadcrumb ol, .breadcrumb ul, .breadcrumb li, .breadcrumb fieldset, .breadcrumb form, .breadcrumb label, .breadcrumb legend, .breadcrumb table, .breadcrumb caption, .breadcrumb tbody, .breadcrumb tfoot, .breadcrumb thead, .breadcrumb tr, .breadcrumb th, .breadcrumb td, .pgTtlh2 div, .pgTtlh2 span, .pgTtlh2 applet, .pgTtlh2 object, .pgTtlh2 iframe, .pgTtlh2 h1, .pgTtlh2 h2, .pgTtlh2 h3, .pgTtlh2 h4, .pgTtlh2 h5, .pgTtlh2 h6, .pgTtlh2 p, .pgTtlh2 blockquote, .pgTtlh2 pre, .pgTtlh2 a, .pgTtlh2 abbr, .pgTtlh2 acronym, .pgTtlh2 address, .pgTtlh2 big, .pgTtlh2 cite, .pgTtlh2 code, .pgTtlh2 del, .pgTtlh2 dfn, .pgTtlh2 em, .pgTtlh2 img, .pgTtlh2 ins, .pgTtlh2 kbd, .pgTtlh2 q, .pgTtlh2 s, .pgTtlh2 samp, .pgTtlh2 small, .pgTtlh2 strike, .pgTtlh2 strong, .pgTtlh2 sub, .pgTtlh2 sup, .pgTtlh2 tt, .pgTtlh2 var, .pgTtlh2 b, .pgTtlh2 u, .pgTtlh2 i, .pgTtlh2 center, .pgTtlh2 dl, .pgTtlh2 dt, .pgTtlh2 dd, .pgTtlh2 ol, .pgTtlh2 ul, .pgTtlh2 li, .pgTtlh2 fieldset, .pgTtlh2 form, .pgTtlh2 label, .pgTtlh2 legend, .pgTtlh2 table, .pgTtlh2 caption, .pgTtlh2 tbody, .pgTtlh2 tfoot, .pgTtlh2 thead, .pgTtlh2 tr, .pgTtlh2 th, .pgTtlh2 td, .campaignDetail div, .campaignDetail span, .campaignDetail applet, .campaignDetail object, .campaignDetail iframe, .campaignDetail h1, .campaignDetail h2, .campaignDetail h3, .campaignDetail h4, .campaignDetail h5, .campaignDetail h6, .campaignDetail p, .campaignDetail blockquote, .campaignDetail pre, .campaignDetail a, .campaignDetail abbr, .campaignDetail acronym, .campaignDetail address, .campaignDetail big, .campaignDetail cite, .campaignDetail code, .campaignDetail del, .campaignDetail dfn, .campaignDetail em, .campaignDetail img, .campaignDetail ins, .campaignDetail kbd, .campaignDetail q, .campaignDetail s, .campaignDetail samp, .campaignDetail small, .campaignDetail strike, .campaignDetail strong, .campaignDetail sub, .campaignDetail sup, .campaignDetail tt, .campaignDetail var, .campaignDetail b, .campaignDetail u, .campaignDetail i, .campaignDetail center, .campaignDetail dl, .campaignDetail dt, .campaignDetail dd, .campaignDetail ol, .campaignDetail ul, .campaignDetail li, .campaignDetail fieldset, .campaignDetail form, .campaignDetail label, .campaignDetail legend, .campaignDetail table, .campaignDetail caption, .campaignDetail tbody, .campaignDetail tfoot, .campaignDetail thead, .campaignDetail tr, .campaignDetail th, .campaignDetail td, .serchResultTex div, .serchResultTex span, .serchResultTex applet, .serchResultTex object, .serchResultTex iframe, .serchResultTex h1, .serchResultTex h2, .serchResultTex h3, .serchResultTex h4, .serchResultTex h5, .serchResultTex h6, .serchResultTex p, .serchResultTex blockquote, .serchResultTex pre, .serchResultTex a, .serchResultTex abbr, .serchResultTex acronym, .serchResultTex address, .serchResultTex big, .serchResultTex cite, .serchResultTex code, .serchResultTex del, .serchResultTex dfn, .serchResultTex em, .serchResultTex img, .serchResultTex ins, .serchResultTex kbd, .serchResultTex q, .serchResultTex s, .serchResultTex samp, .serchResultTex small, .serchResultTex strike, .serchResultTex strong, .serchResultTex sub, .serchResultTex sup, .serchResultTex tt, .serchResultTex var, .serchResultTex b, .serchResultTex u, .serchResultTex i, .serchResultTex center, .serchResultTex dl, .serchResultTex dt, .serchResultTex dd, .serchResultTex ol, .serchResultTex ul, .serchResultTex li, .serchResultTex fieldset, .serchResultTex form, .serchResultTex label, .serchResultTex legend, .serchResultTex table, .serchResultTex caption, .serchResultTex tbody, .serchResultTex tfoot, .serchResultTex thead, .serchResultTex tr, .serchResultTex th, .serchResultTex td, .searchResultPager div, .searchResultPager span, .searchResultPager applet, .searchResultPager object, .searchResultPager iframe, .searchResultPager h1, .searchResultPager h2, .searchResultPager h3, .searchResultPager h4, .searchResultPager h5, .searchResultPager h6, .searchResultPager p, .searchResultPager blockquote, .searchResultPager pre, .searchResultPager a, .searchResultPager abbr, .searchResultPager acronym, .searchResultPager address, .searchResultPager big, .searchResultPager cite, .searchResultPager code, .searchResultPager del, .searchResultPager dfn, .searchResultPager em, .searchResultPager img, .searchResultPager ins, .searchResultPager kbd, .searchResultPager q, .searchResultPager s, .searchResultPager samp, .searchResultPager small, .searchResultPager strike, .searchResultPager strong, .searchResultPager sub, .searchResultPager sup, .searchResultPager tt, .searchResultPager var, .searchResultPager b, .searchResultPager u, .searchResultPager i, .searchResultPager center, .searchResultPager dl, .searchResultPager dt, .searchResultPager dd, .searchResultPager ol, .searchResultPager ul, .searchResultPager li, .searchResultPager fieldset, .searchResultPager form, .searchResultPager label, .searchResultPager legend, .searchResultPager table, .searchResultPager caption, .searchResultPager tbody, .searchResultPager tfoot, .searchResultPager thead, .searchResultPager tr, .searchResultPager th, .searchResultPager td, .detailAreaOuter div, .detailAreaOuter span, .detailAreaOuter applet, .detailAreaOuter object, .detailAreaOuter iframe, .detailAreaOuter h1, .detailAreaOuter h2, .detailAreaOuter h3, .detailAreaOuter h4, .detailAreaOuter h5, .detailAreaOuter h6, .detailAreaOuter p, .detailAreaOuter blockquote, .detailAreaOuter pre, .detailAreaOuter a, .detailAreaOuter abbr, .detailAreaOuter acronym, .detailAreaOuter address, .detailAreaOuter big, .detailAreaOuter cite, .detailAreaOuter code, .detailAreaOuter del, .detailAreaOuter dfn, .detailAreaOuter em, .detailAreaOuter img, .detailAreaOuter ins, .detailAreaOuter kbd, .detailAreaOuter q, .detailAreaOuter s, .detailAreaOuter samp, .detailAreaOuter small, .detailAreaOuter strike, .detailAreaOuter strong, .detailAreaOuter sub, .detailAreaOuter sup, .detailAreaOuter tt, .detailAreaOuter var, .detailAreaOuter b, .detailAreaOuter u, .detailAreaOuter i, .detailAreaOuter center, .detailAreaOuter dl, .detailAreaOuter dt, .detailAreaOuter dd, .detailAreaOuter ol, .detailAreaOuter ul, .detailAreaOuter li, .detailAreaOuter fieldset, .detailAreaOuter form, .detailAreaOuter label, .detailAreaOuter legend, .detailAreaOuter table, .detailAreaOuter caption, .detailAreaOuter tbody, .detailAreaOuter tfoot, .detailAreaOuter thead, .detailAreaOuter tr, .detailAreaOuter th, .detailAreaOuter td, .detailTabOuter div, .detailTabOuter span, .detailTabOuter applet, .detailTabOuter object, .detailTabOuter iframe, .detailTabOuter h1, .detailTabOuter h2, .detailTabOuter h3, .detailTabOuter h4, .detailTabOuter h5, .detailTabOuter h6, .detailTabOuter p, .detailTabOuter blockquote, .detailTabOuter pre, .detailTabOuter a, .detailTabOuter abbr, .detailTabOuter acronym, .detailTabOuter address, .detailTabOuter big, .detailTabOuter cite, .detailTabOuter code, .detailTabOuter del, .detailTabOuter dfn, .detailTabOuter em, .detailTabOuter img, .detailTabOuter ins, .detailTabOuter kbd, .detailTabOuter q, .detailTabOuter s, .detailTabOuter samp, .detailTabOuter small, .detailTabOuter strike, .detailTabOuter strong, .detailTabOuter sub, .detailTabOuter sup, .detailTabOuter tt, .detailTabOuter var, .detailTabOuter b, .detailTabOuter u, .detailTabOuter i, .detailTabOuter center, .detailTabOuter dl, .detailTabOuter dt, .detailTabOuter dd, .detailTabOuter ol, .detailTabOuter ul, .detailTabOuter li, .detailTabOuter fieldset, .detailTabOuter form, .detailTabOuter label, .detailTabOuter legend, .detailTabOuter table, .detailTabOuter caption, .detailTabOuter tbody, .detailTabOuter tfoot, .detailTabOuter thead, .detailTabOuter tr, .detailTabOuter th, .detailTabOuter td, .column2Outer div, .column2Outer span, .column2Outer applet, .column2Outer object, .column2Outer iframe, .column2Outer h1, .column2Outer h2, .column2Outer h3, .column2Outer h4, .column2Outer h5, .column2Outer h6, .column2Outer p, .column2Outer blockquote, .column2Outer pre, .column2Outer a, .column2Outer abbr, .column2Outer acronym, .column2Outer address, .column2Outer big, .column2Outer cite, .column2Outer code, .column2Outer del, .column2Outer dfn, .column2Outer em, .column2Outer img, .column2Outer ins, .column2Outer kbd, .column2Outer q, .column2Outer s, .column2Outer samp, .column2Outer small, .column2Outer strike, .column2Outer strong, .column2Outer sub, .column2Outer sup, .column2Outer tt, .column2Outer var, .column2Outer b, .column2Outer u, .column2Outer i, .column2Outer center, .column2Outer dl, .column2Outer dt, .column2Outer dd, .column2Outer ol, .column2Outer ul, .column2Outer li, .column2Outer fieldset, .column2Outer form, .column2Outer label, .column2Outer legend, .column2Outer table, .column2Outer caption, .column2Outer tbody, .column2Outer tfoot, .column2Outer thead, .column2Outer tr, .column2Outer th, .column2Outer td, .detailBtns div, .detailBtns span, .detailBtns applet, .detailBtns object, .detailBtns iframe, .detailBtns h1, .detailBtns h2, .detailBtns h3, .detailBtns h4, .detailBtns h5, .detailBtns h6, .detailBtns p, .detailBtns blockquote, .detailBtns pre, .detailBtns a, .detailBtns abbr, .detailBtns acronym, .detailBtns address, .detailBtns big, .detailBtns cite, .detailBtns code, .detailBtns del, .detailBtns dfn, .detailBtns em, .detailBtns img, .detailBtns ins, .detailBtns kbd, .detailBtns q, .detailBtns s, .detailBtns samp, .detailBtns small, .detailBtns strike, .detailBtns strong, .detailBtns sub, .detailBtns sup, .detailBtns tt, .detailBtns var, .detailBtns b, .detailBtns u, .detailBtns i, .detailBtns center, .detailBtns dl, .detailBtns dt, .detailBtns dd, .detailBtns ol, .detailBtns ul, .detailBtns li, .detailBtns fieldset, .detailBtns form, .detailBtns label, .detailBtns legend, .detailBtns table, .detailBtns caption, .detailBtns tbody, .detailBtns tfoot, .detailBtns thead, .detailBtns tr, .detailBtns th, .detailBtns td, .loginOuter div, .loginOuter span, .loginOuter applet, .loginOuter object, .loginOuter iframe, .loginOuter h1, .loginOuter h2, .loginOuter h3, .loginOuter h4, .loginOuter h5, .loginOuter h6, .loginOuter p, .loginOuter blockquote, .loginOuter pre, .loginOuter a, .loginOuter abbr, .loginOuter acronym, .loginOuter address, .loginOuter big, .loginOuter cite, .loginOuter code, .loginOuter del, .loginOuter dfn, .loginOuter em, .loginOuter img, .loginOuter ins, .loginOuter kbd, .loginOuter q, .loginOuter s, .loginOuter samp, .loginOuter small, .loginOuter strike, .loginOuter strong, .loginOuter sub, .loginOuter sup, .loginOuter tt, .loginOuter var, .loginOuter b, .loginOuter u, .loginOuter i, .loginOuter center, .loginOuter dl, .loginOuter dt, .loginOuter dd, .loginOuter ol, .loginOuter ul, .loginOuter li, .loginOuter fieldset, .loginOuter form, .loginOuter label, .loginOuter legend, .loginOuter table, .loginOuter caption, .loginOuter tbody, .loginOuter tfoot, .loginOuter thead, .loginOuter tr, .loginOuter th, .loginOuter td, .campDetailOuter div, .campDetailOuter span, .campDetailOuter applet, .campDetailOuter object, .campDetailOuter iframe, .campDetailOuter h1, .campDetailOuter h2, .campDetailOuter h3, .campDetailOuter h4, .campDetailOuter h5, .campDetailOuter h6, .campDetailOuter p, .campDetailOuter blockquote, .campDetailOuter pre, .campDetailOuter a, .campDetailOuter abbr, .campDetailOuter acronym, .campDetailOuter address, .campDetailOuter big, .campDetailOuter cite, .campDetailOuter code, .campDetailOuter del, .campDetailOuter dfn, .campDetailOuter em, .campDetailOuter img, .campDetailOuter ins, .campDetailOuter kbd, .campDetailOuter q, .campDetailOuter s, .campDetailOuter samp, .campDetailOuter small, .campDetailOuter strike, .campDetailOuter strong, .campDetailOuter sub, .campDetailOuter sup, .campDetailOuter tt, .campDetailOuter var, .campDetailOuter b, .campDetailOuter u, .campDetailOuter i, .campDetailOuter center, .campDetailOuter dl, .campDetailOuter dt, .campDetailOuter dd, .campDetailOuter ol, .campDetailOuter ul, .campDetailOuter li, .campDetailOuter fieldset, .campDetailOuter form, .campDetailOuter label, .campDetailOuter legend, .campDetailOuter table, .campDetailOuter caption, .campDetailOuter tbody, .campDetailOuter tfoot, .campDetailOuter thead, .campDetailOuter tr, .campDetailOuter th, .campDetailOuter td { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } #wmfcHeader input, #wmfcHeader textarea, p.pagetop input, p.pagetop textarea, #wmfcFooter input, #wmfcFooter textarea, .topMainSlider input, .topMainSlider textarea, .importantNews input, .importantNews textarea, .categoryListOuter input, .categoryListOuter textarea, .categorySwitchOuter input, .categorySwitchOuter textarea, .camAreaOuter input, .camAreaOuter textarea, .camSliderOuter input, .camSliderOuter textarea, .popuAreaOuter input, .popuAreaOuter textarea, .newProdSliderOuter input, .newProdSliderOuter textarea, .newProdOuter input, .newProdOuter textarea, .topCase input, .topCase textarea, .topNews2 input, .topNews2 textarea, .topRelaBnr input, .topRelaBnr textarea, .breadcrumb input, .breadcrumb textarea, .pgTtlh2 input, .pgTtlh2 textarea, .campaignDetail input, .campaignDetail textarea, .serchResultTex input, .serchResultTex textarea, .searchResultPager input, .searchResultPager textarea, .detailAreaOuter input, .detailAreaOuter textarea, .detailTabOuter input, .detailTabOuter textarea, .column2Outer input, .column2Outer textarea, .detailBtns input, .detailBtns textarea, .loginOuter input, .loginOuter textarea, .campDetailOuter input, .campDetailOuter textarea { margin: 0; padding: 0; } #wmfcHeader ol, #wmfcHeader ul, p.pagetop ol, p.pagetop ul, #wmfcFooter ol, #wmfcFooter ul, .topMainSlider ol, .topMainSlider ul, .importantNews ol, .importantNews ul, .categoryListOuter ol, .categoryListOuter ul, .categorySwitchOuter ol, .categorySwitchOuter ul, .camAreaOuter ol, .camAreaOuter ul, .camSliderOuter ol, .camSliderOuter ul, .popuAreaOuter ol, .popuAreaOuter ul, .newProdSliderOuter ol, .newProdSliderOuter ul, .newProdOuter ol, .newProdOuter ul, .topCase ol, .topCase ul, .topNews2 ol, .topNews2 ul, .topRelaBnr ol, .topRelaBnr ul, .breadcrumb ol, .breadcrumb ul, .pgTtlh2 ol, .pgTtlh2 ul, .campaignDetail ol, .campaignDetail ul, .serchResultTex ol, .serchResultTex ul, .searchResultPager ol, .searchResultPager ul, .detailAreaOuter ol, .detailAreaOuter ul, .detailTabOuter ol, .detailTabOuter ul, .column2Outer ol, .column2Outer ul, .detailBtns ol, .detailBtns ul, .loginOuter ol, .loginOuter ul, .campDetailOuter ol, .campDetailOuter ul { list-style: none; } #wmfcHeader table, p.pagetop table, #wmfcFooter table, .topMainSlider table, .importantNews table, .categoryListOuter table, .categorySwitchOuter table, .camAreaOuter table, .camSliderOuter table, .popuAreaOuter table, .newProdSliderOuter table, .newProdOuter table, .topCase table, .topNews2 table, .topRelaBnr table, .breadcrumb table, .pgTtlh2 table, .campaignDetail table, .serchResultTex table, .searchResultPager table, .detailAreaOuter table, .detailTabOuter table, .column2Outer table, .detailBtns table, .loginOuter table, .campDetailOuter table { border-spacing: 0; border-collapse: collapse; } #wmfcHeader input, #wmfcHeader button, #wmfcHeader textarea, #wmfcHeader select, #wmfcHeader a:focus, p.pagetop input, p.pagetop button, p.pagetop textarea, p.pagetop select, p.pagetop a:focus, #wmfcFooter input, #wmfcFooter button, #wmfcFooter textarea, #wmfcFooter select, #wmfcFooter a:focus, .topMainSlider input, .topMainSlider button, .topMainSlider textarea, .topMainSlider select, .topMainSlider a:focus, .importantNews input, .importantNews button, .importantNews textarea, .importantNews select, .importantNews a:focus, .categoryListOuter input, .categoryListOuter button, .categoryListOuter textarea, .categoryListOuter select, .categoryListOuter a:focus, .categorySwitchOuter input, .categorySwitchOuter button, .categorySwitchOuter textarea, .categorySwitchOuter select, .categorySwitchOuter a:focus, .camAreaOuter input, .camAreaOuter button, .camAreaOuter textarea, .camAreaOuter select, .camAreaOuter a:focus, .camSliderOuter input, .camSliderOuter button, .camSliderOuter textarea, .camSliderOuter select, .camSliderOuter a:focus, .popuAreaOuter input, .popuAreaOuter button, .popuAreaOuter textarea, .popuAreaOuter select, .popuAreaOuter a:focus, .newProdSliderOuter input, .newProdSliderOuter button, .newProdSliderOuter textarea, .newProdSliderOuter select, .newProdSliderOuter a:focus, .newProdOuter input, .newProdOuter button, .newProdOuter textarea, .newProdOuter select, .newProdOuter a:focus, .topCase input, .topCase button, .topCase textarea, .topCase select, .topCase a:focus, .topNews2 input, .topNews2 button, .topNews2 textarea, .topNews2 select, .topNews2 a:focus, .topRelaBnr input, .topRelaBnr button, .topRelaBnr textarea, .topRelaBnr select, .topRelaBnr a:focus, .breadcrumb input, .breadcrumb button, .breadcrumb textarea, .breadcrumb select, .breadcrumb a:focus, .pgTtlh2 input, .pgTtlh2 button, .pgTtlh2 textarea, .pgTtlh2 select, .pgTtlh2 a:focus, .campaignDetail input, .campaignDetail button, .campaignDetail textarea, .campaignDetail select, .campaignDetail a:focus, .serchResultTex input, .serchResultTex button, .serchResultTex textarea, .serchResultTex select, .serchResultTex a:focus, .searchResultPager input, .searchResultPager button, .searchResultPager textarea, .searchResultPager select, .searchResultPager a:focus, .detailAreaOuter input, .detailAreaOuter button, .detailAreaOuter textarea, .detailAreaOuter select, .detailAreaOuter a:focus, .detailTabOuter input, .detailTabOuter button, .detailTabOuter textarea, .detailTabOuter select, .detailTabOuter a:focus, .column2Outer input, .column2Outer button, .column2Outer textarea, .column2Outer select, .column2Outer a:focus, .detailBtns input, .detailBtns button, .detailBtns textarea, .detailBtns select, .detailBtns a:focus, .loginOuter input, .loginOuter button, .loginOuter textarea, .loginOuter select, .loginOuter a:focus, .campDetailOuter input, .campDetailOuter button, .campDetailOuter textarea, .campDetailOuter select, .campDetailOuter a:focus { outline: none; } html { overflow-x: hidden; overflow-y: scroll; -webkit-text-size-adjust: none; height: 100%; } body { height: 100%; width: 100%; text-align: left; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, sans-serif; } .wmfcCont a { text-decoration: none; } .wmfcCont a:hover { text-decoration: underline; } #wmfcHeader .lsDisc, p.pagetop .lsDisc, #wmfcFooter .lsDisc, .topMainSlider .lsDisc, .importantNews .lsDisc, .categoryListOuter .lsDisc, .camAreaOuter .lsDisc, .camSliderOuter .lsDisc, .popuAreaOuter .lsDisc, .newProdSliderOuter .lsDisc, .newProdOuter .lsDisc, .topCase .lsDisc, .topNews2 .lsDisc, .topRelaBnr .lsDisc, .breadcrumb .lsDisc, .pgTtlh2 .lsDisc, .campaignDetail .lsDisc, .serchResultTex .lsDisc, .searchResultPager .lsDisc, .detailAreaOuter .lsDisc, .detailTabOuter .lsDisc, .detailBtns .lsDisc, .loginOuter .lsDisc, .campDetailOuter .lsDisc { padding-left: 1.5em; margin-bottom: 20px; } #wmfcHeader .lsDisc li, p.pagetop .lsDisc li, #wmfcFooter .lsDisc li, .topMainSlider .lsDisc li, .importantNews .lsDisc li, .categoryListOuter .lsDisc li, .camAreaOuter .lsDisc li, .camSliderOuter .lsDisc li, .popuAreaOuter .lsDisc li, .newProdSliderOuter .lsDisc li, .newProdOuter .lsDisc li, .topCase .lsDisc li, .topNews2 .lsDisc li, .topRelaBnr .lsDisc li, .breadcrumb .lsDisc li, .pgTtlh2 .lsDisc li, .campaignDetail .lsDisc li, .serchResultTex .lsDisc li, .searchResultPager .lsDisc li, .detailAreaOuter .lsDisc li, .detailTabOuter .lsDisc li, .detailBtns .lsDisc li, .loginOuter .lsDisc li, .campDetailOuter .lsDisc li { list-style-type: disc; } #wmfcHeader .lsCircle, p.pagetop .lsCircle, #wmfcFooter .lsCircle, .topMainSlider .lsCircle, .importantNews .lsCircle, .categoryListOuter .lsCircle, .camAreaOuter .lsCircle, .camSliderOuter .lsCircle, .popuAreaOuter .lsCircle, .newProdSliderOuter .lsCircle, .newProdOuter .lsCircle, .topCase .lsCircle, .topNews2 .lsCircle, .topRelaBnr .lsCircle, .breadcrumb .lsCircle, .pgTtlh2 .lsCircle, .campaignDetail .lsCircle, .serchResultTex .lsCircle, .searchResultPager .lsCircle, .detailAreaOuter .lsCircle, .detailTabOuter .lsCircle, .detailBtns .lsCircle, .loginOuter .lsCircle, .campDetailOuter .lsCircle { padding-left: 1.5em; margin-bottom: 20px; } #wmfcHeader .lsCircle li, p.pagetop .lsCircle li, #wmfcFooter .lsCircle li, .topMainSlider .lsCircle li, .importantNews .lsCircle li, .categoryListOuter .lsCircle li, .camAreaOuter .lsCircle li, .camSliderOuter .lsCircle li, .popuAreaOuter .lsCircle li, .newProdSliderOuter .lsCircle li, .newProdOuter .lsCircle li, .topCase .lsCircle li, .topNews2 .lsCircle li, .topRelaBnr .lsCircle li, .breadcrumb .lsCircle li, .pgTtlh2 .lsCircle li, .campaignDetail .lsCircle li, .serchResultTex .lsCircle li, .searchResultPager .lsCircle li, .detailAreaOuter .lsCircle li, .detailTabOuter .lsCircle li, .detailBtns .lsCircle li, .loginOuter .lsCircle li, .campDetailOuter .lsCircle li { list-style-type: circle; } #wmfcHeader .taC, p.pagetop .taC, #wmfcFooter .taC, .topMainSlider .taC, .importantNews .taC, .categoryListOuter .taC, .camAreaOuter .taC, .camSliderOuter .taC, .popuAreaOuter .taC, .newProdSliderOuter .taC, .newProdOuter .taC, .topCase .taC, .topNews2 .taC, .topRelaBnr .taC, .breadcrumb .taC, .pgTtlh2 .taC, .campaignDetail .taC, .serchResultTex .taC, .searchResultPager .taC, .detailAreaOuter .taC, .detailTabOuter .taC, .detailBtns .taC, .loginOuter .taC, .campDetailOuter .taC { text-align: center; } #wmfcHeader .taR, p.pagetop .taR, #wmfcFooter .taR, .topMainSlider .taR, .importantNews .taR, .categoryListOuter .taR, .camAreaOuter .taR, .camSliderOuter .taR, .popuAreaOuter .taR, .newProdSliderOuter .taR, .newProdOuter .taR, .topCase .taR, .topNews2 .taR, .topRelaBnr .taR, .breadcrumb .taR, .pgTtlh2 .taR, .campaignDetail .taR, .serchResultTex .taR, .searchResultPager .taR, .detailAreaOuter .taR, .detailTabOuter .taR, .detailBtns .taR, .loginOuter .taR, .campDetailOuter .taR { text-align: right; } #wmfcHeader .mb00, p.pagetop .mb00, #wmfcFooter .mb00, .topMainSlider .mb00, .importantNews .mb00, .categoryListOuter .mb00, .camAreaOuter .mb00, .camSliderOuter .mb00, .popuAreaOuter .mb00, .newProdSliderOuter .mb00, .newProdOuter .mb00, .topCase .mb00, .topNews2 .mb00, .topRelaBnr .mb00, .breadcrumb .mb00, .pgTtlh2 .mb00, .campaignDetail .mb00, .serchResultTex .mb00, .searchResultPager .mb00, .detailAreaOuter .mb00, .detailTabOuter .mb00, .detailBtns .mb00, .loginOuter .mb00, .campDetailOuter .mb00 { margin-bottom: 0 !important; } #wmfcHeader .colRed, p.pagetop .colRed, #wmfcFooter .colRed, .topMainSlider .colRed, .importantNews .colRed, .categoryListOuter .colRed, .camAreaOuter .colRed, .camSliderOuter .colRed, .popuAreaOuter .colRed, .newProdSliderOuter .colRed, .newProdOuter .colRed, .topCase .colRed, .topNews2 .colRed, .topRelaBnr .colRed, .breadcrumb .colRed, .pgTtlh2 .colRed, .campaignDetail .colRed, .serchResultTex .colRed, .searchResultPager .colRed, .detailAreaOuter .colRed, .detailTabOuter .colRed, .detailBtns .colRed, .loginOuter .colRed, .campDetailOuter .colRed { color: #b22b30; } #wmfcHeader a.linkPDF, p.pagetop a.linkPDF, #wmfcFooter a.linkPDF, .topMainSlider a.linkPDF, .importantNews a.linkPDF, .categoryListOuter a.linkPDF, .camAreaOuter a.linkPDF, .camSliderOuter a.linkPDF, .popuAreaOuter a.linkPDF, .newProdSliderOuter a.linkPDF, .newProdOuter a.linkPDF, .topCase a.linkPDF, .topNews2 a.linkPDF, .topRelaBnr a.linkPDF, .breadcrumb a.linkPDF, .pgTtlh2 a.linkPDF, .campaignDetail a.linkPDF, .serchResultTex a.linkPDF, .searchResultPager a.linkPDF, .detailAreaOuter a.linkPDF, .detailTabOuter a.linkPDF, .detailBtns a.linkPDF, .loginOuter a.linkPDF, .campDetailOuter a.linkPDF { background: url(/img/common/icon_pdf.gif) no-repeat left 50%; padding-left: 18px; } #wmfcHeader .inlineBtnList, p.pagetop .inlineBtnList, #wmfcFooter .inlineBtnList, .topMainSlider .inlineBtnList, .importantNews .inlineBtnList, .categoryListOuter .inlineBtnList, .camAreaOuter .inlineBtnList, .camSliderOuter .inlineBtnList, .popuAreaOuter .inlineBtnList, .newProdSliderOuter .inlineBtnList, .newProdOuter .inlineBtnList, .topCase .inlineBtnList, .topNews2 .inlineBtnList, .topRelaBnr .inlineBtnList, .breadcrumb .inlineBtnList, .pgTtlh2 .inlineBtnList, .campaignDetail .inlineBtnList, .serchResultTex .inlineBtnList, .searchResultPager .inlineBtnList, .detailAreaOuter .inlineBtnList, .detailTabOuter .inlineBtnList, .detailBtns .inlineBtnList, .loginOuter .inlineBtnList, .campDetailOuter .inlineBtnList { margin: 10px 0; } #wmfcHeader .inlineBtnList li, p.pagetop .inlineBtnList li, #wmfcFooter .inlineBtnList li, .topMainSlider .inlineBtnList li, .importantNews .inlineBtnList li, .categoryListOuter .inlineBtnList li, .camAreaOuter .inlineBtnList li, .camSliderOuter .inlineBtnList li, .popuAreaOuter .inlineBtnList li, .newProdSliderOuter .inlineBtnList li, .newProdOuter .inlineBtnList li, .topCase .inlineBtnList li, .topNews2 .inlineBtnList li, .topRelaBnr .inlineBtnList li, .breadcrumb .inlineBtnList li, .pgTtlh2 .inlineBtnList li, .campaignDetail .inlineBtnList li, .serchResultTex .inlineBtnList li, .searchResultPager .inlineBtnList li, .detailAreaOuter .inlineBtnList li, .detailTabOuter .inlineBtnList li, .detailBtns .inlineBtnList li, .loginOuter .inlineBtnList li, .campDetailOuter .inlineBtnList li { display: inline-block; margin: 0 4px; } #wmfcHeader .btn01, p.pagetop .btn01, #wmfcFooter .btn01, .topMainSlider .btn01, .importantNews .btn01, .categoryListOuter .btn01, .camAreaOuter .btn01, .camSliderOuter .btn01, .popuAreaOuter .btn01, .newProdSliderOuter .btn01, .newProdOuter .btn01, .topCase .btn01, .topNews2 .btn01, .topRelaBnr .btn01, .breadcrumb .btn01, .pgTtlh2 .btn01, .campaignDetail .btn01, .serchResultTex .btn01, .searchResultPager .btn01, .detailAreaOuter .btn01, .detailTabOuter .btn01, .detailBtns .btn01, .loginOuter .btn01, .campDetailOuter .btn01 { margin: 2px 0; } #wmfcHeader .btn01 a, p.pagetop .btn01 a, #wmfcFooter .btn01 a, .topMainSlider .btn01 a, .importantNews .btn01 a, .categoryListOuter .btn01 a, .camAreaOuter .btn01 a, .camSliderOuter .btn01 a, .popuAreaOuter .btn01 a, .newProdSliderOuter .btn01 a, .newProdOuter .btn01 a, .topCase .btn01 a, .topNews2 .btn01 a, .topRelaBnr .btn01 a, .breadcrumb .btn01 a, .pgTtlh2 .btn01 a, .campaignDetail .btn01 a, .serchResultTex .btn01 a, .searchResultPager .btn01 a, .detailAreaOuter .btn01 a, .detailTabOuter .btn01 a, .detailBtns .btn01 a, .loginOuter .btn01 a, .campDetailOuter .btn01 a { background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat right 10px top 50%; border: 1px solid #b22b30; color: white; display: inline-block; padding: 9px 30px 7px 15px; text-align: center; text-decoration: none; line-height: 1.2; } #wmfcHeader .btn01 a:hover, p.pagetop .btn01 a:hover, #wmfcFooter .btn01 a:hover, .topMainSlider .btn01 a:hover, .importantNews .btn01 a:hover, .categoryListOuter .btn01 a:hover, .camAreaOuter .btn01 a:hover, .camSliderOuter .btn01 a:hover, .popuAreaOuter .btn01 a:hover, .newProdSliderOuter .btn01 a:hover, .newProdOuter .btn01 a:hover, .topCase .btn01 a:hover, .topNews2 .btn01 a:hover, .topRelaBnr .btn01 a:hover, .breadcrumb .btn01 a:hover, .pgTtlh2 .btn01 a:hover, .campaignDetail .btn01 a:hover, .serchResultTex .btn01 a:hover, .searchResultPager .btn01 a:hover, .detailAreaOuter .btn01 a:hover, .detailTabOuter .btn01 a:hover, .detailBtns .btn01 a:hover, .loginOuter .btn01 a:hover, .campDetailOuter .btn01 a:hover { background: white url(/img/common/btn_arw_02.png) no-repeat right 10px top 50%; color: #b22b30; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcHeader .btn02, p.pagetop .btn02, #wmfcFooter .btn02, .topMainSlider .btn02, .importantNews .btn02, .categoryListOuter .btn02, .camAreaOuter .btn02, .camSliderOuter .btn02, .popuAreaOuter .btn02, .newProdSliderOuter .btn02, .newProdOuter .btn02, .topCase .btn02, .topNews2 .btn02, .topRelaBnr .btn02, .breadcrumb .btn02, .pgTtlh2 .btn02, .campaignDetail .btn02, .serchResultTex .btn02, .searchResultPager .btn02, .detailAreaOuter .btn02, .detailTabOuter .btn02, .detailBtns .btn02, .loginOuter .btn02, .campDetailOuter .btn02 { margin: 2px 0; } #wmfcHeader .btn02 a, p.pagetop .btn02 a, #wmfcFooter .btn02 a, .topMainSlider .btn02 a, .importantNews .btn02 a, .categoryListOuter .btn02 a, .camAreaOuter .btn02 a, .camSliderOuter .btn02 a, .popuAreaOuter .btn02 a, .newProdSliderOuter .btn02 a, .newProdOuter .btn02 a, .topCase .btn02 a, .topNews2 .btn02 a, .topRelaBnr .btn02 a, .breadcrumb .btn02 a, .pgTtlh2 .btn02 a, .campaignDetail .btn02 a, .serchResultTex .btn02 a, .searchResultPager .btn02 a, .detailAreaOuter .btn02 a, .detailTabOuter .btn02 a, .detailBtns .btn02 a, .loginOuter .btn02 a, .campDetailOuter .btn02 a { background: #b22b30 url(/img/common/btn_arw_04.png) no-repeat right 10px top 50%; border: 1px solid #b22b30; color: white; display: inline-block; padding: 9px 30px 7px 15px; text-align: center; text-decoration: none; line-height: 1.2; } #wmfcHeader .btn02 a:hover, p.pagetop .btn02 a:hover, #wmfcFooter .btn02 a:hover, .topMainSlider .btn02 a:hover, .importantNews .btn02 a:hover, .categoryListOuter .btn02 a:hover, .camAreaOuter .btn02 a:hover, .camSliderOuter .btn02 a:hover, .popuAreaOuter .btn02 a:hover, .newProdSliderOuter .btn02 a:hover, .newProdOuter .btn02 a:hover, .topCase .btn02 a:hover, .topNews2 .btn02 a:hover, .topRelaBnr .btn02 a:hover, .breadcrumb .btn02 a:hover, .pgTtlh2 .btn02 a:hover, .campaignDetail .btn02 a:hover, .serchResultTex .btn02 a:hover, .searchResultPager .btn02 a:hover, .detailAreaOuter .btn02 a:hover, .detailTabOuter .btn02 a:hover, .detailBtns .btn02 a:hover, .loginOuter .btn02 a:hover, .campDetailOuter .btn02 a:hover { background: white url(/img/common/btn_arw_05.png) no-repeat right 10px top 50%; color: #b22b30; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcHeader .btn03, p.pagetop .btn03, #wmfcFooter .btn03, .topMainSlider .btn03, .importantNews .btn03, .categoryListOuter .btn03, .camAreaOuter .btn03, .camSliderOuter .btn03, .popuAreaOuter .btn03, .newProdSliderOuter .btn03, .newProdOuter .btn03, .topCase .btn03, .topNews2 .btn03, .topRelaBnr .btn03, .breadcrumb .btn03, .pgTtlh2 .btn03, .campaignDetail .btn03, .serchResultTex .btn03, .searchResultPager .btn03, .detailAreaOuter .btn03, .detailTabOuter .btn03, .detailBtns .btn03, .loginOuter .btn03, .campDetailOuter .btn03 { margin: 2px 0; } #wmfcHeader .btn03 a, p.pagetop .btn03 a, #wmfcFooter .btn03 a, .topMainSlider .btn03 a, .importantNews .btn03 a, .categoryListOuter .btn03 a, .camAreaOuter .btn03 a, .camSliderOuter .btn03 a, .popuAreaOuter .btn03 a, .newProdSliderOuter .btn03 a, .newProdOuter .btn03 a, .topCase .btn03 a, .topNews2 .btn03 a, .topRelaBnr .btn03 a, .breadcrumb .btn03 a, .pgTtlh2 .btn03 a, .campaignDetail .btn03 a, .serchResultTex .btn03 a, .searchResultPager .btn03 a, .detailAreaOuter .btn03 a, .detailTabOuter .btn03 a, .detailBtns .btn03 a, .loginOuter .btn03 a, .campDetailOuter .btn03 a { background: #b22b30; border: 1px solid #b22b30; color: white; display: inline-block; padding: 9px 15px 7px; text-align: center; text-decoration: none; line-height: 1.2; font-size: 18px; } #wmfcHeader .btn03 a:hover, p.pagetop .btn03 a:hover, #wmfcFooter .btn03 a:hover, .topMainSlider .btn03 a:hover, .importantNews .btn03 a:hover, .categoryListOuter .btn03 a:hover, .camAreaOuter .btn03 a:hover, .camSliderOuter .btn03 a:hover, .popuAreaOuter .btn03 a:hover, .newProdSliderOuter .btn03 a:hover, .newProdOuter .btn03 a:hover, .topCase .btn03 a:hover, .topNews2 .btn03 a:hover, .topRelaBnr .btn03 a:hover, .breadcrumb .btn03 a:hover, .pgTtlh2 .btn03 a:hover, .campaignDetail .btn03 a:hover, .serchResultTex .btn03 a:hover, .searchResultPager .btn03 a:hover, .detailAreaOuter .btn03 a:hover, .detailTabOuter .btn03 a:hover, .detailBtns .btn03 a:hover, .loginOuter .btn03 a:hover, .campDetailOuter .btn03 a:hover { background: white; color: #b22b30; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .notFoundMain { margin-left: auto; margin-right: auto; float: none; width: 100%; max-width: 750px; } .taC { text-align: center; } .maincontents { float: none; margin-top: 15px; margin-left: auto; margin-right: auto; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, sans-serif; } .w980 > .maincontents { width: 100%; max-width: 980px; } body.body5span .maincontents { float: none; width: 980px !important; margin-left: auto; margin-right: auto; } .mynav { margin-bottom: 2em; width: 980px; margin-left: auto; margin-right: auto; } /* PC */ #wmfcHeader { width: 100%; border-top: #666 3px solid; text-align: left; } #wmfcHeader .header1 { border-bottom: none; width: 100%; background-color: #57564f; position: relative; z-index: 50; } #wmfcHeader .header1 > div { position: relative; margin: 0 auto; max-width: 980px; height: 60px; } #wmfcHeader .header1 > div > p { position: absolute; top: 20px; left: 0; } #wmfcHeader .header1 > div > h1 { position: absolute; top: 20px; left: 120px; line-height: 1; } #wmfcHeader .header1 > div > h1 img { display: block; margin-bottom: 8px; } #wmfcHeader .header1 > div > ul.subNav { zoom: 1; position: absolute; top: 20px; right: 0; } #wmfcHeader .header1 > div > ul.subNav:after { display: block; clear: both; content: ""; } #wmfcHeader .header1 > div > ul.subNav li { display: table; float: left; margin-left: 20px; width: 44px; text-align: center; white-space: nowrap; line-height: 1; } #wmfcHeader .header1 > div > ul.subNav li a { display: table-cell; padding-top: 17px; color: white; vertical-align: bottom; text-decoration: none; font-size: 12px; } #wmfcHeader .header1 > div > ul.subNav li a:hover { text-decoration: underline; } #wmfcHeader .header1 > div > .spSearchSwitch, #wmfcHeader .header1 > div > .spMenuSwitch { display: none; } #wmfcHeader .header2 { width: 100%; background: #57564f; position: relative; z-index: 51; } #wmfcHeader .header2 > div { position: relative; margin: 0 auto; max-width: 980px; width: 100%; height: 60px; zoom: 1; } #wmfcHeader .header2 > div:after { display: block; clear: both; content: ""; } #wmfcHeader .header2 > div .SearchSwitch { float: right; width: 20px; height: 22px; margin: 18px 20px 0 0; cursor: pointer; } #wmfcHeader .header2 > div .headerSearch { position: absolute; display: none; top: 60px; right: 0; width: 100%; height: 40px; background: #f2f2f2; } #wmfcHeader .header2 > div .headerSearch form { display: table; width: 100%; height: auto; padding: 0 0 0 0; text-align: left; color: #333; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, sans-serif; } #wmfcHeader .header2 > div .headerSearch form div, #wmfcHeader .header2 > div .headerSearch form span, #wmfcHeader .header2 > div .headerSearch form applet, #wmfcHeader .header2 > div .headerSearch form object, #wmfcHeader .header2 > div .headerSearch form iframe, #wmfcHeader .header2 > div .headerSearch form h1, #wmfcHeader .header2 > div .headerSearch form h2, #wmfcHeader .header2 > div .headerSearch form h3, #wmfcHeader .header2 > div .headerSearch form h4, #wmfcHeader .header2 > div .headerSearch form h5, #wmfcHeader .header2 > div .headerSearch form h6, #wmfcHeader .header2 > div .headerSearch form p, #wmfcHeader .header2 > div .headerSearch form blockquote, #wmfcHeader .header2 > div .headerSearch form pre, #wmfcHeader .header2 > div .headerSearch form a, #wmfcHeader .header2 > div .headerSearch form abbr, #wmfcHeader .header2 > div .headerSearch form acronym, #wmfcHeader .header2 > div .headerSearch form address, #wmfcHeader .header2 > div .headerSearch form big, #wmfcHeader .header2 > div .headerSearch form cite, #wmfcHeader .header2 > div .headerSearch form code, #wmfcHeader .header2 > div .headerSearch form del, #wmfcHeader .header2 > div .headerSearch form dfn, #wmfcHeader .header2 > div .headerSearch form em, #wmfcHeader .header2 > div .headerSearch form img, #wmfcHeader .header2 > div .headerSearch form ins, #wmfcHeader .header2 > div .headerSearch form kbd, #wmfcHeader .header2 > div .headerSearch form q, #wmfcHeader .header2 > div .headerSearch form s, #wmfcHeader .header2 > div .headerSearch form samp, #wmfcHeader .header2 > div .headerSearch form small, #wmfcHeader .header2 > div .headerSearch form strike, #wmfcHeader .header2 > div .headerSearch form strong, #wmfcHeader .header2 > div .headerSearch form sub, #wmfcHeader .header2 > div .headerSearch form sup, #wmfcHeader .header2 > div .headerSearch form tt, #wmfcHeader .header2 > div .headerSearch form var, #wmfcHeader .header2 > div .headerSearch form b, #wmfcHeader .header2 > div .headerSearch form u, #wmfcHeader .header2 > div .headerSearch form i, #wmfcHeader .header2 > div .headerSearch form center, #wmfcHeader .header2 > div .headerSearch form dl, #wmfcHeader .header2 > div .headerSearch form dt, #wmfcHeader .header2 > div .headerSearch form dd, #wmfcHeader .header2 > div .headerSearch form ol, #wmfcHeader .header2 > div .headerSearch form ul, #wmfcHeader .header2 > div .headerSearch form li, #wmfcHeader .header2 > div .headerSearch form fieldset, #wmfcHeader .header2 > div .headerSearch form form, #wmfcHeader .header2 > div .headerSearch form label, #wmfcHeader .header2 > div .headerSearch form legend, #wmfcHeader .header2 > div .headerSearch form table, #wmfcHeader .header2 > div .headerSearch form caption, #wmfcHeader .header2 > div .headerSearch form tbody, #wmfcHeader .header2 > div .headerSearch form tfoot, #wmfcHeader .header2 > div .headerSearch form thead, #wmfcHeader .header2 > div .headerSearch form tr, #wmfcHeader .header2 > div .headerSearch form th, #wmfcHeader .header2 > div .headerSearch form td { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } #wmfcHeader .header2 > div .headerSearch form input, #wmfcHeader .header2 > div .headerSearch form textarea { margin: 0; padding: 0; } #wmfcHeader .header2 > div .headerSearch form ol, #wmfcHeader .header2 > div .headerSearch form ul { list-style: none; } #wmfcHeader .header2 > div .headerSearch form table { border-spacing: 0; border-collapse: collapse; } #wmfcHeader .header2 > div .headerSearch form input, #wmfcHeader .header2 > div .headerSearch form button, #wmfcHeader .header2 > div .headerSearch form textarea, #wmfcHeader .header2 > div .headerSearch form select, #wmfcHeader .header2 > div .headerSearch form a:focus { outline: none; } #wmfcHeader .header2 > div .headerSearch form .searchClose { display: table-cell; width: 34px; } #wmfcHeader .header2 > div .headerSearch form .searchClose > img { margin: 15px 12px; } #wmfcHeader .header2 > div .headerSearch form p { position: relative; height: 40px; } #wmfcHeader .header2 > div .headerSearch form p input[type="text"] { font-size: 14px; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 15px; width: 100%; height: 40px; border: none; background: white; line-height: 40px; } #wmfcHeader .header2 > div .headerSearch form p input[type="image"] { position: absolute; top: 0; right: 0; width: 40px; height: 40px; } #wmfcHeader .header2 > div .headerSearch form p .btnSearchSP { display: none; } #wmfcHeader .header2 > div .gnav01 { position: relative; float: right; width: 26px; height: 22px; margin-top: 19px; } #wmfcHeader .header2 > div .gnav01 > .navSwitch { display: inline-block; cursor: pointer; width: 26px; height: 22px; background: url(/img/common/bg_gnav_01.png) no-repeat; } #wmfcHeader .header2 > div .gnav01.open:after { position: absolute; bottom: -20px; right: 3px; width: 0; height: 0; border: 10px solid transparent; border-bottom: #333 10px solid; content: ''; } #wmfcHeader .header2 > div .gnav01 > ul.tgt { position: absolute; top: 41px; right: 0; display: none; padding-top: 0; width: 100%; background: #333; font-size: 0; line-height: 1; min-width: 250px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt.scroll { overflow-y: scroll; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li { border-bottom: #484848 1px solid; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.dmy2nd { background: #4d4d4d; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li a { padding: 16px 30px; line-height: 1; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li span { padding: 16px 53px 16px 30px; background: #4d4d4d url(/img/common/ico_p.png) no-repeat right 50%; line-height: 1; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li > ul { display: none; padding-top: 0; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li > ul > li { border-bottom: #767676 1px solid; background: #666; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li > ul > li:last-child { border-bottom: none; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgin, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgot, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.rgst, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.mypg { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; border-bottom: none; text-align: center; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgin a, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgot a, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.rgst a, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.mypg a { padding: 58px 0 14px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgin { border-right: #3c3c3c 1px solid; background: #262626 url(/img/common/ico_login2.gif) no-repeat 50% 16px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgot { border-right: #3c3c3c 1px solid; background: #262626 url(/img/common/ico_logout2.gif) no-repeat 50% 16px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.rgst { background: #262626 url(/img/common/ico_rgst2.gif) no-repeat 50% 16px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.mypg { background: #262626 url(/img/common/ico_mypage2.gif) no-repeat 50% 16px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.close > span { background: #4d4d4d url(/img/common/ico_p.png) no-repeat right 50%; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.open > span { background: #4d4d4d url(/img/common/ico_m.png) no-repeat right 50%; } #wmfcHeader .header2 > div .gnav01 > ul.tgt a, #wmfcHeader .header2 > div .gnav01 > ul.tgt span { font-size: 14px; display: block; color: white; text-decoration: none; white-space: nowrap; font-weight: normal; cursor: pointer; } #wmfcHeader .header2 > div .gnav01 > ul.tgt a:hover, #wmfcHeader .header2 > div .gnav01 > ul.tgt span:hover { text-decoration: underline; } #wmfcHeader .header2 > div > ul { zoom: 1; top: 0; left: 0; } #wmfcHeader .header2 > div > ul:after { display: block; clear: both; content: ""; } #wmfcHeader .header2 > div > ul > li { display: block; float: left; height: 60px; line-height: 60px; margin-left: 20px; } #wmfcHeader .header2 > div > ul > li:before { display: block; content: ''; float: left; margin: 18px 20px 0 0; width: 1px; height: 22px; background: #87867e; } #wmfcHeader .header2 > div > ul > li:first-child { margin-left: 0; border-left: none; } #wmfcHeader .header2 > div > ul > li:first-child:before { display: none; } #wmfcHeader .header2 > div > ul > li > a { color: white; text-decoration: none; } #wmfcHeader.fixed .header2 { position: fixed; left: 0; top: 0; } #wmfcHeader.fixed .wmfcCont { padding-top: 60px; } #wmfcHeader .wmfcCont { margin: 0 auto; width: 980px; } #wmfcHeader .wmfcCont .hedNewsLinks { font-size: 12px; height: 40px; background: white; } #wmfcHeader .wmfcCont .hedNewsLinks > div { font-size: 12px; display: inline-block; } #wmfcHeader .wmfcCont .hedNewsLinks > div a { color: #039; line-height: 40px; } #wmfcHeader .wmfcCont .hedNewsLinks > div + div { margin-left: 2em; } #wmfcHeader .wmfcCont .hedNewsLinks .slick-prev, #wmfcHeader .wmfcCont .hedNewsLinks .slick-next { opacity: 0; } p.pagetop { position: fixed; z-index: 50; bottom: 30px; right: 30px; cursor: pointer; height: 40px; width: 40px; } #wmfcFooter { margin-top: 60px; width: 100%; } #wmfcFooter > .footer1 { background: #57564f; width: 100%; } #wmfcFooter > .footer1 > div { margin: 0 auto; padding: 40px 0 50px; max-width: 980px; zoom: 1; } #wmfcFooter > .footer1 > div:after { display: block; clear: both; content: ""; } #wmfcFooter > .footer1 > div .footer1_1, #wmfcFooter > .footer1 > div .footer1_2, #wmfcFooter > .footer1 > div .footer1_3 { float: left; width: 24%; padding: 0 20px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wmfcFooter > .footer1 > div .footer1_1 > p, #wmfcFooter > .footer1 > div .footer1_2 > p, #wmfcFooter > .footer1 > div .footer1_3 > p { font-size: 14px; font-weight: bold; line-height: 1; margin-bottom: 20px; color: white; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul li, #wmfcFooter > .footer1 > div .footer1_2 > p + ul li, #wmfcFooter > .footer1 > div .footer1_3 > p + ul li { font-size: 12px; background: url(/img/common/ico_arw_01.png) no-repeat left 50%; padding-left: 13px; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul li + li, #wmfcFooter > .footer1 > div .footer1_2 > p + ul li + li, #wmfcFooter > .footer1 > div .footer1_3 > p + ul li + li { margin-top: 10px; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul li a, #wmfcFooter > .footer1 > div .footer1_2 > p + ul li a, #wmfcFooter > .footer1 > div .footer1_3 > p + ul li a { text-decoration: none; color: white; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul li a:hover, #wmfcFooter > .footer1 > div .footer1_2 > p + ul li a:hover, #wmfcFooter > .footer1 > div .footer1_3 > p + ul li a:hover { text-decoration: underline; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul + p, #wmfcFooter > .footer1 > div .footer1_2 > p + ul + p, #wmfcFooter > .footer1 > div .footer1_3 > p + ul + p { margin-top: 35px; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul + p + ul, #wmfcFooter > .footer1 > div .footer1_2 > p + ul + p + ul, #wmfcFooter > .footer1 > div .footer1_3 > p + ul + p + ul { font-size: 0; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul + p + ul li, #wmfcFooter > .footer1 > div .footer1_2 > p + ul + p + ul li, #wmfcFooter > .footer1 > div .footer1_3 > p + ul + p + ul li { display: inline-block; background: none; padding-left: 0; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul + p + ul li + li, #wmfcFooter > .footer1 > div .footer1_2 > p + ul + p + ul li + li, #wmfcFooter > .footer1 > div .footer1_3 > p + ul + p + ul li + li { margin-top: 0; margin-left: 10px; } #wmfcFooter > .footer1 > div .footer1_1 > dl, #wmfcFooter > .footer1 > div .footer1_2 > dl, #wmfcFooter > .footer1 > div .footer1_3 > dl { width: 100%; display: table; color: white; } #wmfcFooter > .footer1 > div .footer1_1 > dl dt, #wmfcFooter > .footer1 > div .footer1_2 > dl dt, #wmfcFooter > .footer1 > div .footer1_3 > dl dt { display: table-cell; vertical-align: top; font-size: 12px; width: 4em; padding-top: 5px; } #wmfcFooter > .footer1 > div .footer1_1 > dl dd, #wmfcFooter > .footer1 > div .footer1_2 > dl dd, #wmfcFooter > .footer1 > div .footer1_3 > dl dd { display: table-cell; vertical-align: top; font-weight: bold; font-size: 18px; } #wmfcFooter > .footer1 > div .footer1_1 > dl dd a, #wmfcFooter > .footer1 > div .footer1_2 > dl dd a, #wmfcFooter > .footer1 > div .footer1_3 > dl dd a { color: white; text-decoration: none; } #wmfcFooter > .footer1 > div .footer1_1 > dl dd a:hover, #wmfcFooter > .footer1 > div .footer1_2 > dl dd a:hover, #wmfcFooter > .footer1 > div .footer1_3 > dl dd a:hover { text-decoration: underline; } #wmfcFooter > .footer1 > div .footer1_1 > dl dd p, #wmfcFooter > .footer1 > div .footer1_2 > dl dd p, #wmfcFooter > .footer1 > div .footer1_3 > dl dd p { font-weight: normal; font-size: 12px; line-height: 1.4; } #wmfcFooter > .footer1 > div .footer1_1 > dl + dl, #wmfcFooter > .footer1 > div .footer1_2 > dl + dl, #wmfcFooter > .footer1 > div .footer1_3 > dl + dl { margin-top: 0.5em; } #wmfcFooter > .footer1 > div .footer1_1 > dl + dl a, #wmfcFooter > .footer1 > div .footer1_2 > dl + dl a, #wmfcFooter > .footer1 > div .footer1_3 > dl + dl a { cursor: default; color: #333; text-decoration: none; } #wmfcFooter > .footer1 > div .footer1_3 { width: 30%; padding: 0 0 0 20px; } #wmfcFooter > .footer1 > div .footer1_4 { float: right; width: 180px; height: auto; } #wmfcFooter > .footer1 > div .footer1_4 > ul { zoom: 1; } #wmfcFooter > .footer1 > div .footer1_4 > ul:after { display: block; clear: both; content: ""; } #wmfcFooter > .footer1 > div .footer1_4 > ul > li { float: left; width: 85px; margin-left: 10px; background-color: #87867e; text-align: center; } #wmfcFooter > .footer1 > div .footer1_4 > ul > li:first-child { margin-left: 0; } #wmfcFooter > .footer1 > div .footer1_4 > ul > li > a { display: inline-block; color: white; text-decoration: none; font-size: 12px; } #wmfcFooter > .footer1 > div .footer1_4 > ul > li > a.lgin:before { content: ""; display: block; width: 30px; height: 30px; margin: 10px auto 5px; background: url(/img/common/ico_login.png) no-repeat center; } #wmfcFooter > .footer1 > div .footer1_4 > ul > li > a.rgst:before { content: ""; display: block; width: 30px; height: 30px; margin: 10px auto 5px; background: url(/img/common/ico_rgst.png) no-repeat center; } #wmfcFooter > .footer2 { background: #57564f; width: 100%; border-top: 1px solid #87867e; } #wmfcFooter > .footer2 > div { margin: 0 auto; padding: 20px 0; max-width: 980px; zoom: 1; } #wmfcFooter > .footer2 > div:after { display: block; clear: both; content: ""; } #wmfcFooter > .footer2 > div ul { float: left; font-size: 0; } #wmfcFooter > .footer2 > div ul li { display: inline-block; } #wmfcFooter > .footer2 > div ul li a { font-size: 12px; color: white; text-decoration: none; } #wmfcFooter > .footer2 > div ul li a:hover { text-decoration: underline; } #wmfcFooter > .footer2 > div ul li + li { margin-left: 25px; } #wmfcFooter > .footer2 > div p { font-size: 12px; float: right; color: white; } /* Tablet */ @media screen and (max-width: 959px) { #wmfcHeader { width: 100%; border-top: #666 3px solid; text-align: left; } #wmfcHeader .header1 { border-bottom: none; width: 100%; background-color: #57564f; position: relative; z-index: 50; } #wmfcHeader .header1 > div { position: relative; margin: 0 auto; max-width: 980px; height: 60px; } #wmfcHeader .header1 > div > p { position: absolute; top: 20px; left: 20px; width: 8%; } #wmfcHeader .header1 > div > p img { width: 100%; height: auto; } #wmfcHeader .header1 > div > h1 { position: absolute; top: 24px; left: 12%; width: 48%; line-height: 1; } #wmfcHeader .header1 > div > h1 img { display: block; width: 100%; height: auto; margin-bottom: 0; } #wmfcHeader .header1 > div > ul.subNav { zoom: 1; position: absolute; top: 20px; right: 20px; } #wmfcHeader .header1 > div > ul.subNav:after { display: block; clear: both; content: ""; } #wmfcHeader .header1 > div > ul.subNav li { display: table; float: left; margin-left: 20px; width: 44px; text-align: center; white-space: nowrap; line-height: 1; } #wmfcHeader .header1 > div > ul.subNav li a { display: table-cell; padding-top: 17px; color: white; vertical-align: bottom; text-decoration: none; font-size: 10px; } #wmfcHeader .header1 > div > ul.subNav li a:hover { text-decoration: underline; } #wmfcHeader .header1 > div > .spSearchSwitch, #wmfcHeader .header1 > div > .spMenuSwitch { display: none; } #wmfcHeader .header2 { width: 100%; background: #57564f; position: relative; z-index: 51; } #wmfcHeader .header2 > div { position: relative; margin: 0 auto; max-width: 980px; width: 100%; height: 60px; zoom: 1; } #wmfcHeader .header2 > div:after { display: block; clear: both; content: ""; } #wmfcHeader .header2 > div .SearchSwitch { float: right; width: 20px; height: 22px; margin: 18px 20px 0 0; cursor: pointer; } #wmfcHeader .header2 > div .headerSearch { position: absolute; display: none; top: 60px; right: 0; width: 100%; height: 40px; background: #f2f2f2; } #wmfcHeader .header2 > div .headerSearch form { display: table; width: 100%; height: auto; } #wmfcHeader .header2 > div .headerSearch form .searchClose { display: table-cell; width: 34px; } #wmfcHeader .header2 > div .headerSearch form .searchClose > img { margin: 15px 12px; } #wmfcHeader .header2 > div .headerSearch form p { position: relative; } #wmfcHeader .header2 > div .headerSearch form p input[type="text"] { font-size: 14px; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 55px 0 15px; width: 100%; height: 40px; border: none; background: white; line-height: 40px; } #wmfcHeader .header2 > div .headerSearch form p input[type="image"] { position: absolute; top: 0; right: 0; width: 40px; height: 40px; } #wmfcHeader .header2 > div .headerSearch form p .btnSearchSP { display: none; } #wmfcHeader .header2 > div .gnav01 { position: relative; float: right; width: 26px; height: 22px; margin: 19px 20px 0 0; } #wmfcHeader .header2 > div .gnav01 > .navSwitch { display: inline-block; cursor: pointer; width: 26px; height: 22px; background: url(/img/common/bg_gnav_01.png) no-repeat; } #wmfcHeader .header2 > div .gnav01.open:after { position: absolute; bottom: -20px; right: 3px; width: 0; height: 0; border: 10px solid transparent; border-bottom: #333 10px solid; content: ''; } #wmfcHeader .header2 > div .gnav01 > ul.tgt { position: absolute; top: 41px; right: 0; display: none; padding-top: 0; width: 100%; background: #333; font-size: 0; line-height: 1; min-width: 250px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt.scroll { overflow-y: scroll; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li { border-bottom: #484848 1px solid; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.dmy2nd { background: #4d4d4d; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li a { padding: 16px 30px; line-height: 1; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li span { padding: 16px 53px 16px 30px; background: #4d4d4d url(/img/common/ico_p.png) no-repeat right 50%; line-height: 1; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li > ul { display: none; padding-top: 0; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li > ul > li { border-bottom: #767676 1px solid; background: #666; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li > ul > li:last-child { border-bottom: none; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgin, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgot, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.rgst, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.mypg { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; border-bottom: none; text-align: center; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgin a, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgot a, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.rgst a, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.mypg a { padding: 58px 0 14px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgin { border-right: #3c3c3c 1px solid; background: #262626 url(/img/common/ico_login2.gif) no-repeat 50% 16px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgot { border-right: #3c3c3c 1px solid; background: #262626 url(/img/common/ico_logout2.gif) no-repeat 50% 16px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.rgst { background: #262626 url(/img/common/ico_rgst2.gif) no-repeat 50% 16px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.mypg { background: #262626 url(/img/common/ico_mypage2.gif) no-repeat 50% 16px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.close > span { background: #4d4d4d url(/img/common/ico_p.png) no-repeat right 50%; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.open > span { background: #4d4d4d url(/img/common/ico_m.png) no-repeat right 50%; } #wmfcHeader .header2 > div .gnav01 > ul.tgt a, #wmfcHeader .header2 > div .gnav01 > ul.tgt span { font-size: 14px; display: block; color: white; text-decoration: none; white-space: nowrap; font-weight: normal; cursor: pointer; } #wmfcHeader .header2 > div .gnav01 > ul.tgt a:hover, #wmfcHeader .header2 > div .gnav01 > ul.tgt span:hover { text-decoration: underline; } #wmfcHeader .header2 > div > ul { zoom: 1; top: 0; left: 0; } #wmfcHeader .header2 > div > ul:after { display: block; clear: both; content: ""; } #wmfcHeader .header2 > div > ul > li { display: block; float: left; height: 60px; line-height: 60px; margin-left: 10px; /* 860px以下 メニューの崩れ修正 20px→10px */ font-size: 13px; /* 860px以下 メニューの崩れ修正 追記 */ } #wmfcHeader .header2 > div > ul > li:before { display: block; content: ''; float: left; margin: 18px 10px 0 0; /* 860px以下 メニューの崩れ修正 20px→10px */ width: 1px; height: 22px; background: #87867e; } #wmfcHeader .header2 > div > ul > li:first-child { margin-left: 20px; border-left: none; } #wmfcHeader .header2 > div > ul > li:first-child:before { display: none; } #wmfcHeader .header2 > div > ul > li > a { color: white; text-decoration: none; } #wmfcHeader.fixed .header2 { position: fixed; left: 0; top: 0; } /* #wmfcHeader.fixed .wmfcCont { padding-top: 60px; } #wmfcHeader .wmfcCont { margin: 0 auto; width: 100%; } #wmfcHeader .wmfcCont .hedNewsLinks { font-size: 12px; height: 40px; background: white; } #wmfcHeader .wmfcCont .hedNewsLinks > div { font-size: 12px; display: inline-block; } #wmfcHeader .wmfcCont .hedNewsLinks > div a { color: #039; line-height: 40px; } #wmfcHeader .wmfcCont .hedNewsLinks > div + div { margin-left: 2em; } #wmfcHeader .wmfcCont .hedNewsLinks .slick-prev, #wmfcHeader .wmfcCont .hedNewsLinks .slick-next { opacity: 0; } */ /* ↓ 20181016 959px以下 Table ニュースブロックスライダー対応 */ #wmfcHeader.fixed .wmfcCont { padding-top: 60px; } #wmfcHeader .wmfcCont { margin: 0 auto; /* padding-top: 60px; */ width: 100%; } #wmfcHeader .wmfcCont .hedNewsLinks { font-size: 12px; position: relative; width: 100%; height: 40px; border-bottom: #f2f2f2 2px solid; } #wmfcHeader .wmfcCont .hedNewsLinks > div { background: white; font-size: 12px; position: relative; display: block; float: left; max-width: 100%; text-align: center; } #wmfcHeader .wmfcCont .hedNewsLinks > div a { color: #039; line-height: 1.2; } #wmfcHeader .wmfcCont .hedNewsLinks > div + div { margin-left: 0; } #wmfcHeader .wmfcCont .hedNewsLinks .slick-list { position: absolute; top: 0; left: 0; z-index: 10; padding: 0 30px; width: 100%; } #wmfcHeader .wmfcCont .hedNewsLinks .slick-list .slick-slide > div { display: table; width: 100%; height: 40px; } #wmfcHeader .wmfcCont .hedNewsLinks .slick-list .slick-slide > div > div { display: table-cell; width: 100%; height: 40px; vertical-align: middle; text-align: center; } #wmfcHeader .wmfcCont .hedNewsLinks .slick-prev, #wmfcHeader .wmfcCont .hedNewsLinks .slick-next { position: absolute; top: 0; z-index: 11; width: 30px; height: 40px; border: none; cursor: pointer; opacity: 1; } #wmfcHeader .wmfcCont .hedNewsLinks .slick-prev { left: 0; background: white url(/img/common/sp_slide_arw_l.png); background-position: 50% 50%; background-size: 8px 13px; background-repeat: no-repeat; } #wmfcHeader .wmfcCont .hedNewsLinks .slick-next { right: 0; background: white url(/img/common/sp_slide_arw_r.png); background-position: 50% 50%; background-size: 8px 13px; background-repeat: no-repeat; } /* ↑ 20181016 959px以下 Table ニュースブロックスライダー対応 */ #wmfcFooter { margin-top: 60px; width: 100%; } #wmfcFooter > .footer1 { background: #57564f; width: 100%; } #wmfcFooter > .footer1 > div { margin: 0 auto; padding: 40px 0 50px; max-width: 100%; width: 100%; zoom: 1; } #wmfcFooter > .footer1 > div:after { display: block; clear: both; content: ""; } #wmfcFooter > .footer1 > div .footer1_1, #wmfcFooter > .footer1 > div .footer1_2, #wmfcFooter > .footer1 > div .footer1_3 { float: left; width: 25%; padding: 0 20px 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wmfcFooter > .footer1 > div .footer1_1 > p, #wmfcFooter > .footer1 > div .footer1_2 > p, #wmfcFooter > .footer1 > div .footer1_3 > p { font-size: 14px; font-weight: bold; line-height: 1; margin-bottom: 20px; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul li, #wmfcFooter > .footer1 > div .footer1_2 > p + ul li, #wmfcFooter > .footer1 > div .footer1_3 > p + ul li { font-size: 12px; background: url(/img/common/ico_arw_01.png) no-repeat left 50%; -webkit-background-size: 5px 6px; background-size: 5px 6px; padding-left: 13px; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul li + li, #wmfcFooter > .footer1 > div .footer1_2 > p + ul li + li, #wmfcFooter > .footer1 > div .footer1_3 > p + ul li + li { margin-top: 10px; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul li a, #wmfcFooter > .footer1 > div .footer1_2 > p + ul li a, #wmfcFooter > .footer1 > div .footer1_3 > p + ul li a { text-decoration: none; color: white; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul li a:hover, #wmfcFooter > .footer1 > div .footer1_2 > p + ul li a:hover, #wmfcFooter > .footer1 > div .footer1_3 > p + ul li a:hover { text-decoration: underline; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul + p, #wmfcFooter > .footer1 > div .footer1_2 > p + ul + p, #wmfcFooter > .footer1 > div .footer1_3 > p + ul + p { margin-top: 35px; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul + p + ul, #wmfcFooter > .footer1 > div .footer1_2 > p + ul + p + ul, #wmfcFooter > .footer1 > div .footer1_3 > p + ul + p + ul { font-size: 0; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul + p + ul li, #wmfcFooter > .footer1 > div .footer1_2 > p + ul + p + ul li, #wmfcFooter > .footer1 > div .footer1_3 > p + ul + p + ul li { display: inline-block; background: none; padding-left: 0; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul + p + ul li + li, #wmfcFooter > .footer1 > div .footer1_2 > p + ul + p + ul li + li, #wmfcFooter > .footer1 > div .footer1_3 > p + ul + p + ul li + li { margin-top: 0; margin-left: 10px; } #wmfcFooter > .footer1 > div .footer1_1 > dl, #wmfcFooter > .footer1 > div .footer1_2 > dl, #wmfcFooter > .footer1 > div .footer1_3 > dl { width: 100%; display: table; color: white; } #wmfcFooter > .footer1 > div .footer1_1 > dl dt, #wmfcFooter > .footer1 > div .footer1_2 > dl dt, #wmfcFooter > .footer1 > div .footer1_3 > dl dt { display: table-cell; vertical-align: top; font-size: 12px; width: 3.2em; padding-top: 5px; } #wmfcFooter > .footer1 > div .footer1_1 > dl dd, #wmfcFooter > .footer1 > div .footer1_2 > dl dd, #wmfcFooter > .footer1 > div .footer1_3 > dl dd { display: table-cell; vertical-align: top; font-weight: bold; font-size: 18px; } #wmfcFooter > .footer1 > div .footer1_1 > dl dd a, #wmfcFooter > .footer1 > div .footer1_2 > dl dd a, #wmfcFooter > .footer1 > div .footer1_3 > dl dd a { color: white; text-decoration: none; } #wmfcFooter > .footer1 > div .footer1_1 > dl dd a:hover, #wmfcFooter > .footer1 > div .footer1_2 > dl dd a:hover, #wmfcFooter > .footer1 > div .footer1_3 > dl dd a:hover { text-decoration: underline; } #wmfcFooter > .footer1 > div .footer1_1 > dl dd p, #wmfcFooter > .footer1 > div .footer1_2 > dl dd p, #wmfcFooter > .footer1 > div .footer1_3 > dl dd p { font-weight: normal; font-size: 12px; line-height: 1.4; } #wmfcFooter > .footer1 > div .footer1_1 > dl + dl, #wmfcFooter > .footer1 > div .footer1_2 > dl + dl, #wmfcFooter > .footer1 > div .footer1_3 > dl + dl { margin-top: 0.5em; } #wmfcFooter > .footer1 > div .footer1_1 > dl + dl a, #wmfcFooter > .footer1 > div .footer1_2 > dl + dl a, #wmfcFooter > .footer1 > div .footer1_3 > dl + dl a { cursor: default; color: #333; text-decoration: none; } #wmfcFooter > .footer1 > div .footer1_3 { width: 30%; padding: 0 0 0 10px; } #wmfcFooter > .footer1 > div .footer1_4 { float: right; width: 90px; height: auto; padding-right: 20px; } #wmfcFooter > .footer1 > div .footer1_4 > ul { zoom: 1; } #wmfcFooter > .footer1 > div .footer1_4 > ul:after { display: block; clear: both; content: ""; } #wmfcFooter > .footer1 > div .footer1_4 > ul > li { float: none; width: 100%; margin: 10px 0 0 0; background-color: #87867e; text-align: center; } #wmfcFooter > .footer1 > div .footer1_4 > ul > li:first-child { margin-left: 0; margin-top: 0; } #wmfcFooter > .footer1 > div .footer1_4 > ul > li > a { display: inline-block; color: white; text-decoration: none; font-size: 12px; } #wmfcFooter > .footer1 > div .footer1_4 > ul > li > a.lgin:before { content: ""; display: block; width: 30px; height: 30px; margin: 10px auto 5px; background: url(/img/common/ico_login.png) no-repeat center; } #wmfcFooter > .footer1 > div .footer1_4 > ul > li > a.rgst:before { content: ""; display: block; width: 30px; height: 30px; margin: 10px auto 5px; background: url(/img/common/ico_rgst.png) no-repeat center; } #wmfcFooter > .footer2 { background: #57564f; width: 100%; border-top: 1px solid #87867e; } #wmfcFooter > .footer2 > div { margin: 0 auto; padding: 20px 0; max-width: 98%; zoom: 1; } #wmfcFooter > .footer2 > div:after { display: block; clear: both; content: ""; } #wmfcFooter > .footer2 > div ul { float: left; font-size: 0; } #wmfcFooter > .footer2 > div ul li { display: inline-block; } #wmfcFooter > .footer2 > div ul li a { font-size: 12px; color: white; text-decoration: none; } #wmfcFooter > .footer2 > div ul li a:hover { text-decoration: underline; } #wmfcFooter > .footer2 > div ul li + li { margin-left: 25px; } #wmfcFooter > .footer2 > div p { font-size: 12px; float: right; color: white; } } /* Smart Phone */ @media screen and (max-width: 767px) { p.pagetop { position: fixed; z-index: 50; bottom: 20px; right: 20px; cursor: pointer; width: 20px; height: 20px; } p.pagetop img { width: 20px; height: 20px; } #wmfcHeader { width: 100%; height: 60px; border-top: none; text-align: left; } #wmfcHeader .header1 { border-bottom: none; left: 0; top: 0; width: 100%; background-color: #57564f; position: fixed; z-index: 50; max-width: 100%; } #wmfcHeader .header1 > div { position: relative; width: 100%; height: 60px; max-width: 100%; z-index: 50; } #wmfcHeader .header1 > div > p { position: absolute; top: 10px; left: 15px; width: 10%; } #wmfcHeader .header1 > div > p img { width: 100%; height: auto; } #wmfcHeader .header1 > div > h1 { position: absolute; top: 18px; left: 22%; width: 50%; line-height: 1; } #wmfcHeader .header1 > div > h1 img { display: block; width: 100%; height: auto; margin-bottom: 0; } #wmfcHeader .header1 > div > ul.subNav { display: none; } #wmfcHeader .header1 > div > .spSearchSwitch, #wmfcHeader .header1 > div > .spMenuSwitch { position: absolute; display: block; width: 25px; height: 25px; padding: 5px; } #wmfcHeader .header1 > div > .spSearchSwitch img, #wmfcHeader .header1 > div > .spMenuSwitch img { width: 15px; height: auto; } #wmfcHeader .header1 > div > .spSearchSwitch { top: 20px; right: 35px; } #wmfcHeader .header1 > div > .spMenuSwitch { top: 20px; right: 7px; } #wmfcHeader .header2 { width: 100%; height: 10px; background: none; position: fixed; left: 0; top: 60px; z-index: 100; z-index: 51; border-bottom: none; } #wmfcHeader .header2 > div { position: relative; margin: 0 auto; max-width: 100%; width: 100%; height: 0; zoom: 1; } #wmfcHeader .header2 > div:after { display: block; clear: both; content: ""; } #wmfcHeader .header2 > div .SearchSwitch { display: none; } #wmfcHeader .header2 > div .headerSearch { position: absolute; display: none; top: 0; right: 0; width: 100%; height: 40px; background: #f2f2f2; max-width: 100%; } #wmfcHeader .header2 > div .headerSearch form { display: table; width: 100%; height: auto; } #wmfcHeader .header2 > div .headerSearch form .searchClose { display: table-cell; width: 34px; width: 34px; } #wmfcHeader .header2 > div .headerSearch form .searchClose > img { margin: 15px 12px; } #wmfcHeader .header2 > div .headerSearch form p { position: relative; display: table-cell; padding: 15px 12px; } #wmfcHeader .header2 > div .headerSearch form p input[type="text"] { font-size: 14px; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 55px 0 15px; width: 100%; height: 40px; border: none; background: white; line-height: 40px; } #wmfcHeader .header2 > div .headerSearch form p input[type="image"] { position: absolute; top: 0; right: 0; width: 40px; height: 40px; } #wmfcHeader .header2 > div .headerSearch form p .btnSearchSP { display: none; } #wmfcHeader .header2 > div .gnav01 { position: relative; top: 0px; left: 0; margin: 0; padding: 0; width: 100%; } #wmfcHeader .header2 > div .gnav01 > .navSwitch { background: none; } #wmfcHeader .header2 > div .gnav01.open:after { display: none; } #wmfcHeader .header2 > div .gnav01 > ul.tgt { position: absolute; top: 0; right: 0; display: none; padding-top: 0; width: 100%; background: #333; font-size: 0; line-height: 1; min-width: 250px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt:after { display: none; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li { border-bottom: #484848 1px solid; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.dmy2nd { background: #4d4d4d; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li a { font-size: 14px; padding: 10px 30px; line-height: 1; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li span { padding: 10px 53px 10px 30px; background: #666 url(/img/common/ico_p.png) no-repeat right 50%; line-height: 1; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li > ul { display: none; padding-top: 0; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li > ul > li { border-bottom: #767676 1px solid; background: #666; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li > ul > li:last-child { border-bottom: none; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgin, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgot, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.rgst, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.mypg { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; border-bottom: none; text-align: center; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgin a, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgot a, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.rgst a, #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.mypg a { padding: 58px 0 14px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgin { border-right: #3c3c3c 1px solid; background: #262626 url(/img/common/sp_ico_lgin2.gif) no-repeat 50% 16px; -webkit-background-size: 27px 30px; background-size: 27px 30px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.lgot { border-right: #3c3c3c 1px solid; background: #262626 url(/img/common/sp_ico_logout2.gif) no-repeat 50% 16px; -webkit-background-size: 30px 30px; background-size: 30px 30px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.rgst { background: #262626 url(/img/common/sp_ico_rgst2.gif) no-repeat 50% 16px; -webkit-background-size: 27px 30px; background-size: 27px 30px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.mypg { background: #262626 url(/img/common/sp_ico_mypage2.gif) no-repeat 50% 16px; -webkit-background-size: 38px 30px; background-size: 38px 30px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.close > span { background: #4d4d4d url(/img/common/sp_ico_p.png) no-repeat; background-position: right 20px top 50%; -webkit-background-size: 15px 15px; background-size: 15px 15px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt > li.open > span { background: #4d4d4d url(/img/common/sp_ico_m.png) no-repeat; background-position: right 20px top 50%; -webkit-background-size: 13px 3px; background-size: 13px 3px; } #wmfcHeader .header2 > div .gnav01 > ul.tgt a, #wmfcHeader .header2 > div .gnav01 > ul.tgt span { font-size: 14px; display: block; color: white; text-decoration: none; white-space: nowrap; font-weight: normal; } #wmfcHeader .header2 > div > ul { display: none; } #wmfcHeader.fixed .header2 { position: fixed; left: 0; top: 60px; } #wmfcHeader.fixed .wmfcCont { padding-top: 60px; } #wmfcHeader .wmfcCont { margin: 0 auto; padding-top: 60px; width: 100%; } #wmfcHeader .wmfcCont .hedNewsLinks { font-size: 12px; position: relative; width: 100%; height: 40px; border-bottom: #f2f2f2 2px solid; } #wmfcHeader .wmfcCont .hedNewsLinks > div { background: white; font-size: 12px; position: relative; display: block; float: left; max-width: 100%; text-align: center; } #wmfcHeader .wmfcCont .hedNewsLinks > div a { color: #039; line-height: 1.2; } #wmfcHeader .wmfcCont .hedNewsLinks > div + div { margin-left: 0; } #wmfcHeader .wmfcCont .hedNewsLinks .slick-list { position: absolute; top: 0; left: 0; z-index: 10; padding: 0 30px; width: 100%; } #wmfcHeader .wmfcCont .hedNewsLinks .slick-list .slick-slide > div { display: table; width: 100%; height: 40px; } #wmfcHeader .wmfcCont .hedNewsLinks .slick-list .slick-slide > div > div { display: table-cell; width: 100%; height: 40px; vertical-align: middle; text-align: center; } #wmfcHeader .wmfcCont .hedNewsLinks .slick-prev, #wmfcHeader .wmfcCont .hedNewsLinks .slick-next { position: absolute; top: 0; z-index: 11; width: 30px; height: 40px; border: none; cursor: pointer; opacity: 1; } #wmfcHeader .wmfcCont .hedNewsLinks .slick-prev { left: 0; background: white url(/img/common/sp_slide_arw_l.png); background-position: 50% 50%; background-size: 8px 13px; background-repeat: no-repeat; } #wmfcHeader .wmfcCont .hedNewsLinks .slick-next { right: 0; background: white url(/img/common/sp_slide_arw_r.png); background-position: 50% 50%; background-size: 8px 13px; background-repeat: no-repeat; } #wmfcFooter { margin-top: 60px; width: 100%; } #wmfcFooter > .footer1 { background: #57564f; width: 100%; } #wmfcFooter > .footer1 > div { margin: 0 auto; padding: 4%; max-width: 100%; width: 100%; zoom: 1; } #wmfcFooter > .footer1 > div:after { display: block; clear: both; content: ""; } #wmfcFooter > .footer1 > div .footer1_1, #wmfcFooter > .footer1 > div .footer1_2, #wmfcFooter > .footer1 > div .footer1_3 { float: left; width: 50%; border-left: none; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wmfcFooter > .footer1 > div .footer1_1 > p, #wmfcFooter > .footer1 > div .footer1_2 > p, #wmfcFooter > .footer1 > div .footer1_3 > p { font-size: 14px; font-weight: bold; line-height: 1.2; margin-bottom: 15px; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul li, #wmfcFooter > .footer1 > div .footer1_2 > p + ul li, #wmfcFooter > .footer1 > div .footer1_3 > p + ul li { font-size: 12px; background: url(/img/common/ico_arw_01.png) no-repeat left 50%; -webkit-background-size: 5px 6px; background-size: 5px 6px; padding-left: 11px; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul li + li, #wmfcFooter > .footer1 > div .footer1_2 > p + ul li + li, #wmfcFooter > .footer1 > div .footer1_3 > p + ul li + li { margin-top: 10px; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul li a, #wmfcFooter > .footer1 > div .footer1_2 > p + ul li a, #wmfcFooter > .footer1 > div .footer1_3 > p + ul li a { text-decoration: none; color: white; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul li a:hover, #wmfcFooter > .footer1 > div .footer1_2 > p + ul li a:hover, #wmfcFooter > .footer1 > div .footer1_3 > p + ul li a:hover { text-decoration: none; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul + p, #wmfcFooter > .footer1 > div .footer1_2 > p + ul + p, #wmfcFooter > .footer1 > div .footer1_3 > p + ul + p { margin-top: 20px; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul + p + ul, #wmfcFooter > .footer1 > div .footer1_2 > p + ul + p + ul, #wmfcFooter > .footer1 > div .footer1_3 > p + ul + p + ul { font-size: 0; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul + p + ul li, #wmfcFooter > .footer1 > div .footer1_2 > p + ul + p + ul li, #wmfcFooter > .footer1 > div .footer1_3 > p + ul + p + ul li { display: inline-block; background: none; padding-left: 0; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul + p + ul li img, #wmfcFooter > .footer1 > div .footer1_2 > p + ul + p + ul li img, #wmfcFooter > .footer1 > div .footer1_3 > p + ul + p + ul li img { width: 21px; height: auto; } #wmfcFooter > .footer1 > div .footer1_1 > p + ul + p + ul li + li, #wmfcFooter > .footer1 > div .footer1_2 > p + ul + p + ul li + li, #wmfcFooter > .footer1 > div .footer1_3 > p + ul + p + ul li + li { margin-top: 0; margin-left: 10px; } #wmfcFooter > .footer1 > div .footer1_1 > dl, #wmfcFooter > .footer1 > div .footer1_2 > dl, #wmfcFooter > .footer1 > div .footer1_3 > dl { width: 100%; display: table; } #wmfcFooter > .footer1 > div .footer1_1 > dl dt, #wmfcFooter > .footer1 > div .footer1_2 > dl dt, #wmfcFooter > .footer1 > div .footer1_3 > dl dt { display: table-cell; vertical-align: top; font-size: 12px; width: 3.8em; padding-top: 5px; } #wmfcFooter > .footer1 > div .footer1_1 > dl dd, #wmfcFooter > .footer1 > div .footer1_2 > dl dd, #wmfcFooter > .footer1 > div .footer1_3 > dl dd { display: table-cell; vertical-align: top; font-weight: bold; font-size: 18px; } #wmfcFooter > .footer1 > div .footer1_1 > dl dd a, #wmfcFooter > .footer1 > div .footer1_2 > dl dd a, #wmfcFooter > .footer1 > div .footer1_3 > dl dd a { color: white; text-decoration: none; } #wmfcFooter > .footer1 > div .footer1_1 > dl dd a:hover, #wmfcFooter > .footer1 > div .footer1_2 > dl dd a:hover, #wmfcFooter > .footer1 > div .footer1_3 > dl dd a:hover { text-decoration: underline; } #wmfcFooter > .footer1 > div .footer1_1 > dl dd p, #wmfcFooter > .footer1 > div .footer1_2 > dl dd p, #wmfcFooter > .footer1 > div .footer1_3 > dl dd p { font-weight: normal; font-size: 12px; line-height: 1.4; } #wmfcFooter > .footer1 > div .footer1_1 > dl + dl, #wmfcFooter > .footer1 > div .footer1_2 > dl + dl, #wmfcFooter > .footer1 > div .footer1_3 > dl + dl { margin-top: 0.5em; } #wmfcFooter > .footer1 > div .footer1_2 { border-left: #ccc 1px dotted; } #wmfcFooter > .footer1 > div .footer1_3 { border-top: #ccc 1px dotted; clear: both; width: 100%; padding: 20px 10px; } #wmfcFooter > .footer1 > div .footer1_4 { float: none; width: 100%; height: auto; padding-right: 0; } #wmfcFooter > .footer1 > div .footer1_4 > ul { zoom: 1; } #wmfcFooter > .footer1 > div .footer1_4 > ul:after { display: block; clear: both; content: ""; } #wmfcFooter > .footer1 > div .footer1_4 > ul > li { float: left; width: 48%; margin: 10px 0 0 4%; background-color: #87867e; text-align: center; } #wmfcFooter > .footer1 > div .footer1_4 > ul > li:first-child { margin-left: 0; margin-top: 10px; } #wmfcFooter > .footer1 > div .footer1_4 > ul > li > a { display: inline-block; color: white; text-decoration: none; font-size: 12px; } #wmfcFooter > .footer1 > div .footer1_4 > ul > li > a.lgin:before { content: ""; display: block; width: 30px; height: 30px; margin: 10px auto 5px; background: url(/img/common/ico_login.png) no-repeat center; } #wmfcFooter > .footer1 > div .footer1_4 > ul > li > a.rgst:before { content: ""; display: block; width: 30px; height: 30px; margin: 10px auto 5px; background: url(/img/common/ico_rgst.png) no-repeat center; } #wmfcFooter > .footer2 { background: #57564f; width: 100%; } #wmfcFooter > .footer2 > div { margin: 0 auto; padding: 10px 0; max-width: 100%; zoom: 1; text-align: center; } #wmfcFooter > .footer2 > div:after { display: block; clear: both; content: ""; } #wmfcFooter > .footer2 > div ul { float: none; font-size: 0; } #wmfcFooter > .footer2 > div ul li { display: inline-block; } #wmfcFooter > .footer2 > div ul li a { font-size: 12px; color: white; text-decoration: none; } #wmfcFooter > .footer2 > div ul li a:hover { text-decoration: underline; } #wmfcFooter > .footer2 > div ul li + li { margin: 0 12px; } #wmfcFooter > .footer2 > div p { font-size: 12px; margin-top: 5px; float: none; color: white; } } /* Smart Phone2 */ @media screen and (max-width: 639px) { #wmfcHeader .header1 > div > p { top: 22px; } #wmfcHeader .header1 > div > h1 { top: 26px; } } /* 商品一覧、セミナーのヘッダー */ #list #wmfcHeader, #seminar #wmfcHeader { border-bottom: 1px solid #cdcdcd; } @media screen and (max-width: 767px) { #list .wmfcCont, #seminar .wmfcCont { border-bottom: 1px solid #cdcdcd; } } /* slick slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; outline: none; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* PC */ #wmfcContOuter { width: 100%; } #wmfcContOuter .wmfcCont { margin: 0 auto; width: 100%; max-width: 980px; } #wmfcContOuter .topMainSlider { width: 100%; height: 360px; background: #ffffff; text-align: center; } #wmfcContOuter .topMainSlider .slick-slide { width: 100%; height: 360px; text-align: center; } #wmfcContOuter .topMainSlider .slick-slide > div { position: relative; margin: 0 auto; width: 1280px; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideImg { position: absolute; width: 1280px; top: 0; left: 0; z-index: 10; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea { position: absolute; top: 0; right: 11.71875%; z-index: 11; padding: 40px 0 0 0; width: 580px; height: 360px; text-align: left; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.bloon { position: relative; display: inline-block; margin-bottom: 10px; padding: 7px 12px 0; height: 30px; background: #333; color: white; text-align: center; line-height: 1; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.bloon:after { position: absolute; bottom: -12px; left: 50%; margin-left: -6px; width: 0; height: 0; border: 6px solid transparent; border-top: #333 6px solid; content: ''; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.mainttl { font-size: 36px; font-weight: bold; line-height: 1.5em; margin-bottom: 30px; text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.mainttl > img { width: 100%; height: auto; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.mainttl-sp { display: none; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.lead { margin-bottom: 30px; font-weight: bold; font-size: 18px; line-height: 1.5; text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn { position: absolute; right: 0; font-size: 16px; font-weight: bold; display: block; line-height: 50px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; margin-left: 100px; width: 200px; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn a { display: block; color: white; text-decoration: none; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn:hover a { display: block; color: #b22b30; text-decoration: none; } #wmfcContOuter .topMainSlider > .msDots { position: absolute; bottom: -32px; left: 0%; width: 100%; font-size: 0; } #wmfcContOuter .topMainSlider > .msDots li { display: inline-block; margin: 0 3px; width: 14px; height: 14px; } #wmfcContOuter .topMainSlider > .msDots li button { display: block; width: 14px; height: 14px; outline: none; border: none; background: url(/img/common/slide_dot_01.png) no-repeat left top; font-size: 0; cursor: pointer; } #wmfcContOuter .topMainSlider > .msDots li.slick-active button { background: url(/img/common/slide_dot_00.png) no-repeat left top; } #wmfcContOuter .importantNews { margin-bottom: -50px; padding: 20px 0; } #wmfcContOuter .importantNews > p { font-size: 16px; margin-bottom: 12px; padding-left: 30px; background: url(/img/common/ico_coution.png) no-repeat left 50%; font-weight: bold; line-height: 22px; } #wmfcContOuter .importantNews > dl { width: 100%; zoom: 1; } #wmfcContOuter .importantNews > dl:after { display: block; clear: both; content: ""; } #wmfcContOuter .importantNews > dl dt, #wmfcContOuter .importantNews > dl dd { font-size: 14px; line-height: 1.4; margin-bottom: 1em; } #wmfcContOuter .importantNews > dl dt { width: 9em; white-space: nowrap; clear: both; float: left; } #wmfcContOuter .importantNews > dl dd { margin-left: 9em; } #wmfcContOuter .categoryListOuter { position: relative; padding: 60px 0; margin-top: 50px; width: 100%; background: #f2f2f2; } #wmfcContOuter .categoryListOuter > .categoryList { margin: 0 auto; width: 980px; } #wmfcContOuter .categoryListOuter > .categoryList h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } #wmfcContOuter .categoryListOuter > .categoryList ul { zoom: 1; } #wmfcContOuter .categoryListOuter > .categoryList ul:after { display: block; clear: both; content: ""; } #wmfcContOuter .categoryListOuter > .categoryList ul li { display: block; float: left; margin-left: 60px; width: 148px; height: 130px; text-align: center; } #wmfcContOuter .categoryListOuter > .categoryList ul li:first-child { margin-left: 0; } #wmfcContOuter .categoryListOuter > .categoryList ul li.catListBall01 { background: url(/img/common/bg_cat_01.png) no-repeat left top; background-size: 100%; -webkit-background-size: 100% auto; } #wmfcContOuter .categoryListOuter > .categoryList ul li.catListBall02 { background: url(/img/common/bg_cat_02.png) no-repeat left top; background-size: 100%; -webkit-background-size: 100% auto; } #wmfcContOuter .categoryListOuter > .categoryList ul li.catListBall03 { background: url(/img/common/bg_cat_03.png) no-repeat left top; background-size: 100%; -webkit-background-size: 100% auto; } #wmfcContOuter .categoryListOuter > .categoryList ul li.catListBall04 { background: url(/img/common/bg_cat_04.png) no-repeat left top; background-size: 100%; -webkit-background-size: 100% auto; } #wmfcContOuter .categoryListOuter > .categoryList ul li.catListBall05 { background: url(/img/common/bg_cat_05.png) no-repeat left top; background-size: 100%; -webkit-background-size: 100% auto; } #wmfcContOuter .categoryListOuter > .categoryList ul li a, #wmfcContOuter .categoryListOuter > .categoryList ul li span { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 140px; width: 148px; height: 130px; color: #333; text-decoration: none; line-height: 1.28; cursor: pointer; } #wmfcContOuter .categoryListOuter > .categoryList ul li:hover a, #wmfcContOuter .categoryListOuter > .categoryList ul li:hover span { text-decoration: underline; } #wmfcContOuter .categoryListOuter > .categoryMenu { position: absolute; top: 320px; left: 0; z-index: 100; display: none; width: 100%; background: #333; } #wmfcContOuter .categoryListOuter > .categoryMenu > div:after { position: absolute; top: -20px; width: 0; height: 0; border: 10px solid transparent; border-bottom: #333 10px solid; content: ''; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu1 > div:after { left: 65px; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu2 > div:after { left: 275px; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu3 > div:after { left: 480px; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu4 > div:after { left: 690px; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu5 > div:after { left: 900px; } #wmfcContOuter .categoryListOuter > .categoryMenu > div { position: relative; top: 0; left: 0; margin: 0 auto; padding: 20px 0; width: 980px; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul { zoom: 1; width: 100%; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul:after { display: block; clear: both; content: ""; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul li { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0.2%; padding: 0 20px; width: 24.6%; height: 50px; background: #4d4d4d url(/img/common/btn_arw_01.png) no-repeat; background-position: right 13px top 50%; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul li > a { display: block; color: white; text-decoration: none; line-height: 50px; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul li:hover { background: white url(/img/common/btn_arw_03.png) no-repeat; background-position: right 13px top 50%; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul li:hover > a { color: #4d4d4d; } #wmfcContOuter .categoryListOuter > .categoryLink { display: table; margin: 100px auto 0; zoom: 1; } #wmfcContOuter .categoryListOuter > .categoryLink:after { display: block; clear: both; content: ""; } #wmfcContOuter .categoryListOuter > .categoryLink > li { display: table-cell; float: left; margin-left: 30px; } #wmfcContOuter .categoryListOuter > .categoryLink > li:first-child { margin-left: 0; } #wmfcContOuter .categoryListOuter > .categoryLink > li > a { display: table; color: #b22b30; font-size: 24px; text-decoration: none; } #wmfcContOuter .categoryListOuter > .categoryLink > li > a:before { content: ""; display: table-cell; vertical-align: middle; width: 40px; height: 40px; background: url(/img/common/ico_arrow_cat_01.png) no-repeat left 50%; } #wmfcContOuter .categoryListOuter > .categoryLink > li > a > span { display: inline-block; margin-left: 10px; padding-top: 7px; } #wmfcContOuter .categorySwitchOuter { width: 100%; margin: 0 auto; position: relative; } #wmfcContOuter .maincontents { width: 100%; margin: 0 auto; position: relative; } #wmfcContOuter .maincontents h1.pgTtlh1 { margin: 10px 0 30px; } #wmfcContOuter .categorySwitchOuter .pgTtlh2, #wmfcContOuter .maincontents .pgTtlh2 { font-size: 30px; margin: 25px auto; } #wmfcContOuter .categorySwitchOuter p { position: absolute; right: 10px; top: 3px; background: #f2f2f2 url(/img/common/ico_cat_p.png) no-repeat right 7px top 50%; padding: 15px 33px 11px 16px; line-height: 1; cursor: pointer; font-size: 14px; font-weight: bold; } #wmfcContOuter .categorySwitchOuter p.act { background: #f2f2f2 url(/img/common/ico_cat_m.png) no-repeat right 7px top 50%; } #wmfcContOuter .maincontents p.act { background: #f2f2f2 url(/img/common/ico_cat_m.png) no-repeat right 7px top 50%; } #wmfcContOuter .categorySwitchContents { position: relative; margin-top: -29px; display: none; } #wmfcContOuter .categorySwitchContents .categoryMenu { top: 250px; } #wmfcContOuter .camAreaOuter { margin: 0 auto; padding: 60px 0 20px; width: 980px; } #wmfcContOuter .camAreaOuter h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } #wmfcContOuter .camAreaOuter .camArea { zoom: 1; width: 100%; } #wmfcContOuter .camAreaOuter .camArea:after { display: block; clear: both; content: ""; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem { float: left; margin: 0 1% 40px; width: 31.33%; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem:nth-child(3n+1) { clear: both; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg { position: relative; margin-bottom: 15px; width: 300px; height: 200px; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg img { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: auto; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonC, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonD, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonE, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonF, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonS, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonX, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonZ { font-size: 14px; position: absolute; top: 10px; left: -10px; z-index: 11; padding: 5px 6px 4px; color: white; line-height: 1; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonC { background: #B22B30; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonD { background: #4B4595; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonF { background: #914405; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonS { background: #105D9C; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonE { background: #267A08; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonX { background: #6C6400; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonZ { background: #57564F; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem h3 { font-size: 16px; margin-bottom: 1em; line-height: 1.5; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem h3 a { color: #333; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem h3 a em { color: #ae2f37; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem h3 + p { font-size: 14px; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem p.btnLinks { margin-top: 1em; text-align: center; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem p.btnLinks a { background: #b22b30 url("/img/common/btn_arw_01.png") no-repeat right 10px top 50%; border: 1px solid #b22b30; color: white; display: inline-block; width: 160px; height: 40px; text-align: center; text-decoration: none; line-height: 40px; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem p.btnLinks a:hover { background: white url("/img/common/btn_arw_02.png") no-repeat right 10px top 50%; color: #b22b30; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } #wmfcContOuter .camSliderOuter { margin: 0 auto; padding: 60px 0 20px; width: 980px; } #wmfcContOuter .camSliderOuter h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } #wmfcContOuter .camSliderOuter .camSlider { zoom: 1; width: 100%; } #wmfcContOuter .camSliderOuter .camSlider:after { display: block; clear: both; content: ""; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem { float: left; margin: 0 20px 40px; width: 33.33%; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg { position: relative; margin-bottom: 15px; width: 300px; height: 200px; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg img { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: auto; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonC, #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonD, #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonE, #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonF, #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonS, #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonX, #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonZ { font-size: 14px; position: absolute; top: 10px; left: -10px; z-index: 11; padding: 5px 6px 4px; color: white; line-height: 1; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonC { background: #B22B30; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonD { background: #4B4595; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonE { background: #267A08; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonF { background: #914405; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonS { background: #105D9C; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonX { background: #6C6400; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonZ { background: #57564F; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem h3 { font-size: 16px; margin-bottom: 1em; line-height: 1.5; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem h3 a { color: #333; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem h3 + p { font-size: 14px; } #wmfcContOuter .camSliderOuter .camSlider .slick-prev, #wmfcContOuter .camSliderOuter .camSlider .slick-next { position: absolute; top: 100px; z-index: 11; margin-top: -29px; width: 34px; height: 58px; border: none; font-size: 0; cursor: pointer; } #wmfcContOuter .camSliderOuter .camSlider .slick-prev { left: -100px; background: url(/img/common/slide_arw_l.png) no-repeat left top; } #wmfcContOuter .camSliderOuter .camSlider .slick-next { right: -100px; background: url(/img/common/slide_arw_r.png) no-repeat left top; } #wmfcContOuter .camSliderOuter .camSlider .lcDots { left: 0%; padding-top: 10px; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .camSliderOuter .camSlider .lcDots li { display: inline-block; margin: 0 3px; width: 14px; height: 14px; } #wmfcContOuter .camSliderOuter .camSlider .lcDots li button { display: block; width: 14px; height: 14px; outline: none; border: none; background: url(/img/common/slide_dot_01.png) no-repeat left top; font-size: 0; cursor: pointer; } #wmfcContOuter .camSliderOuter .camSlider .lcDots li.slick-active button { background: url(/img/common/slide_dot_00.png) no-repeat left top; } #wmfcContOuter .popuAreaOuter { padding: 60px 0; width: 100%; background: #f2f2f2; } #wmfcContOuter .popuAreaOuter > .popuArea { margin: 0 auto; width: 980px; } #wmfcContOuter .popuAreaOuter > .popuArea h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider { position: relative; width: 100%; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem { zoom: 1; width: 100%; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem:after { display: block; clear: both; content: ""; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideImg { display: block; float: right; width: 43%; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideImg img { width: 100%; height: auto; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex { float: left; width: 54%; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.lead { font-size: 14px; margin-bottom: 1em; color: #b22b30; font-weight: bold; line-height: 1.8; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex h3.ttl { margin-bottom: .5em; font-weight: bold; font-size: 24px; line-height: 1.33; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.sub { font-size: 14px; margin-bottom: 1em; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.btn { font-size: 16px; font-weight: bold; display: block; line-height: 50px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; width: 200px; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.btn a { display: block; color: white; text-decoration: none; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.btn:hover a { display: block; color: #b22b30; text-decoration: none; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .slick-prev, #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .slick-next { position: absolute; top: 50%; z-index: 11; margin-top: -29px; width: 34px; height: 58px; border: none; font-size: 0; cursor: pointer; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .slick-prev { left: -100px; background: url(/img/common/slide_arw_l.png) no-repeat left top; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .slick-next { right: -100px; background: url(/img/common/slide_arw_r.png) no-repeat left top; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .tpDots { left: 0%; padding-top: 20px; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .tpDots li { display: inline-block; margin: 0 3px; width: 14px; height: 14px; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .tpDots li button { display: block; width: 14px; height: 14px; outline: none; border: none; background: url(/img/common/slide_dot_01.png) no-repeat left top; font-size: 0; cursor: pointer; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .tpDots li.slick-active button { background: url(/img/common/slide_dot_00.png) no-repeat left top; } #wmfcContOuter .newProdSliderOuter { margin: 0 auto; padding: 60px 0 20px; width: 980px; } #wmfcContOuter .newProdSliderOuter h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } #wmfcContOuter .newProdSliderOuter .newProdSlider { zoom: 1; width: 100%; } #wmfcContOuter .newProdSliderOuter .newProdSlider:after { display: block; clear: both; content: ""; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem { float: left; margin: 0 20px; margin-bottom: 40px; width: 300px; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg { position: relative; margin-bottom: 15px; width: 300px; height: 200px; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg img { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: auto; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .ribbonN { position: absolute; top: 10px; left: -10px; z-index: 11; padding: 5px 6px; border: #b22b30 1px solid; background: white; color: #b22b30; font-size: 11px; line-height: 1; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .bottomRibbonOuter { position: absolute; bottom: 0; left: 0; z-index: 11; display: table; width: 100%; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .bottomRibbonOuter > p { font-size: 14px; display: table-cell; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px 0 1px; min-width: 50%; color: white; vertical-align: middle; text-align: center; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .bottomRibbonOuter > p.ribbonT { background: #267a08; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .bottomRibbonOuter > p.ribbonC { background: #B22B30; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .bottomRibbonOuter > p + p { border-left: white 1px solid; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem h3 { font-size: 16px; margin-bottom: 1em; line-height: 1.5; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem h3 a { color: #333; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem h3 + p { font-size: 14px; } #wmfcContOuter .newProdSliderOuter .newProdSlider .slick-prev, #wmfcContOuter .newProdSliderOuter .newProdSlider .slick-next { position: absolute; top: 50%; z-index: 11; margin-top: -29px; width: 34px; height: 58px; border: none; font-size: 0; cursor: pointer; } #wmfcContOuter .newProdSliderOuter .newProdSlider .slick-prev { left: -100px; background: url(/img/common/slide_arw_l.png) no-repeat left top; } #wmfcContOuter .newProdSliderOuter .newProdSlider .slick-next { right: -100px; background: url(/img/common/slide_arw_r.png) no-repeat left top; } #wmfcContOuter .newProdSliderOuter .newProdSlider .npDots { left: 0%; padding-top: 20px; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .newProdSliderOuter .newProdSlider .npDots li { display: inline-block; margin: 0 3px; width: 14px; height: 14px; } #wmfcContOuter .newProdSliderOuter .newProdSlider .npDots li button { display: block; width: 14px; height: 14px; outline: none; border: none; background: url(/img/common/slide_dot_01.png) no-repeat left top; font-size: 0; cursor: pointer; } #wmfcContOuter .newProdSliderOuter .newProdSlider .npDots li.slick-active button { background: url(/img/common/slide_dot_00.png) no-repeat left top; } #wmfcContOuter .newProdOuter { margin: 0 auto; padding: 60px 0 20px; width: 980px; } #wmfcContOuter .newProdOuter h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } #wmfcContOuter .newProdOuter .newProd { zoom: 1; width: 100%; } #wmfcContOuter .newProdOuter .newProd:after { display: block; clear: both; content: ""; } #wmfcContOuter .newProdOuter .newProd .newProdItem { float: left; margin-right: 40px; margin-bottom: 40px; width: 300px; } #wmfcContOuter .newProdOuter .newProd .newProdItem:nth-child(3n) { margin-right: 0; } #wmfcContOuter .newProdOuter .newProd .newProdItem:nth-child(3n + 1) { clear: left; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg { position: relative; margin-bottom: 15px; width: 300px; height: 200px; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg img { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: auto; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .ribbonN { position: absolute; top: 10px; left: -10px; z-index: 11; padding: 5px 6px; border: #b22b30 1px solid; background: white; color: #b22b30; font-size: 11px; line-height: 1; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .bottomRibbonOuter { position: absolute; bottom: 0; left: 0; z-index: 11; display: table; width: 100%; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .bottomRibbonOuter > p { font-size: 14px; display: table-cell; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px 0 1px; min-width: 50%; color: white; vertical-align: middle; text-align: center; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .bottomRibbonOuter > p.ribbonT { background: #267a08; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .bottomRibbonOuter > p.ribbonC { background: #B22B30; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .bottomRibbonOuter > p + p { border-left: white 1px solid; } #wmfcContOuter .newProdOuter .newProd .newProdItem h3 { font-size: 16px; margin-bottom: 1em; line-height: 1.5; } #wmfcContOuter .newProdOuter .newProd .newProdItem h3 a { color: #333; } #wmfcContOuter .newProdOuter .newProd .newProdItem h3 + p { font-size: 14px; } #wmfcContOuter .topCase { margin-top: 40px; padding: 60px 0 50px; width: 100%; border-top: #f2f2f2 2px solid; } #wmfcContOuter .topCase > div { margin: 0 auto; width: 980px; } #wmfcContOuter .topCase > div h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } #wmfcContOuter .topCase > div ul { zoom: 1; } #wmfcContOuter .topCase > div ul:after { display: block; clear: both; content: ""; } #wmfcContOuter .topCase > div ul li { float: left; margin: 0 1% 20px; width: 31.3%; height: auto; } #wmfcContOuter .topCase > div ul li:nth-child(3n) { margin-right: 0; } #wmfcContOuter .topCase > div ul li a { display: block; width: 100%; text-align: center; border: #ebebeb 1px solid; } #wmfcContOuter .topCase > div ul li a > img { width: 100%; height: auto; } #wmfcContOuter .topCase > div ul li > p { margin-top: 20px; } #wmfcContOuter .topCase > div ul li > p > em { display: block; margin-top: 10px; font-weight: bold; } #wmfcContOuter .topNews2 { padding: 35px 0 40px; width: 100%; background: #f2f2f2; } #wmfcContOuter .topNews2 > div { margin: 0 auto; width: 980px; } #wmfcContOuter .topNews2 > div h2 { font-size: 16px; margin-bottom: 20px; font-weight: bold; line-height: 1; } #wmfcContOuter .topNews2 > div dl { display: table; width: 100%; } #wmfcContOuter .topNews2 > div dl dt, #wmfcContOuter .topNews2 > div dl dd { display: table-cell; vertical-align: top; } #wmfcContOuter .topNews2 > div dl dt { width: 9em; white-space: nowrap; } #wmfcContOuter .topNews2 > div dl dd a { color: #039; text-decoration: none; } #wmfcContOuter .topNews2 > div dl dd a:hover { text-decoration: underline; } #wmfcContOuter .topNews2 > div dl + dl { margin-top: .5em; } #wmfcContOuter .topRelaBnr { margin: 0 auto; padding: 60px 0 20px; width: 840px; } #wmfcContOuter .topRelaBnr h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter { zoom: 1; width: 100%; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter:after { display: block; clear: both; content: ""; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .topRelaBnrItem { float: left; margin: 0 10px; width: 25%; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .topRelaBnrItem img { width: 100%; height: auto; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .slick-prev, #wmfcContOuter .topRelaBnr .topRelaBnrOuter .slick-next { position: absolute; top: 50%; z-index: 11; margin-top: -29px; width: 34px; height: 58px; border: none; font-size: 0; cursor: pointer; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .slick-prev { left: -170px; background: url(/img/common/slide_arw_l.png) no-repeat left top; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .slick-next { right: -170px; background: url(/img/common/slide_arw_r.png) no-repeat left top; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .npDots { left: 0%; padding-top: 20px; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .npDots li { display: inline-block; margin: 0 3px; width: 14px; height: 14px; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .npDots li button { display: block; width: 14px; height: 14px; outline: none; border: none; background: url(/img/common/slide_dot_01.png) no-repeat left top; font-size: 0; cursor: pointer; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .npDots li.slick-active button { background: url(/img/common/slide_dot_00.png) no-repeat left top; } #wmfcContOuter .breadcrumb { width: 100%; background: #808080; } #wmfcContOuter .breadcrumb > div { margin: 0 auto; padding: 9px 0; width: 980px; } #wmfcContOuter .breadcrumb > div ul { zoom: 1; } #wmfcContOuter .breadcrumb > div ul:after { display: block; clear: both; content: ""; } #wmfcContOuter .breadcrumb > div ul li { font-size: 12px; float: left; color: white; line-height: 1; } #wmfcContOuter .breadcrumb > div ul li a { color: white; text-decoration: none; } #wmfcContOuter .breadcrumb > div ul li a:hover { text-decoration: underline; } #wmfcContOuter .breadcrumb > div ul li + li:before { font-size: 10px; content: '　＞　'; } #wmfcContOuter .pgTtlh2 { margin: 50px auto; text-align: center; font-weight: bold; font-size: 40px; } #wmfcContOuter .campaignDetail { padding: 30px 30px 45px; width: 100%; background: #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wmfcContOuter .campaignDetail > div { margin: 0 auto; width: 100%; max-width: 980px; } #wmfcContOuter .campaignDetail > div > h3 { margin-bottom: 35px; font-size: 24px; } #wmfcContOuter .campaignDetail > div > h3 + div { display: table; width: 100%; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailImg, #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex { display: table-cell; vertical-align: top; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailImg { width: 450px; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailImg img { width: 100%; height: auto; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex { padding-left: 30px; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.dispTex p, #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.moreTex p { font-size: 18px; line-height: 1.4; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.dispTex p + p, #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.moreTex p + p { margin-top: 1em; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.dispTex { padding-bottom: 20px; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.moreTex { display: none; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.moreTex p { margin-top: 1em; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex > .btnLinks { text-align: center; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex > .btnLinks a { background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat right 10px top 50%; border: 1px solid #b22b30; color: white; display: inline-block; width: 160px; height: 40px; text-align: center; text-decoration: none; line-height: 40px; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex > .btnLinks a:hover { background: white url(/img/common/btn_arw_02.png) no-repeat right 10px top 50%; color: #b22b30; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex > .btnMore { margin: 30px auto 0; width: 160px; height: 40px; border: #808080 1px solid; background: #808080 url(/img/common/ico_p.png) no-repeat right 50%; color: white; text-align: center; line-height: 40px; cursor: pointer; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex > .btnMore:hover { border: #808080 1px solid; background: white url(/img/common/ico_p.png) no-repeat right 50%; color: #808080; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex > .btnMore.open { background: #808080 url(/img/common/ico_m.png) no-repeat right 50%; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex > .btnMore.open:hover { background: white url(/img/common/ico_m.png) no-repeat right 50%; } #wmfcContOuter .showcase { position: relative; width: 100%; height: 0; padding-bottom: 43.46%; background: url(/gallery/agent_store/workstyle-img-main.jpg) no-repeat 0 0; background-size: contain; } #wmfcContOuter .showcase:before { background-color: rgba(255, 255, 255, 0.2); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ' '; } #wmfcContOuter .showcase h1 { position: absolute; width: 100%; top: 50%; margin-top: -1.5em; font-size: 340%; text-align: center; color: #000000; text-shadow: 0 2px 0 #ffffff, 2px 0 0 #ffffff, 0 -2px 0 #ffffff, -2px 0 0 #ffffff, 2px 2px 0 #ffffff, -2px 2px 0 #ffffff, 2px -2px 0 #ffffff, -2px -2px 0 #ffffff; filter: dropshadow(color=#ffffff, offX 0, offY=-2) dropshadow(color=#ffffff, offX 2, offY 0) dropshadow(color=#ffffff, offX 0, offY 2) dropshadow(color=#ffffff, offX=-2, offY 0); } #wmfcContOuter .articles { width: 100%; margin-bottom: 60px; box-sizing: border-box; } #wmfcContOuter .articles:after { content: ""; display: block; clear: both; } #wmfcContOuter .articles a { color: #000000; text-decoration: none; } #wmfcContOuter .articles p.lead { font-size: 110%; color: #ffffff; background-color: #404040; padding: 1em; } #wmfcContOuter .articles .news { padding: 0; margin: 40px 0; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; background: none; } #wmfcContOuter .articles .news h2 { float: none; color: #be0712; font-size: 123.1%; text-align: left; } #wmfcContOuter .articles .news .newsBlock { margin-bottom: 1em; } #wmfcContOuter .articles .news .newsBlock:after { content: " "; display: block; clear: both; } #wmfcContOuter .articles .news .newsBlock .labelWrapper { float: left; width: 18.5em; } #wmfcContOuter .articles .news .newsBlock .labelWrapper:after { content: " "; display: block; clear: both; } #wmfcContOuter .articles .news .newsBlock .labelWrapper .label { line-height: 1; display: inline-block; width: 8.5em; padding-top: 0.4em; padding-bottom: 0.2em; margin-right: 1em; font-size: 85%; text-align: center; color: #606060; border: 1px solid #bfbfbf; border-radius: 4px; box-sizing: border-box; } #wmfcContOuter .articles .news .newsBlock .labelWrapper .date { position: relative; top: 0.1em; display: inline-block; width: 8.5em; font-size: 110%; box-sizing: border-box; } #wmfcContOuter .articles .news .newsBlock .text { position: relative; top: 0.1em; float: right; width: 100%; font-size: 110%; margin-left: -18.5em; padding-left: 18.5em; box-sizing: border-box; } #wmfcContOuter .articles .news .newsBlock .text a { text-decoration: underline; } #wmfcContOuter .articles .topics { width: 100%; margin-bottom: 30px; box-sizing: border-box; } #wmfcContOuter .articles .topics:after { content: " "; display: block; clear: both; } #wmfcContOuter .articles .topics h2 { font-size: 200%; text-align: center; margin-bottom: 0.5em; } #wmfcContOuter .articles .topics .item { position: relative; width: 31.97%; float: left; margin-right: 20px; border: 1px solid #cccccc; box-sizing: border-box; } #wmfcContOuter .articles .topics .item.right { margin-right: 0; } #wmfcContOuter .articles .topics .item:hover { opacity: 0.5; border: 1px solid #84191c; } #wmfcContOuter .articles .topics .item span.ribbon { position: absolute; padding: 5px 6px 4px; color: #ffffff; font-size: 14px; line-height: 1; top: 0; left: 0; z-index: 11; } #wmfcContOuter .articles .topics .item span.ribbon.f { background: #914405; } #wmfcContOuter .articles .topics .item img { width: 100%; border: none; } #wmfcContOuter .articles .topics .item .textBox { padding: 1em 0.5em 0.5em; box-sizing: border-box; } #wmfcContOuter .articles .topics .item .textBox h3 { font-size: 112%; margin-bottom: 0.5em; } #wmfcContOuter .articles .topics .item .textBox h3 a:hover { text-decoration: underline; } #wmfcContOuter .articles .topics .item .textBox p { margin-bottom: 0; font-size: 100%; } #wmfcContOuter .articles .topics .item .textBox h3.pcTablet, #wmfcContOuter .articles .topics .item .textBox p.pcTablet { display: block; } #wmfcContOuter .articles .topics .item .textBox h3.spOnly { display: none; } #wmfcContOuter .articles .topics .item .textBox p.spOnly { display: none; } #wmfcContOuter .articles .topics .item .textBox p a.btnLinks { display: inline-block; border: 1px solid #ae2d34; margin: 1em 0 0 0; padding: 0.5em 2em 0.4em; text-align: center; line-height: 1; background: #ffffff; text-decoration: none; font-size: 100%; color: #ae2d34; cursor: pointer; box-sizing: border-box; } #wmfcContOuter .articles .topics .item .textBox p a.btnLinks:hover { background: #ae2d34; color: #ffffff; } #wmfcContOuter .recommend { width: 100%; margin-bottom: 30px; box-sizing: border-box; } #wmfcContOuter .recommend a { color: #000000; text-decoration: none; } #wmfcContOuter .recommend:after { content: ""; display: block; clear: both; } #wmfcContOuter .recommend h2 { font-size: 200%; text-align: center; margin-bottom: 0.5em; } #wmfcContOuter .recommend .item { position: relative; width: 48.97%; float: left; border: 1px solid #cccccc; margin-right: 20px; margin-bottom: 20px; box-sizing: border-box; } #wmfcContOuter .recommend .item.right { margin-right: 0; } #wmfcContOuter .recommend .item:hover { opacity: 0.5; border: 1px solid #84191c; } #wmfcContOuter .recommend .item span.ribbon { position: absolute; padding: 5px 6px 4px; color: #ffffff; font-size: 14px; line-height: 1; top: 0; left: 0; z-index: 11; } #wmfcContOuter .recommend .item span.ribbon.d { background: #4b4991; } #wmfcContOuter .recommend .item img { width: 100%; border: none; } #wmfcContOuter .recommend .item img:hover { opacity: 0.5; } #wmfcContOuter .recommend .item .textBox { padding: 1em 0.5em 0.5em; box-sizing: border-box; } #wmfcContOuter .recommend .item .textBox h3 { font-size: 110%; margin-bottom: 0.5em; } #wmfcContOuter .recommend .item .textBox h3 a { color: #000000; text-decoration: none; } #wmfcContOuter .recommend .item .textBox h3 a:hover { text-decoration: underline; } #wmfcContOuter .recommend .item .textBox p { margin-bottom: 0; font-size: 100%; } #wmfcContOuter .recommend .item .textBox h3.pcTablet, #wmfcContOuter .recommend .item .textBox p.pcTablet { display: block; } #wmfcContOuter .recommend .item .textBox h3.spOnly { display: none; } #wmfcContOuter .recommend .item .textBox p.spOnly { display: none; } #wmfcContOuter .recommend .item .textBox p a.btnLinks { display: inline-block; border: 1px solid #ae2d34; margin: 1em 0 0 0; padding: 0.5em 2em 0.4em; text-align: center; line-height: 1; background: #ffffff; text-decoration: none; font-size: 100%; color: #ae2d34; cursor: pointer; box-sizing: border-box; } #wmfcContOuter .recommend .item .textBox p a.btnLinks:hover { background: #ae2d34; color: #ffffff; } #wmfcContOuter .relatedServies { padding: 2em 1em 1em 1em; width: 100%; background-color: #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wmfcContOuter .relatedServies:after { content: ""; display: block; clear: both; } #wmfcContOuter .relatedServies h2 { font-size: 200%; text-align: center; margin-bottom: 0.5em; } #wmfcContOuter .relatedServies p.lead { font-size: 140%; text-align: center; } #wmfcContOuter .relatedServies a { color: #000000; text-decoration: none; } #wmfcContOuter .relatedServies .item { width: 48.5%; float: left; margin-right: 20px; margin-bottom: 20px; } #wmfcContOuter .relatedServies .item.right { margin-right: 0; } #wmfcContOuter .relatedServies .item:hover { opacity: 0.5; } #wmfcContOuter .relatedServies .item a img { width: 35%; float: left; border: none; } #wmfcContOuter .relatedServies .item .textBox { width: 62%; float: right; } #wmfcContOuter .relatedServies .item .textBox h3 a:hover { text-decoration: underline; } #wmfcContOuter .relatedServies .item .textBox p { margin-bottom: 0; font-size: 95%; } #wmfcContOuter .join p.btn { font-size: 20px; font-weight: bold; display: block; line-height: 50px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; width: 300px; margin: 30px auto 0; } #wmfcContOuter .join p.btn a { display: block; color: white; text-decoration: none; } #wmfcContOuter .join p.btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .join p.btn:hover a { display: block; color: #b22b30; text-decoration: none; } #wmfcContOuter .join .showcase { position: relative; width: 100%; height: 0; padding-bottom: 40.81%; margin-top: 10px; margin-bottom: 10px; background: url(/gallery/agent_store/join-img-main.jpg) no-repeat 0 0; background-size: contain; } #wmfcContOuter .join .showcase:before { background-color: transparent; } #wmfcContOuter .join .showcase h1 { position: absolute; width: auto; top: 50%; margin-top: -2.5em; left: 25%; font-size: 216%; text-align: left; color: #000000; text-shadow: 0 2px 4px #ffffff, 2px 0 2px #ffffff, 0 -2px 4px #ffffff, -2px 0 4px #ffffff, 2px 2px 4px #ffffff, -2px 2px 4px #ffffff, 2px -2px 4px #ffffff, -2px -2px 4px #ffffff; } #wmfcContOuter .join .showcase p { position: absolute; padding: 0.2em 0.5em 0.1em; top: 90px; left: 25%; background-color: #ffffff; border: 1px solid #b02d34; font-size: 110%; color: #b02d34; box-sizing: border-box; } #wmfcContOuter .join p.lead { font-size: 110%; color: #333333; background-color: transparent; padding: 0; } #wmfcContOuter .join .meritContainer { width: 100%; margin-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; } #wmfcContOuter .join .meritContainer .item { width: 32%; padding: 1em; border: 1px solid #b02d34; box-sizing: border-box; } #wmfcContOuter .join .meritContainer .item h3 { font-size: 140%; color: #b02d34; text-align: center; } #wmfcContOuter .join .meritContainer .item p:last-child { margin-bottom: 0; } #wmfcContOuter .join .meritContainer .item ul { padding: 0px 0px 0px 1.5em; margin-bottom: 0; } #wmfcContOuter .join .meritContainer .item ul li { margin-bottom: 0; } #wmfcContOuter .join .meritContainer .item a { text-decoration: none; } #wmfcContOuter .join .meritContainer .item a:hover { text-decoration: underline; } #wmfcContOuter .join .partnerContainer { background: #f2f2f2; padding: 1em; margin-top: 40px; width: 100%; margin-bottom: 30px; box-sizing: border-box; } #wmfcContOuter .join .partnerContainer:after { content: " "; display: block; clear: both; } #wmfcContOuter .join .partnerContainer h2 { font-size: 155%; text-align: center; margin-bottom: 30px; } #wmfcContOuter .join .partnerContainer .flexContainer { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; } #wmfcContOuter .join .partnerContainer .flexContainer .media { width: 25%; box-sizing: border-box; } #wmfcContOuter .join .partnerContainer .flexContainer .media img { width: 100%; } #wmfcContOuter .join .partnerContainer .flexContainer .textBox { width: 72%; text-align: left; box-sizing: border-box; } #wmfcContOuter .join .partnerContainer .flexContainer .textBox h3 { font-size: 140%; color: #b02d34; } #wmfcContOuter .join .partnerContainer .flexContainer .textBox h4 { font-size: 124%; } #wmfcContOuter .join .partnerContainer .flexContainer .textBox p.btn { font-size: 12px; line-height: 30px; width: 140px; margin: 0 0 0; } #wmfcContOuter .join .flowContainer { margin-top: 40px; width: 100%; margin-bottom: 30px; text-align: center; box-sizing: border-box; } #wmfcContOuter .join .flowContainer:after { content: " "; display: block; clear: both; } #wmfcContOuter .join .flowContainer h2 { font-size: 155%; text-align: center; margin-bottom: 20px; } #wmfcContOuter .join .flowContainer dl { width: 500px; margin: 0 auto 0; font-size: 140%; display: flex; flex-wrap: nowrap; justify-content: space-between; box-sizing: border-box; } #wmfcContOuter .join .flowContainer dt { width: 2em; margin: 0; padding: 0.2em 0 0.1em 0; text-align: center; color: #ffffff; font-weight: bold; background-color: #b02d34; border: 1px solid #b02d34; box-sizing: border-box; } #wmfcContOuter .join .flowContainer dd { margin: 0; padding: 0.2em 2em 0.1em 0; text-align: center; color: #b02d34; font-weight: bold; border: 1px solid #b02d34; flex-grow: 1; box-sizing: border-box; } #wmfcContOuter .join .flowContainer dl:last-child dt, #wmfcContOuter .join .flowContainer dl:last-child dd { background-color: transparent; border: 1px solid transparent; } #wmfcContOuter .join .flowContainer p { color: #b02d34; font-size: 140%; font-weight: bold; } #wmfcContOuter .join .flowContainer .invertedTriangle { width: 0; height: 0; margin: 16px auto 0; border-top: 15px solid #7f7f7f; border-right: 10px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid transparent; } #wmfcContOuter .join .contactContainer { margin-top: 40px; width: 100%; padding: 1em 1em 3em; border: 1px solid #cccccc; text-align: center; box-sizing: border-box; } /* ↓ Scansnap Campaign追加 0825 */ #wmfcContOuter #scansnapCampaign .titleWrapper { width: 100%; margin: 0 -500%; padding: 0 500%; background-color: #eaf1f7; } #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea { position: relative; margin: 0 0 0 0; padding: 20px 0 0 0; min-height: 300px; background: url(/gallery/agent_store/scansnap-campaign-img-ix100w.jpg) right top no-repeat; background-size: auto 300px; box-sizing: border-box; } #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea .arrowBox { position: relative; display: inline-block; margin-bottom: 1.2em; padding: 0.3em 1em; color: #ffffff; font-weight: bold; border-radius: 4px; background: #B02D34; } #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea .arrowBox:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(176, 45, 52, 0); border-top-color: #B02D34; border-width: 15px; margin-left: -15px; } #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea .subTitle { font-size: 145%; margin-bottom: 0.2em; } #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea h1 { font-size: 215%; margin-bottom: 1em; } #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea h1 span { display: block; margin-left: 2em; } #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea .summary { display: inline-block; padding: 0.5em; line-height: 1.4; background: rgba(255, 255, 255, 0.7); box-sizing: border-box; } #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea .summary strong { font-size: 120%; } #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea .summary strong.red { color: #B02D34; } #wmfcContOuter #scansnapCampaign p.link { margin-bottom: 0; } #wmfcContOuter #scansnapCampaign p.link a { text-decoration: none; } #wmfcContOuter #scansnapCampaign p.link a:hover { text-decoration: underline; } #wmfcContOuter #scansnapCampaign .meritContainer { width: 100%; margin-top: 60px; } #wmfcContOuter #scansnapCampaign .meritContainer h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } #wmfcContOuter #scansnapCampaign .meritContainer .flexWrapper { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; } #wmfcContOuter #scansnapCampaign .meritContainer .flexWrapper .item { width: 32%; padding: 1em; box-sizing: border-box; } #wmfcContOuter #scansnapCampaign .meritContainer .flexWrapper .item img { width: 100%; } #wmfcContOuter #scansnapCampaign .meritContainer .flexWrapper .item h3 { font-size: 140%; text-align: center; } #wmfcContOuter #scansnapCampaign .productContainer { width: 100%; border: 1px solid #dedede; box-sizing: border-box; } #wmfcContOuter #scansnapCampaign .productContainer .flexWrapper { width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; } #wmfcContOuter #scansnapCampaign .productContainer .flexWrapper .textBox { width: 60%; padding: 2em; box-sizing: border-box; } #wmfcContOuter #scansnapCampaign .productContainer .flexWrapper .textBox h3 { font-size: 140%; } #wmfcContOuter #scansnapCampaign .productContainer .flexWrapper .textBox p { margin-bottom: 0; } #wmfcContOuter #scansnapCampaign .productContainer .flexWrapper .media { width: 40%; padding: 1em; box-sizing: border-box; } #wmfcContOuter #scansnapCampaign .productContainer .flexWrapper .media img { width: 100%; } #wmfcContOuter #scansnapCampaign .productContainer .flexWrapper .media p.link { text-align: right; } #wmfcContOuter #scansnapCampaign p.btn { display: block; width: 500px; padding: 0.5em 0em 0.3em; margin: 0 auto 0; text-align: center; font-size: 20px; font-weight: bold; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; } #wmfcContOuter #scansnapCampaign p.btn a { display: block; color: white; text-decoration: none; } #wmfcContOuter #scansnapCampaign p.btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter #scansnapCampaign p.btn a:hover { display: block; color: #b22b30; text-decoration: none; } #wmfcContOuter #scansnapCampaign h3.bg { padding: 0.5em 0.5em 0.4em; font-size: 124%; text-align: left; margin: 50px 0 20px; background-color: #808080; color: #ffffff; } #wmfcContOuter #scansnapCampaign .tableOuter { margin-bottom: 60px; } /* ↑ Scansnap Campaign追加 0825 */ /* ↓ Calendar Campaign追加 0922 */ #wmfcContOuter #calendar .titleWrapper { width: 100%; /* margin: 0 -500%; padding: 0 500%; background-color: #eaf1f7; */ } #wmfcContOuter #calendar .titleWrapper .titleArea { position: relative; margin: 0 0 0 0; padding: 20px 0 0 30px; min-height: 400px; background: url(/gallery/agent_store/calendar-campaign-main-visual.jpg) right top no-repeat; background-size: auto 400px; box-sizing: border-box; } #wmfcContOuter #calendar .titleWrapper .titleArea .arrowBox { position: relative; display: inline-block; margin-bottom: 2em; padding: 0.3em 1em; font-size: 1rem; color: #333333; border-radius: 4px; background: rgba(255, 255, 255, 1); } #wmfcContOuter #calendar .titleWrapper .titleArea .arrowBox:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: rgba(255, 255, 255, 1); border-width: 15px; margin-left: -15px; } #wmfcContOuter #calendar .titleWrapper .titleArea h1 { color: rgba(255, 255, 255, 1); font-size: 2.6em; margin-bottom: 1.2em; } #wmfcContOuter #calendar .titleWrapper .titleArea .summary { display: inline-block; padding: 1em; line-height: 1.5; background: rgba(255, 255, 255, 0.85); box-sizing: border-box; } #wmfcContOuter #calendar .titleWrapper .titleArea .summary strong { font-size: 120%; } #wmfcContOuter #calendar .titleWrapper .titleArea .summary strong.red { color: #B02D34; } #wmfcContOuter #calendar ul.btn { margin: 0 0 60px; padding: 0; list-style: none; text-align: center; } #wmfcContOuter #calendar ul.btn li { display: inline-block; width: 360px; padding: 0.5em 0em 0.3em; margin: 0 auto 0; text-align: center; line-height: 1.4; font-size: 1.6em; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; } #wmfcContOuter #calendar ul.btn li:first-child { margin-right: 60px; } #wmfcContOuter #calendar ul.btn li a { display: block; color: #ffffff; text-decoration: none; } #wmfcContOuter #calendar ul.btn li:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter #calendar ul.btn li a:hover { display: block; color: #b22b30; text-decoration: none; } #wmfcContOuter #calendar h3.bg { padding: 0.5em 0.5em 0.4em; font-size: 124%; text-align: left; margin: 50px 0 20px; background-color: #808080; color: #ffffff; } #wmfcContOuter #calendar .tableOuter { margin-bottom: 60px; } /* ↑ Calendar Campaign追加 0922 */ /* ↓ OSS追加 0724 */ #wmfcContOuter #oss .title-wrapper { width: 100%; margin: 0 -500%; padding: 0 500%; background-color: #d7d2cf; } #wmfcContOuter #oss .title-wrapper.vol2 { background: url(/gallery/agent_store/oss-main-visual-vol2-bg.jpg) center center no-repeat; background-size: 100% 300px; } #wmfcContOuter #oss .title-wrapper .title-area { width: 100%; max-width: 980px; margin: 0 auto; } #wmfcContOuter #oss .title-area .main-visual { position: relative; margin: 0 0 0 0; padding: 20px 0 0 0; min-height: 300px; box-sizing: border-box; } #wmfcContOuter #oss .title-area .main-visual.vol1 { background: url(/gallery/agent_store/oss-main-visual-vol1.jpg) right 40px top no-repeat; background-size: auto 300px; } #wmfcContOuter #oss .title-area .main-visual.vol2 { background: url(/gallery/agent_store/oss-main-visual-vol2.jpg) right 80px top no-repeat; background-size: auto 300px; } #wmfcContOuter #oss .title-area:after { content: " "; display: block; clear: both; } #wmfcContOuter #oss .title-area h1 { margin-bottom: 15px; font-weight: bold; font-size: 3rem; line-height: 1.4; color: #333333; } #wmfcContOuter #oss .title-area p { margin-bottom: 0.5em; font-size: 1.4rem; color: #333333; line-height: 1.5; text-shadow: 0px 0px 10px #d9d1cf, 0px 0px 10px #d9d1cf, 0px 0px 10px #d9d1cf, 0px 0px 10px #d9d1cf; } #wmfcContOuter #oss .title-area p small { font-size: 0.875rem; } #wmfcContOuter #oss .main-container { width: 100%; max-width: 980px; margin: 30px auto; } #wmfcContOuter #oss .main-container h2 { font-size: 1.5rem; margin: 1.5em 0 0.6em 0; } #wmfcContOuter #oss .main-container h2.bg { font-size: 1.5rem; padding: 0.3em 0 0.2em 0; margin: 1.5em 0 0.6em 0; background-color: #d9d9d9; text-align: center; } #wmfcContOuter #oss .main-container h3 { font-size: 1.25rem; margin: 1.5em 0 0.6em 0; } #wmfcContOuter #oss .main-container h3.emcee { font-size: 1rem; } #wmfcContOuter #oss .main-container h3.emcee:before { display: inline; content: "\2500\2500"; margin-right: 0.2em; } #wmfcContOuter #oss .main-container p { margin-bottom: 1em; font-size: 1rem; line-height: 2; } #wmfcContOuter #oss .main-container .figure { margin: 30px auto 50px; } #wmfcContOuter #oss .main-container .figure .figcaption { margin-bottom: 20px; text-align: center; } #wmfcContOuter #oss .main-container .figure.w70 { width: 70%; } #wmfcContOuter #oss .main-container .figure.w80 { width: 80%; } #wmfcContOuter #oss .main-container .figure.w100 { width: 100%; } #wmfcContOuter #oss .main-container .figure img { width: 100%; } #wmfcContOuter #oss .main-container .figure area { border: none; outline: none; } #wmfcContOuter #oss .main-container .flexbox50 { padding: 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } #wmfcContOuter #oss .main-container .flexbox50 .flex-item { width: 50%; padding: 0 0 0 5px; box-sizing: border-box; } #wmfcContOuter #oss .main-container .flexbox50 .flex-item figure { margin-top: 0; } #wmfcContOuter #oss .main-container .flexbox50 .flex-item:first-child { width: 50%; padding: 0 5px 0 0; } #wmfcContOuter #oss .main-container .foot-note-wrapper { width: 90%; padding: 10px; margin: 40px auto; border: 1px solid #d7d2cf; box-sizing: border-box; } #wmfcContOuter #oss .main-container ol.foot-note { list-style: none; counter-reset: li; } #wmfcContOuter #oss .main-container ol.foot-note.supplement { width: 90%; margin: 40px auto; box-sizing: border-box; list-style: none; counter-reset: li; } #wmfcContOuter #oss .main-container ol.foot-note li { position: relative; margin-bottom: 0.4em; padding-left: 3.5em; font-size: 0.875rem; counter-increment: li; } #wmfcContOuter #oss .main-container ol.foot-note li:last-child { margin-bottom: 0; } #wmfcContOuter #oss .main-container ol.foot-note li:before { content: "\006CE8"counter(li)" "; display: block; position: absolute; top: 0.35em; left: 0; line-height: 1; } #wmfcContOuter #oss .main-container ol.foot-note.supplement li:before { content: "\0088DC\008DB3"counter(li)" "; } #wmfcContOuter #oss .main-container a.note { font-size: 0.7rem; vertical-align: top; margin: 0 0.4em; } #wmfcContOuter #oss .main-container p.link { text-align: right; } #wmfcContOuter #oss .main-container p.link a { color: #333333; } #wmfcContOuter #oss .main-container p.link a:hover { opacity: 0.5; } #wmfcContOuter #oss .main-container table { width: 100%; margin: 50px auto; border-collapse: collapse; border-spacing: 0; } #wmfcContOuter #oss .main-container table.narrow { width: 70%; } #wmfcContOuter #oss .main-container table th, #wmfcContOuter #oss .main-container table td { font-size: 0.875rem; padding: 10px; vertical-align: top; border: 1px solid #cacac7; line-height: 1.4; } #wmfcContOuter #oss .main-container table th.textcenter, #wmfcContOuter #oss .main-container table td.textcenter { text-align: center; } #wmfcContOuter #oss .main-container table th { background-color: #eeeeee; } #wmfcContOuter #oss .main-container table td.bordernone { border-top: none; border-bottom: none; } #wmfcContOuter #oss .main-container table td.bordernone.last { border-bottom: 1px solid #cacac7; } #wmfcContOuter #oss .main-container .chapter { margin: 80px 0 40px; padding: 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } #wmfcContOuter #oss .main-container .chapter .flex-item { width: 60%; padding: 0; box-sizing: border-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } #wmfcContOuter #oss .main-container .chapter:after { content: " "; display: block; clear: both; } #wmfcContOuter #oss .main-container .chapter .flex-item img { width: 100%; } #wmfcContOuter #oss .main-container .chapter .flex-item h2 { color: #ffffff; font-size: 1.2rem; margin: 0; } #wmfcContOuter #oss .main-container .chapter .flex-item:first-child { width: 40%; text-align: right; padding: 0 1em; background-color: #919191; } #wmfcContOuter #oss .pager-wrapper { width: 100%; max-width: 980px; margin: 50px auto; text-align: center; } #wmfcContOuter #oss .pager-wrapper ul.pager { padding: 0; margin: 0; list-style: none; display: inline-block; zoom: 1; } #wmfcContOuter #oss .pager-wrapper ul.pager:after { content: " "; display: block; clear: both; } #wmfcContOuter #oss .pager-wrapper ul.pager li { display: table; width: 1.6em; line-height: 1.6em; margin: 0 0 0 0.8em; border: 2px solid #ae2d34; float: left; font-size: 1.5rem; box-sizing: border-box; } #wmfcContOuter #oss .pager-wrapper ul.pager li a { display: table-cell; vertical-align: middle; color: #ae2d34; text-decoration: none; font-weight: bold; } #wmfcContOuter #oss .pager-wrapper ul.pager li.active { background-color: #7f7f7f; border: 2px solid #7f7f7f; } #wmfcContOuter #oss .pager-wrapper ul.pager li.active a { color: #ffffff; } #wmfcContOuter #oss .pager-wrapper ul.pager li.prev { width: auto; margin-left: 0; margin-top: 2px; border: none; } #wmfcContOuter #oss .pager-wrapper ul.pager li.prev:before { display: inline-block; content: ""; width: 16px; height: 15px; margin-top: 10px; margin-right: 10px; background-image: url(/gallery/agent_store/icon_arrow_c.png); background-repeat: no-repeat; background-size: 100%; } #wmfcContOuter #oss .pager-wrapper ul.pager li.next { width: auto; margin-top: 2px; border: none; } #wmfcContOuter #oss .pager-wrapper ul.pager li.next:after { display: inline-block; content: ""; width: 16px; height: 15px; margin-top: 10px; margin-left: 10px; background-image: url(/gallery/agent_store/icon_arrow_d.png); background-repeat: no-repeat; background-size: 100%; } #wmfcContOuter #oss .person-area { width: 100%; margin: 40px 0; background-color: #f5f5f5; } #wmfcContOuter #oss .person-area .flexbox { width: 980px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } #wmfcContOuter #oss .person-area .flex-item { width: 75%; padding: 20px; box-sizing: border-box; } #wmfcContOuter #oss .person-area:after { content: " "; display: block; clear: both; } #wmfcContOuter #oss .person-area .flex-item img { width: 100%; vertical-align: bottom; } #wmfcContOuter #oss .person-area .flex-item h2 { color: #ae2d34; font-size: 1.2rem; margin: 0; padding: 20px 0 20px 30px } #wmfcContOuter #oss .person-area .flex-item p { padding: 0 0 0 30px; font-size: 0.875rem; font-weight: bold; line-height: 2; } #wmfcContOuter #oss .person-area .flex-item:first-child { width: 25%; padding: 0; } /* ↑ OSS追加 0724 */ #wmfcContOuter .serchResultTex { width: 100%; border-top: #b22b30 3px solid; } #wmfcContOuter .serchResultTex > div { position: relative; margin-bottom: 15px; padding: 20px 0; background: #f2f2f2; } #wmfcContOuter .serchResultTex > div > p { font-size: 14px; text-align: center; line-height: 1; } #wmfcContOuter .serchResultTex > div > p strong { font-size: 18px; color: #b22b30; font-weight: bold; } #wmfcContOuter .serchResultTex > div:after { position: absolute; bottom: -20px; left: 50%; z-index: 10; margin-left: -10px; width: 0; height: 0; border: 10px solid transparent; border-top: #f2f2f2 10px solid; content: ''; } #wmfcContOuter .serchResultTex > p { font-size: 14px; text-align: center; } #wmfcContOuter .serchResultTex > p strong { font-size: 18px; font-weight: bold; } #wmfcContOuter .searchResultPager { margin: 0 auto; width: 980px; } #wmfcContOuter .searchResultPager > p { font-size: 14px; margin-bottom: 25px; text-align: center; } #wmfcContOuter .searchResultPager > p strong { font-size: 18px; font-weight: bold; } #wmfcContOuter .searchResultPager > div { zoom: 1; position: relative; width: 100%; height: 40px; text-align: center; } #wmfcContOuter .searchResultPager > div:after { display: block; clear: both; content: ""; } #wmfcContOuter .searchResultPager > div > ul { position: absolute; top: 0; left: 0; z-index: 10; display: inline-block; width: 100%; font-size: 0; } #wmfcContOuter .searchResultPager > div > ul li { font-size: 14px; display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; } #wmfcContOuter .searchResultPager > div > ul li.prev0, #wmfcContOuter .searchResultPager > div > ul li.prev1, #wmfcContOuter .searchResultPager > div > ul li.next0, #wmfcContOuter .searchResultPager > div > ul li.next1 { border: #808080 1px solid; background: #808080; } #wmfcContOuter .searchResultPager > div > ul li.prev0 a, #wmfcContOuter .searchResultPager > div > ul li.prev1 a, #wmfcContOuter .searchResultPager > div > ul li.next0 a, #wmfcContOuter .searchResultPager > div > ul li.next1 a { display: block; color: white; text-decoration: none; } #wmfcContOuter .searchResultPager > div > ul li.prev0:hover, #wmfcContOuter .searchResultPager > div > ul li.prev1:hover, #wmfcContOuter .searchResultPager > div > ul li.next0:hover, #wmfcContOuter .searchResultPager > div > ul li.next1:hover { background: white; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .searchResultPager > div > ul li.prev0:hover a, #wmfcContOuter .searchResultPager > div > ul li.prev1:hover a, #wmfcContOuter .searchResultPager > div > ul li.next0:hover a, #wmfcContOuter .searchResultPager > div > ul li.next1:hover a { color: #808080; } #wmfcContOuter .searchResultPager > div > ul li.prev0 { margin-right: 10px; } #wmfcContOuter .searchResultPager > div > ul li.prev1 { margin-right: 30px; } #wmfcContOuter .searchResultPager > div > ul li.next1 { margin-left: 30px; } #wmfcContOuter .searchResultPager > div > ul li.next0 { margin-left: 10px; } #wmfcContOuter .searchResultPager > div > ul li.this input[type="text"] { width: 40px; height: 40px; border: #efefef 2px solid; text-align: center; line-height: 40px; } #wmfcContOuter .searchResultPager > div > ul li.slash { font-size: 18px; color: #c5c5c5; } #wmfcContOuter .searchResultPager > div > div { position: absolute; top: 0; right: 0; z-index: 11; height: 40px; line-height: 40px; } #wmfcContOuter .searchResultPager > div > div p { display: inline-block; } #wmfcContOuter .searchResultPager > div > div p.select { overflow: hidden; } #wmfcContOuter .searchResultPager > div > div p.select select { box-sizing: content-box; margin: 0; margin-right: .5em; padding: 0 30px 0 12px; height: 40px; outline: none; border: #b22b30 1px solid; background: #b22b30 url(/img/common/ico_arw_d_01.png) no-repeat right 10px top 50%; color: white; vertical-align: middle; text-align: center; font-size: inherit; -moz-appearance: none; -webkit-appearance: none; appearance: none; } #wmfcContOuter .searchResultPager > div > div p.select select option { outline: none; } #wmfcContOuter .searchResultPager > div > div p.select + span { height: 40px; vertical-align: top; line-height: 40px; } #wmfcContOuter .searchResultPager > div > div .btnReDisp { margin-left: 30px; border: #b22b30 1px solid; vertical-align: top; } #wmfcContOuter .searchResultPager > div > div .btnReDisp a { display: block; padding: 0 1em; color: #b22b30; text-decoration: none; font-weight: bold; line-height: 40px; } #wmfcContOuter .searchResultPager > div > div .btnReDisp:hover { background: #b22b30; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .searchResultPager > div > div .btnReDisp:hover a { color: white; } #wmfcContOuter .detailAreaOuter { position: relative; padding: 30px 0 60px; width: 100%; background: #f2f2f2; } #wmfcContOuter .detailAreaOuter > .detailAreaInner { zoom: 1; margin: 0 auto; width: 980px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl { display: table; clear: both; margin-bottom: 30px; width: 100%; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div { display: table-cell; text-align: left; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div p { font-size: 18px; margin-bottom: 0.2em; color: #b22b30; font-weight: bold; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div h2 { font-size: 30px; font-weight: bold; line-height: 1.33; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div { width: 160px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div p.addPin { width: 160px; height: 40px; border: #808080 1px solid; background: #808080 url(/img/common/ico_pin.png) no-repeat right 10px top 50%; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div p.addPin a { font-size: 14px; display: block; padding: 0 35px 0 0; color: white; text-align: right; text-decoration: none; font-weight: bold; line-height: 40px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div p.addPin:hover { background: white url(/img/common/ico_pin_o.png) no-repeat right 10px top 50%; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div p.addPin:hover a { color: #808080; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg { float: left; width: 450px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > img { margin-bottom: 10px; width: 100%; height: auto; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div { display: block; padding: 25px 0; background: white; text-align: center; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > p { font-size: 14px; margin-bottom: 20px; text-align: center; font-weight: bold; line-height: 1; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul { display: inline-block; margin: 0 auto; text-align: left; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul li { font-size: 12px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul li strong { font-size: 18px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul li strong a { color: #039; text-decoration: none; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul li strong a:hover { text-decoration: underline; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul li strong a.telLink { color: #333; text-decoration: none; cursor: default; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex { float: right; width: 500px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex div.detailBnr00 { margin-bottom: 20px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex div.detailBnr00 img { width: 100%; height: auto; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex div.detailBnr01 { margin-bottom: 30px; position: relative; display: inline-block; padding: 0 15px; width: 100%; padding: 9px 5px 7px; color: #b22b30; line-height: 1.4; text-align: center; font-size: 18px; font-weight: bold; background: white; z-index: 0; border: #b22b30 1px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex div.detailBnr01 a { display: block; color: #b22b30; text-decoration: none; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex div.detailBnr01 a:hover { text-decoration: underline; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex div.detailBnr01:before { content: ""; position: absolute; bottom: -14px; left: 0; margin-left: 0; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 18px 13px 1px; border-color: transparent white transparent transparent; z-index: -1; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex div.detailBnr01:after { content: ""; position: absolute; bottom: -15px; left: -1px; margin-left: 0; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 21px 15px 0; border-color: transparent #b22b30 transparent transparent; z-index: -2; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList-new { margin-bottom: 30px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList-new > li { margin-top: 0.25em; font-weight: bold; text-indent: -1em; padding-left: 1em; font-size: 14px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList-new > li:first-child { margin-top: 0; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList-new > li:before { content: "■"; color: #b22b30; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList { margin-bottom: 20px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList li { font-size: 14px; padding-left: 50px; background: url(/img/common/ico_detail_01.gif) no-repeat left top; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList li strong { font-size: 18px; display: block; line-height: 32px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList li + li { margin-top: 10px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .tgTex { width: 100%; margin-bottom: 20px; zoom: 1; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .tgTex:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .tgTex li { float: left; height: 20px; margin-right: 10px; margin-bottom: 5px; padding: 0 10px; line-height: 20px; background-color: white; border: 1px solid #cdcdcd; font-size: 12px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .tgTex li:first-child { margin-left: 0; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .mnText { margin-bottom: 20px; font-weight: normal; font-size: 18px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .price { display: inline-block; margin-bottom: 20px; padding: 0 30px 0 20px; height: 50px; background: #404040; color: white; text-align: center; font-size: 20px; line-height: 50px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .price strong { font-weight: bold; font-size: 30px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .specTex { width: 500px; margin-top: 5px; zoom: 1; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .specTex:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .specTex:first-of-type { margin-top: 0; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .specTex:last-of-type { margin-bottom: 30px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .specTex tr { border: 1px solid #cdcdcd; margin-top: 5px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .specTex tr th { padding: 4px 20px 4px 20px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .specTex tr td { border-left: 1px solid #cdcdcd; padding: 4px 20px 4px 20px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .subTex { font-size: 14px; margin-bottom: 30px; line-height: 1.66; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .subTex + .subTex { margin-top: -14px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .subTex > span { color: #b22b30; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .subTex > em { display: block; font-weight: bold; margin-bottom: 0.5em; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .subTex > a { color: #039; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .subTex > a.pdfLink { display: inline; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .subTex > a.blklink { display: block; } /* ↓ 更新 料金シミュレーションボタン 0829 */ #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .simulationBtns { width: 80%; max-width: 500px; box-sizing: border-box; border: 1px solid #b02d34; margin: 10px auto 30px; text-align: center; line-height: 1; background: #ffffff; text-decoration: none; font-size: 16px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .simulationBtns a { position: relative; display: block; padding: 0.7em; color: #b02d34; text-decoration: none; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .simulationBtns a:before { display: inline-block; content: ""; position: absolute; top: 0; bottom: 0; left: 1.6em; margin: auto; width: 16px; height: 14px; background-image: url(/img/common/ico_blank_red.png); background-position: 0 -14px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .simulationBtns:hover { background: #b02d34; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .simulationBtns a:hover { color: #ffffff; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .simulationBtns a:hover:before { background-image: url(/img/common/ico_blank_white.png); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } /* ↑ 更新 料金シミュレーションボタン 0829 */ #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns { margin-bottom: 20px; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li { display: inline-block; margin-left: 2%; width: 32%; height: 80px; border: #b22b30 1px solid; background: #b22b30; text-align: center; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li.btnW { width: 64.66%; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p { display: table; width: 100%; height: 100%; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p a { display: table-cell; vertical-align: middle; color: white; text-decoration: none; font-weight: bold; font-size: 20px; text-align: center; line-height: 1.5; } /* ↓ 更新 既存ボタンテキストサイズ調整 0829 */ #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p a.textSmall { font-size: 17px; } /* ↑ 更新 既存ボタンテキストサイズ調整 0829 */ #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p a br { display: none; } /* ↓ 更新 既存ボタンテキスト強制改行 0829 */ #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p a br.pcLf { display: inherit; } /* ↑ 更新 既存ボタンテキスト強制改行 0829 */ #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p:hover { background: white; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p:hover a { color: #b22b30; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li:first-child { margin-left: 0; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li.blankcbtn { width: 45%; cursor: pointer; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li.blankcbtn:hover { background-color: white; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li.blankcbtn p { display: table; width: 100%; height: 100%; background: url(/img/common/ico_blank_white.png) no-repeat 94% center; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li.blankcbtn p a { display: table-cell; font-size: 14px; line-height: 1.5; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li.blankcbtn p a br { display: block; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li.blankcbtn p a > em { font-size: 20px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li.blankcbtn p:hover { background: white !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); background: url(/img/common/ico_blank_red.png) no-repeat 94% center !important; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li.blankcbtn p:hover a { color: #b22b30; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexLinks { text-align: center; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexLinks li { display: inline-block; margin-left: .5em; padding-left: .5em; border-left: #039 1px solid; line-height: 1.1; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexLinks li:first-child { margin-left: 0; padding-left: 0; border-left: none; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexLinks li a { color: #039; text-decoration: none; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexLinks li a:hover { text-decoration: underline; } #wmfcContOuter .detailTabOuter { margin: 20px auto 60px; width: 980px; } #wmfcContOuter .detailTabOuter .detailTab { zoom: 1; margin-bottom: 4px; width: 100%; font-size: 0; } #wmfcContOuter .detailTabOuter .detailTab:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTab li { font-size: 16px; float: left; margin-left: 0.4%; width: 16.32%; height: 50px; border: #cdcdcd 2px solid; background: #cdcdcd; text-align: center; line-height: 50px; cursor: pointer; } #wmfcContOuter .detailTabOuter .detailTab li:first-child { margin-left: 0; } #wmfcContOuter .detailTabOuter .detailTab li:hover:not(.act) { background: white; } #wmfcContOuter .detailTabOuter .detailTab li.act { position: relative; border: #404040 2px solid; background: #404040; color: white; cursor: auto; } #wmfcContOuter .detailTabOuter .detailTab li.act:after { position: absolute; bottom: -20px; left: 50%; margin-left: -10px; width: 0; height: 0; border: 10px solid transparent; border-top: #404040 10px solid; content: ''; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel { display: none; border-top: #cdcdcd 1px solid; border-left: #cdcdcd 1px solid; border-right: #cdcdcd 1px solid; border-bottom: #cdcdcd 1px solid; padding: 60px 30px 15px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel.act { display: block; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .brdArea { padding: 15px; border: #dadada 1px solid; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .brdArea + .brdArea { margin-top: 15px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont + .tabInnerCont { margin-top: 60px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detailTabContPanelTtl { display: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel h2.textcenter { margin-bottom: 20px; font-size: 24px; text-align: center; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel h3 { zoom: 1; margin-bottom: 15px; padding: 8px 12px 9px; background: #4d4d4d; color: white; font-size: 18px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel h3:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel h3 span { float: right; padding: 1px 5px; background: #b22b30; font-weight: normal; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel h4 { font-size: 14px; margin-bottom: 15px; padding: 4px 12px 4px; border-left: #b22b30 3px solid; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel h4.boderleftnone { font-size: 16px; margin-bottom: 15px; padding: 0; color: #b02d34; border-left: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel h4.boderleftnone.c000 { color: #000000; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel h4 img.vmiddle { vertical-align: middle; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel h4.boderbtmdot { margin-bottom: 1em; padding-bottom: 0.5em; border-bottom: 1px dotted #000000; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel p { margin-bottom: 20px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel p img.w100p { width: 100%; height: auto; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel h3 + p > a { color: #039; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .brdArea2 { margin-bottom: 30px; padding: 10px 20px; border: 2px solid #cdcdcd; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .brdArea2 > p { margin: 0; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .brdArea2 > p > a { color: #039; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .btn-itemSpec { display: block; color: white; text-decoration: none; font-weight: bold; width: 160px; font-size: 20px; line-height: 40px; margin-bottom: 30px; border: #b22b30 1px solid; background: #b22b30; text-align: center; font-size: 18px; display: block; color: white; text-decoration: none; font-weight: bold; width: 160px; font-size: 20px; line-height: 40px; margin-bottom: 30px; border: #b22b30 1px solid; background: #b22b30; text-align: center; font-size: 18px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .btn-itemSpec:hover { background: white; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); color: #b22b30; background: white; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); color: #b22b30; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerContanc { zoom: 1; margin-bottom: 30px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerContanc:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerContanc > li { float: left; display: inline-block; margin-right: 20px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerContanc > li > a { text-decoration: none; color: #039; font-size: 16px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerContanc > li > a:after { content: "▼"; } /* ↓ 0807追記 */ #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerContancSub { margin: -10px 0 30px 0; padding-bottom: 20px; border-bottom: 1px solid #cdcdcd; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerContancSub:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerContancSub > p { margin-bottom: 0; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerContancSub > ul { display: flex; flex-wrap: wrap; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerContancSub li { margin-right: 0.4em; padding-right: 0.8em; position: relative; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerContancSub li > a { text-decoration: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerContancSub li:not(:last-child):after { content: "/"; position: absolute; right: 0; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink { display: flex; justify-content: space-between; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink > li { width: 49%; margin-bottom: 20px; text-align: center; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink.item3 > li { width: 32%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink.item4 > li { width: 23%; margin-right: 1%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink.item5 > li { width: 19%; margin-right: 0.5%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink.item4 > li.grow, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink.item5 > li.grow { flex-grow: 1; margin-right: 0; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink > li > a { display: block; width: 100%; padding: 0.5em 0; text-decoration: none; color: #214a7b; font-size: 16px; border: 1px solid #bfbfbf; transition: 0.3s; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink > li > a:hover { color: #ffffff; background-color: #bfbfbf; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink > li > a:after { content: "↓"; margin-left: 0.5em; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .btn-sm a { font-size: 14px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .faq {} #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .faq dl { margin-bottom: 30px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .faq dl dt, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .faq dl dd { position: relative; margin-bottom: 0.8em; padding-left: 3em; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .faq dl dt::before, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .faq dl dd::before { position: absolute; display: inline-block; padding: 0.4em 0.5em; top: -0.2em; left: 0; font-weight: bold; line-height: 1; box-sizing: border-box; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .faq dl dt::before { content: "Q"; color: #7f7f7f; border: 2px solid #7f7f7f; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .faq dl dd::before { content: "A"; color: #ae2e37; border: 2px solid #ae2e37; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .character li > em { display: block; font-weight: bold; color: #b22b30; font-size: 16px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .character li + li { margin-top: 1em; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .caplList { display: block; margin-bottom: 30px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .caplList li + li { margin-top: 0.25em; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .movie { position: relative; margin: 0 auto 10px; padding-top: 56.25%; max-width: 640px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .movie iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerContImg, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerContImg { margin: 15px 0 30px; width: 100%; text-align: center; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerContImg img, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerContImg img { max-width: 100%; height: auto; } /* --- ↓201710 --- */ #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont p.stepFinish { margin-right: auto; margin-left: auto; padding: 5px; width: 60%; font-weight: bold; color: #b22b30; text-align: center; background: #fcddda; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerBanner { margin-right: auto; margin-bottom: 60px; margin-left: auto; width: 700px; border: solid 1px #ccc; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerBanner .image { float: left; width: 220px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerBanner .image img { width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerBanner .text { float: right; padding: 10px 20px; width: 478px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerBanner .text p { margin-bottom: 5px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerBanner .text p.title { font-size: 115%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerBanner .text p.textlink a { color: #333; text-decoration: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerBanner .text p.textlink a:hover { text-decoration: underline; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerBanner .text p.btn01 { margin-bottom: 0; text-align: right; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerBanner:after { display: block; clear: both; content: ""; } /* --- ↑201710 --- */ #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .movieTtl { margin-bottom: 0; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgR { zoom: 1; margin: 0 auto 30px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgR:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgR > p { float: right; width: 30%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgR > p img { width: 100%; height: auto; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgR > div { float: left; width: 67%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgR > div em { color: #b22b30; font-weight: bold; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgL { zoom: 1; margin: 0 auto 30px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgL:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgL > p { float: left; width: 30%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgL > p img { width: 100%; height: auto; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgL > div { float: right; width: 67%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgL > div em { color: #b22b30; font-weight: bold; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 { margin-bottom: 30px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl { zoom: 1; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl + dl { margin-top: 20px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl dt, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl dd { float: left; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl dt { font-size: 12px; width: 80px; height: 30px; border: #b22b30 2px solid; color: #b22b30; text-align: center; font-weight: bold; line-height: 28px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl dd { font-size: 14px; padding-left: 20px; width: 800px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl dd em { color: #b22b30; font-weight: bold; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable { font-size: 14px; margin-bottom: 5px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable th { font-weight: bold; padding: 6px; border: #ccc 1px solid; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable td { padding: 6px; border: #ccc 1px solid; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead th, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead td { background: #e6e6e6; vertical-align: middle; text-align: center; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody th, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td { text-align: left; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody th.taR, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td.taR { text-align: right; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody th.taC, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td.taC { text-align: center; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody th { background: #f7f7f7; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody th.head01 { background: #ae2d34; color: #fff; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody th.head02 { background: #919191; color: #fff; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody th.bg-none { background: #fff; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td { background: white; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td.bg-gray { background: #f7f7f7; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td ul { padding-left: 1.5em; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td ul li { list-style-type: disc; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel ol { padding-left: 1.5em; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel ol li { list-style: decimal; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .TabBotBnr { margin-top: 20px; margin-bottom: 10px; padding-top: 20px; border-top: 1px solid #e3e3e1; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .TabBotBnr p.botDetailLinks { margin-bottom: 20px; text-align: right; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .TabBotBnr p.botDetailLinks a { padding-right: 16px; background: url(/img/detail/cmn-icon-popup.gif) no-repeat right 50%; color: #039; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .TabBotBnr p.botDetailLinks a:hover { text-decoration: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .TabBotBnr > div { margin: 0 auto; max-width: 700px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .TabBotBnr > div p.botDetailImg { text-align: center; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .TabBotBnr > div p.botDetailImg img { width: 100%; height: auto; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .TabBotBnrBTN { margin-top: 20px; margin-bottom: 10px; padding-top: 0; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .TabBotBnrBTN p.botDetailLinks { margin-bottom: 20px; text-align: right; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .TabBotBnrBTN p.botDetailLinks a { padding-right: 16px; background: url(/img/detail/cmn-icon-popup.gif) no-repeat right 50%; color: #039; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .TabBotBnrBTN p.botDetailLinks a:hover { text-decoration: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .TabBotBnrBTN > div { margin: 0 auto; max-width: 700px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .TabBotBnrBTN > div p.botDetailImg { text-align: center; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .TabBotBnrBTN > div p.botDetailImg img { width: 100%; height: auto; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxAnchor { zoom: 1; margin-bottom: 20px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxAnchor:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxAnchor .box { display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32%; height: 40px; border: #cdcdcd 2px solid; background: #f36; background: #cdcdcd url(/img/common/ico_arw_d_03.png) no-repeat right 15px top 50%; text-align: center; cursor: pointer; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxAnchor .box:nth-child(3n + 2) { margin-right: 2%; margin-left: 2%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxAnchor .box:nth-child(3n + 1) { clear: both; color: #ff0; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxAnchor .box:hover { background: white url(/img/common/ico_arw_d_02.png) no-repeat right 15px top 50%; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxAnchor .box a { display: block; height: 40px; color: #333; text-decoration: none; font-size: 14px; line-height: 40px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detailRecommend { margin-bottom: 20px; width: 100%; display: flex; justify-content: space-between; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detailRecommend .box { width: 32%; margin-bottom: 10px; padding: 2em 1em; background-color: #f2f2f2; border-radius: 8px; display: flex; align-items: center; box-sizing: border-box; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detailRecommend .box p { margin-bottom: 0; font-size: 16px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail2boxOuter { margin-bottom: 20px; width: 100%; display: flex; justify-content: space-between; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail2boxOuter .box { margin-bottom: 10px; width: 47%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail2boxOuter .box img { width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail2boxOuter.list ul { list-style: disc; padding-left: 40px; font-size: 16px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter { zoom: 1; margin-bottom: 20px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter .box { float: left; margin-bottom: 10px; width: 32%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter .box:nth-child(3n + 2) { margin-right: 2%; margin-left: 2%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter .box:nth-child(3n + 1) { clear: both; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter .box p.boxImg { width: 100%; background: white; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter .box p.boxImg img { display: block; margin: 0 auto; max-width: 100%; height: auto; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter .box p.texBtn { display: block; text-align: center; text-decoration: none; font-weight: bold; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter .box p.texBtn a { display: inline-block; padding: 6px 15px 5px; border: #b22b30 1px solid; background: #b22b30; color: white; text-align: center; text-decoration: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter .box p.texBtn a:hover { background: white; color: #b22b30; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter .box p + p { margin-top: 5px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .arrow_box { position: relative; background: #fff; border: 3px solid #A6A6A6; width: 97%; margin-bottom: 2em; margin-left: 20px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .arrow_box:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /* ↓ 0801追記 */ #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .dlBox { width: 100%; background: #f5f5f5; margin: 20px auto 30px; padding: 30px; box-sizing: border-box; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .dlBox h5 { margin-bottom: 20px; font-size: 1.5rem; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .dlBox p strong { font-size: 1rem; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .dlBox p.texBtn { display: block; margin-bottom: 0; text-align: center; text-decoration: none; font-weight: bold; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .dlBox p.texBtn a { display: inline-block; padding: 6px 20px 5px; border: #b22b30 1px solid; background: #b22b30; color: white; font-size: 1rem; text-align: center; text-decoration: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .dlBox p.texBtn a:hover { background: white; color: #b22b30; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .btn03.lg a { width: 40%; padding: 12px 15px 10px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .btnGroup { width: 80%; margin: 30px auto; display: flex; justify-content: space-between; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .btnGroup p { width: 48%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .btnGroup p a { width: 100%; padding: 12px 15px 10px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaOuter { width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox { width: 100% !important; margin-bottom: 20px; display: flex; justify-content: space-between; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.alignCenter { align-items: center; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.alignCenter p { margin-bottom: 0; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox .media p.bgCircle { background-color: #128099; width: 80px; height: 80px; text-align: center; border-radius: 50%; display: flex; justify-content: center; align-items: center; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox .media p.bgCircle.lightBlue { background-color: #6cb4d9; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox .media p.bgCircle img { width: 50%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w10 .media { width: 10%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w20 .media { width: 20%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w30 .media { width: 30%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w40 .media { width: 40%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w50 .media { width: 50%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox .media img { width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w10 .mediaBody { width: 87%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w20 .mediaBody { width: 75%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w30 .mediaBody { width: 65%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w40 .mediaBody { width: 55%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w50 .mediaBody { width: 45%; } #wmfcContOuter .detailBtns { margin: 0 auto; width: 620px; } /* ↓ 更新 料金シミュレーションボタン 0829 */ #wmfcContOuter .detailBtns .simulationBtns { width: 80%; max-width: 500px; box-sizing: border-box; border: 1px solid #b02d34; margin: 10px auto 30px; text-align: center; line-height: 1; background: #ffffff; text-decoration: none; font-size: 16px; } #wmfcContOuter .detailBtns .simulationBtns a { position: relative; display: block; padding: 0.7em; color: #b02d34; text-decoration: none; } #wmfcContOuter .detailBtns .simulationBtns a:before { display: inline-block; content: ""; position: absolute; top: 0; bottom: 0; left: 1.6em; margin: auto; width: 16px; height: 14px; background-image: url(/img/common/ico_blank_red.png); background-position: 0 -14px; } #wmfcContOuter .detailBtns .simulationBtns:hover { background: #b02d34; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .detailBtns .simulationBtns a:hover { color: #ffffff; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .detailBtns .simulationBtns a:hover:before { background-image: url(/img/common/ico_blank_white.png); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } /* ↑ 更新 料金シミュレーションボタン 0829 */ #wmfcContOuter .detailBtns .detalTexBtns { margin-bottom: 20px; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .detailBtns .detalTexBtns li { display: inline-block; margin-left: 2%; width: 32%; height: 80px !important; border: #b22b30 1px solid; background: #b22b30; text-align: center; } #wmfcContOuter .detailBtns .detalTexBtns li.btnW { width: 64.66%; } #wmfcContOuter .detailBtns .detalTexBtns li p { display: table; width: 100%; height: 100%; } #wmfcContOuter .detailBtns .detalTexBtns li p a { display: table-cell; vertical-align: middle; color: white; text-decoration: none; font-weight: bold; font-size: 20px; text-align: center; line-height: 1.5; } #wmfcContOuter .detailBtns .detalTexBtns li p a br { display: none; } /* ↓ 更新 既存ボタンテキスト強制改行 0829 */ #wmfcContOuter .detailBtns .detalTexBtns li p a br.pcLf { display: inherit; } /* ↑ 更新 既存ボタンテキスト強制改行 0829 */ #wmfcContOuter .detailBtns .detalTexBtns li p:hover { background: white; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .detailBtns .detalTexBtns li p:hover a { color: #b22b30; } #wmfcContOuter .detailBtns .detalTexBtns li:first-child { margin-left: 0; } #wmfcContOuter .detailBtns .detalTexBtns li.blankcbtn { width: 40%; cursor: pointer; } #wmfcContOuter .detailBtns .detalTexBtns li.blankcbtn:hover { background-color: white; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .detailBtns .detalTexBtns li.blankcbtn p { display: table; width: 100%; height: 100%; background: url(/img/common/ico_blank_white.png) no-repeat 94% center; } #wmfcContOuter .detailBtns .detalTexBtns li.blankcbtn p a { display: table-cell; font-size: 14px; line-height: 1.5; } #wmfcContOuter .detailBtns .detalTexBtns li.blankcbtn p a br { display: block; } #wmfcContOuter .detailBtns .detalTexBtns li.blankcbtn p a > em { font-size: 20px; } #wmfcContOuter .detailBtns .detalTexBtns li.blankcbtn p:hover { background: white !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); background: url(/img/common/ico_blank_red.png) no-repeat 94% center !important; } #wmfcContOuter .detailBtns .detalTexBtns li.blankcbtn p:hover a { color: #b22b30; } #wmfcContOuter .detailBtns .detalTexLinks { text-align: center; } #wmfcContOuter .detailBtns .detalTexLinks li { display: inline-block; margin-left: .5em; padding-left: .5em; border-left: #039 1px solid; line-height: 1.1; } #wmfcContOuter .detailBtns .detalTexLinks li:first-child { margin-left: 0; padding-left: 0; border-left: none; } #wmfcContOuter .detailBtns .detalTexLinks li a { color: #039; text-decoration: none; } #wmfcContOuter .detailBtns .detalTexLinks li a:hover { text-decoration: underline; } #wmfcContOuter .column2Outer { width: 100%; zoom: 1; margin-bottom: 30px; } #wmfcContOuter .column2Outer:after { display: block; clear: both; content: ""; } #wmfcContOuter .column2Outer > .column { float: left; width: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wmfcContOuter .column2Outer > .column + .column { float: right; } #wmfcContOuter .loginOuter { margin: 0 auto 130px; width: 490px; text-align: center; } #wmfcContOuter .loginOuter form > input[type="text"], #wmfcContOuter .loginOuter form > input[type="password"] { font-size: 18px; margin-bottom: 20px; padding: 0 15px; height: 60px; border: none; background: #f2f2f2; line-height: 60px; } #wmfcContOuter .loginOuter form > button { font-size: 18px; display: inline-block; margin-bottom: 25px; width: 200px; height: 60px; border: #b22b30 1px solid; background: #b22b30 url(/img/common/ico_login3.png) no-repeat right 12px top 50%; color: white; text-align: center; font-weight: bold; line-height: 60px; cursor: pointer; } #wmfcContOuter .loginOuter form > button:hover { background: white url(/img/common/ico_login4.png) no-repeat right 12px top 50%; color: #b22b30; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .loginOuter .lginTex { font-size: 0; } #wmfcContOuter .loginOuter .lginTex li { display: inline-block; margin-left: 30px; } #wmfcContOuter .loginOuter .lginTex li a { font-size: 14px; padding-left: 13px; background: url(/img/common/ico_arw_01.png) no-repeat left 50%; color: #039; text-decoration: none; } #wmfcContOuter .loginOuter .lginTex li a:hover { text-decoration: underline; } #wmfcContOuter .loginOuter .lginTex li:first-child { margin-left: 0; } #wmfcContOuter .campDetailOuter { margin: 0 auto; width: 100%; max-width: 980px; } #wmfcContOuter .campDetailOuter .camDetailImg00 { width: 100%; margin-bottom: 20px; } #wmfcContOuter .campDetailOuter .camDetailImg00 img { width: 100%; height: auto; } #wmfcContOuter .campDetailOuter .camDetailLead01 { font-size: 18px; } #wmfcContOuter .campDetailOuter .camDetailBtn { margin: 30px 0 50px; text-align: center; font-size: 0; } #wmfcContOuter .campDetailOuter .camDetailBtn li { display: inline-block; display: inline-block; margin-left: 2%; text-align: center; width: 40%; } #wmfcContOuter .campDetailOuter .camDetailBtn li:first-child { margin-left: 0; } #wmfcContOuter .campDetailOuter .camDetailBtn li a { font-size: 18px; display: block; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat right 10px top 50%; border: 1px solid #b22b30; color: white; padding: 15px 0 13px; text-align: center; text-decoration: none; line-height: 1.2; } #wmfcContOuter .campDetailOuter .camDetailBtn li a:hover { background: white url(/img/common/btn_arw_02.png) no-repeat right 10px top 50%; color: #b22b30; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .campDetailOuter h3 { background: #4d4d4d; color: white; font-size: 14px; margin-bottom: 15px; padding: 8px 12px 9px; } #wmfcContOuter .campDetailOuter .camDetailTable { margin-bottom: 30px; width: 100%; } #wmfcContOuter .campDetailOuter .camDetailTable table { font-size: 14px; width: 100%; } #wmfcContOuter .campDetailOuter .camDetailTable table th, #wmfcContOuter .campDetailOuter .camDetailTable table td { border: 1px solid #ccc; padding: 10px; } #wmfcContOuter .campDetailOuter .camDetailTable table th { white-space: nowrap; background: #f7f7f7; } #wmfcContOuter .campDetailOuter .camDetailTable table td .lsDisc { margin-bottom: 10px; } @media screen and (max-width: 1129px) and (min-width: 960px) { .topMainSlider { width: 100%; height: 360px; text-align: center; } .topMainSlider .slick-slide { position: relative; z-index: 10; width: 100%; height: 360px; text-align: center; } .topMainSlider .slick-slide.slick-active { z-index: 11; } .topMainSlider .slick-slide > div { position: relative; margin: 0 auto; width: 100% !important; } .topMainSlider .slick-slide > div > .slideImg { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; } .topMainSlider .slick-slide > div > .slideImgSP, .topMainSlider .slick-slide > div > .spBtn { display: none; } .topMainSlider .slick-slide > div > .slideMainTexArea { position: absolute; top: 0; right: 2% !important; z-index: 11; padding: 40px 0 0 0; width: 520px; height: auto; text-align: left; } .topMainSlider .slick-slide > div > .slideMainTexArea > p.bloon { position: relative; display: inline-block; margin-bottom: 10px; padding: 7px 12px 0; height: 30px; background: #333; color: white; text-align: center; line-height: 1; } .topMainSlider .slick-slide > div > .slideMainTexArea > p.bloon:after { position: absolute; bottom: -12px; left: 50%; margin-left: -6px; width: 0; height: 0; border: 6px solid transparent; border-top: #333 6px solid; content: ''; } .topMainSlider .slick-slide > div > .slideMainTexArea > p.mainttl { font-size: 36px; font-weight: bold; line-height: 1.5em; margin-bottom: 30px; text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white; } .topMainSlider .slick-slide > div > .slideMainTexArea > p.mainttl > img { width: 100%; height: auto; } .topMainSlider .slick-slide > div > .slideMainTexArea > p.mainttl-sp { display: none; } .topMainSlider .slick-slide > div > .slideMainTexArea > p.lead { margin-bottom: 30px; font-weight: bold; font-size: 18px; line-height: 1.5; text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white; } .topMainSlider .slick-slide > div > .slideMainTexArea > p.lead br { display: none; } .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn { position: absolute; right: 0; font-size: 16px; font-weight: bold; display: block; line-height: 50px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; margin-left: 100px; width: 200px; } .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn a { display: block; color: white; text-decoration: none; } .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn:hover a { display: block; color: #b22b30; text-decoration: none; } .topMainSlider > .msDots { position: absolute; bottom: -32px; left: 0%; width: 100%; font-size: 0; } .topMainSlider > .msDots li { display: inline-block; margin: 0 3px; width: 14px; height: 14px; } .topMainSlider > .msDots li button { display: block; width: 14px; height: 14px; outline: none; border: none; background: url(/img/common/tb_slide_dot_01.png) no-repeat left top; background-size: 14px 14px; font-size: 0; cursor: pointer; -webkit-background-size: 14px 14px; } .topMainSlider > .msDots li.slick-active button { background: url(/img/common/tb_slide_dot_00.png) no-repeat left top; background-size: 14px 14px; -webkit-background-size: 14px 14px; } } @media screen and (max-width: 767px) { #wmfcContOuter .categoryListOuter > .categoryList h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .camAreaOuter h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .camSliderOuter h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .popuAreaOuter > .popuArea h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .newProdSliderOuter h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .newProdOuter h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .topCase > div h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .topRelaBnr h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div h2 { font-size: 24px; } } /* 20170201 ↓*/ .arrow_box:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 10px; margin-top: -10px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .arrow_box:before { border-color: rgba(166, 166, 166, 0); border-right-color: #A6A6A6; border-width: 15px; margin-top: -15px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .arrow_box p { padding: 10px 10px 0 10px; margin-bottom: 5px; } #wmfcContOuter .detailBtns { margin: 0 auto; width: 620px; } #wmfcContOuter .detailBtns .detalTexBtns { margin-bottom: 20px; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .detailBtns .detalTexBtns li { display: inline-block; margin-left: 2%; width: 32%; height: 80px; border: #b22b30 1px solid; background: #b22b30; text-align: center; } #wmfcContOuter .detailBtns .detalTexBtns li.btnW { width: 64.66%; } #wmfcContOuter .detailBtns .detalTexBtns li p { display: table; width: 100%; height: 100%; } #wmfcContOuter .detailBtns .detalTexBtns li p a { display: table-cell; vertical-align: middle; color: white; text-decoration: none; font-weight: bold; font-size: 20px; line-height: 1.5; } #wmfcContOuter .detailBtns .detalTexBtns li p a br { display: none; } #wmfcContOuter .detailBtns .detalTexBtns li p:hover { background: white; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .detailBtns .detalTexBtns li p:hover a { color: #b22b30; } #wmfcContOuter .detailBtns .detalTexBtns li:first-child { margin-left: 0; } #wmfcContOuter .detailBtns .detalTexLinks { text-align: center; } #wmfcContOuter .detailBtns .detalTexLinks li { display: inline-block; margin-left: .5em; padding-left: .5em; border-left: #039 1px solid; line-height: 1.1; } #wmfcContOuter .detailBtns .detalTexLinks li:first-child { margin-left: 0; padding-left: 0; border-left: none; } #wmfcContOuter .detailBtns .detalTexLinks li a { color: #039; text-decoration: none; } #wmfcContOuter .detailBtns .detalTexLinks li a:hover { text-decoration: underline; } #wmfcContOuter .column2Outer { width: 100%; zoom: 1; margin-bottom: 30px; } #wmfcContOuter .column2Outer:after { display: block; clear: both; content: ""; } #wmfcContOuter .column2Outer > .column { float: left; width: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wmfcContOuter .column2Outer > .column + .column { float: right; } #wmfcContOuter .loginOuter { margin: 0 auto 130px; width: 490px; text-align: center; } #wmfcContOuter .loginOuter form > input[type="text"], #wmfcContOuter .loginOuter form > input[type="password"] { font-size: 18px; margin-bottom: 20px; padding: 0 15px; height: 60px; border: none; background: #f2f2f2; line-height: 60px; } #wmfcContOuter .loginOuter form > button { font-size: 18px; display: inline-block; margin-bottom: 25px; width: 200px; height: 60px; border: #b22b30 1px solid; background: #b22b30 url(/img/common/ico_login3.png) no-repeat right 12px top 50%; color: white; text-align: center; font-weight: bold; line-height: 60px; cursor: pointer; } #wmfcContOuter .loginOuter form > button:hover { background: white url(/img/common/ico_login4.png) no-repeat right 12px top 50%; color: #b22b30; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .loginOuter .lginTex { font-size: 0; } #wmfcContOuter .loginOuter .lginTex li { display: inline-block; margin-left: 30px; } #wmfcContOuter .loginOuter .lginTex li a { font-size: 14px; padding-left: 13px; background: url(/img/common/ico_arw_01.png) no-repeat left 50%; color: #039; text-decoration: none; } #wmfcContOuter .loginOuter .lginTex li a:hover { text-decoration: underline; } #wmfcContOuter .loginOuter .lginTex li:first-child { margin-left: 0; } #wmfcContOuter .campDetailOuter { margin: 0 auto; width: 100%; max-width: 980px; } #wmfcContOuter .campDetailOuter .camDetailImg00 { width: 100%; margin-bottom: 20px; } #wmfcContOuter .campDetailOuter .camDetailImg00 img { width: 100%; height: auto; } #wmfcContOuter .campDetailOuter .camDetailLead01 { font-size: 18px; } #wmfcContOuter .campDetailOuter .camDetailBtn { margin: 30px 0 50px; text-align: center; font-size: 0; } #wmfcContOuter .campDetailOuter .camDetailBtn li { display: inline-block; display: inline-block; margin-left: 2%; text-align: center; width: 40%; } #wmfcContOuter .campDetailOuter .camDetailBtn li:first-child { margin-left: 0; } #wmfcContOuter .campDetailOuter .camDetailBtn li a { font-size: 18px; display: block; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat right 10px top 50%; border: 1px solid #b22b30; color: white; padding: 15px 0 13px; text-align: center; text-decoration: none; line-height: 1.2; } #wmfcContOuter .campDetailOuter .camDetailBtn li a:hover { background: white url(/img/common/btn_arw_02.png) no-repeat right 10px top 50%; color: #b22b30; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .campDetailOuter h3 { background: #4d4d4d; color: white; font-size: 14px; margin-bottom: 15px; padding: 8px 12px 9px; } #wmfcContOuter .campDetailOuter .camDetailTable { margin-bottom: 30px; width: 100%; } #wmfcContOuter .campDetailOuter .camDetailTable table { font-size: 14px; width: 100%; } #wmfcContOuter .campDetailOuter .camDetailTable table th, #wmfcContOuter .campDetailOuter .camDetailTable table td { border: 1px solid #ccc; padding: 10px; } #wmfcContOuter .campDetailOuter .camDetailTable table th { white-space: nowrap; background: #f7f7f7; } #wmfcContOuter .campDetailOuter .camDetailTable table td .lsDisc { margin-bottom: 10px; } /* 20170201 ↑*/ /* Tablet */ @media screen and (max-width: 959px) { #wmfcContOuter { width: 100%; } #wmfcContOuter .wmfcCont { margin: 0 auto; width: 100%; } #wmfcContOuter .topMainSlider { width: 100%; height: 360px; text-align: center; } #wmfcContOuter .topMainSlider .slick-slide { position: relative; z-index: 10; width: 100%; height: 360px; text-align: center; } #wmfcContOuter .topMainSlider .slick-slide.slick-active { z-index: 11; } #wmfcContOuter .topMainSlider .slick-slide > div { position: relative; margin: 0 auto; width: 100%; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideImg { position: absolute; top: 0; left: 0; z-index: 10; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideImgSP, #wmfcContOuter .topMainSlider .slick-slide > div > .spBtn { display: none; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea { position: absolute; top: 0; right: 2%; z-index: 11; padding: 40px 0 0 0; width: 600px; /* 20181016 520px → 600px */ height: auto; text-align: left; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.bloon { position: relative; display: inline-block; margin-bottom: 10px; padding: 7px 12px 0; height: 30px; background: #333; color: white; text-align: center; line-height: 1; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.bloon:after { position: absolute; bottom: -12px; left: 50%; margin-left: -6px; width: 0; height: 0; border: 6px solid transparent; border-top: #333 6px solid; content: ''; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.mainttl { font-size: 36px; font-weight: bold; line-height: 1.5em; margin-bottom: 30px; text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.mainttl > img { width: 100%; height: auto; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.mainttl-sp { display: none; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.lead { margin-bottom: 30px; font-weight: bold; font-size: 18px; line-height: 1.5; text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.lead br { display: none; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn { position: absolute; right: 0; font-size: 16px; font-weight: bold; display: block; line-height: 50px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; margin-left: 100px; width: 200px; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn a { display: block; color: white; text-decoration: none; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn:hover a { display: block; color: #b22b30; text-decoration: none; } #wmfcContOuter .topMainSlider > .msDots { position: absolute; bottom: -32px; left: 0%; width: 100%; font-size: 0; } #wmfcContOuter .topMainSlider > .msDots li { display: inline-block; margin: 0 3px; width: 14px; height: 14px; } #wmfcContOuter .topMainSlider > .msDots li button { display: block; width: 14px; height: 14px; outline: none; border: none; background: url(/img/common/tb_slide_dot_01.png) no-repeat left top; background-size: 14px 14px; font-size: 0; cursor: pointer; -webkit-background-size: 14px 14px; } #wmfcContOuter .topMainSlider > .msDots li.slick-active button { background: url(/img/common/tb_slide_dot_00.png) no-repeat left top; background-size: 14px 14px; -webkit-background-size: 14px 14px; } #wmfcContOuter .importantNews { margin: 0 auto; margin-bottom: -50px; padding: 20px 0; width: 98%; } #wmfcContOuter .importantNews > p { font-size: 16px; margin-bottom: 12px; padding-left: 30px; background: url(/img/common/tb_ico_coution.png) no-repeat left 50%; background-size: 20px 18px; font-weight: bold; line-height: 36px; -webkit-background-size: 20px 18px; } #wmfcContOuter .categoryListOuter { position: relative; padding: 60px 0; width: 100%; background: #f2f2f2; } #wmfcContOuter .categoryListOuter > .categoryList { margin: 0 auto; width: 100%; } #wmfcContOuter .categoryListOuter > .categoryList h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } } @media screen and (max-width: 959px) and (max-width: 767px) { #wmfcContOuter .categoryListOuter > .categoryList h2 { font-size: 24px; } } @media screen and (max-width: 959px) { #wmfcContOuter .categoryListOuter > .categoryList ul { zoom: 1; } #wmfcContOuter .categoryListOuter > .categoryList ul:after { display: block; clear: both; content: ""; } #wmfcContOuter .categoryListOuter > .categoryList ul li { position: relative; display: block; float: left; margin: 0 1%; padding-top: 19%; width: 18%; height: 0; text-align: center; } #wmfcContOuter .categoryListOuter > .categoryList ul li:first-child { margin-left: 1%; } #wmfcContOuter .categoryListOuter > .categoryList ul li.catListBall01 { background: url(/img/common/bg_cat_01.png) no-repeat 50% top; background-size: 100% auto; -webkit-background-size: 100% auto; } #wmfcContOuter .categoryListOuter > .categoryList ul li.catListBall02 { background: url(/img/common/bg_cat_02.png) no-repeat 50% top; background-size: 100% auto; -webkit-background-size: 100% auto; } #wmfcContOuter .categoryListOuter > .categoryList ul li.catListBall03 { background: url(/img/common/bg_cat_03.png) no-repeat 50% top; background-size: 100% auto; -webkit-background-size: 100% auto; } #wmfcContOuter .categoryListOuter > .categoryList ul li.catListBall04 { background: url(/img/common/bg_cat_04.png) no-repeat 50% top; background-size: 100% auto; -webkit-background-size: 100% auto; } #wmfcContOuter .categoryListOuter > .categoryList ul li.catListBall05 { background: url(/img/common/bg_cat_05.png) no-repeat 50% top; background-size: 100% auto; -webkit-background-size: 100% auto; } #wmfcContOuter .categoryListOuter > .categoryList ul li a, #wmfcContOuter .categoryListOuter > .categoryList ul li span { position: absolute; top: 0; left: 0; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 105%; width: 100%; height: 100%; color: #333; text-decoration: none; line-height: 1.28; } #wmfcContOuter .categoryListOuter > .categoryList ul li:hover a, #wmfcContOuter .categoryListOuter > .categoryList ul li:hover span { text-decoration: none; } #wmfcContOuter .categoryListOuter > .categoryMenu { position: absolute; top: 65%; left: 0; display: none; width: 100%; background: #333; } #wmfcContOuter .categoryListOuter > .categoryMenu > div:after { position: absolute; top: -20px; margin-left: -10px; width: 0; height: 0; border: 10px solid transparent; border-bottom: #333 10px solid; content: ''; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu1 > div:after { left: 10%; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu2 > div:after { left: 30%; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu3 > div:after { left: 50%; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu4 > div:after { left: 70%; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu5 > div:after { left: 90%; } #wmfcContOuter .categoryListOuter > .categoryMenu > div { position: relative; top: 0; left: 0; margin: 0 auto; padding: 20px 0; width: 100%; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul { zoom: 1; width: 100%; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul:after { display: block; clear: both; content: ""; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul li { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0.2%; padding: 0 20px; width: 24.6%; height: 50px; background: #4d4d4d url(/img/common/btn_arw_01.png) no-repeat; background-position: right 13px top 50%; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul li > a { display: block; color: white; text-decoration: none; line-height: 50px; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul li:hover { background: white url(/img/common/btn_arw_03.png) no-repeat; background-position: right 13px top 50%; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul li:hover > a { color: #4d4d4d; } #wmfcContOuter .categoryListOuter > .categoryLink { width: auto; margin: 100px auto 0; text-align: center; zoom: 1; } #wmfcContOuter .categoryListOuter > .categoryLink:after { display: block; clear: both; content: ""; } #wmfcContOuter .categoryListOuter > .categoryLink > li { display: table-cell; float: left; margin-left: 30px; } #wmfcContOuter .categoryListOuter > .categoryLink > li:first-child { margin-left: 0; } #wmfcContOuter .categoryListOuter > .categoryLink > li > a { display: table; color: #b22b30; font-size: 20px; text-decoration: none; } #wmfcContOuter .categoryListOuter > .categoryLink > li > a:before { content: ""; display: table-cell; vertical-align: middle; width: 40px; height: 40px; background: url(/img/common/ico_arrow_cat_01.png) no-repeat left 50%; } #wmfcContOuter .categoryListOuter > .categoryLink > li > a > span { display: inline-block; margin-left: 10px; padding-top: 7px; } #wmfcContOuter .camAreaOuter { margin: 0 auto; padding: 60px 0 20px; width: 98%; } #wmfcContOuter .camAreaOuter h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } } @media screen and (max-width: 959px) and (max-width: 767px) { #wmfcContOuter .camAreaOuter h2 { font-size: 24px; } } @media screen and (max-width: 959px) { #wmfcContOuter .camAreaOuter .camArea { zoom: 1; width: 100%; } #wmfcContOuter .camAreaOuter .camArea:after { display: block; clear: both; content: ""; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem { float: left; margin: 0 1% 40px; width: 31.33%; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem:nth-child(3n + 1) { clear: both; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg { position: relative; margin-bottom: 15px; padding-top: 66.66%; width: 100%; height: 0; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg img { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: auto; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonC, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonD, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonE, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonF, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonS, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonX, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonZ { font-size: 14px; position: absolute; top: 10px; left: -10px; z-index: 11; padding: 5px 6px 4px; color: white; line-height: 1; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonC { background: #B22B30; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonD { background: #4B4595; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonE { background: #267A08; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonF { background: #914405; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonS { background: #105D9C; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonX { background: #6C6400; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonZ { background: #57564F; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem h3 { font-size: 16px; margin-bottom: 1em; line-height: 1.5; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem h3 a { color: #333; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem h3 a em { color: #ae2f37; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem h3 + p { font-size: 14px; } #wmfcContOuter .camSliderOuter { margin: 0 auto; padding: 60px 0 20px; width: 98%; } #wmfcContOuter .camSliderOuter h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } } @media screen and (max-width: 959px) and (max-width: 767px) { #wmfcContOuter .camSliderOuter h2 { font-size: 24px; } } @media screen and (max-width: 959px) { #wmfcContOuter .camSliderOuter .camSlider { zoom: 1; overflow: hidden; width: 100%; } #wmfcContOuter .camSliderOuter .camSlider:after { display: block; clear: both; content: ""; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem { float: left; margin: 0 10px 20px; width: 33.33%; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg { position: relative; margin-bottom: 15px; padding-top: 66.66%; width: 100%; height: 0; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg img { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: auto; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonC, #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonD, #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonE, #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonF, #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonS, #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonX, #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonZ { font-size: 14px; position: absolute; top: 10px; left: -10px; z-index: 11; padding: 5px 6px 4px; color: white; line-height: 1; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonC { background: #B22B30; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonD { background: #4B4595; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonE { background: #267A08; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonF { background: #914405; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonS { background: #105D9C; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonX { background: #6C6400; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem .camImg .ribbonZ { background: #57564F; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem h3 { font-size: 16px; margin-bottom: 1em; line-height: 1.5; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem h3 a { color: #333; } #wmfcContOuter .camSliderOuter .camSlider .camSliderItem h3 + p { font-size: 14px; } #wmfcContOuter .camSliderOuter .camSlider .slick-prev, #wmfcContOuter .camSliderOuter .camSlider .slick-next { display: none; } #wmfcContOuter .camSliderOuter .camSlider .lcDots { left: 0%; padding-top: 0; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .camSliderOuter .camSlider .lcDots li { display: inline-block; margin: 0 3px; width: 14px; height: 14px; } #wmfcContOuter .camSliderOuter .camSlider .lcDots li button { display: block; width: 14px; height: 14px; outline: none; border: none; background: url(/img/common/tb_slide_dot_01.png) no-repeat left top; background-size: 14px 14px; font-size: 0; cursor: pointer; -webkit-background-size: 14px 14px; } #wmfcContOuter .camSliderOuter .camSlider .lcDots li.slick-active button { background: url(/img/common/tb_slide_dot_00.png) no-repeat left top; background-size: 14px 14px; -webkit-background-size: 14px 14px; } #wmfcContOuter .popuAreaOuter { padding: 60px 0; width: 100%; background: #f2f2f2; } #wmfcContOuter .popuAreaOuter > .popuArea { margin: 0 auto; width: 96%; } #wmfcContOuter .popuAreaOuter > .popuArea h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } } @media screen and (max-width: 959px) and (max-width: 767px) { #wmfcContOuter .popuAreaOuter > .popuArea h2 { font-size: 24px; } } @media screen and (max-width: 959px) { #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider { position: relative; width: 100%; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem { zoom: 1; width: 100%; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem:after { display: block; clear: both; content: ""; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideImg { display: block; float: none; margin-bottom: 10px; width: 100%; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideImg img { width: 100%; height: auto; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex { float: none; width: 100%; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.lead { font-size: 14px; margin-bottom: 1em; color: #b22b30; font-weight: bold; line-height: 1.8; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex h3.ttl { margin-bottom: .5em; font-weight: bold; font-size: 24px; line-height: 1.33; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.sub { font-size: 14px; margin-bottom: 1em; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.btn { font-size: 16px; font-weight: bold; display: block; line-height: 50px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; margin: 0 auto; width: 200px; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.btn a { display: block; color: white; text-decoration: none; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.btn:hover a { display: block; color: #b22b30; text-decoration: none; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .tpDots { left: 0%; padding-top: 20px; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .tpDots li { display: inline-block; margin: 0 3px; width: 14px; height: 14px; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .tpDots li button { display: block; width: 14px; height: 14px; outline: none; border: none; background: url(/img/common/tb_slide_dot_01.png) no-repeat left top; background-size: 14px 14px; font-size: 0; cursor: pointer; -webkit-background-size: 14px 14px; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .tpDots li.slick-active button { background: url(/img/common/tb_slide_dot_00.png) no-repeat left top; background-size: 14px 14px; -webkit-background-size: 14px 14px; } #wmfcContOuter .newProdOuter { margin: 0 auto; padding: 60px 0 20px; width: 98%; } #wmfcContOuter .newProdOuter h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } } @media screen and (max-width: 959px) and (max-width: 767px) { #wmfcContOuter .newProdOuter h2 { font-size: 24px; } } @media screen and (max-width: 959px) { #wmfcContOuter .newProdOuter .newProd { zoom: 1; width: 100%; } #wmfcContOuter .newProdOuter .newProd:after { display: block; clear: both; content: ""; } #wmfcContOuter .newProdOuter .newProd .newProdItem { float: left; margin-right: 1%; margin-bottom: 40px; margin-left: 1%; width: 31.33%; } #wmfcContOuter .newProdOuter .newProd .newProdItem:nth-child(3n) { margin-right: 0; } #wmfcContOuter .newProdOuter .newProd .newProdItem:nth-child(3n + 1) { clear: left; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg { position: relative; margin-bottom: 15px; padding-top: 66.6%; width: 100%; height: 0; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg img { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: auto; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .ribbonN { position: absolute; top: 10px; left: -10px; z-index: 11; padding: 5px 6px; border: #b22b30 1px solid; background: white; color: #b22b30; font-size: 11px; line-height: 1; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .bottomRibbonOuter { position: absolute; bottom: 0; left: 0; z-index: 11; display: table; width: 100%; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .bottomRibbonOuter > p { font-size: 14px; display: table-cell; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px 0 1px; min-width: 50%; color: white; vertical-align: middle; text-align: center; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .bottomRibbonOuter > p.ribbonT { background: #267a08; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .bottomRibbonOuter > p.ribbonC { background: #B22B30; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .bottomRibbonOuter > p + p { border-left: white 1px solid; } #wmfcContOuter .newProdOuter .newProd .newProdItem h3 { font-size: 16px; margin-bottom: 1em; line-height: 1.5; } #wmfcContOuter .newProdOuter .newProd .newProdItem h3 a { color: #333; } #wmfcContOuter .newProdOuter .newProd .newProdItem h3 + p { font-size: 14px; } #wmfcContOuter .newProdSliderOuter { margin: 0 auto; padding: 60px 0 20px; width: 100%; } #wmfcContOuter .newProdSliderOuter h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } } @media screen and (max-width: 959px) and (max-width: 767px) { #wmfcContOuter .newProdSliderOuter h2 { font-size: 24px; } } @media screen and (max-width: 959px) { #wmfcContOuter .newProdSliderOuter .newProdSlider { zoom: 1; width: 100%; } #wmfcContOuter .newProdSliderOuter .newProdSlider:after { display: block; clear: both; content: ""; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem { float: left; margin: 0 10px 40px; width: 33.33%; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg { position: relative; margin-bottom: 15px; padding-top: 66.66%; width: 100%; height: 0; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg img { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: auto; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .ribbonN { position: absolute; top: 10px; left: -10px; z-index: 11; padding: 5px 6px; border: #b22b30 1px solid; background: white; color: #b22b30; font-size: 11px; line-height: 1; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .bottomRibbonOuter { position: absolute; bottom: 0; left: 0; z-index: 11; display: table; width: 100%; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .bottomRibbonOuter > p { font-size: 14px; display: table-cell; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px 0 1px; min-width: 50%; color: white; vertical-align: middle; text-align: center; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .bottomRibbonOuter > p.ribbonT { background: #267a08; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .bottomRibbonOuter > p.ribbonC { background: #B22B30; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .bottomRibbonOuter > p + p { border-left: white 1px solid; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem h3 { font-size: 16px; margin-bottom: 1em; line-height: 1.5; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem h3 a { color: #333; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem h3 + p { font-size: 14px; } #wmfcContOuter .newProdSliderOuter .newProdSlider .slick-prev, #wmfcContOuter .newProdSliderOuter .newProdSlider .slick-next { display: none; } #wmfcContOuter .newProdSliderOuter .newProdSlider .npDots { left: 0%; padding-top: 20px; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .newProdSliderOuter .newProdSlider .npDots li { display: inline-block; margin: 0 3px; width: 14px; height: 14px; } #wmfcContOuter .newProdSliderOuter .newProdSlider .npDots li button { display: block; width: 14px; height: 14px; outline: none; border: none; background: url(/img/common/tb_slide_dot_01.png) no-repeat left top; background-size: 14px 14px; font-size: 0; cursor: pointer; -webkit-background-size: 14px 14px; } #wmfcContOuter .newProdSliderOuter .newProdSlider .npDots li.slick-active button { background: url(/img/common/tb_slide_dot_00.png) no-repeat left top; background-size: 14px 14px; -webkit-background-size: 14px 14px; } #wmfcContOuter .topCase { margin: 40px auto 0; padding: 60px 0 50px; width: 100%; border-top: #f2f2f2 2px solid; } #wmfcContOuter .topCase > div { margin: 0 auto; width: 98%; } #wmfcContOuter .topCase > div h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } } @media screen and (max-width: 959px) and (max-width: 767px) { #wmfcContOuter .topCase > div h2 { font-size: 24px; } .topCase { padding: 60px 0 50px; } } @media screen and (max-width: 959px) { #wmfcContOuter .topCase > div ul { zoom: 1; width: 100%; } #wmfcContOuter .topCase > div ul:after { display: block; clear: both; content: ""; } #wmfcContOuter .topCase > div ul li { float: left; margin: 0 1% 20px; width: 31.3%; height: auto; } #wmfcContOuter .topCase > div ul li:nth-child(3n) { margin: 0 1% 20px; } #wmfcContOuter .topCase > div ul li a { display: block; width: 100%; text-align: center; border: #ebebeb 1px solid; } #wmfcContOuter .topCase > div ul li a > img { width: 100%; height: auto; } #wmfcContOuter .topCase > div ul li > p { margin-top: 20px; } #wmfcContOuter .topCase > div ul li > p > em { display: block; margin-top: 10px; font-weight: bold; } #wmfcContOuter .topNews2 { padding: 35px 0 40px; width: 100%; background: #f2f2f2; } #wmfcContOuter .topNews2 > div { margin: 0 auto; width: 96%; } #wmfcContOuter .topNews2 > div h2 { font-size: 16px; margin-bottom: 20px; font-weight: bold; line-height: 1; } #wmfcContOuter .topNews2 > div dl { display: table; width: 100%; } #wmfcContOuter .topNews2 > div dl dt, #wmfcContOuter .topNews2 > div dl dd { display: table-cell; vertical-align: top; } #wmfcContOuter .topNews2 > div dl dt { width: 9em; white-space: nowrap; } #wmfcContOuter .topNews2 > div dl dd a { color: #039; text-decoration: none; } #wmfcContOuter .topNews2 > div dl dd a:hover { text-decoration: underline; } #wmfcContOuter .topNews2 > div dl + dl { margin-top: .5em; } #wmfcContOuter .topRelaBnr { margin: 0 auto; padding: 60px 0 20px; width: 98%; } #wmfcContOuter .topRelaBnr h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } } @media screen and (max-width: 959px) and (max-width: 767px) { #wmfcContOuter .topRelaBnr h2 { font-size: 24px; } } @media screen and (max-width: 959px) { #wmfcContOuter .topRelaBnr .topRelaBnrOuter { zoom: 1; width: 100%; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter:after { display: block; clear: both; content: ""; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .topRelaBnrItem { float: left; margin: 0 10px; width: 25%; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .topRelaBnrItem img { width: 100%; height: auto; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .slick-prev, #wmfcContOuter .topRelaBnr .topRelaBnrOuter .slick-next { display: none; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .npDots { left: 0%; padding-top: 20px; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .npDots li { display: inline-block; margin: 0 3px; width: 14px; height: 14px; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .npDots li button { display: block; width: 14px; height: 14px; outline: none; border: none; background: url(/img/common/tb_slide_dot_01.png) no-repeat left top; background-size: 14px 14px; font-size: 0; cursor: pointer; -webkit-background-size: 14px 14px; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .npDots li.slick-active button { background: url(/img/common/tb_slide_dot_00.png) no-repeat left top; background-size: 14px 14px; -webkit-background-size: 14px 14px; } #wmfcContOuter .breadcrumb { width: 100%; background: #808080; } #wmfcContOuter .breadcrumb > div { margin: 0 auto; padding: 9px 0 7px; width: 98%; } #wmfcContOuter .breadcrumb > div ul { zoom: 1; } #wmfcContOuter .breadcrumb > div ul:after { display: block; clear: both; content: ""; } #wmfcContOuter .breadcrumb > div ul li { font-size: 12px; float: left; color: white; line-height: 1.2; } #wmfcContOuter .breadcrumb > div ul li a { color: white; text-decoration: none; } #wmfcContOuter .breadcrumb > div ul li a:hover { text-decoration: underline; } #wmfcContOuter .breadcrumb > div ul li + li:before { font-size: 10px; content: '　＞　'; } #wmfcContOuter .campaignDetail { padding: 30px 0 45px; width: 100%; background: #f2f2f2; } #wmfcContOuter .campaignDetail > div { margin: 0 auto; width: 95%; } #wmfcContOuter .campaignDetail > div > h3 { margin-bottom: 35px; font-size: 24px; } #wmfcContOuter .campaignDetail > div > h3 + div { display: table; width: 100%; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailImg, #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex { display: table-cell; vertical-align: top; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailImg { width: 46%; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailImg img { width: 100%; height: auto; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex { padding-left: 4%; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.dispTex p, #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.moreTex p { font-size: 18px; line-height: 1.4; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.dispTex p + p { margin-top: 1em; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.moreTex { display: none; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.moreTex p { margin-top: 1em; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.moreTex p + p { margin-top: 1em; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex > .btnMore { margin: 30px auto 0; width: 160px; height: 40px; border: #808080 1px solid; background: #808080 url(/img/common/tb_ico_p.png) no-repeat right 15px top 50%; background-size: 13px 13px; color: white; text-align: center; line-height: 40px; cursor: pointer; -webkit-background-size: 13px 13px; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex > .btnMore:hover { border: #808080 1px solid; background: white url(/img/common/tb_ico_p.png) no-repeat right 15px top 50%; background-size: 13px 13px; color: #808080; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); -webkit-background-size: 13px 13px; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex > .btnMore.open { background: #808080 url(/img/common/tb_ico_m.png) no-repeat right 15px top 50%; background-size: 13px 3px; -webkit-background-size: 13px 3px; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex > .btnMore.open:hover { background: white url(/img/common/tb_ico_m.png) no-repeat right 15px top 50%; background-size: 13px 3px; -webkit-background-size: 13px 3px; } #wmfcContOuter .showcase { position: relative; width: 100%; height: 0; padding-bottom: 43.46%; background: url(/gallery/agent_store/workstyle-img-main.jpg) no-repeat 0 0; background-size: contain; } #wmfcContOuter .showcase:before { background-color: rgba(255, 255, 255, 0.2); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ' '; } #wmfcContOuter .showcase h1 { position: absolute; width: 100%; top: 50%; margin-top: -1.5em; font-size: 340%; text-align: center; color: #000000; text-shadow: 0 2px 0 #ffffff, 2px 0 0 #ffffff, 0 -2px 0 #ffffff, -2px 0 0 #ffffff, 2px 2px 0 #ffffff, -2px 2px 0 #ffffff, 2px -2px 0 #ffffff, -2px -2px 0 #ffffff; filter: dropshadow(color=#ffffff, offX 0, offY=-2) dropshadow(color=#ffffff, offX 2, offY 0) dropshadow(color=#ffffff, offX 0, offY 2) dropshadow(color=#ffffff, offX=-2, offY 0); } #wmfcContOuter .articles { width: 100%; margin-bottom: 60px; box-sizing: border-box; } #wmfcContOuter .articles:after { content: ""; display: block; clear: both; } #wmfcContOuter .articles a { color: #000000; text-decoration: none; } #wmfcContOuter .articles p.lead { font-size: 110%; color: #ffffff; background-color: #404040; padding: 1em; } #wmfcContOuter .articles .news { padding: 0 10px; margin: 40px 0; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; background: none; } #wmfcContOuter .articles .news h2 { float: none; color: #be0712; font-size: 123.1%; text-align: left; } #wmfcContOuter .articles .news .newsBlock { margin-bottom: 1em; } #wmfcContOuter .articles .news .newsBlock:after { content: " "; display: block; clear: both; } #wmfcContOuter .articles .news .newsBlock .labelWrapper { float: left; width: 18.5em; } #wmfcContOuter .articles .news .newsBlock .labelWrapper:after { content: " "; display: block; clear: both; } #wmfcContOuter .articles .news .newsBlock .labelWrapper .label { line-height: 1; display: inline-block; width: 8.5em; padding-top: 0.4em; padding-bottom: 0.2em; margin-right: 1em; font-size: 85%; text-align: center; color: #606060; border: 1px solid #bfbfbf; border-radius: 4px; box-sizing: border-box; } #wmfcContOuter .articles .news .newsBlock .labelWrapper .date { position: relative; top: 0.1em; display: inline-block; width: 8.5em; font-size: 110%; box-sizing: border-box; } #wmfcContOuter .articles .news .newsBlock .text { position: relative; top: 0.1em; float: right; width: 100%; font-size: 110%; margin-left: -18.5em; padding-left: 18.5em; box-sizing: border-box; } #wmfcContOuter .articles .news .newsBlock .text a { text-decoration: underline; } #wmfcContOuter .articles .topics { width: 100%; padding: 0 10px; margin-bottom: 30px; box-sizing: border-box; } #wmfcContOuter .articles .topics:after { content: " "; display: block; clear: both; } #wmfcContOuter .articles .topics h2 { font-size: 200%; text-align: center; margin-bottom: 0.5em; } #wmfcContOuter .articles .topics .item { position: relative; width: 31.97%; float: left; margin-right: 12px; border: 1px solid #cccccc; box-sizing: border-box; } #wmfcContOuter .articles .topics .item.right { margin-right: 0; } #wmfcContOuter .articles .topics .item:hover { opacity: 0.5; border: 1px solid #84191c; } #wmfcContOuter .articles .topics .item span.ribbon { position: absolute; padding: 5px 6px 4px; color: #ffffff; font-size: 14px; line-height: 1; top: 0; left: 0; z-index: 11; } #wmfcContOuter .articles .topics .item span.ribbon.f { background: #914405; } #wmfcContOuter .articles .topics .item img { width: 100%; border: none; } #wmfcContOuter .articles .topics .item .textBox { padding: 1em 0.5em 0.5em; box-sizing: border-box; } #wmfcContOuter .articles .topics .item .textBox h3 { font-size: 112%; margin-bottom: 0.5em; } #wmfcContOuter .articles .topics .item .textBox h3 a:hover { text-decoration: underline; } #wmfcContOuter .articles .topics .item .textBox p { margin-bottom: 0; font-size: 100%; } #wmfcContOuter .articles .topics .item .textBox h3.pcTablet, #wmfcContOuter .articles .topics .item .textBox p.pcTablet { display: block; } #wmfcContOuter .articles .topics .item .textBox h3.spOnly { display: none; } #wmfcContOuter .articles .topics .item .textBox p.spOnly { display: none; } #wmfcContOuter .articles .topics .item .textBox p a.btnLinks { display: inline-block; border: 1px solid #ae2d34; margin: 1em 0 0 0; padding: 0.5em 2em 0.4em; text-align: center; line-height: 1; background: #ffffff; text-decoration: none; font-size: 100%; color: #ae2d34; cursor: pointer; box-sizing: border-box; } #wmfcContOuter .articles .topics .item .textBox p a.btnLinks:hover { background: #ae2d34; color: #ffffff; } #wmfcContOuter .recommend { width: 100%; padding: 0 10px; margin-bottom: 30px; box-sizing: border-box; } #wmfcContOuter .recommend a { color: #000000; text-decoration: none; } #wmfcContOuter .recommend:after { content: ""; display: block; clear: both; } #wmfcContOuter .recommend h2 { font-size: 200%; text-align: center; margin-bottom: 0.5em; } #wmfcContOuter .recommend .item { position: relative; width: 48.93%; float: left; border: 1px solid #cccccc; margin-right: 10px; margin-bottom: 20px; box-sizing: border-box; } #wmfcContOuter .recommend .item.right { margin-right: 0; } #wmfcContOuter .recommend .item:hover { opacity: 0.5; border: 1px solid #84191c; } #wmfcContOuter .recommend .item span.ribbon { position: absolute; padding: 5px 6px 4px; color: #ffffff; font-size: 14px; line-height: 1; top: 0; left: 0; z-index: 11; } #wmfcContOuter .recommend .item span.ribbon.d { background: #4b4991; } #wmfcContOuter .recommend .item img { width: 100%; border: none; } #wmfcContOuter .recommend .item img:hover { opacity: 0.5; } #wmfcContOuter .recommend .item .textBox { padding: 1em 0.5em 0.5em; box-sizing: border-box; } #wmfcContOuter .recommend .item .textBox h3 { font-size: 110%; margin-bottom: 0.5em; } #wmfcContOuter .recommend .item .textBox h3 a { color: #000000; text-decoration: none; } #wmfcContOuter .recommend .item .textBox h3 a:hover { text-decoration: underline; } #wmfcContOuter .recommend .item .textBox p { margin-bottom: 0; font-size: 100%; } #wmfcContOuter .recommend .item .textBox h3.pcTablet, #wmfcContOuter .recommend .item .textBox p.pcTablet { display: block; } #wmfcContOuter .recommend .item .textBox h3.spOnly { display: none; } #wmfcContOuter .recommend .item .textBox p.spOnly { display: none; } #wmfcContOuter .recommend .item .textBox p a.btnLinks { display: inline-block; border: 1px solid #ae2d34; margin: 1em 0 0 0; padding: 0.5em 2em 0.4em; text-align: center; line-height: 1; background: #ffffff; text-decoration: none; font-size: 100%; color: #ae2d34; cursor: pointer; box-sizing: border-box; } #wmfcContOuter .recommend .item .textBox p a.btnLinks:hover { background: #ae2d34; color: #ffffff; } #wmfcContOuter .relatedServies { padding: 2em 1em 1em 1em; width: 100%; background-color: #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wmfcContOuter .relatedServies:after { content: ""; display: block; clear: both; } #wmfcContOuter .relatedServies h2 { font-size: 200%; text-align: center; margin-bottom: 0.5em; } #wmfcContOuter .relatedServies p.lead { font-size: 140%; text-align: center; } #wmfcContOuter .relatedServies a { color: #000000; text-decoration: none; } #wmfcContOuter .relatedServies .item { width: 48.5%; float: left; margin-right: 20px; margin-bottom: 20px; } #wmfcContOuter .relatedServies .item.right { margin-right: 0; } #wmfcContOuter .relatedServies .item:hover { opacity: 0.5; } #wmfcContOuter .relatedServies .item a img { width: 35%; float: left; border: none; } #wmfcContOuter .relatedServies .item .textBox { width: 62%; float: right; } #wmfcContOuter .relatedServies .item .textBox h3 a:hover { text-decoration: underline; } #wmfcContOuter .relatedServies .item .textBox p { margin-bottom: 0; font-size: 95%; } #wmfcContOuter .join p.btn { font-size: 20px; font-weight: bold; display: block; line-height: 50px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; width: 300px; margin: 30px auto 0; } #wmfcContOuter .join p.btn a { display: block; color: white; text-decoration: none; } #wmfcContOuter .join p.btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .join p.btn:hover a { display: block; color: #b22b30; text-decoration: none; } #wmfcContOuter .join .showcase { position: relative; width: 100%; height: 0; padding-bottom: 40.81%; margin-top: 0; margin-bottom: 10px; background: url(/gallery/agent_store/join-img-main.jpg) no-repeat 0 0; background-size: contain; } #wmfcContOuter .join .showcase:before { background-color: transparent; } #wmfcContOuter .join .showcase h1 { position: absolute; width: auto; top: 50%; margin-top: -1em; left: 25%; font-size: 200%; text-align: left; color: #000000; text-shadow: 0 2px 4px #ffffff, 2px 0 2px #ffffff, 0 -2px 4px #ffffff, -2px 0 4px #ffffff, 2px 2px 4px #ffffff, -2px 2px 4px #ffffff, 2px -2px 4px #ffffff, -2px -2px 4px #ffffff; } #wmfcContOuter .join .showcase p { position: absolute; padding: 0.2em 0.5em 0.1em; top: 90px; left: 25%; background-color: #ffffff; border: 1px solid #b02d34; font-size: 110%; color: #b02d34; box-sizing: border-box; } #wmfcContOuter .join p.lead { width: 95%; margin: 0 auto 1.75em; font-size: 110%; color: #333333; background-color: transparent; padding: 0; } #wmfcContOuter .join .meritContainer { width: 95%; margin: 0 auto 20px; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; } #wmfcContOuter .join .meritContainer .item { width: 32%; padding: 1em; border: 1px solid #b02d34; box-sizing: border-box; } #wmfcContOuter .join .meritContainer .item h3 { font-size: 140%; color: #b02d34; text-align: center; } #wmfcContOuter .join .meritContainer .item p:last-child { margin-bottom: 0; } #wmfcContOuter .join .meritContainer .item ul { padding: 0px 0px 0px 1.5em; margin-bottom: 0; } #wmfcContOuter .join .meritContainer .item ul li { margin-bottom: 0; } #wmfcContOuter .join .meritContainer .item a { text-decoration: none; } #wmfcContOuter .join .meritContainer .item a:hover { text-decoration: underline; } #wmfcContOuter .join .partnerContainer { background: #f2f2f2; padding: 1em; width: 95%; margin: 40px auto 30px; box-sizing: border-box; } #wmfcContOuter .join .partnerContainer:after { content: " "; display: block; clear: both; } #wmfcContOuter .join .partnerContainer h2 { font-size: 155%; text-align: center; margin-bottom: 30px; } #wmfcContOuter .join .partnerContainer .flexContainer { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; } #wmfcContOuter .join .partnerContainer .flexContainer .media { width: 25%; box-sizing: border-box; } #wmfcContOuter .join .partnerContainer .flexContainer .media img { width: 100%; } #wmfcContOuter .join .partnerContainer .flexContainer .textBox { width: 72%; text-align: left; box-sizing: border-box; } #wmfcContOuter .join .partnerContainer .flexContainer .textBox h3 { font-size: 140%; color: #b02d34; } #wmfcContOuter .join .partnerContainer .flexContainer .textBox h4 { font-size: 124%; } #wmfcContOuter .join .partnerContainer .flexContainer .textBox p.btn { font-size: 12px; line-height: 30px; width: 140px; margin: 0 0 0; } #wmfcContOuter .join .flowContainer { margin-top: 40px; width: 100%; margin-bottom: 30px; text-align: center; box-sizing: border-box; } #wmfcContOuter .join .flowContainer:after { content: " "; display: block; clear: both; } #wmfcContOuter .join .flowContainer h2 { font-size: 155%; text-align: center; margin-bottom: 20px; } #wmfcContOuter .join .flowContainer dl { width: 500px; margin: 0 auto 0; font-size: 140%; display: flex; flex-wrap: nowrap; justify-content: space-between; box-sizing: border-box; } #wmfcContOuter .join .flowContainer dt { width: 2em; margin: 0; padding: 0.2em 0 0.1em 0; text-align: center; color: #ffffff; font-weight: bold; background-color: #b02d34; border: 1px solid #b02d34; box-sizing: border-box; } #wmfcContOuter .join .flowContainer dd { margin: 0; padding: 0.2em 2em 0.1em 0; text-align: center; color: #b02d34; font-weight: bold; border: 1px solid #b02d34; flex-grow: 1; box-sizing: border-box; } #wmfcContOuter .join .flowContainer dl:last-child dt, #wmfcContOuter .join .flowContainer dl:last-child dd { background-color: transparent; border: 1px solid transparent; } #wmfcContOuter .join .flowContainer p { color: #b02d34; font-size: 140%; font-weight: bold; } #wmfcContOuter .join .flowContainer .invertedTriangle { width: 0; height: 0; margin: 16px auto 0; border-top: 15px solid #7f7f7f; border-right: 10px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid transparent; } #wmfcContOuter .join .contactContainer { margin: 40px auto 0; width: 95%; padding: 1em 1em 3em; border: 1px solid #cccccc; text-align: center; box-sizing: border-box; } /* ↓ Scansnap Campaign追加 0825 */ #wmfcContOuter #scansnapCampaign .titleWrapper { margin: 0; padding: 0; } #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea { padding: 20px 0 0 20px; } #wmfcContOuter #scansnapCampaign .meritContainer h2 { font-size: 26px; } #wmfcContOuter #scansnapCampaign .productContainer { width: 97%; margin: auto; } #wmfcContOuter #scansnapCampaign h3.bg { margin: 50px 10px 20px 10px; } #wmfcContOuter #scansnapCampaign .tableOuter { margin: 0 10px 60px 10px; } /* ↑ Scansnap Campaign追加 0825 */ /* ↓ Calendar Campaign追加 0922 */ #wmfcContOuter #calendar .titleWrapper .titleArea h1 { text-shadow: 0px 1px 2px hsl(357, 67%, 25%), 1px 0 2px hsl(357, 67%, 25%), 0 -1px 2px hsl(357, 67%, 25%), -1px 0 2px hsl(357, 67%, 25%), 1px 1px 2px hsl(357, 67%, 25%), -1px 1px 2px hsl(357, 67%, 25%), 1px -1px 2px hsl(357, 67%, 25%), -1px -1px 2px hsl(357, 67%, 25%); } #wmfcContOuter #calendar ul.btn li { width: 300px; } /* ↑ Calendar Campaign追加 0922 */ /* ↓ OSS追加 0724 */ #wmfcContOuter #oss .title-wrapper { width: 100%; margin: 0 0; padding: 0 0; } #wmfcContOuter #oss .title-wrapper.vol2 { background-size: 100% 220px; } #wmfcContOuter #oss .title-area .main-visual { padding: 20px 0 0 40px; min-height: 220px; } #wmfcContOuter #oss .title-area .main-visual.vol1 { background: url(/gallery/agent_store/oss-main-visual-vol1.jpg) right top no-repeat; background-size: auto 220px; } #wmfcContOuter #oss .title-area .main-visual.vol2 { background: url(/gallery/agent_store/oss-main-visual-vol2.jpg) right top no-repeat; background-size: auto 220px; } #wmfcContOuter #oss .title-area h1 { margin-bottom: 0.3em; font-size: 1.8rem; } #wmfcContOuter #oss .title-area p { padding-right: 200px; margin-bottom: 0.2em; font-size: 1.1rem; } #wmfcContOuter #oss .main-container { width: 90%; } #wmfcContOuter #oss .main-container .figure.w70 { width: 100%; } #wmfcContOuter #oss .main-container .figure.w80 { width: 100%; } #wmfcContOuter #oss .person-area .flexbox { width: 100%; } /* ↑ OSS追加 0724 */ #wmfcContOuter .searchResultPager { margin: 0 auto; width: 100%; } #wmfcContOuter .searchResultPager > p { font-size: 14px; margin-bottom: 25px; text-align: center; } #wmfcContOuter .searchResultPager > p strong { font-size: 18px; font-weight: bold; } #wmfcContOuter .searchResultPager > div { zoom: 1; width: 100%; height: 100px; text-align: center; } #wmfcContOuter .searchResultPager > div:after { display: block; clear: both; content: ""; } #wmfcContOuter .searchResultPager > div > ul { display: inline-block; margin-bottom: 20px; width: 100%; height: 40px; font-size: 0; } #wmfcContOuter .searchResultPager > div > ul li { font-size: 14px; display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; } #wmfcContOuter .searchResultPager > div > ul li.prev0, #wmfcContOuter .searchResultPager > div > ul li.prev1, #wmfcContOuter .searchResultPager > div > ul li.next0, #wmfcContOuter .searchResultPager > div > ul li.next1 { border: #808080 1px solid; background: #808080; } #wmfcContOuter .searchResultPager > div > ul li.prev0 a, #wmfcContOuter .searchResultPager > div > ul li.prev1 a, #wmfcContOuter .searchResultPager > div > ul li.next0 a, #wmfcContOuter .searchResultPager > div > ul li.next1 a { display: block; color: white; text-decoration: none; } #wmfcContOuter .searchResultPager > div > ul li.prev0:hover, #wmfcContOuter .searchResultPager > div > ul li.prev1:hover, #wmfcContOuter .searchResultPager > div > ul li.next0:hover, #wmfcContOuter .searchResultPager > div > ul li.next1:hover { background: white; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .searchResultPager > div > ul li.prev0:hover a, #wmfcContOuter .searchResultPager > div > ul li.prev1:hover a, #wmfcContOuter .searchResultPager > div > ul li.next0:hover a, #wmfcContOuter .searchResultPager > div > ul li.next1:hover a { color: #808080; } #wmfcContOuter .searchResultPager > div > ul li.prev0 { margin-right: 10px; } #wmfcContOuter .searchResultPager > div > ul li.prev1 { margin-right: 30px; } #wmfcContOuter .searchResultPager > div > ul li.next1 { margin-left: 30px; } #wmfcContOuter .searchResultPager > div > ul li.next0 { margin-left: 10px; } #wmfcContOuter .searchResultPager > div > ul li.this input[type="text"] { width: 40px; height: 40px; border: #efefef 2px solid; background: white; box-shadow: none; text-align: center; line-height: 40px; } #wmfcContOuter .searchResultPager > div > ul li.slash { font-size: 18px; color: #c5c5c5; } #wmfcContOuter .searchResultPager > div > div { position: relative; top: 60px; display: block; height: 40px; line-height: 40px; } #wmfcContOuter .searchResultPager > div > div p { display: inline-block; } #wmfcContOuter .searchResultPager > div > div p.select { overflow: hidden; } #wmfcContOuter .searchResultPager > div > div p.select select { box-sizing: content-box; margin: 0; margin-right: .5em; padding: 0 30px 0 12px; height: 40px; outline: none; border: #b22b30 1px solid; background: #b22b30 url(/img/common/ico_arw_d_01.png) no-repeat right 10px top 50%; color: white; vertical-align: middle; text-align: center; font-size: inherit; -moz-appearance: none; -webkit-appearance: none; appearance: none; } #wmfcContOuter .searchResultPager > div > div p.select select option { outline: none; } #wmfcContOuter .searchResultPager > div > div p.select + span { height: 40px; vertical-align: top; line-height: 40px; } #wmfcContOuter .searchResultPager > div > div .btnReDisp { margin-left: 30px; border: #b22b30 1px solid; vertical-align: top; } #wmfcContOuter .searchResultPager > div > div .btnReDisp a { display: block; padding: 0 1em; color: #b22b30; text-decoration: none; font-weight: bold; line-height: 40px; } #wmfcContOuter .searchResultPager > div > div .btnReDisp:hover { background: #b22b30; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .searchResultPager > div > div .btnReDisp:hover a { color: white; } #wmfcContOuter .detailAreaOuter { position: relative; padding: 30px 0 60px; width: 100%; background: #f2f2f2; } #wmfcContOuter .detailAreaOuter > .detailAreaInner { zoom: 1; margin: 0 auto; width: 98%; } #wmfcContOuter .detailAreaOuter > .detailAreaInner:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl { display: table; clear: both; margin-bottom: 30px; width: 100%; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div { display: table-cell; text-align: left; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div p { font-size: 18px; margin-bottom: .5em; color: #b22b30; font-weight: bold; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div h2 { font-size: 30px; font-weight: bold; line-height: 1.33; } } @media screen and (max-width: 959px) and (max-width: 767px) { #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div h2 { font-size: 24px; } } @media screen and (max-width: 959px) { #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div { width: 160px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div p.addPin { width: 160px; height: 40px; border: #808080 1px solid; background: #808080 url(/img/common/ico_pin.png) no-repeat right 10px top 50%; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div p.addPin a { font-size: 14px; display: block; padding: 0 35px 0 0; color: white; text-align: right; text-decoration: none; font-weight: bold; line-height: 40px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div p.addPin:hover { background: white url(/img/common/ico_pin_o.png) no-repeat right 10px top 50%; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div p.addPin:hover a { color: #808080; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg { float: left; width: 46%; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > img { margin-bottom: 10px; width: 100%; height: auto; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div { display: block; padding: 25px 0; background: white; text-align: center; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > p { font-size: 14px; margin-bottom: 20px; text-align: center; font-weight: bold; line-height: 1; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul { display: inline-block; margin: 0 auto; text-align: left; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul li { font-size: 12px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul li strong { font-size: 18px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul li strong a { color: #039; text-decoration: none; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul li strong a:hover { text-decoration: underline; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul li strong a.telLink { color: #333; text-decoration: none; cursor: default; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex { float: right; width: 51%; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList { margin-bottom: 20px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList li { font-size: 14px; padding-left: 30px; background: url(/img/common/sp_ico_detail_01.gif) no-repeat left 5px; background-size: 22px 20px; -webkit-background-size: 22px 20px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList li strong { font-size: 18px; display: block; line-height: 32px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList li + li { margin-top: 15px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .price { display: inline-block; margin-bottom: 20px; padding: 0 30px 0 20px; height: 50px; background: #404040; color: white; text-align: center; font-size: 20px; line-height: 50px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .price strong { font-weight: bold; font-size: 30px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .specTex { width: 100% !important; margin-top: 5px; zoom: 1; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .specTex:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .specTex:first-of-type { margin-top: 0; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .specTex:last-of-type { margin-bottom: 30px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .specTex tr { border: 1px solid #cdcdcd; margin-top: 5px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .specTex tr th { padding: 4px 20px 4px 20px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .specTex tr td { border-left: 1px solid #cdcdcd; padding: 4px 20px 4px 20px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .subTex { font-size: 12px; margin-bottom: 30px; line-height: 1.66; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns { margin-bottom: 20px; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li { display: inline-block; margin-left: 2%; width: 32%; height: 80px; border: #b22b30 1px solid; background: #b22b30; text-align: center; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li.btnW { width: 64.66%; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p { display: table; width: 100%; height: 80px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p a { display: table-cell; color: white; vertical-align: middle; text-decoration: none; font-weight: bold; font-size: 18px; line-height: 1.2; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p a br { display: block; } /* ↓ 更新 既存ボタンテキスト強制改行 0829 */ #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p a br.pcLf { display: none; } /* ↑ 更新 既存ボタンテキスト強制改行 0829 */ #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p:hover { background: white; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p:hover a { color: #b22b30; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li:first-child { margin-left: 0; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexLinks { text-align: center; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexLinks li { display: inline-block; margin-left: .5em; padding-left: .5em; border-left: #039 1px solid; line-height: 1.1; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexLinks li:first-child { margin-left: 0; padding-left: 0; border-left: none; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexLinks li a { color: #039; text-decoration: none; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexLinks li a:hover { text-decoration: underline; } #wmfcContOuter .detailTabOuter { margin: 20px auto 60px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTab { zoom: 1; margin: 0 auto; margin-bottom: 4px; width: 98%; font-size: 0; } #wmfcContOuter .detailTabOuter .detailTab:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTab li { font-size: 14px; float: left; margin-left: 0.4%; width: 16.32%; height: 50px; border: #cdcdcd 2px solid; background: #cdcdcd; text-align: center; line-height: 50px; cursor: pointer; } #wmfcContOuter .detailTabOuter .detailTab li:first-child { margin-left: 0; } #wmfcContOuter .detailTabOuter .detailTab li:hover:not(.act) { background: white; } #wmfcContOuter .detailTabOuter .detailTab li.act { position: relative; border: #404040 2px solid; background: #404040; color: white; cursor: auto; } #wmfcContOuter .detailTabOuter .detailTab li.act:after { position: absolute; bottom: -20px; left: 50%; margin-left: -10px; width: 0; height: 0; border: 10px solid transparent; border-top: #404040 10px solid; content: ''; } #wmfcContOuter .detailTabOuter .detailTabCont { margin: 0 auto; width: 98%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel { display: none; padding: 40px 20px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel.act { display: block; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont + .tabInnerCont { margin-top: 60px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detailTabContPanelTtl { display: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel h3 { font-size: 14px; margin-bottom: 15px; padding: 8px 12px 9px; background: #4d4d4d; color: white; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel h4 { font-size: 14px; margin-bottom: 15px; padding: 4px 12px 4px; border-left: #b22b30 3px solid; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel p { margin-bottom: 20px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .movieTtl { margin-bottom: 0; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .movie { position: relative; margin: 0 auto 10px; padding-top: 56.25%; max-width: 640px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .movie iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl { zoom: 1; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl + dl { margin-top: 20px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl dt, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl dd { float: left; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl dt { font-size: 12px; width: 80px; height: 30px; border: #b22b30 2px solid; color: #b22b30; text-align: center; font-weight: bold; line-height: 28px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl dd { font-size: 14px; padding-left: 20px; width: 80%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter { overflow: auto; overflow-x: scroll; margin-bottom: 30px; width: 100%; white-space: nowrap; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter::-webkit-scrollbar { height: 12px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter::-webkit-scrollbar-track { height: 1px; background: #ccc; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter::-webkit-scrollbar-thumb { background: #999; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable { font-size: 14px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable th { white-space: nowrap; font-weight: bold; padding: 5px; border: #ccc 1px solid; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable td { padding: 5px; border: #ccc 1px solid; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead th, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead td { background: #e6e6e6; text-align: center; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody th, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td { text-align: left; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody th { background: #f7f7f7; white-space: nowrap; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td { background: white; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .arrow_box { position: relative; background: #fff; border: 3px solid #A6A6A6; width: 97%; margin-bottom: 2em; margin-left: 20px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .arrow_box:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /* 20170201 ↓*/ .arrow_box:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 10px; margin-top: -10px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .arrow_box:before { border-color: rgba(166, 166, 166, 0); border-right-color: #A6A6A6; border-width: 15px; margin-top: -15px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .arrow_box p { padding: 10px 10px 0 10px; margin-bottom: 5px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .btnGroup { width: 100%; } #wmfcContOuter .loginOuter { margin: 0 auto 130px; width: 490px; text-align: center; } #wmfcContOuter .loginOuter form > input[type="text"], #wmfcContOuter .loginOuter form > input[type="password"] { font-size: 18px; margin-bottom: 20px; padding: 0 15px; height: 60px; border: none; background: #f2f2f2; line-height: 60px; } #wmfcContOuter .loginOuter form > button { font-size: 18px; display: inline-block; margin-bottom: 25px; width: 200px; height: 60px; border: #b22b30 1px solid; background: #b22b30 url(/img/common/tb_ico_login.png) no-repeat right 12px top 50%; background-size: 27px 30px; color: white; text-align: center; font-weight: bold; line-height: 60px; cursor: pointer; -webkit-background-size: 27px 30px; } #wmfcContOuter .loginOuter form > button:hover { background: white url(/img/common/tb_ico_login_o.png) no-repeat right 12px top 50%; background-size: 27px 30px; color: #b22b30; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); -webkit-background-size: 27px 30px; } #wmfcContOuter .loginOuter .lginTex { font-size: 0; } #wmfcContOuter .loginOuter .lginTex li { display: inline-block; margin-left: 30px; } #wmfcContOuter .loginOuter .lginTex li a { font-size: 14px; padding-left: 13px; background: url(/img/common/ico_arw_01.png) no-repeat left 50%; color: #039; text-decoration: none; } #wmfcContOuter .loginOuter .lginTex li a:hover { text-decoration: underline; } #wmfcContOuter .loginOuter .lginTex li:first-child { margin-left: 0; } /* 20170201 ↑*/ } /* Smart Phone */ @media screen and (max-width: 767px) { #wmfcContOuter { width: 100%; } #wmfcContOuter .maincontents h1.pgTtlh1 { margin: 50px 0 30px; } #wmfcContOuter .wmfcCont { margin: 0 auto; width: 100%; } #wmfcContOuter .topMainSlider { width: 100%; height: auto; padding-top: 40px; background: #f2f2f2; text-align: center; } #wmfcContOuter .topMainSlider .slick-slide { width: 100%; height: auto; text-align: center; } #wmfcContOuter .topMainSlider .slick-slide > div { margin: 0 auto; max-width: 100%; width: 100%; height: 300px; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideImg { position: static; display: block; display: block; margin-left: 0; width: 284%; /* 20181015 100% → 284% */ height: auto; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea { /* top: 0%; */ /* left: 0; */ z-index: 11; display: flex; /* 20181015 block */ flex-direction: column; justify-content: space-between; margin-top: 0; margin-bottom: 0; padding: 0 0 0; width: 100%; height: auto; text-align: center; position: absolute; /* 20181015 */ top: 0; /* 20181015 */ right: 0; /* 20181015 */ bottom: 0; /* 20181015 */ left: 0; /* 20181015 */ } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.bloon { position: relative; display: inline-block; margin-bottom: 13px; padding: 8px 12px 0; height: 30px; background: #333; color: white; text-align: center; line-height: 1; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.bloon:after { position: absolute; bottom: -12px; left: 50%; margin-left: -6px; width: 0; height: 0; border: 6px solid transparent; border-top: #333 6px solid; content: ''; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.mainttl { text-align: left; font-size: 20px; /* 20181015 24px→18px */ padding: 20px 5% 0 5%; margin-bottom: 0; /* 20181015 */ } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.lead { width: 90%; margin: 20px auto 30px; font-weight: bold; font-size: 14px; line-height: 1.6; text-align: left; flex-grow: 1; /* 20181015 */ } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.lead br { display: block; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn { position: static; font-size: 16px; font-weight: bold; display: block; line-height: 50px; background: #b22b30 url(/img/common/sp_btn_arw_01.png) no-repeat; page-break-before: 3px 5px; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; margin: 0 auto 20px; /* 20181015 0px → 20px*/ width: 200px; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn a { display: block; color: white; text-decoration: none; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn:hover { background: white url(/img/common/sp_btn_arw_02.png) no-repeat; page-break-before: 3px 5px; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .topMainSlider .slick-slide > div > .slideMainTexArea > p.btn:hover a { display: block; color: #b22b30; text-decoration: none; } #wmfcContOuter .topMainSlider > .msDots { position: absolute; bottom: -32px; left: 0%; width: 100%; font-size: 0; } #wmfcContOuter .topMainSlider > .msDots li { display: inline-block; margin: 0 13px; width: 12px; height: 12px; } #wmfcContOuter .topMainSlider > .msDots li button { display: block; width: 12px; height: 12px; outline: none; border: none; background: url(/img/common/sp_slide_dot_01.png) no-repeat left top; background-size: 12px 12px; font-size: 0; cursor: pointer; -webkit-background-size: 12px 12px; } #wmfcContOuter .topMainSlider > .msDots li.slick-active button { background: url(/img/common/sp_slide_dot_00.png) no-repeat left top; background-size: 12px 12px; -webkit-background-size: 12px 12px; } #wmfcContOuter .importantNews { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 50px 13px 20px 13px; width: 100%; } #wmfcContOuter .importantNews > p { font-size: 16px; margin-bottom: 12px; padding-left: 25px; background: url(/img/common/sp_ico_coution.png) no-repeat left 50%; background-size: 20px 18px; font-weight: bold; line-height: 1; -webkit-background-size: 20px 18px; } #wmfcContOuter .importantNews > dl { margin: 0 2% 0 0; width: 98%; zoom: 1; } #wmfcContOuter .importantNews > dl:after { display: block; clear: both; content: ""; } #wmfcContOuter .importantNews > dl dt, #wmfcContOuter .importantNews > dl dd { font-size: 14px; line-height: 1.4; } #wmfcContOuter .importantNews > dl dt { display: block; white-space: nowrap; clear: both; float: none; margin-bottom: .3em; } #wmfcContOuter .importantNews > dl dd { margin-left: 0; margin-bottom: 1em; } #wmfcContOuter .categoryListOuter { position: relative; padding: 30px 0 30px; width: 100%; background: #f2f2f2; } #wmfcContOuter .categoryListOuter > .categoryList { margin: 0 auto; width: 100%; } #wmfcContOuter .categoryListOuter > .categoryList h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } } @media screen and (max-width: 767px) and (max-width: 767px) { #wmfcContOuter .categoryListOuter > .categoryList h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .categoryListOuter > .categoryList ul { zoom: 1; } #wmfcContOuter .categoryListOuter > .categoryList ul:after { display: block; clear: both; content: ""; } #wmfcContOuter .categoryListOuter > .categoryList ul li { position: relative; display: block; float: left; margin: 0 1.5%; padding-top: 42%; width: 30.33%; height: 0; text-align: center; } #wmfcContOuter .categoryListOuter > .categoryList ul li:first-child { margin-left: 1%; } #wmfcContOuter .categoryListOuter > .categoryList ul li:last-child { margin-left: 5%; } #wmfcContOuter .categoryListOuter > .categoryList ul li.catListBall01 { background: url(/img/common/bg_cat_01.png) no-repeat 50% top; background-size: 100% auto; -webkit-background-size: 100% auto; } #wmfcContOuter .categoryListOuter > .categoryList ul li.catListBall02 { background: url(/img/common/bg_cat_02.png) no-repeat 50% top; background-size: 100% auto; -webkit-background-size: 100% auto; } #wmfcContOuter .categoryListOuter > .categoryList ul li.catListBall03 { background: url(/img/common/bg_cat_03.png) no-repeat 50% top; background-size: 100% auto; -webkit-background-size: 100% auto; } #wmfcContOuter .categoryListOuter > .categoryList ul li.catListBall04 { margin-left: 15.165%; background: url(/img/common/bg_cat_04.png) no-repeat 50% top; background-size: 100% auto; -webkit-background-size: 100% auto; } #wmfcContOuter .categoryListOuter > .categoryList ul li.topCatBall05 { background: url(/img/common/bg_cat_05.png) no-repeat 50% top; background-size: 100% auto; -webkit-background-size: 100% auto; } #wmfcContOuter .categoryListOuter > .categoryList ul li a, #wmfcContOuter .categoryListOuter > .categoryList ul li span { font-size: 14px; position: absolute; top: 0; left: 0; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 101%; width: 100%; height: 100%; color: #333; text-decoration: none; line-height: 1.28; } #wmfcContOuter .categoryListOuter > .categoryList ul li:hover a { text-decoration: underline; } #wmfcContOuter .categoryListOuter > .categoryMenu { position: absolute; left: 2%; display: none; width: 96%; background: #333; } #wmfcContOuter .categoryListOuter > .categoryMenu:after { position: absolute; top: -20px; margin-left: -10px; width: 0; height: 0; border: 10px solid transparent; border-bottom: #333 10px solid; content: ''; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu1, #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu2, #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu3 { top: 42%; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu4, #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu5 { top: 71%; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu1:after { left: 15%; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu2:after { left: 50%; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu3:after { left: 84.33%; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu4:after { left: 30%; } #wmfcContOuter .categoryListOuter > .categoryMenu.hideMenu5:after { left: 68%; } #wmfcContOuter .categoryListOuter > .categoryMenu > div { position: relative; top: 0; left: 0; margin: 0 auto; padding: 0 0; width: 100%; } #wmfcContOuter .categoryListOuter > .categoryMenu > div:after { display: none; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul { zoom: 1; padding: 20px; width: 100%; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul:after { display: block; clear: both; content: ""; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul li { float: left; margin: 0 1em 0 0; padding: 0 1em 0 0; width: auto; height: auto; border-right: #666 1px solid; background: none; white-space: nowrap; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul li > a { display: block; color: white; text-decoration: none; line-height: 1.7; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul li:hover { background: none; } #wmfcContOuter .categoryListOuter > .categoryMenu > div ul li:hover a { color: white; } #wmfcContOuter .categoryListOuter > .categoryLink { display: block; margin: 30px 2% 0; zoom: 1; } #wmfcContOuter .categoryListOuter > .categoryLink:after { display: block; clear: both; content: ""; } #wmfcContOuter .categoryListOuter > .categoryLink > li { display: block; float: none; margin: 10px 0 0 0; } #wmfcContOuter .categoryListOuter > .categoryLink > li:first-child { margin: 0 0 0 0; } #wmfcContOuter .categoryListOuter > .categoryLink > li > a { display: table; color: #b22b30; font-size: 24px; text-decoration: none; } #wmfcContOuter .categoryListOuter > .categoryLink > li > a:before { content: ""; display: table-cell; vertical-align: middle; width: 40px; height: 40px; background: url(/img/common/ico_arrow_cat_01.png) no-repeat left 50%; } #wmfcContOuter .categoryListOuter > .categoryLink > li > a > span { display: inline-block; margin-left: 10px; padding-top: 7px; } #wmfcContOuter .categorySwitchOuter { zoom: 1; width: 100%; margin: 60px auto 10px; } #wmfcContOuter .categorySwitchOuter:after { display: block; clear: both; content: ""; } #wmfcContOuter .categorySwitchOuter .pgTtlh2 { font-size: 30px; margin: 25px auto 10px; } #wmfcContOuter .categorySwitchOuter p { float: right; margin: 0 10px 0 0; position: static; display: inline-block; text-align: right; background: #f2f2f2 url(/img/common/ico_cat_p.png) no-repeat right 7px top 50%; padding: 15px 33px 11px 16px; line-height: 1; cursor: pointer; font-size: 14px; font-weight: bold; } #wmfcContOuter .categorySwitchOuter p.act { background: #f2f2f2 url(/img/common/ico_cat_m.png) no-repeat right 7px top 50%; } #wmfcContOuter .categorySwitchContents { clear: both; position: relative; margin-top: -10px; display: none; } #wmfcContOuter .camAreaOuter { margin: 0 auto; padding: 60px 0 20px; width: 100%; } #wmfcContOuter .camAreaOuter h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } } @media screen and (max-width: 767px) and (max-width: 767px) { #wmfcContOuter .camAreaOuter h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .camAreaOuter .camArea { zoom: 1; position: relative; width: 100%; } #wmfcContOuter .camAreaOuter .camArea:after { display: block; clear: both; content: ""; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem { float: left; margin-right: 0.5%; margin-bottom: 40px; margin-left: 0.5%; width: 49%; } /* #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem:nth-child(3n + 1) { clear: none; } */ #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem:nth-child(3n + 1) { clear: none; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem:nth-child(odd) { clear: both; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem:nth-child(even) { clear: none; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg { position: relative; margin-bottom: 15px; padding-top: 66.66%; width: 100%; height: 0; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg img { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: auto; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonC, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonD, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonE, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonF, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonS, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonX, #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonZ { font-size: 14px; position: absolute; top: 5px; left: -5px; z-index: 11; padding: 5px 6px 4px; color: white; line-height: 1; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonC { background: #B22B30; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonD { background: #4B4595; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonE { background: #267A08; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonF { background: #914405; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonS { background: #105D9C; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonX { background: #6C6400; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem .camImg .ribbonZ { background: #57564F; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem h3 { font-size: 16px; margin-bottom: 1em; line-height: 1.5; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem h3 a { color: #333; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem h3 a em { color: #ae2f37; } #wmfcContOuter .camAreaOuter .camArea .camAreaOuterItem h3 + p { font-size: 14px; } #wmfcContOuter .camAreaOuter .camArea > .tcDots { position: absolute; bottom: 14px; left: 0%; margin-top: 20px; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .camAreaOuter .camArea > .tcDots li { display: inline-block; margin: 0 13px; width: 12px; height: 12px; } #wmfcContOuter .camAreaOuter .camArea > .tcDots li button { display: block; width: 12px; height: 12px; outline: none; border: none; background: url(/img/common/sp_slide_dot_01.png) no-repeat left top; background-size: 12px 12px; font-size: 0; cursor: pointer; -webkit-background-size: 12px 12px; } #wmfcContOuter .camAreaOuter .camArea > .tcDots li.slick-active button { background: url(/img/common/sp_slide_dot_00.png) no-repeat left top; background-size: 12px 12px; -webkit-background-size: 12px 12px; } #wmfcContOuter .popuAreaOuter { padding: 60px 0; width: 100%; background: #f2f2f2; } #wmfcContOuter .popuAreaOuter > .popuArea { margin: 0 auto; width: 96%; } #wmfcContOuter .popuAreaOuter > .popuArea h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } } @media screen and (max-width: 767px) and (max-width: 767px) { #wmfcContOuter .popuAreaOuter > .popuArea h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider { position: relative; width: 100%; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem { zoom: 1; width: 100%; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem:after { display: block; clear: both; content: ""; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideImg { display: block; float: none; margin-bottom: 10px; width: 100%; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideImg img { width: 100%; height: auto; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex { float: none; width: 100%; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.lead { font-size: 14px; margin-bottom: 1em; color: #b22b30; font-weight: bold; line-height: 1.8; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex h3.ttl { margin-bottom: .5em; font-weight: bold; font-size: 24px; line-height: 1.33; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.sub { font-size: 14px; margin-bottom: 1em; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.btn { font-size: 16px; font-weight: bold; display: block; line-height: 50px; background: #b22b30 url(/img/common/sp_btn_arw_01.png) no-repeat; page-break-before: 3px 5px; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; margin: 0 auto; width: 200px; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.btn a { display: block; color: white; text-decoration: none; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.btn:hover { background: white url(/img/common/sp_btn_arw_02.png) no-repeat; page-break-before: 3px 5px; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .popuAreaSliderItem .slideTex p.btn:hover a { display: block; color: #b22b30; text-decoration: none; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .slick-prev, #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .slick-next { display: none; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .tpDots { padding-top: 30px; width: 100%; font-size: 0; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .tpDots li { display: inline-block; margin: 0 13px; width: 12px; height: 12px; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .tpDots li button { display: block; width: 12px; height: 12px; outline: none; border: none; background: url(/img/common/sp_slide_dot_01.png) no-repeat left top; background-size: 12px 12px; font-size: 0; cursor: pointer; -webkit-background-size: 12px 12px; } #wmfcContOuter .popuAreaOuter > .popuArea .popuAreaSlider .tpDots li.slick-active button { background: url(/img/common/sp_slide_dot_00.png) no-repeat left top; background-size: 12px 12px; -webkit-background-size: 12px 12px; } #wmfcContOuter .newProdOuter { margin: 0 auto; padding: 30px 0 20px; width: 100%; } #wmfcContOuter .newProdOuter h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } } @media screen and (max-width: 767px) and (max-width: 767px) { #wmfcContOuter .newProdOuter h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .newProdOuter .newProd { zoom: 1; width: 100%; } #wmfcContOuter .newProdOuter .newProd:after { display: block; clear: both; content: ""; } #wmfcContOuter .newProdOuter .newProd .newProdItem { float: left; margin-right: 1%; margin-bottom: 40px; margin-left: 1%; width: 48%; } #wmfcContOuter .newProdOuter .newProd .newProdItem:nth-child(3n) { margin-right: 1%; } #wmfcContOuter .newProdOuter .newProd .newProdItem:nth-child(3n + 1) { clear: none; margin-right: 1%; margin-left: 1%; } #wmfcContOuter .newProdOuter .newProd .newProdItem:nth-child(odd) { clear: both; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg { position: relative; margin-bottom: 15px; padding-top: 66.6%; width: 100%; height: 0; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg img { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: auto; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .ribbonN { position: absolute; top: 10px; left: -10px; z-index: 11; padding: 5px 6px; border: #b22b30 1px solid; background: white; color: #b22b30; font-size: 11px; line-height: 1; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .bottomRibbonOuter { position: absolute; bottom: 0; left: 0; z-index: 11; display: table; width: 100%; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .bottomRibbonOuter > p { font-size: 14px; display: table-cell; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px 0 1px; min-width: 50%; color: white; vertical-align: middle; text-align: center; line-height: 1.1; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .bottomRibbonOuter > p.ribbonT { background: #267a08; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .bottomRibbonOuter > p.ribbonC { background: #B22B30; } #wmfcContOuter .newProdOuter .newProd .newProdItem .newprodImg .bottomRibbonOuter > p + p { border-left: white 1px solid; } #wmfcContOuter .newProdOuter .newProd .newProdItem h3 { font-size: 16px; margin-bottom: 1em; line-height: 1.5; } #wmfcContOuter .newProdOuter .newProd .newProdItem h3 a { color: #333; } #wmfcContOuter .newProdOuter .newProd .newProdItem h3 + p { font-size: 14px; } #wmfcContOuter .newProdSliderOuter { margin: 0 auto; padding: 60px 0 20px; width: 98%; } #wmfcContOuter .newProdSliderOuter h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } } @media screen and (max-width: 767px) and (max-width: 767px) { #wmfcContOuter .newProdSliderOuter h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .newProdSliderOuter .newProdSlider { zoom: 1; width: 100%; } #wmfcContOuter .newProdSliderOuter .newProdSlider:after { display: block; clear: both; content: ""; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem { float: left; margin: 0 10px 20px; width: 50%; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg { position: relative; margin-bottom: 15px; padding-top: 66.66%; width: 100%; height: 0; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg img { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: auto; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .ribbonN { position: absolute; top: 10px; left: -10px; z-index: 11; padding: 5px 6px; border: #b22b30 1px solid; background: white; color: #b22b30; font-size: 11px; line-height: 1; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .bottomRibbonOuter { position: absolute; bottom: 0; left: 0; z-index: 11; display: table; width: 100%; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .bottomRibbonOuter > p { font-size: 14px; display: table-cell; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px 0 1px; min-width: 50%; color: white; vertical-align: middle; text-align: center; line-height: 1.1; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .bottomRibbonOuter > p.ribbonT { background: #267a08; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .bottomRibbonOuter > p.ribbonC { background: #B22B30; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem .newprodImg .bottomRibbonOuter > p + p { border-left: white 1px solid; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem h3 { font-size: 16px; margin-bottom: 1em; line-height: 1.5; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem h3 a { color: #333; } #wmfcContOuter .newProdSliderOuter .newProdSlider .topNewProdItem h3 + p { font-size: 14px; } #wmfcContOuter .newProdSliderOuter .newProdSlider .slick-prev, #wmfcContOuter .newProdSliderOuter .newProdSlider .slick-next { display: none; } #wmfcContOuter .newProdSliderOuter .newProdSlider .npDots { bottom: 14px; width: 100%; font-size: 0; } #wmfcContOuter .newProdSliderOuter .newProdSlider .npDots li { display: inline-block; margin: 0 13px; width: 12px; height: 12px; } #wmfcContOuter .newProdSliderOuter .newProdSlider .npDots li button { display: block; width: 12px; height: 12px; outline: none; border: none; background: url(/img/common/sp_slide_dot_01.png) no-repeat left top; background-size: 12px 12px; font-size: 0; cursor: pointer; -webkit-background-size: 12px 12px; } #wmfcContOuter .newProdSliderOuter .newProdSlider .npDots li.slick-active button { background: url(/img/common/sp_slide_dot_00.png) no-repeat left top; background-size: 12px 12px; -webkit-background-size: 12px 12px; } #wmfcContOuter .topCase { margin: 40px auto 0; padding: 60px 0 50px; width: 98%; border-top: #f2f2f2 2px solid; } #wmfcContOuter .topCase > div { margin: 0 auto; width: 100%; } #wmfcContOuter .topCase > div h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } } @media screen and (max-width: 767px) and (max-width: 767px) { #wmfcContOuter .topCase > div h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .topCase > div ul { zoom: 1; width: 100%; } #wmfcContOuter .topCase > div ul:after { display: block; clear: both; content: ""; } #wmfcContOuter .topCase > div ul li { float: left; margin: 0 1% -20px; margin-bottom: 20px; width: 48%; height: auto; } #wmfcContOuter .topCase > div ul li:nth-child(3n) { margin-right: 1%; margin-left: 1%; } #wmfcContOuter .topCase > div ul li a { display: table-cell; padding: 10px; vertical-align: middle; text-align: center; border: #ebebeb 1px solid; } #wmfcContOuter .topCase > div ul li a > img { max-width: 100%; width: 100%; height: auto; } #wmfcContOuter .topCase > div ul li > p { margin-top: 20px; } #wmfcContOuter .topCase > div ul li > p > em { display: block; margin-top: 10px; font-weight: bold; } #wmfcContOuter .topNews2 { padding: 35px 0 40px; width: 100%; background: #f2f2f2; } #wmfcContOuter .topNews2 > div { margin: 0 auto; width: 96%; } #wmfcContOuter .topNews2 > div h2 { font-size: 16px; margin-bottom: 20px; font-weight: bold; line-height: 1; } #wmfcContOuter .topNews2 > div dl { display: block; width: 100%; } #wmfcContOuter .topNews2 > div dl dt, #wmfcContOuter .topNews2 > div dl dd { display: block; vertical-align: top; } #wmfcContOuter .topNews2 > div dl dt { width: 9em; white-space: nowrap; } #wmfcContOuter .topNews2 > div dl dd a { color: #039; text-decoration: none; } #wmfcContOuter .topNews2 > div dl dd a:hover { text-decoration: underline; } #wmfcContOuter .topNews2 > div dl + dl { margin-top: 10px; padding-top: 10px; border-top: #dadada 1px dotted; } #wmfcContOuter .topRelaBnr { margin: 0 auto; padding: 60px 0 20px; width: 98%; } #wmfcContOuter .topRelaBnr h2 { font-size: 30px; margin-bottom: 25px; text-align: center; font-weight: bold; line-height: 1; } } @media screen and (max-width: 767px) and (max-width: 767px) { #wmfcContOuter .topRelaBnr h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .topRelaBnr .topRelaBnrOuter { zoom: 1; width: 100%; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter:after { display: block; clear: both; content: ""; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .topRelaBnrItem { float: left; margin: 0 10px; width: 33.33%; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .topRelaBnrItem img { width: 100%; height: auto; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .slick-prev, #wmfcContOuter .topRelaBnr .topRelaBnrOuter .slick-next { display: none; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .npDots { left: 0%; padding-top: 20px; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .npDots li { display: inline-block; margin: 0 13px; width: 12px; height: 12px; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .npDots li button { display: block; width: 12px; height: 12px; outline: none; border: none; background: url(/img/common/sp_slide_dot_01.png) no-repeat left top; background-size: 12px 12px; font-size: 0; cursor: pointer; -webkit-background-size: 12px 12px; } #wmfcContOuter .topRelaBnr .topRelaBnrOuter .npDots li.slick-active button { background: url(/img/common/sp_slide_dot_00.png) no-repeat left top; background-size: 12px 12px; -webkit-background-size: 12px 12px; } #wmfcContOuter .pgTtlh2 { margin: 30px auto; text-align: center; font-weight: bold; font-size: 22px; } #wmfcContOuter .breadcrumb { display: none; } #wmfcContOuter .campaignDetail { padding: 10px 0 35px; width: 100%; background: #f2f2f2; } #wmfcContOuter .campaignDetail > div { margin: 0 auto; width: 90%; } #wmfcContOuter .campaignDetail > div > h3 { margin-bottom: 25px; font-size: 20px; } #wmfcContOuter .campaignDetail > div > h3 + div { display: block; width: 100%; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailImg, #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex { display: block; vertical-align: top; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailImg { margin-bottom: 20px; width: 100%; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailImg img { width: 100%; height: auto; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex { padding-left: 0; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.dispTex p, #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.moreTex p { font-size: 18px; line-height: 1.4; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.dispTex p + p { margin-top: 1em; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.moreTex { display: none; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.moreTex p { margin-top: 1em; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex div.moreTex p + p { margin-top: 1em; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex > .btnMore { margin: 30px auto 0; width: 160px; height: 40px; border: #808080 1px solid; background: #808080 url(/img/common/ico_p.png) no-repeat right 50%; color: white; text-align: center; line-height: 40px; cursor: pointer; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex > .btnMore:hover { border: #808080 1px solid; background: white url(/img/common/ico_p.png) no-repeat right 50%; color: #808080; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex > .btnMore.open { background: #808080 url(/img/common/ico_m.png) no-repeat right 50%; } #wmfcContOuter .campaignDetail > div > h3 + div > .campaignDetailTex > .btnMore.open:hover { background: white url(/img/common/ico_m.png) no-repeat right 50%; } #wmfcContOuter .showcase { position: relative; width: 100%; height: 0; padding-bottom: 43.46%; background: url(/gallery/agent_store/workstyle-img-main.jpg) no-repeat 0 0; background-size: contain; } #wmfcContOuter .showcase:before { background-color: rgba(255, 255, 255, 0.2); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ' '; } #wmfcContOuter .showcase h1 { position: absolute; width: 100%; top: 50%; margin-top: -1.5em; font-size: 160%; text-align: center; color: #000000; text-shadow: 0 2px 0 #ffffff, 2px 0 0 #ffffff, 0 -2px 0 #ffffff, -2px 0 0 #ffffff, 2px 2px 0 #ffffff, -2px 2px 0 #ffffff, 2px -2px 0 #ffffff, -2px -2px 0 #ffffff; filter: dropshadow(color=#ffffff, offX=0, offY=-2) dropshadow(color=#ffffff, offX=2, offY=0) dropshadow(color=#ffffff, offX=0, offY=2) dropshadow(color=#ffffff, offX=-2, offY=0); } #wmfcContOuter .articles { width: 100%; margin-bottom: 30px; box-sizing: border-box; } #wmfcContOuter .articles:after { content: ""; display: block; clear: both; } #wmfcContOuter .articles a { color: #000000; text-decoration: none; } #wmfcContOuter .articles p.lead { font-size: 110%; color: #ffffff; background-color: #404040; padding: 1em; } #wmfcContOuter .articles .news { padding: 0 10px; margin: 20px 0; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; background: none; } #wmfcContOuter .articles .news h2 { float: none; color: #be0712; font-size: 123.1%; text-align: left; } #wmfcContOuter .articles .news .newsBlock { margin-bottom: 1em; } #wmfcContOuter .articles .news .newsBlock:after { content: " "; display: block; clear: both; } #wmfcContOuter .articles .news .newsBlock .labelWrapper { float: left; width: 100%; margin-bottom: 0.3em; } #wmfcContOuter .articles .news .newsBlock .labelWrapper:after { content: " "; display: block; clear: both; } #wmfcContOuter .articles .news .newsBlock .labelWrapper .label { line-height: 1; display: inline-block; width: 8.5em; padding-top: 0.4em; padding-bottom: 0.2em; margin-right: 1em; font-size: 85%; text-align: center; color: #606060; border: 1px solid #bfbfbf; border-radius: 4px; box-sizing: border-box; } #wmfcContOuter .articles .news .newsBlock .labelWrapper .date { position: relative; top: 0.1em; display: inline-block; width: 8.5em; font-size: 110%; box-sizing: border-box; } #wmfcContOuter .articles .news .newsBlock .text { position: relative; top: inherit; float: none; width: 100%; font-size: 110%; margin-left: 0em; padding-left: 0em; box-sizing: border-box; } #wmfcContOuter .articles .news .newsBlock .text a { text-decoration: underline; } #wmfcContOuter .articles .topics { width: 100%; padding: 0 10px; margin-bottom: 30px; box-sizing: border-box; } #wmfcContOuter .articles .topics:after { content: " "; display: block; clear: both; } #wmfcContOuter .articles .topics h2 { font-size: 200%; text-align: center; margin-bottom: 0.5em; } #wmfcContOuter .articles .topics .item { position: relative; width: 100%; float: left; margin-right: 0; margin-bottom: 10px; border: 1px solid #cccccc; box-sizing: border-box; } #wmfcContOuter .articles .topics .item.right { margin-right: 0; } #wmfcContOuter .articles .topics .item:hover { opacity: 0.5; border: 1px solid #84191c; } #wmfcContOuter .articles .topics .item span.ribbon { position: absolute; padding: 5px 6px 4px; color: #ffffff; font-size: 14px; line-height: 1; top: 0; left: 0; z-index: 11; } #wmfcContOuter .articles .topics .item span.ribbon.f { background: #914405; } #wmfcContOuter .articles .topics .item img { width: 100%; border: none; } #wmfcContOuter .articles .topics .item .textBox { padding: 1em 0.5em 0.5em; box-sizing: border-box; } #wmfcContOuter .articles .topics .item .textBox h3 { font-size: 140%; margin-bottom: 0.5em; } #wmfcContOuter .articles .topics .item .textBox h3 a:hover { text-decoration: underline; } #wmfcContOuter .articles .topics .item .textBox p { margin-bottom: 0; font-size: 120%; } #wmfcContOuter .articles .topics .item .textBox h3.pcTablet, #wmfcContOuter .articles .topics .item .textBox p.pcTablet { display: none; } #wmfcContOuter .articles .topics .item .textBox h3.spOnly { display: block; } #wmfcContOuter .articles .topics .item .textBox p.spOnly { display: block; } #wmfcContOuter .articles .topics .item .textBox p a.btnLinks { display: inline-block; border: 1px solid #ae2d34; margin: 1em 0 0 0; padding: 0.5em 2em 0.4em; text-align: center; line-height: 1; background: #ffffff; text-decoration: none; font-size: 100%; color: #ae2d34; cursor: pointer; box-sizing: border-box; } #wmfcContOuter .articles .topics .item .textBox p a.btnLinks:hover { background: #ae2d34; color: #ffffff; } #wmfcContOuter .recommend { width: 100%; padding: 0 10px; margin-bottom: 30px; box-sizing: border-box; } #wmfcContOuter .recommend a { color: #000000; text-decoration: none; } #wmfcContOuter .recommend:after { content: ""; display: block; clear: both; } #wmfcContOuter .recommend h2 { font-size: 200%; text-align: center; margin-bottom: 0.5em; } #wmfcContOuter .recommend .item { position: relative; width: 100%; float: left; border: 1px solid #cccccc; margin-right: 0; margin-bottom: 10px; box-sizing: border-box; } #wmfcContOuter .recommend .item.right { margin-right: 0; } #wmfcContOuter .recommend .item:hover { opacity: 0.5; border: 1px solid #84191c; } #wmfcContOuter .recommend .item span.ribbon { position: absolute; padding: 5px 6px 4px; color: #ffffff; font-size: 14px; line-height: 1; top: 0; left: 0; z-index: 11; } #wmfcContOuter .recommend .item span.ribbon.d { background: #4b4991; } #wmfcContOuter .recommend .item img { width: 100%; border: none; } #wmfcContOuter .recommend .item img:hover { opacity: 0.5; } #wmfcContOuter .recommend .item .textBox { padding: 1em 0.5em 0.5em; box-sizing: border-box; } #wmfcContOuter .recommend .item .textBox h3 { font-size: 140%; margin-bottom: 0.5em; } #wmfcContOuter .recommend .item .textBox h3 a { color: #000000; text-decoration: none; } #wmfcContOuter .recommend .item .textBox h3 a:hover { text-decoration: underline; } #wmfcContOuter .recommend .item .textBox p { margin-bottom: 0; font-size: 120%; } #wmfcContOuter .recommend .item .textBox h3.pcTablet, #wmfcContOuter .recommend .item .textBox p.pcTablet { display: none; } #wmfcContOuter .recommend .item .textBox h3.spOnly { display: block; } #wmfcContOuter .recommend .item .textBox p.spOnly { display: block; } #wmfcContOuter .recommend .item .textBox p a.btnLinks { display: inline-block; border: 1px solid #ae2d34; margin: 1em 0 0 0; padding: 0.5em 2em 0.4em; text-align: center; line-height: 1; background: #ffffff; text-decoration: none; font-size: 100%; color: #ae2d34; cursor: pointer; box-sizing: border-box; } #wmfcContOuter .recommend .item .textBox p a.btnLinks:hover { background: #ae2d34; color: #ffffff; } #wmfcContOuter .relatedServies { padding: 2em 1em 1em 1em; width: 100%; background-color: #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wmfcContOuter .relatedServies:after { content: ""; display: block; clear: both; } #wmfcContOuter .relatedServies h2 { font-size: 150%; text-align: center; margin-bottom: 0.5em; } #wmfcContOuter .relatedServies p.lead { font-size: 140%; text-align: center; } #wmfcContOuter .relatedServies a { color: #000000; text-decoration: none; } #wmfcContOuter .relatedServies .item { width: 100%; float: none; margin-right: 0; margin-bottom: 30px; } #wmfcContOuter .relatedServies .item.right { margin-right: 0; } #wmfcContOuter .relatedServies .item:hover { opacity: 0.5; } #wmfcContOuter .relatedServies .item a img { width: 100%; float: none; border: none; margin-bottom: 10px; } #wmfcContOuter .relatedServies .item .textBox { width: 100%; float: none; } #wmfcContOuter .relatedServies .item .textBox h3 { font-size: 140%; margin-bottom: 10px; } #wmfcContOuter .relatedServies .item .textBox h3 a:hover { text-decoration: underline; } #wmfcContOuter .relatedServies .item .textBox p { margin-bottom: 0; font-size: 110%; } #wmfcContOuter .join p.btn { font-size: 20px; font-weight: bold; display: block; line-height: 50px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; width: 300px; margin: 30px auto 0; } #wmfcContOuter .join p.btn a { display: block; color: white; text-decoration: none; } #wmfcContOuter .join p.btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .join p.btn:hover a { display: block; color: #b22b30; text-decoration: none; } #wmfcContOuter .join .showcase { position: relative; width: 100%; height: 0; margin-top: 40px; margin-bottom: 10px; padding-bottom: 40.81%; background: url(/gallery/agent_store/join-img-main.jpg) no-repeat 0 0; background-size: contain; } #wmfcContOuter .join .showcase:before { background-color: transparent; } #wmfcContOuter .join .showcase h1 { position: absolute; width: 72%; top: 50%; margin-top: -1em; left: 25%; font-size: 110%; text-align: left; color: #000000; text-shadow: 0 2px 4px #ffffff, 2px 0 2px #ffffff, 0 -2px 4px #ffffff, -2px 0 4px #ffffff, 2px 2px 4px #ffffff, -2px 2px 4px #ffffff, 2px -2px 4px #ffffff, -2px -2px 4px #ffffff; } #wmfcContOuter .join .showcase p { position: absolute; padding: 0.1em 0.3em 0em; top: 50%; margin-top: -4em; left: 25%; background-color: #ffffff; border: 1px solid #b02d34; font-size: 95%; color: #b02d34; box-sizing: border-box; } #wmfcContOuter .join p.lead { width: 98%; font-size: 110%; color: #333333; background-color: transparent; padding: 0; } #wmfcContOuter .join .meritContainer { width: 98%; margin: 0 auto 20px; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; } #wmfcContOuter .join .meritContainer .item { width: 100%; margin-bottom: 10px; padding: 1em; border: 1px solid #b02d34; box-sizing: border-box; } #wmfcContOuter .join .meritContainer .item h3 { font-size: 140%; color: #b02d34; text-align: center; } #wmfcContOuter .join .meritContainer .item p:last-child { margin-bottom: 0; } #wmfcContOuter .join .meritContainer .item ul { padding: 0px 0px 0px 1.5em; margin-bottom: 0; } #wmfcContOuter .join .meritContainer .item ul li { margin-bottom: 0; } #wmfcContOuter .join .meritContainer .item a { text-decoration: none; } #wmfcContOuter .join .meritContainer .item a:hover { text-decoration: underline; } #wmfcContOuter .join .partnerContainer { background: #f2f2f2; padding: 1em; margin-top: 40px; width: 100%; margin-bottom: 30px; box-sizing: border-box; } #wmfcContOuter .join .partnerContainer:after { content: " "; display: block; clear: both; } #wmfcContOuter .join .partnerContainer h2 { font-size: 155%; text-align: center; margin-bottom: 30px; } #wmfcContOuter .join .partnerContainer .flexContainer { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; } #wmfcContOuter .join .partnerContainer .flexContainer .media { width: 100%; margin-bottom: 20px; box-sizing: border-box; } #wmfcContOuter .join .partnerContainer .flexContainer .media img { width: 60%; } #wmfcContOuter .join .partnerContainer .flexContainer .textBox { width: 100%; text-align: left; box-sizing: border-box; } #wmfcContOuter .join .partnerContainer .flexContainer .textBox h3 { font-size: 140%; color: #b02d34; } #wmfcContOuter .join .partnerContainer .flexContainer .textBox h4 { font-size: 124%; } #wmfcContOuter .join .partnerContainer .flexContainer .textBox p.btn { font-size: 12px; line-height: 30px; width: 140px; margin: 0 0 0; } #wmfcContOuter .join .flowContainer { margin-top: 40px; width: 95%; margin: 0 auto 30px; text-align: center; box-sizing: border-box; } #wmfcContOuter .join .flowContainer:after { content: " "; display: block; clear: both; } #wmfcContOuter .join .flowContainer h2 { font-size: 155%; text-align: center; margin-bottom: 20px; } #wmfcContOuter .join .flowContainer dl { width: 340px; margin: 0 auto 0; font-size: 140%; display: flex; flex-wrap: nowrap; justify-content: space-between; box-sizing: border-box; } #wmfcContOuter .join .flowContainer dt { width: 2em; margin: 0; padding: 0.2em 0 0.1em 0; text-align: center; color: #ffffff; font-weight: bold; background-color: #b02d34; border: 1px solid #b02d34; box-sizing: border-box; } #wmfcContOuter .join .flowContainer dd { margin: 0; padding: 0.2em 2em 0.1em 0; text-align: center; color: #b02d34; font-weight: bold; border: 1px solid #b02d34; flex-grow: 1; box-sizing: border-box; } #wmfcContOuter .join .flowContainer dl:last-child dt, #wmfcContOuter .join .flowContainer dl:last-child dd { background-color: transparent; border: 1px solid transparent; } #wmfcContOuter .join .flowContainer p { color: #b02d34; font-size: 140%; font-weight: bold; } #wmfcContOuter .join .flowContainer .invertedTriangle { width: 0; height: 0; margin: 16px auto 0; border-top: 15px solid #7f7f7f; border-right: 10px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid transparent; } #wmfcContOuter .join .contactContainer { margin: 40px auto 0; width: 95%; padding: 1em 1em 3em; border: 1px solid #cccccc; text-align: center; box-sizing: border-box; } /* ↓ Scansnap Campaign追加 0825 */ #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea { padding: 20px 20px 0 20px; } #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea .subTitle { font-weight: bold; text-shadow: 2px 2px 5px white, -2px 2px 5px white, 2px -2px 5px white, -2px -2px 5px white; } #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea h1 { font-size: 180%; line-height: 1.2; text-shadow: 2px 2px 5px white, -2px 2px 5px white, 2px -2px 5px white, -2px -2px 5px white; } #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea h1 span { margin-left: 0; } #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea .summary strong { font-size: 120%; } #wmfcContOuter #scansnapCampaign .titleWrapper .titleArea .summary strong.red { color: #B02D34; } #wmfcContOuter #scansnapCampaign .meritContainer { width: 97%; margin: 40px auto 20px; } #wmfcContOuter #scansnapCampaign .meritContainer h2 { font-size: 24px; } #wmfcContOuter #scansnapCampaign .meritContainer .flexWrapper .item { width: 100%; } #wmfcContOuter #scansnapCampaign .productContainer .flexWrapper .textBox { width: 100%; padding-bottom: 0; } #wmfcContOuter #scansnapCampaign .productContainer .flexWrapper .media { width: 100%; } #wmfcContOuter #scansnapCampaign .productContainer .flexWrapper .media img { width: 100%; } #wmfcContOuter #scansnapCampaign p.btn { width: 340px; padding: 0.5em 0em 0.5em; font-size: 16px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 10px top 50%; border: 1px solid #b22b30; } #wmfcContOuter #scansnapCampaign p.btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 10px top 50%; } #wmfcContOuter #scansnapCampaign .tableOuter { margin-bottom: 40px; overflow: auto; overflow-x: scroll; white-space: nowrap; } #wmfcContOuter #scansnapCampaign .tableOuter::-webkit-scrollbar { height: 10px; background: #cccccc; } #wmfcContOuter #scansnapCampaign .tableOuter::-webkit-scrollbar-thumb { background: #999999; } #wmfcContOuter #scansnapCampaign .tableOuter table { margin-bottom: 10px !important; } #list #scansnapCampaign .wmfcCont { border-bottom: none; } /* ↑ Scansnap Campaign追加 0825 */ #wmfcContOuter .searchResultPager { margin: 0 auto; width: 100%; } #wmfcContOuter .searchResultPager > p { font-size: 14px; margin-bottom: 15px; text-align: center; } #wmfcContOuter .searchResultPager > p strong { font-size: 18px; font-weight: bold; } #wmfcContOuter .searchResultPager > div { zoom: 1; width: 100%; height: 100px; text-align: center; } #wmfcContOuter .searchResultPager > div:after { display: block; clear: both; content: ""; } #wmfcContOuter .searchResultPager > div > ul { display: inline-block; margin-bottom: 20px; width: 100%; height: 40px; font-size: 0; } #wmfcContOuter .searchResultPager > div > ul li { font-size: 14px; display: inline-block; width: 30px; height: 25px; text-align: center; line-height: 25px; } #wmfcContOuter .searchResultPager > div > ul li.prev0, #wmfcContOuter .searchResultPager > div > ul li.prev1, #wmfcContOuter .searchResultPager > div > ul li.next0, #wmfcContOuter .searchResultPager > div > ul li.next1 { border: #808080 1px solid; background: #808080; } #wmfcContOuter .searchResultPager > div > ul li.prev0 a, #wmfcContOuter .searchResultPager > div > ul li.prev1 a, #wmfcContOuter .searchResultPager > div > ul li.next0 a, #wmfcContOuter .searchResultPager > div > ul li.next1 a { display: block; color: white; text-decoration: none; } #wmfcContOuter .searchResultPager > div > ul li.prev0 { margin-right: 10px; } #wmfcContOuter .searchResultPager > div > ul li.prev1 { margin-right: 20px; } #wmfcContOuter .searchResultPager > div > ul li.next1 { margin-left: 20px; } #wmfcContOuter .searchResultPager > div > ul li.next0 { margin-left: 10px; } #wmfcContOuter .searchResultPager > div > ul li.this input[type="text"] { width: 25px; height: 25px; border: #efefef 2px solid; text-align: center; line-height: 25px; } #wmfcContOuter .searchResultPager > div > ul li.slash { font-size: 18px; color: #c5c5c5; } #wmfcContOuter .searchResultPager > div > div { position: relative; top: 60px; display: block; height: 40px; line-height: 40px; } #wmfcContOuter .searchResultPager > div > div p { display: inline-block; } #wmfcContOuter .searchResultPager > div > div p.select { overflow: hidden; } #wmfcContOuter .searchResultPager > div > div p.select select { box-sizing: content-box; margin: 0; margin-right: .5em; padding: 0 30px 0 12px; height: 25px; outline: none; border: #b22b30 1px solid; background: #b22b30 url(/img/common/ico_arw_d_01.png) no-repeat right 10px top 50%; color: white; vertical-align: middle; text-align: center; font-size: inherit; -moz-appearance: none; -webkit-appearance: none; appearance: none; } #wmfcContOuter .searchResultPager > div > div p.select select option { outline: none; } #wmfcContOuter .searchResultPager > div > div p.select + span { height: 25px; vertical-align: top; line-height: 25px; } #wmfcContOuter .searchResultPager > div > div .btnReDisp { margin-left: 20px; border: #b22b30 1px solid; vertical-align: top; } #wmfcContOuter .searchResultPager > div > div .btnReDisp a { display: block; padding: 0 1em; color: #b22b30; text-decoration: none; font-weight: bold; line-height: 25px; } #wmfcContOuter .detailAreaOuter { position: relative; padding: 60px 0 60px; width: 100%; background: #f2f2f2; } #wmfcContOuter .detailAreaOuter > .detailAreaInner { margin: 0 auto; width: 92%; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl { position: relative; z-index: 10; display: block; clear: both; margin-bottom: 0; width: 100%; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div { display: block; text-align: left; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div p { font-size: 18px; margin-bottom: .5em; color: #b22b30; font-weight: bold; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div h2 { font-size: 30px; font-weight: bold; line-height: 1.33; } } @media screen and (max-width: 767px) and (max-width: 767px) { #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div h2 { font-size: 24px; } } @media screen and (max-width: 767px) { #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div { zoom: 1; margin-top: 25px; width: 100%; text-align: right; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div p.addPin { display: inline-block; margin: 0 10px 0 0; width: 160px; height: 30px; border: #808080 1px solid; background: #808080 url(/img/common/sp_ico_pin.png) no-repeat right 10px top 50%; background-size: 12px 12px; -webkit-background-size: 12px 12px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div p.addPin a { font-size: 14px; display: block; padding: 0 35px 0 0; color: white; text-align: right; text-decoration: none; font-weight: bold; line-height: 30px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div p.addPin:hover { background: white url(/img/common/sp_ico_pin_o.png) no-repeat right 10px top 50%; background-size: 12px 12px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); -webkit-background-size: 12px 12px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTtl > div + div p.addPin:hover a { color: #808080; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg { position: relative; z-index: 9; float: none; margin-top: -40px; margin-bottom: 15px; width: 100%; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg.long { margin-top: -10px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > img { margin-bottom: 10px; width: 100%; height: auto; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div { display: block; padding: 25px 0; background: white; text-align: center; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > p { font-size: 14px; margin-bottom: 20px; text-align: center; font-weight: bold; line-height: 1; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul { display: inline-block; margin: 0 auto; text-align: left; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul li { font-size: 12px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul li strong { font-size: 18px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul li strong a { color: #039; text-decoration: none; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul li strong a:hover { text-decoration: underline; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailImg > div > ul li strong a.telLink { color: #333; text-decoration: none; cursor: default; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex { float: none; width: 100%; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList { margin-bottom: 20px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList li { font-size: 14px; padding-left: 30px; background: url(/img/common/sp_ico_detail_01.gif) no-repeat left 5px; background-size: 22px 20px; -webkit-background-size: 22px 20px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList li strong { font-size: 18px; display: block; line-height: 32px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .pointList li + li { margin-top: 15px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .price { display: block; margin-bottom: 20px; padding: 0 30px 0 20px; height: 50px; background: #404040; color: white; text-align: center; font-size: 20px; line-height: 50px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .price strong { font-weight: bold; font-size: 30px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .subTex { font-size: 12px; margin-bottom: 30px; line-height: 1.66; } /* ↓ 更新 料金シミュレーションボタン 0829 */ #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .simulationBtns a:before { left: 0.5em; } /* ↑ 更新 料金シミュレーションボタン 0829 */ #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns { margin-bottom: 20px; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li { display: inline-block; margin-left: 2%; width: 32%; height: 80px; border: #b22b30 1px solid; background: #b22b30; text-align: center; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li.btnW { width: 64.66%; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p { display: table; width: 100%; height: 78px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p a { display: table-cell; color: white; vertical-align: middle; text-decoration: none; font-weight: bold; font-size: 20px; line-height: 1.2; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p a br { display: block; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p:hover { background: white; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexBtns li p:hover a { color: #b22b30; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexLinks { text-align: center; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexLinks li { display: inline-block; margin-bottom: .5em; margin-left: .5em; padding-left: .5em; border-left: #039 1px solid; line-height: 1.1; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexLinks li:first-child { margin-left: 0; padding-left: 0; border-left: none; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexLinks li a { color: #039; text-decoration: none; white-space: nowrap; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .detailTex .detalTexLinks li a:hover { text-decoration: underline; } #wmfcContOuter .detailTabOuter { margin: 20px auto 60px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTab { display: none; } #wmfcContOuter .detailTabOuter .detailTabCont { margin: 30px auto 0; width: 100%; background: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel { display: block; padding: 30px 15px; border-top: #cdcdcd 1px solid; border-left: none; border-right: none; border-bottom: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel + .detailTabContPanel { margin-top: 50px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont + .tabInnerCont { margin-top: 40px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detailTabContPanelTtl { position: relative; display: block; margin: -45px auto 50px; width: 50%; height: 30px; background: #808080; color: white; text-align: center; font-weight: bold; font-size: 15px; line-height: 30px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detailTabContPanelTtl:after { position: absolute; bottom: -20px; left: 50%; margin-left: -10px; width: 0; height: 0; border: 10px solid transparent; border-top: #808080 10px solid; content: ''; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel h3 { font-size: 14px; margin-bottom: 15px; padding: 8px 12px 9px; background: #4d4d4d; color: white; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel h4 { font-size: 14px; margin-bottom: 15px; padding: 4px 12px 4px; border-left: #b22b30 3px solid; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel p { margin-bottom: 20px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .movie { position: relative; margin: 0 auto 10px; padding-top: 56.25%; max-width: 100%; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .movie iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgR { zoom: 1; margin: 0 auto 30px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgR:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgR > p { float: right; width: 40%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgR > p img { width: 100%; height: auto; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgR > div { float: left; width: 59%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgR > div em { color: #b22b30; font-weight: bold; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgL { zoom: 1; margin: 0 auto 30px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgL:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgL > p { float: left; width: 40%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgL > p img { width: 100%; height: auto; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgL > div { float: right; width: 59%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .texAndImgL > div em { color: #b22b30; font-weight: bold; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl { zoom: 1; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl + dl { margin-top: 20px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl dt, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl dd { float: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl dt { font-size: 12px; width: 80px; height: 30px; border: #b22b30 2px solid; color: #b22b30; text-align: center; font-weight: bold; line-height: 28px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .point01 dl dd { font-size: 14px; margin-top: .5em; padding-left: 0px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTable { font-size: 14px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTable th { font-weight: bold; padding: 5px; border: #ccc 1px solid; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTable td { padding: 5px; border: #ccc 1px solid; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTable thead th, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTable thead td { background: #e6e6e6; text-align: center; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTable tbody th, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTable tbody td { text-align: left; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTable tbody th { background: #f7f7f7; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerTable tbody td { background: white; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .TabBotBnr { margin-bottom: 0px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxAnchor { zoom: 1; margin-bottom: 20px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxAnchor:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxAnchor .box { display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32.33%; height: auto; border: #cdcdcd 2px solid; background: #f36; background: #cdcdcd url(/img/common/sp_ico_arw_d_03.png) no-repeat left 50% bottom 10px; background-size: 15px 9px; text-align: center; cursor: pointer; -webkit-background-size: 15px 9px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxAnchor .box:nth-child(3n + 2) { margin-right: 1.5%; margin-left: 1.5%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxAnchor .box:nth-child(3n + 1) { clear: both; color: #ff0; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxAnchor .box:hover { background: white url(/img/common/sp_ico_arw_d_02.png) no-repeat left 50% bottom 10px; background-size: 15px 9px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-background-size: 15px 9px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxAnchor .box a { display: block; padding: 15px 0 43px; height: 40px; color: #333; text-decoration: none; font-size: 14px; line-height: 1.2; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter { zoom: 1; margin-bottom: 20px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter:after { display: block; clear: both; content: ""; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter .box { float: none; margin-bottom: 15px; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter .box:nth-child(3n + 2) { margin-right: 0; margin-left: 0; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter .box:nth-child(3n + 1) { clear: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter .box p img { display: block; margin: 0 auto; max-width: 100%; height: auto; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter .box p img.w200 { width: 80%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail3boxOuter .box p + p { margin-top: 5px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .arrow_box { position: relative; background: #fff; border: 3px solid #A6A6A6; width: 97%; margin-bottom: 2em; margin-left: 20px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .arrow_box:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /* 20170201 ↓*/ .arrow_box:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 10px; margin-top: -10px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .arrow_box:before { border-color: rgba(166, 166, 166, 0); border-right-color: #A6A6A6; border-width: 15px; margin-top: -15px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .arrow_box p { padding: 10px 10px 0 10px; margin-bottom: 5px; } /* ↓ 0801追記 */ #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .dlBox h5 { font-size: 1.2rem; } /* ↑ 0801追記 */ /* --- ↓201710 --- */ #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerContImg img.w50 { width: 100% !important; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerBanner { width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerBanner .image { float: none; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerCont .tabInnerBanner .text { float: none; width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .btnGroup { margin: 30px auto; flex-direction: column; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .btnGroup p { width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .btn03.lg a { width: 100%; padding: 12px 15px 10px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink.item3, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink.item4, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink.item5 { flex-direction: column; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink.item3 > li, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink.item4 > li, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .tabInnerLink.item5 > li { width: 100%; margin-right: 0; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detailRecommend { flex-direction: column; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detailRecommend .box { width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail2boxOuter { width: 100%; flex-direction: column; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .detail2boxOuter .box { width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w30, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w40, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w50 { margin-bottom: 20px; flex-direction: column; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w10 .media { width: 20%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w30 .media, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w40 .media, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w50 .media { width: 100%; margin-bottom: 20px; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w10 .mediaBody { width: 75%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w30 .mediaBody, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w40 .mediaBody, #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox.w50 .mediaBody { width: 100%; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .mediaBox .media img { width: 100%; } /* --- ↑201710 --- */ #wmfcContOuter .detailBtns { margin: 0 auto; width: 92%; } /* ↓ 更新 料金シミュレーションボタン 0901 */ #wmfcContOuter .detailBtns .simulationBtns { width: 100%; } /* ↑ 更新 料金シミュレーションボタン 0901 */ #wmfcContOuter .detailBtns .detalTexBtns { margin-bottom: 20px; width: 100%; text-align: center; font-size: 0; } #wmfcContOuter .detailBtns .detalTexBtns li { display: inline-block; margin: 0 1%; width: 31.3%; height: 80px; border: #b22b30 1px solid; background: #b22b30; text-align: center; } #wmfcContOuter .detailBtns .detalTexBtns li.btnW { width: 64.66%; } #wmfcContOuter .detailBtns .detalTexBtns li p { display: table; width: 100%; height: 78px; } #wmfcContOuter .detailBtns .detalTexBtns li p a { display: table-cell; color: white; vertical-align: middle; text-decoration: none; font-weight: bold; font-size: 20px; line-height: 1.2; } /* ↓ 更新 既存ボタンテキストサイズ調整 0901 */ #wmfcContOuter .detailBtns .detalTexBtns li p a.textSmall { font-size: 17px; } /* ↑ 更新 既存ボタンテキストサイズ調整 0901 */ #wmfcContOuter .detailBtns .detalTexBtns li p a br { display: block; } #wmfcContOuter .detailBtns .detalTexBtns li p:hover { background: white; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .detailBtns .detalTexBtns li p:hover a { color: #b22b30; } /* ↓ 更新 既存ボタンテキスト強制改行 0901 */ #wmfcContOuter .detailBtns .detalTexBtns li p a br.pcLf { display: none; } /* ↑ 更新 既存ボタンテキスト強制改行 0901 */ #wmfcContOuter .detailBtns .detalTexLinks { text-align: center; } #wmfcContOuter .detailBtns .detalTexLinks li { display: inline-block; margin-bottom: .5em; margin-left: .5em; padding-left: .5em; border-left: #039 1px solid; white-space: nowrap; line-height: 1.1; } #wmfcContOuter .detailBtns .detalTexLinks li:first-child { margin-left: 0; padding-left: 0; border-left: none; } #wmfcContOuter .detailBtns .detalTexLinks li a { color: #039; text-decoration: none; } #wmfcContOuter .detailBtns .detalTexLinks li a:hover { text-decoration: underline; } #wmfcContOuter .column2Outer { width: 100%; zoom: 1; margin-bottom: 30px; } #wmfcContOuter .column2Outer:after { display: block; clear: both; content: ""; } #wmfcContOuter .column2Outer > .column { float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wmfcContOuter .column2Outer > .column + .column { margin-top: 10px; float: none; } #wmfcContOuter .loginOuter { margin: 0 auto 0; max-width: 490px; width: 94%; text-align: center; } #wmfcContOuter .loginOuter form > input[type="text"], #wmfcContOuter .loginOuter form > input[type="password"] { font-size: 18px; margin-bottom: 20px; padding: 0 7px; height: 60px; border: none; background: #f2f2f2; line-height: 60px; } #wmfcContOuter .loginOuter form > button { font-size: 18px; display: inline-block; margin-bottom: 25px; width: 200px; height: 60px; border: #b22b30 1px solid; background: #b22b30 url(/img/common/sp_ico_login3.png) no-repeat right 12px top 50%; color: white; text-align: center; font-weight: bold; line-height: 60px; cursor: pointer; } #wmfcContOuter .loginOuter form > button:hover { background: white url(/img/common/sp_ico_login4.png) no-repeat right 12px top 50%; color: #b22b30; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } #wmfcContOuter .loginOuter .lginTex { font-size: 0; } #wmfcContOuter .loginOuter .lginTex li { display: inline-block; margin-left: 20px; } #wmfcContOuter .loginOuter .lginTex li a { font-size: 14px; padding-left: 13px; background: url(/img/common/sp_ico_arw_01.gif) no-repeat left 50%; background-size: 5px 6px; color: #039; text-decoration: none; -webkit-background-size: 5px 6px; } #wmfcContOuter .loginOuter .lginTex li a:hover { text-decoration: underline; } #wmfcContOuter .loginOuter .lginTex li:first-child { margin-left: 0; } #wmfcContOuter .campDetailOuter { margin: 0 auto; width: 98%; } #wmfcContOuter .campDetailOuter .camDetailImg00 { width: 100%; margin-bottom: 20px; } #wmfcContOuter .campDetailOuter .camDetailImg00 img { width: 100%; height: auto; } #wmfcContOuter .campDetailOuter .camDetailLead01 { font-size: 18px; } #wmfcContOuter .campDetailOuter .camDetailBtn { margin: 30px 0 50px; text-align: center; font-size: 0; } #wmfcContOuter .campDetailOuter .camDetailBtn li { display: block; text-align: center; width: 80%; margin: 0 auto 10px; } #wmfcContOuter .campDetailOuter .camDetailBtn li:first-child { margin: 0 auto 10px; } #wmfcContOuter .campDetailOuter .camDetailBtn li a { font-size: 18px; display: block; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat right 10px top 50%; border: 1px solid #b22b30; color: white; padding: 15px 0 13px; text-align: center; text-decoration: none; line-height: 1.2; } #wmfcContOuter .campDetailOuter .camDetailBtn li a:hover { background: white url(/img/common/btn_arw_02.png) no-repeat right 10px top 50%; color: #b22b30; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .campDetailOuter h3 { background: #4d4d4d; color: white; font-size: 14px; margin-bottom: 15px; padding: 8px 12px 9px; } #wmfcContOuter .campDetailOuter .camDetailTable { overflow: auto; overflow-x: scroll; margin-bottom: 30px; width: 100%; white-space: nowrap; } #wmfcContOuter .campDetailOuter .camDetailTable::-webkit-scrollbar { height: 12px; } #wmfcContOuter .campDetailOuter .camDetailTable::-webkit-scrollbar-track { height: 1px; background: #ccc; } #wmfcContOuter .campDetailOuter .camDetailTable::-webkit-scrollbar-thumb { background: #999; } #wmfcContOuter .campDetailOuter .camDetailTable table { font-size: 14px; width: 100%; margin-bottom: 5px; } #wmfcContOuter .campDetailOuter .camDetailTable table th, #wmfcContOuter .campDetailOuter .camDetailTable table td { border: 1px solid #ccc; padding: 5px; } #wmfcContOuter .campDetailOuter .camDetailTable table th { white-space: nowrap; background: #f7f7f7; } #wmfcContOuter .campDetailOuter .camDetailTable table td .lsDisc { margin-bottom: 10px; } /* 20170201 ↑*/ } /* ここからPCの商品一覧、セミナー、オープン告知、メタアーク訴求のメニューの位置 */ #list .categorySwitchContents .categoryListOuter { top: 0 !important; margin-top: 0 !important; padding-bottom: 60px !important; } #list .seminar-cnt { width: 100%; padding: 50px 0; background-color: #f2f2f2; } #list .seminar-cnt > h3 { text-align: center; margin: 0 0 50px 0; color: #333; font-weight: bold; font-size: 24px; } #list .seminar-cnt .seminar-cnt-inner { width: 100%; margin: 0 auto; } #list .seminar-cnt .seminar-cnt-inner > ul { width: 920px; margin: 0 auto 0; padding: 0 0 0 0; zoom: 1; } #list .seminar-cnt .seminar-cnt-inner > ul:after { display: block; clear: both; content: ""; } #list .seminar-cnt .seminar-cnt-inner > ul > li { float: left; width: 450px; height: auto; padding: 0 0 0 0; list-style: none; } #list .seminar-cnt .seminar-cnt-inner > ul > li > img { width: 100%; height: auto; } #list .seminar-cnt .seminar-cnt-inner > ul > li > h4 { margin: 20px 0 0 0; font-weight: bold; font-size: 18px; } #list .seminar-cnt .seminar-cnt-inner > ul > li > p { padding: 0 0 0 0; } #list .seminar-cnt .seminar-cnt-inner > ul > li > p.btn { position: static; font-size: 16px; font-weight: bold; display: block; line-height: 50px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; width: 200px; margin: 30px auto 0; } #list .seminar-cnt .seminar-cnt-inner > ul > li > p.btn a { display: block; color: white; text-decoration: none; } #list .seminar-cnt .seminar-cnt-inner > ul > li > p.btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #list .seminar-cnt .seminar-cnt-inner > ul > li > p.btn:hover a { display: block; color: #b22b30; text-decoration: none; } #list .seminar-cnt .seminar-cnt-inner > ul > li > ul { width: 100%; margin: 20px 0 0 0; padding: 0 0 0 0; } #list .seminar-cnt .seminar-cnt-inner > ul > li > ul > li { position: relative; padding-left: 1.8em; margin-bottom: 0.2em; list-style: none; font-size: 14px; } #list .seminar-cnt .seminar-cnt-inner > ul > li > ul > li:before { display: inline-block; content: ""; position: absolute; top: 0.25em; bottom: auto; left: 0.2em; margin: auto; width: 1em; height: 1em; background: #b02d34; } #list .seminar-cnt .seminar-cnt-inner > ul > li + li { margin-left: 20px; } #list .detailTabContPanel { width: 980px; margin: 50px auto; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable { font-size: 14px; width: 100%; border-bottom: 1px solid #ccc; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable th { padding: 5px; font-weight: bold; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable td { padding: 10px; border-left: #ccc; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead th, #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead td { color: white; background-color: #808080; vertical-align: middle; text-align: center; border-left: 1px solid white; padding: 10px; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead th.head01, #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead td.head01 { width: 240px; border-left: none; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead th.head02, #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead td.head02 { width: 100px; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead th.head04, #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead td.head04 { width: 160px; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead th.head05, #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead td.head05 { width: 150px; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead th.head06, #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead td.head06 { width: 400px; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody a { color: #039; text-decoration: none; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody a:hover { text-decoration: underline; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody th { text-align: left; border-left: 1px solid #ccc; border-top: 1px solid #ccc; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td { text-align: left; border-left: 1px solid #ccc; border-top: 1px solid #ccc; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td > p { margin: 0 0 0 0; padding: 0 0 0 0; background-image: none; position: static; font-weight: normal; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td > p.btn { position: static; font-size: 16px; font-weight: bold; line-height: 50px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; width: 100%; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td > p.btn a { display: block; color: white; text-decoration: none; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td > p.btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td > p.btn:hover a { display: block; color: #b22b30; text-decoration: none; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td:last-of-type { border-right: 1px solid #ccc; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td p + a { background-image: none; } #list .maincontents { max-width: 980px; } #list .maincontents .pc-br { display: block; } #list .maincontents .sp-br { display: none; } #list .maincontents .about-cnt { width: 100%; margin-top: 30px; } #list .maincontents .about-cnt p { position: static; margin: 0 0 0 0; padding: 0 0 0 0; background: none; line-height: 1.75em; font-weight: normal; cursor: inherit; } #list .maincontents .about-cnt .triallBtns { position: static; width: 400px; display: block; line-height: 80px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; margin: 30px auto 0; color: white; text-align: center; font-size: 24px; font-weight: bold; text-decoration: none; } #list .maincontents .about-cnt .triallBtns:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; display: block; color: #b22b30; text-decoration: none; } #list .maincontents .about-cnt p + .triallBtns { margin: 30px auto 0; } #list .maincontents .about-cnt #about-intro { width: 100%; } #list .maincontents .about-cnt #about-intro > h3 { position: relative; font-size: 186%; text-align: center; margin-bottom: 30px; } #list .maincontents .about-cnt #about-intro > h3:before { display: inline-block; display: inline-block; content: ""; position: absolute; top: 0; bottom: 0; left: -24em; right: 0; margin: auto; width: 60px; height: 59px; background-image: url(/gallery/agent_store/zinrai-campaign-ico-bullet-01.png); background-size: cover; background-position: 0 -59px; } #list .maincontents .about-cnt #about-intro > p { position: static; margin: 30px 0 0 0; padding: 0 0 0 0; background: none; font-weight: normal; font-size: 16px; cursor: inherit; } #list .maincontents .about-cnt #about-intro > ul { display: block; width: 880px; margin: 50px auto 50px; padding: 0 0 0 0; zoom: 1; } #list .maincontents .about-cnt #about-intro > ul:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt #about-intro > ul > li { float: left; width: 240px; height: auto; list-style: none; text-align: center; } #list .maincontents .about-cnt #about-intro > ul > li > img { width: 60%; height: auto; } #list .maincontents .about-cnt #about-intro > ul > li + li { margin-left: 80px; } #list .maincontents .about-cnt #about-intro > ul > li > em { display: block; margin: 10px 0; font-size: 18px; font-weight: bold; } #list .maincontents .about-cnt #about-intro > ul > li > p { font-size: 14px; } #list .maincontents .about-cnt #about-intro .movie { position: relative; margin: 50px auto 0; padding-top: 56.25%; max-width: 800px; width: 100%; } #list .maincontents .about-cnt #about-intro .movie iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } #list .maincontents .about-cnt .pageLink-box { padding: 30px; background-color: #f2f2f2; } #list .maincontents .about-cnt .pageLink-box > li { margin: 0 0 0 0; line-height: 40px; list-style: none; } #list .maincontents .about-cnt .pageLink-box > li > a { text-decoration: none; color: #039; font-size: 18px; } #list .maincontents .about-cnt .pageLink-box > li > a > span { display: inline-block; margin-right: 10px; } #list .maincontents .about-cnt .merit-area { width: 100%; margin-top: 60px; zoom: 1; } #list .maincontents .about-cnt .merit-area:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt .merit-area > h4 { position: relative; padding-left: 2.5em; font-size: 154%; text-align: left; margin-bottom: 20px; } #list .maincontents .about-cnt .merit-area > h4:before { display: inline-block; content: ""; position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto; width: 35px; height: 26px; background-image: url(/gallery/agent_store/zinrai-campaign-ico-bullet-02.png); background-size: cover; background-position: 0 -26px; } #list .maincontents .about-cnt .merit-area > h5 { margin-top: 50px; font-size: 20px; letter-spacing: 0.05em; padding-left: 50px; background: url(/img/about/icon_hx_s_02.png) no-repeat; background-position: left center; background-size: 39px 32px; } #list .maincontents .about-cnt .merit-area .small-title { font-size: 24px; text-align: center; } #list .maincontents .about-cnt .merit-area .about-item-list { width: 100%; margin: 50px 0 50px; padding: 0 0 0 0; zoom: 1; text-align: left; color: #333; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, sans-serif; } #list .maincontents .about-cnt .merit-area .about-item-list div, #list .maincontents .about-cnt .merit-area .about-item-list span, #list .maincontents .about-cnt .merit-area .about-item-list applet, #list .maincontents .about-cnt .merit-area .about-item-list object, #list .maincontents .about-cnt .merit-area .about-item-list iframe, #list .maincontents .about-cnt .merit-area .about-item-list h1, #list .maincontents .about-cnt .merit-area .about-item-list h2, #list .maincontents .about-cnt .merit-area .about-item-list h3, #list .maincontents .about-cnt .merit-area .about-item-list h4, #list .maincontents .about-cnt .merit-area .about-item-list h5, #list .maincontents .about-cnt .merit-area .about-item-list h6, #list .maincontents .about-cnt .merit-area .about-item-list p, #list .maincontents .about-cnt .merit-area .about-item-list blockquote, #list .maincontents .about-cnt .merit-area .about-item-list pre, #list .maincontents .about-cnt .merit-area .about-item-list a, #list .maincontents .about-cnt .merit-area .about-item-list abbr, #list .maincontents .about-cnt .merit-area .about-item-list acronym, #list .maincontents .about-cnt .merit-area .about-item-list address, #list .maincontents .about-cnt .merit-area .about-item-list big, #list .maincontents .about-cnt .merit-area .about-item-list cite, #list .maincontents .about-cnt .merit-area .about-item-list code, #list .maincontents .about-cnt .merit-area .about-item-list del, #list .maincontents .about-cnt .merit-area .about-item-list dfn, #list .maincontents .about-cnt .merit-area .about-item-list em, #list .maincontents .about-cnt .merit-area .about-item-list img, #list .maincontents .about-cnt .merit-area .about-item-list ins, #list .maincontents .about-cnt .merit-area .about-item-list kbd, #list .maincontents .about-cnt .merit-area .about-item-list q, #list .maincontents .about-cnt .merit-area .about-item-list s, #list .maincontents .about-cnt .merit-area .about-item-list samp, #list .maincontents .about-cnt .merit-area .about-item-list small, #list .maincontents .about-cnt .merit-area .about-item-list strike, #list .maincontents .about-cnt .merit-area .about-item-list strong, #list .maincontents .about-cnt .merit-area .about-item-list sub, #list .maincontents .about-cnt .merit-area .about-item-list sup, #list .maincontents .about-cnt .merit-area .about-item-list tt, #list .maincontents .about-cnt .merit-area .about-item-list var, #list .maincontents .about-cnt .merit-area .about-item-list b, #list .maincontents .about-cnt .merit-area .about-item-list u, #list .maincontents .about-cnt .merit-area .about-item-list i, #list .maincontents .about-cnt .merit-area .about-item-list center, #list .maincontents .about-cnt .merit-area .about-item-list dl, #list .maincontents .about-cnt .merit-area .about-item-list dt, #list .maincontents .about-cnt .merit-area .about-item-list dd, #list .maincontents .about-cnt .merit-area .about-item-list ol, #list .maincontents .about-cnt .merit-area .about-item-list ul, #list .maincontents .about-cnt .merit-area .about-item-list li, #list .maincontents .about-cnt .merit-area .about-item-list fieldset, #list .maincontents .about-cnt .merit-area .about-item-list form, #list .maincontents .about-cnt .merit-area .about-item-list label, #list .maincontents .about-cnt .merit-area .about-item-list legend, #list .maincontents .about-cnt .merit-area .about-item-list table, #list .maincontents .about-cnt .merit-area .about-item-list caption, #list .maincontents .about-cnt .merit-area .about-item-list tbody, #list .maincontents .about-cnt .merit-area .about-item-list tfoot, #list .maincontents .about-cnt .merit-area .about-item-list thead, #list .maincontents .about-cnt .merit-area .about-item-list tr, #list .maincontents .about-cnt .merit-area .about-item-list th, #list .maincontents .about-cnt .merit-area .about-item-list td { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } #list .maincontents .about-cnt .merit-area .about-item-list input, #list .maincontents .about-cnt .merit-area .about-item-list textarea { margin: 0; padding: 0; } #list .maincontents .about-cnt .merit-area .about-item-list ol, #list .maincontents .about-cnt .merit-area .about-item-list ul { list-style: none; } #list .maincontents .about-cnt .merit-area .about-item-list table { border-spacing: 0; border-collapse: collapse; } #list .maincontents .about-cnt .merit-area .about-item-list input, #list .maincontents .about-cnt .merit-area .about-item-list button, #list .maincontents .about-cnt .merit-area .about-item-list textarea, #list .maincontents .about-cnt .merit-area .about-item-list select, #list .maincontents .about-cnt .merit-area .about-item-list a:focus { outline: none; } #list .maincontents .about-cnt .merit-area .about-item-list:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt .merit-area .about-item-list > li { float: left; width: 172px; margin-left: 30px; list-style: none; } #list .maincontents .about-cnt .merit-area .about-item-list > li > a { display: block; width: 100%; height: auto; text-decoration: none; } #list .maincontents .about-cnt .merit-area .about-item-list > li > a > img { width: 100%; height: auto; } #list .maincontents .about-cnt .merit-area .about-item-list > li > a > p { width: 100% !important; margin-top: 10px; color: #333; word-break: break-all; font-weight: bold; } #list .maincontents .about-cnt .merit-area .about-item-list > li > a p ~ p { font-weight: normal; } #list .maincontents .about-cnt .merit-area .about-item-list > li > a:hover { opacity: 0.8; filter: alpha(opacity=80); } #list .maincontents .about-cnt .merit-area .about-item-list > li > img { width: 100%; height: auto; } #list .maincontents .about-cnt .merit-area .about-item-list > li p { width: 100% !important; margin-top: 10px; color: #333; word-break: break-all; font-weight: bold; } #list .maincontents .about-cnt .merit-area .about-item-list > li p ~ p { font-weight: normal; } #list .maincontents .about-cnt .merit-area .about-item-list > li:first-child, #list .maincontents .about-cnt .merit-area .about-item-list > li:nth-child(5n + 1) { margin-left: 0; clear: both; } #list .maincontents .about-cnt .merit-area .about-item-list > li:nth-child(n + 6) { margin-top: 30px; } #list .maincontents .about-cnt .merit-area .about-item-spec { float: left; width: 320px; margin: 30px 0 0 10px; } #list .maincontents .about-cnt .merit-area .about-item-spec:first-of-type { margin: 30px 0 0 0; } #list .maincontents .about-cnt .merit-area .about-item-spec > ul { position: static; margin: 0 0 0 0; padding: 0 0 0 0; } #list .maincontents .about-cnt .merit-area .about-item-spec > ul > li { list-style: none; } #list .maincontents .about-cnt .merit-area .about-item-spec > ul > li:before { content: "●"; color: #039; } #list .maincontents .about-cnt .merit-area .about-item-spec > ul > li > a { color: #039; } #list .maincontents .about-cnt .merit-area .about-item-spec > ul > li > a:hover { text-decoration: none; } #list .maincontents .about-cnt .merit-area .app-list { width: 100%; margin: 50px 0 50px 0; padding: 0 0 0 0; zoom: 1; } #list .maincontents .about-cnt .merit-area .app-list:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt .merit-area .app-list > li { float: left; width: 300px; list-style: none; margin-left: 40px; } #list .maincontents .about-cnt .merit-area .app-list > li:first-child, #list .maincontents .about-cnt .merit-area .app-list > li:nth-child(4), #list .maincontents .about-cnt .merit-area .app-list > li:nth-child(7) { margin-left: 0; } #list .maincontents .about-cnt .merit-area .app-list > li > a { display: block; width: 100%; height: auto; color: #333; } #list .maincontents .about-cnt .merit-area .app-list > li > a:hover { opacity: 0.75; filter: alpha(opacity=75); } #list .maincontents .about-cnt .merit-area .app-list > li > a > dl { zoom: 1; } #list .maincontents .about-cnt .merit-area .app-list > li > a > dl:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt .merit-area .app-list > li > a > dl > dt { float: left; width: 30%; } #list .maincontents .about-cnt .merit-area .app-list > li > a > dl > dt > img { width: 100%; height: auto; } #list .maincontents .about-cnt .merit-area .app-list > li > a > dl > dd { float: right; width: 65%; margin: 0 0 0 0; padding: 0 0 0 0; } #list .maincontents .about-cnt .support-box { margin: 50px 0 0 0; padding: 30px 60px; background-color: #f2f2f2; text-align: left; color: #333; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, sans-serif; } #list .maincontents .about-cnt .support-box div, #list .maincontents .about-cnt .support-box span, #list .maincontents .about-cnt .support-box applet, #list .maincontents .about-cnt .support-box object, #list .maincontents .about-cnt .support-box iframe, #list .maincontents .about-cnt .support-box h1, #list .maincontents .about-cnt .support-box h2, #list .maincontents .about-cnt .support-box h3, #list .maincontents .about-cnt .support-box h4, #list .maincontents .about-cnt .support-box h5, #list .maincontents .about-cnt .support-box h6, #list .maincontents .about-cnt .support-box p, #list .maincontents .about-cnt .support-box blockquote, #list .maincontents .about-cnt .support-box pre, #list .maincontents .about-cnt .support-box a, #list .maincontents .about-cnt .support-box abbr, #list .maincontents .about-cnt .support-box acronym, #list .maincontents .about-cnt .support-box address, #list .maincontents .about-cnt .support-box big, #list .maincontents .about-cnt .support-box cite, #list .maincontents .about-cnt .support-box code, #list .maincontents .about-cnt .support-box del, #list .maincontents .about-cnt .support-box dfn, #list .maincontents .about-cnt .support-box em, #list .maincontents .about-cnt .support-box img, #list .maincontents .about-cnt .support-box ins, #list .maincontents .about-cnt .support-box kbd, #list .maincontents .about-cnt .support-box q, #list .maincontents .about-cnt .support-box s, #list .maincontents .about-cnt .support-box samp, #list .maincontents .about-cnt .support-box small, #list .maincontents .about-cnt .support-box strike, #list .maincontents .about-cnt .support-box strong, #list .maincontents .about-cnt .support-box sub, #list .maincontents .about-cnt .support-box sup, #list .maincontents .about-cnt .support-box tt, #list .maincontents .about-cnt .support-box var, #list .maincontents .about-cnt .support-box b, #list .maincontents .about-cnt .support-box u, #list .maincontents .about-cnt .support-box i, #list .maincontents .about-cnt .support-box center, #list .maincontents .about-cnt .support-box dl, #list .maincontents .about-cnt .support-box dt, #list .maincontents .about-cnt .support-box dd, #list .maincontents .about-cnt .support-box ol, #list .maincontents .about-cnt .support-box ul, #list .maincontents .about-cnt .support-box li, #list .maincontents .about-cnt .support-box fieldset, #list .maincontents .about-cnt .support-box form, #list .maincontents .about-cnt .support-box label, #list .maincontents .about-cnt .support-box legend, #list .maincontents .about-cnt .support-box table, #list .maincontents .about-cnt .support-box caption, #list .maincontents .about-cnt .support-box tbody, #list .maincontents .about-cnt .support-box tfoot, #list .maincontents .about-cnt .support-box thead, #list .maincontents .about-cnt .support-box tr, #list .maincontents .about-cnt .support-box th, #list .maincontents .about-cnt .support-box td { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } #list .maincontents .about-cnt .support-box input, #list .maincontents .about-cnt .support-box textarea { margin: 0; padding: 0; } #list .maincontents .about-cnt .support-box ol, #list .maincontents .about-cnt .support-box ul { list-style: none; } #list .maincontents .about-cnt .support-box table { border-spacing: 0; border-collapse: collapse; } #list .maincontents .about-cnt .support-box input, #list .maincontents .about-cnt .support-box button, #list .maincontents .about-cnt .support-box textarea, #list .maincontents .about-cnt .support-box select, #list .maincontents .about-cnt .support-box a:focus { outline: none; } #list .maincontents .about-cnt .support-box > h6 { margin: 0 0 20px 0; text-align: center; font-size: 20px; letter-spacing: 0.05em; } #list .maincontents .about-cnt .support-box > a { display: table; color: #b22b30; font-size: 24px; text-decoration: none; margin: 30px auto 0; } #list .maincontents .about-cnt .support-box > a:before { content: ""; display: table-cell; vertical-align: middle; width: 40px; height: 40px; background: url(/img/common/ico_arrow_cat_01.png) no-repeat left 50%; } #list .maincontents .about-cnt .support-box > a > span { display: inline-block; margin-left: 10px; padding-top: 7px; } #list .maincontents .about-cnt .limited { margin: 50px 0 0 0; padding: 30px 60px; border: 2px solid #b22b30; text-align: left; color: #333; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, sans-serif; } #list .maincontents .about-cnt .limited div, #list .maincontents .about-cnt .limited span, #list .maincontents .about-cnt .limited applet, #list .maincontents .about-cnt .limited object, #list .maincontents .about-cnt .limited iframe, #list .maincontents .about-cnt .limited h1, #list .maincontents .about-cnt .limited h2, #list .maincontents .about-cnt .limited h3, #list .maincontents .about-cnt .limited h4, #list .maincontents .about-cnt .limited h5, #list .maincontents .about-cnt .limited h6, #list .maincontents .about-cnt .limited p, #list .maincontents .about-cnt .limited blockquote, #list .maincontents .about-cnt .limited pre, #list .maincontents .about-cnt .limited a, #list .maincontents .about-cnt .limited abbr, #list .maincontents .about-cnt .limited acronym, #list .maincontents .about-cnt .limited address, #list .maincontents .about-cnt .limited big, #list .maincontents .about-cnt .limited cite, #list .maincontents .about-cnt .limited code, #list .maincontents .about-cnt .limited del, #list .maincontents .about-cnt .limited dfn, #list .maincontents .about-cnt .limited em, #list .maincontents .about-cnt .limited img, #list .maincontents .about-cnt .limited ins, #list .maincontents .about-cnt .limited kbd, #list .maincontents .about-cnt .limited q, #list .maincontents .about-cnt .limited s, #list .maincontents .about-cnt .limited samp, #list .maincontents .about-cnt .limited small, #list .maincontents .about-cnt .limited strike, #list .maincontents .about-cnt .limited strong, #list .maincontents .about-cnt .limited sub, #list .maincontents .about-cnt .limited sup, #list .maincontents .about-cnt .limited tt, #list .maincontents .about-cnt .limited var, #list .maincontents .about-cnt .limited b, #list .maincontents .about-cnt .limited u, #list .maincontents .about-cnt .limited i, #list .maincontents .about-cnt .limited center, #list .maincontents .about-cnt .limited dl, #list .maincontents .about-cnt .limited dt, #list .maincontents .about-cnt .limited dd, #list .maincontents .about-cnt .limited ol, #list .maincontents .about-cnt .limited ul, #list .maincontents .about-cnt .limited li, #list .maincontents .about-cnt .limited fieldset, #list .maincontents .about-cnt .limited form, #list .maincontents .about-cnt .limited label, #list .maincontents .about-cnt .limited legend, #list .maincontents .about-cnt .limited table, #list .maincontents .about-cnt .limited caption, #list .maincontents .about-cnt .limited tbody, #list .maincontents .about-cnt .limited tfoot, #list .maincontents .about-cnt .limited thead, #list .maincontents .about-cnt .limited tr, #list .maincontents .about-cnt .limited th, #list .maincontents .about-cnt .limited td { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } #list .maincontents .about-cnt .limited input, #list .maincontents .about-cnt .limited textarea { margin: 0; padding: 0; } #list .maincontents .about-cnt .limited ol, #list .maincontents .about-cnt .limited ul { list-style: none; } #list .maincontents .about-cnt .limited table { border-spacing: 0; border-collapse: collapse; } #list .maincontents .about-cnt .limited input, #list .maincontents .about-cnt .limited button, #list .maincontents .about-cnt .limited textarea, #list .maincontents .about-cnt .limited select, #list .maincontents .about-cnt .limited a:focus { outline: none; } #list .maincontents .about-cnt .limited > h5 { width: 100%; color: #b22b30; padding-bottom: 15px; border-bottom: 1px solid #b22b30; font-size: 22px; letter-spacing: 0.05em; } #list .maincontents .about-cnt .limited > dl { width: 100%; margin-top: 30px; zoom: 1; } #list .maincontents .about-cnt .limited > dl:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt .limited > dl > dt { float: left; width: 500px; } #list .maincontents .about-cnt .limited > dl > dt .triallBtns { width: 400px; margin: 30px 0 0 0; line-height: 40px; height: 40px; font-size: 16px; } #list .maincontents .about-cnt .limited > dl > dd { float: right; width: 300px; height: auto; } #list .maincontents .about-cnt .limited > dl > dd > img { width: 100%; height: auto; } #list .maincontents .about-cnt .right-s-btn { position: static; float: right; font-size: 16px; font-weight: bold; display: block; line-height: 40px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; width: 172px; margin: 30px 0 0 0; } #list .maincontents .about-cnt .right-s-btn a { display: block; color: white; text-decoration: none; } #list .maincontents .about-cnt .right-s-btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #list .maincontents .about-cnt .right-s-btn:hover a { display: block; color: #b22b30; text-decoration: none; } #list .maincontents .about-cnt .support-link-btn { position: static; display: table; color: #b22b30; font-size: 24px; text-decoration: none; margin: 30px auto 0; } #list .maincontents .about-cnt .support-link-btn:before { content: ""; display: table-cell; vertical-align: middle; width: 40px; height: 40px; background: url(/img/common/ico_arrow_cat_01.png) no-repeat left 50%; } #list .maincontents .about-cnt .support-link-btn > span { display: inline-block; margin-left: 10px; padding-top: 7px; } #list .maincontents .about-cnt .capBox { margin: 50px 0 0 0; padding: 30px 60px; background-color: #f2f2f2; text-align: left; } #list .maincontents .about-cnt .capBox a { text-decoration: none; } #list .maincontents .about-cnt .capBox a:hover { text-decoration: underline; } #list .maincontents .about-cnt .capBox > li { list-style: none; font-size: 12px; } #list .maincontents .about-cnt .capBox > li + li { margin-top: 20px; } #list .maincontents .about-cnt .capBox > li > em { display: block; font-weight: bold; font-style: normal; font-size: 14px; } #list .maincontents .about-cnt .topicLink { margin: 50px 0 0 0; padding: 0 0 0 0; zoom: 1; text-align: left; color: #333; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, sans-serif; } #list .maincontents .about-cnt .topicLink:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt .topicLink div, #list .maincontents .about-cnt .topicLink span, #list .maincontents .about-cnt .topicLink applet, #list .maincontents .about-cnt .topicLink object, #list .maincontents .about-cnt .topicLink iframe, #list .maincontents .about-cnt .topicLink h1, #list .maincontents .about-cnt .topicLink h2, #list .maincontents .about-cnt .topicLink h3, #list .maincontents .about-cnt .topicLink h4, #list .maincontents .about-cnt .topicLink h5, #list .maincontents .about-cnt .topicLink h6, #list .maincontents .about-cnt .topicLink p, #list .maincontents .about-cnt .topicLink blockquote, #list .maincontents .about-cnt .topicLink pre, #list .maincontents .about-cnt .topicLink a, #list .maincontents .about-cnt .topicLink abbr, #list .maincontents .about-cnt .topicLink acronym, #list .maincontents .about-cnt .topicLink address, #list .maincontents .about-cnt .topicLink big, #list .maincontents .about-cnt .topicLink cite, #list .maincontents .about-cnt .topicLink code, #list .maincontents .about-cnt .topicLink del, #list .maincontents .about-cnt .topicLink dfn, #list .maincontents .about-cnt .topicLink em, #list .maincontents .about-cnt .topicLink img, #list .maincontents .about-cnt .topicLink ins, #list .maincontents .about-cnt .topicLink kbd, #list .maincontents .about-cnt .topicLink q, #list .maincontents .about-cnt .topicLink s, #list .maincontents .about-cnt .topicLink samp, #list .maincontents .about-cnt .topicLink small, #list .maincontents .about-cnt .topicLink strike, #list .maincontents .about-cnt .topicLink strong, #list .maincontents .about-cnt .topicLink sub, #list .maincontents .about-cnt .topicLink sup, #list .maincontents .about-cnt .topicLink tt, #list .maincontents .about-cnt .topicLink var, #list .maincontents .about-cnt .topicLink b, #list .maincontents .about-cnt .topicLink u, #list .maincontents .about-cnt .topicLink i, #list .maincontents .about-cnt .topicLink center, #list .maincontents .about-cnt .topicLink dl, #list .maincontents .about-cnt .topicLink dt, #list .maincontents .about-cnt .topicLink dd, #list .maincontents .about-cnt .topicLink ol, #list .maincontents .about-cnt .topicLink ul, #list .maincontents .about-cnt .topicLink li, #list .maincontents .about-cnt .topicLink fieldset, #list .maincontents .about-cnt .topicLink form, #list .maincontents .about-cnt .topicLink label, #list .maincontents .about-cnt .topicLink legend, #list .maincontents .about-cnt .topicLink table, #list .maincontents .about-cnt .topicLink caption, #list .maincontents .about-cnt .topicLink tbody, #list .maincontents .about-cnt .topicLink tfoot, #list .maincontents .about-cnt .topicLink thead, #list .maincontents .about-cnt .topicLink tr, #list .maincontents .about-cnt .topicLink th, #list .maincontents .about-cnt .topicLink td { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } #list .maincontents .about-cnt .topicLink input, #list .maincontents .about-cnt .topicLink textarea { margin: 0; padding: 0; } #list .maincontents .about-cnt .topicLink ol, #list .maincontents .about-cnt .topicLink ul { list-style: none; } #list .maincontents .about-cnt .topicLink table { border-spacing: 0; border-collapse: collapse; } #list .maincontents .about-cnt .topicLink input, #list .maincontents .about-cnt .topicLink button, #list .maincontents .about-cnt .topicLink textarea, #list .maincontents .about-cnt .topicLink select, #list .maincontents .about-cnt .topicLink a:focus { outline: none; } #list .maincontents .about-cnt .topicLink > li { float: left; list-style: none; width: 300px; margin-left: 40px; cursor: pointer; border: 1px solid #cdcdcd; } #list .maincontents .about-cnt .topicLink > li:first-child { margin-left: 0; } #list .maincontents .about-cnt .topicLink > li:hover { opacity: 0.75; filter: alpha(opacity=75); } #list .maincontents .about-cnt .topicLink > li > a { display: block; width: 100%; height: auto; text-decoration: none; color: #333333; } #list .maincontents .about-cnt .topicLink > li > a > img { width: 100%; height: auto; } #list .maincontents .about-cnt .topicLink > li > p { padding: 20px; font-weight: bold; } #list .maincontents .about-cnt .topicLink > li > p > a { text-decoration: none; color: #333333; } #list .maincontents .digital-technology .showcase { position: relative; width: 100%; height: 360px; margin-top: 10px; padding: 0 0 0 0; background: url(/gallery/agent_store/digital-technology_mv_01.jpg) no-repeat 0 0; background-size: contain; } #list .maincontents .digital-technology .showcase:before { display: none; } #list .maincontents .digital-technology .showcase h2 { position: absolute; width: auto; top: 20%; left: 30%; text-align: left; color: #000000; text-shadow: 0 2px 4px #ffffff, 2px 0 2px #ffffff, 0 -2px 4px #ffffff, -2px 0 4px #ffffff, 2px 2px 4px #ffffff, -2px 2px 4px #ffffff, 2px -2px 4px #ffffff, -2px -2px 4px #ffffff; } #list .maincontents .digital-technology .showcase h2 strong { display: block; font-size: 24px; color: #b22b30; letter-spacing: 0.05em; text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white; } #list .maincontents .digital-technology .showcase h2 em { display: block; font-size: 40px; text-indent: -0.5em; font-style: normal; } #list .maincontents .digital-technology .showcase .mv-tag { position: absolute; left: 30%; bottom: 40px; width: 360px; height: 40px; margin: 0 0 0 0; line-height: 42px; text-align: center; color: #b22b30; border: 1px solid #b22b30; font-size: 18px; background-color: white; text-indent: -0.5em; } #list .maincontents .about .showcaseWarpper { width: 100%; margin: 0 -500%; padding: 0 500%; background: url(/gallery/agent_store/about_mv_01.jpg) no-repeat center center; background-size: 12% auto; } #list .maincontents .about .showcase { position: relative; width: 100%; height: 360px; padding: 0 0 0 0; background: none; background-size: contain; } #list .maincontents .about .showcase:before { display: none; } #list .maincontents .about .showcase .mainTexArea { position: absolute; top: 0; left: 10px; z-index: 11; padding: 10% 0 0 0; width: 580px; text-align: left; } #list .maincontents .about .showcase .mainTexArea h2.mainttl { font-size: 36px; font-weight: bold; line-height: 1.5em; margin-bottom: 30px; text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white; } #list .maincontents .about .showcase .mainTexArea p.lead { margin-bottom: 30px; font-weight: bold; font-size: 18px; line-height: 1.5; text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white; } #list .maincontents .about #about-intro > h3 span { display: inline-block; width: auto; height: 40px; padding: 0 15px; margin-top: 10px; line-height: 40px; color: white; font-size: 20px; font-weight: normal; background-color: #333333; } #list .maincontents .about #about-intro > h3 em { display: block; margin-top: 10px; font-size: 36px; font-style: normal; } @media screen and (max-width: 979px) { /* ここからオープン告知とメタアーク訴求の記述 */ #list .maincontents .pc-br { display: block; } #list .maincontents .sp-br { display: none; } #list .maincontents .about-cnt { width: 90%; margin: 30px auto 0; } #list .maincontents .about-cnt p { position: static; margin: 0 0 0 0; padding: 0 0 0 0; background: none; line-height: 1.75em; font-weight: normal; cursor: inherit; } #list .maincontents .about-cnt .triallBtns { position: static; width: 400px; display: block; line-height: 80px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; margin: 30px auto 0; color: white; text-align: center; font-size: 24px; font-weight: bold; text-decoration: none; } #list .maincontents .about-cnt .triallBtns:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; display: block; color: #b22b30; text-decoration: none; } #list .maincontents .about-cnt p + .triallBtns { margin: 30px auto 0; } #list .maincontents .about-cnt #about-intro > p { position: static; margin: 30px 0 0 0; padding: 0 0 0 0; background: none; font-weight: normal; font-size: 16px !important; cursor: inherit; } #list .maincontents .about-cnt #about-intro > ul { display: block; width: 100%; margin: 50px auto 50px; padding: 0 0 0 0; zoom: 1; } #list .maincontents .about-cnt #about-intro > ul:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt #about-intro > ul > li { float: left; width: 33.3333%; height: auto; list-style: none; text-align: center; } #list .maincontents .about-cnt #about-intro > ul > li > img { width: 60%; height: auto; } #list .maincontents .about-cnt #about-intro > ul > li + li { margin-left: 0; } #list .maincontents .about-cnt #about-intro > ul > li > em { display: block; margin: 10px 0; font-size: 18px; font-weight: bold; } #list .maincontents .about-cnt #about-intro > ul > li > p { font-size: 14px; } #list .maincontents .about-cnt #about-intro .movie { position: relative; margin: 50px auto 0; padding-top: 56.25%; max-width: 100%; width: 100%; } #list .maincontents .about-cnt #about-intro .movie iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } #list .maincontents .about-cnt .merit-area { width: 100%; margin-top: 60px; zoom: 1; } #list .maincontents .about-cnt .merit-area:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt .merit-area > h5 { margin-top: 50px; font-size: 18px; letter-spacing: 0.05em; padding-left: 50px; background: url(/img/about/icon_hx_s_02.png) no-repeat; background-position: left center; background-size: 39px 32px; } #list .maincontents .about-cnt .merit-area .about-item-list { width: 100%; margin: 50px 0 50px; padding: 0 0 0 0; zoom: 1; text-align: left; color: #333; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, sans-serif; } #list .maincontents .about-cnt .merit-area .about-item-list:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt .merit-area .about-item-list div, #list .maincontents .about-cnt .merit-area .about-item-list span, #list .maincontents .about-cnt .merit-area .about-item-list applet, #list .maincontents .about-cnt .merit-area .about-item-list object, #list .maincontents .about-cnt .merit-area .about-item-list iframe, #list .maincontents .about-cnt .merit-area .about-item-list h1, #list .maincontents .about-cnt .merit-area .about-item-list h2, #list .maincontents .about-cnt .merit-area .about-item-list h3, #list .maincontents .about-cnt .merit-area .about-item-list h4, #list .maincontents .about-cnt .merit-area .about-item-list h5, #list .maincontents .about-cnt .merit-area .about-item-list h6, #list .maincontents .about-cnt .merit-area .about-item-list p, #list .maincontents .about-cnt .merit-area .about-item-list blockquote, #list .maincontents .about-cnt .merit-area .about-item-list pre, #list .maincontents .about-cnt .merit-area .about-item-list a, #list .maincontents .about-cnt .merit-area .about-item-list abbr, #list .maincontents .about-cnt .merit-area .about-item-list acronym, #list .maincontents .about-cnt .merit-area .about-item-list address, #list .maincontents .about-cnt .merit-area .about-item-list big, #list .maincontents .about-cnt .merit-area .about-item-list cite, #list .maincontents .about-cnt .merit-area .about-item-list code, #list .maincontents .about-cnt .merit-area .about-item-list del, #list .maincontents .about-cnt .merit-area .about-item-list dfn, #list .maincontents .about-cnt .merit-area .about-item-list em, #list .maincontents .about-cnt .merit-area .about-item-list img, #list .maincontents .about-cnt .merit-area .about-item-list ins, #list .maincontents .about-cnt .merit-area .about-item-list kbd, #list .maincontents .about-cnt .merit-area .about-item-list q, #list .maincontents .about-cnt .merit-area .about-item-list s, #list .maincontents .about-cnt .merit-area .about-item-list samp, #list .maincontents .about-cnt .merit-area .about-item-list small, #list .maincontents .about-cnt .merit-area .about-item-list strike, #list .maincontents .about-cnt .merit-area .about-item-list strong, #list .maincontents .about-cnt .merit-area .about-item-list sub, #list .maincontents .about-cnt .merit-area .about-item-list sup, #list .maincontents .about-cnt .merit-area .about-item-list tt, #list .maincontents .about-cnt .merit-area .about-item-list var, #list .maincontents .about-cnt .merit-area .about-item-list b, #list .maincontents .about-cnt .merit-area .about-item-list u, #list .maincontents .about-cnt .merit-area .about-item-list i, #list .maincontents .about-cnt .merit-area .about-item-list center, #list .maincontents .about-cnt .merit-area .about-item-list dl, #list .maincontents .about-cnt .merit-area .about-item-list dt, #list .maincontents .about-cnt .merit-area .about-item-list dd, #list .maincontents .about-cnt .merit-area .about-item-list ol, #list .maincontents .about-cnt .merit-area .about-item-list ul, #list .maincontents .about-cnt .merit-area .about-item-list li, #list .maincontents .about-cnt .merit-area .about-item-list fieldset, #list .maincontents .about-cnt .merit-area .about-item-list form, #list .maincontents .about-cnt .merit-area .about-item-list label, #list .maincontents .about-cnt .merit-area .about-item-list legend, #list .maincontents .about-cnt .merit-area .about-item-list table, #list .maincontents .about-cnt .merit-area .about-item-list caption, #list .maincontents .about-cnt .merit-area .about-item-list tbody, #list .maincontents .about-cnt .merit-area .about-item-list tfoot, #list .maincontents .about-cnt .merit-area .about-item-list thead, #list .maincontents .about-cnt .merit-area .about-item-list tr, #list .maincontents .about-cnt .merit-area .about-item-list th, #list .maincontents .about-cnt .merit-area .about-item-list td { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } #list .maincontents .about-cnt .merit-area .about-item-list input, #list .maincontents .about-cnt .merit-area .about-item-list textarea { margin: 0; padding: 0; } #list .maincontents .about-cnt .merit-area .about-item-list ol, #list .maincontents .about-cnt .merit-area .about-item-list ul { list-style: none; } #list .maincontents .about-cnt .merit-area .about-item-list table { border-spacing: 0; border-collapse: collapse; } #list .maincontents .about-cnt .merit-area .about-item-list input, #list .maincontents .about-cnt .merit-area .about-item-list button, #list .maincontents .about-cnt .merit-area .about-item-list textarea, #list .maincontents .about-cnt .merit-area .about-item-list select, #list .maincontents .about-cnt .merit-area .about-item-list a:focus { outline: none; } #list .maincontents .about-cnt .merit-area .about-item-list > li { float: left; width: 19.2%; margin-left: 1%; list-style: none; } #list .maincontents .about-cnt .merit-area .about-item-list > li > a { display: inline-block; width: 100%; height: auto; text-decoration: none; } #list .maincontents .about-cnt .merit-area .about-item-list > li > a > img { width: 100%; height: auto; } #list .maincontents .about-cnt .merit-area .about-item-list > li > a > p { width: 100% !important; margin-top: 10px; color: #333; right: 0; top: 0; } #list .maincontents .about-cnt .merit-area .about-item-list > li > a:hover { opacity: 0.8; filter: alpha(opacity=80); } #list .maincontents .about-cnt .merit-area .about-item-list > li > img { width: 100%; height: auto; } #list .maincontents .about-cnt .merit-area .about-item-list > li p { width: 100% !important; margin-top: 10px; color: #333; word-break: break-all; font-weight: bold; } #list .maincontents .about-cnt .merit-area .about-item-list > li p ~ p { font-weight: normal; } #list .maincontents .about-cnt .merit-area .about-item-list > li:first-child, #list .maincontents .about-cnt .merit-area .about-item-list > li:nth-child(5n + 1) { margin-left: 0; } #list .maincontents .about-cnt .merit-area .about-item-list > li:nth-child(n + 6) { margin-top: 30px; } #list .maincontents .about-cnt .merit-area .about-item-spec { float: left; width: 48%; margin: 30px 0 0 4%; } #list .maincontents .about-cnt .merit-area .about-item-spec:first-of-type { margin: 30px 0 0 0; } #list .maincontents .about-cnt .merit-area .about-item-spec:nth-of-type(3) { width: 100% !important; margin: 30px 0 0 0; } #list .maincontents .about-cnt .merit-area .about-item-spec > ul { position: static; margin: 0 0 0 0; padding: 0 0 0 0; } #list .maincontents .about-cnt .merit-area .about-item-spec > ul > li > a { color: #039; } #list .maincontents .about-cnt .merit-area .about-item-spec > ul > li > a:hover { text-decoration: none; } #list .maincontents .about-cnt .merit-area .app-list { width: 100%; margin: 50px 0 50px 0; padding: 0 0 0 0; zoom: 1; } #list .maincontents .about-cnt .merit-area .app-list:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt .merit-area .app-list > li { float: left; width: 48%; list-style: none; margin-left: 4%; } #list .maincontents .about-cnt .merit-area .app-list > li:first-child, #list .maincontents .about-cnt .merit-area .app-list > li:nth-child(4), #list .maincontents .about-cnt .merit-area .app-list > li:nth-child(7), #list .maincontents .about-cnt .merit-area .app-list > li:nth-child(odd) { margin-left: 0; } #list .maincontents .about-cnt .merit-area .app-list > li:nth-child(4) { margin-left: 4%; } #list .maincontents .about-cnt .merit-area .app-list > li > a { display: block; width: 100%; height: auto; color: #333; } #list .maincontents .about-cnt .merit-area .app-list > li > a:hover { opacity: 0.75; filter: alpha(opacity=75); } #list .maincontents .about-cnt .merit-area .app-list > li > a > dl { zoom: 1; } #list .maincontents .about-cnt .merit-area .app-list > li > a > dl:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt .merit-area .app-list > li > a > dl > dt { float: left; width: 30%; } #list .maincontents .about-cnt .merit-area .app-list > li > a > dl > dt > img { width: 100%; height: auto; } #list .maincontents .about-cnt .merit-area .app-list > li > a > dl > dd { float: right; width: 65%; margin: 0 0 0 0; padding: 0 0 0 0; } #list .maincontents .about-cnt .support-box { margin: 50px 0 0 0; padding: 30px 60px; background-color: #f2f2f2; text-align: left; color: #333; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, sans-serif; } #list .maincontents .about-cnt .support-box div, #list .maincontents .about-cnt .support-box span, #list .maincontents .about-cnt .support-box applet, #list .maincontents .about-cnt .support-box object, #list .maincontents .about-cnt .support-box iframe, #list .maincontents .about-cnt .support-box h1, #list .maincontents .about-cnt .support-box h2, #list .maincontents .about-cnt .support-box h3, #list .maincontents .about-cnt .support-box h4, #list .maincontents .about-cnt .support-box h5, #list .maincontents .about-cnt .support-box h6, #list .maincontents .about-cnt .support-box p, #list .maincontents .about-cnt .support-box blockquote, #list .maincontents .about-cnt .support-box pre, #list .maincontents .about-cnt .support-box a, #list .maincontents .about-cnt .support-box abbr, #list .maincontents .about-cnt .support-box acronym, #list .maincontents .about-cnt .support-box address, #list .maincontents .about-cnt .support-box big, #list .maincontents .about-cnt .support-box cite, #list .maincontents .about-cnt .support-box code, #list .maincontents .about-cnt .support-box del, #list .maincontents .about-cnt .support-box dfn, #list .maincontents .about-cnt .support-box em, #list .maincontents .about-cnt .support-box img, #list .maincontents .about-cnt .support-box ins, #list .maincontents .about-cnt .support-box kbd, #list .maincontents .about-cnt .support-box q, #list .maincontents .about-cnt .support-box s, #list .maincontents .about-cnt .support-box samp, #list .maincontents .about-cnt .support-box small, #list .maincontents .about-cnt .support-box strike, #list .maincontents .about-cnt .support-box strong, #list .maincontents .about-cnt .support-box sub, #list .maincontents .about-cnt .support-box sup, #list .maincontents .about-cnt .support-box tt, #list .maincontents .about-cnt .support-box var, #list .maincontents .about-cnt .support-box b, #list .maincontents .about-cnt .support-box u, #list .maincontents .about-cnt .support-box i, #list .maincontents .about-cnt .support-box center, #list .maincontents .about-cnt .support-box dl, #list .maincontents .about-cnt .support-box dt, #list .maincontents .about-cnt .support-box dd, #list .maincontents .about-cnt .support-box ol, #list .maincontents .about-cnt .support-box ul, #list .maincontents .about-cnt .support-box li, #list .maincontents .about-cnt .support-box fieldset, #list .maincontents .about-cnt .support-box form, #list .maincontents .about-cnt .support-box label, #list .maincontents .about-cnt .support-box legend, #list .maincontents .about-cnt .support-box table, #list .maincontents .about-cnt .support-box caption, #list .maincontents .about-cnt .support-box tbody, #list .maincontents .about-cnt .support-box tfoot, #list .maincontents .about-cnt .support-box thead, #list .maincontents .about-cnt .support-box tr, #list .maincontents .about-cnt .support-box th, #list .maincontents .about-cnt .support-box td { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } #list .maincontents .about-cnt .support-box input, #list .maincontents .about-cnt .support-box textarea { margin: 0; padding: 0; } #list .maincontents .about-cnt .support-box ol, #list .maincontents .about-cnt .support-box ul { list-style: none; } #list .maincontents .about-cnt .support-box table { border-spacing: 0; border-collapse: collapse; } #list .maincontents .about-cnt .support-box input, #list .maincontents .about-cnt .support-box button, #list .maincontents .about-cnt .support-box textarea, #list .maincontents .about-cnt .support-box select, #list .maincontents .about-cnt .support-box a:focus { outline: none; } #list .maincontents .about-cnt .support-box > h6 { margin: 0 0 20px 0; text-align: center; font-size: 20px; letter-spacing: 0.05em; } #list .maincontents .about-cnt .support-box > a { display: table; color: #b22b30; font-size: 20px; text-decoration: none; margin: 30px auto 0; } #list .maincontents .about-cnt .support-box > a:before { content: ""; display: table-cell; vertical-align: middle; width: 40px; height: 40px; background: url(/img/common/ico_arrow_cat_01.png) no-repeat left 50%; } #list .maincontents .about-cnt .support-box > a > span { display: inline-block; margin-left: 10px; padding-top: 7px; } #list .maincontents .about-cnt .limited { margin: 50px 0 0 0; padding: 30px 60px; border: 2px solid #b22b30; text-align: left; color: #333; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, sans-serif; } #list .maincontents .about-cnt .limited div, #list .maincontents .about-cnt .limited span, #list .maincontents .about-cnt .limited applet, #list .maincontents .about-cnt .limited object, #list .maincontents .about-cnt .limited iframe, #list .maincontents .about-cnt .limited h1, #list .maincontents .about-cnt .limited h2, #list .maincontents .about-cnt .limited h3, #list .maincontents .about-cnt .limited h4, #list .maincontents .about-cnt .limited h5, #list .maincontents .about-cnt .limited h6, #list .maincontents .about-cnt .limited p, #list .maincontents .about-cnt .limited blockquote, #list .maincontents .about-cnt .limited pre, #list .maincontents .about-cnt .limited a, #list .maincontents .about-cnt .limited abbr, #list .maincontents .about-cnt .limited acronym, #list .maincontents .about-cnt .limited address, #list .maincontents .about-cnt .limited big, #list .maincontents .about-cnt .limited cite, #list .maincontents .about-cnt .limited code, #list .maincontents .about-cnt .limited del, #list .maincontents .about-cnt .limited dfn, #list .maincontents .about-cnt .limited em, #list .maincontents .about-cnt .limited img, #list .maincontents .about-cnt .limited ins, #list .maincontents .about-cnt .limited kbd, #list .maincontents .about-cnt .limited q, #list .maincontents .about-cnt .limited s, #list .maincontents .about-cnt .limited samp, #list .maincontents .about-cnt .limited small, #list .maincontents .about-cnt .limited strike, #list .maincontents .about-cnt .limited strong, #list .maincontents .about-cnt .limited sub, #list .maincontents .about-cnt .limited sup, #list .maincontents .about-cnt .limited tt, #list .maincontents .about-cnt .limited var, #list .maincontents .about-cnt .limited b, #list .maincontents .about-cnt .limited u, #list .maincontents .about-cnt .limited i, #list .maincontents .about-cnt .limited center, #list .maincontents .about-cnt .limited dl, #list .maincontents .about-cnt .limited dt, #list .maincontents .about-cnt .limited dd, #list .maincontents .about-cnt .limited ol, #list .maincontents .about-cnt .limited ul, #list .maincontents .about-cnt .limited li, #list .maincontents .about-cnt .limited fieldset, #list .maincontents .about-cnt .limited form, #list .maincontents .about-cnt .limited label, #list .maincontents .about-cnt .limited legend, #list .maincontents .about-cnt .limited table, #list .maincontents .about-cnt .limited caption, #list .maincontents .about-cnt .limited tbody, #list .maincontents .about-cnt .limited tfoot, #list .maincontents .about-cnt .limited thead, #list .maincontents .about-cnt .limited tr, #list .maincontents .about-cnt .limited th, #list .maincontents .about-cnt .limited td { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } #list .maincontents .about-cnt .limited input, #list .maincontents .about-cnt .limited textarea { margin: 0; padding: 0; } #list .maincontents .about-cnt .limited ol, #list .maincontents .about-cnt .limited ul { list-style: none; } #list .maincontents .about-cnt .limited table { border-spacing: 0; border-collapse: collapse; } #list .maincontents .about-cnt .limited input, #list .maincontents .about-cnt .limited button, #list .maincontents .about-cnt .limited textarea, #list .maincontents .about-cnt .limited select, #list .maincontents .about-cnt .limited a:focus { outline: none; } #list .maincontents .about-cnt .limited > h5 { width: 100%; color: #b22b30; padding-bottom: 15px; border-bottom: 1px solid #b22b30; font-size: 22px; letter-spacing: 0.05em; } #list .maincontents .about-cnt .limited > dl { width: 100%; margin-top: 30px; zoom: 1; } #list .maincontents .about-cnt .limited > dl:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt .limited > dl > dt { float: left; width: 60%; } #list .maincontents .about-cnt .limited > dl > dt .triallBtns { width: 100%; margin: 30px 0 0 0; line-height: 40px; height: 40px; font-size: 16px; } #list .maincontents .about-cnt .limited > dl > dd { float: right; width: 34%; height: auto; } #list .maincontents .about-cnt .limited > dl > dd > img { width: 100%; height: auto; } #list .maincontents .about-cnt .capBox { margin: 50px 0 0 0; padding: 30px 60px; background-color: #f2f2f2; text-align: left; } #list .maincontents .about-cnt .capBox > li { list-style: none; font-size: 12px; } #list .maincontents .about-cnt .capBox > li + li { margin-top: 20px; } #list .maincontents .about-cnt .capBox > li > em { display: block; font-weight: bold; font-style: normal; font-size: 14px; } #list .maincontents .about-cnt .topicLink { margin: 50px 0 0 0; padding: 0 0 0 0; zoom: 1; text-align: left; color: #333; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, sans-serif; } #list .maincontents .about-cnt .topicLink:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt .topicLink div, #list .maincontents .about-cnt .topicLink span, #list .maincontents .about-cnt .topicLink applet, #list .maincontents .about-cnt .topicLink object, #list .maincontents .about-cnt .topicLink iframe, #list .maincontents .about-cnt .topicLink h1, #list .maincontents .about-cnt .topicLink h2, #list .maincontents .about-cnt .topicLink h3, #list .maincontents .about-cnt .topicLink h4, #list .maincontents .about-cnt .topicLink h5, #list .maincontents .about-cnt .topicLink h6, #list .maincontents .about-cnt .topicLink p, #list .maincontents .about-cnt .topicLink blockquote, #list .maincontents .about-cnt .topicLink pre, #list .maincontents .about-cnt .topicLink a, #list .maincontents .about-cnt .topicLink abbr, #list .maincontents .about-cnt .topicLink acronym, #list .maincontents .about-cnt .topicLink address, #list .maincontents .about-cnt .topicLink big, #list .maincontents .about-cnt .topicLink cite, #list .maincontents .about-cnt .topicLink code, #list .maincontents .about-cnt .topicLink del, #list .maincontents .about-cnt .topicLink dfn, #list .maincontents .about-cnt .topicLink em, #list .maincontents .about-cnt .topicLink img, #list .maincontents .about-cnt .topicLink ins, #list .maincontents .about-cnt .topicLink kbd, #list .maincontents .about-cnt .topicLink q, #list .maincontents .about-cnt .topicLink s, #list .maincontents .about-cnt .topicLink samp, #list .maincontents .about-cnt .topicLink small, #list .maincontents .about-cnt .topicLink strike, #list .maincontents .about-cnt .topicLink strong, #list .maincontents .about-cnt .topicLink sub, #list .maincontents .about-cnt .topicLink sup, #list .maincontents .about-cnt .topicLink tt, #list .maincontents .about-cnt .topicLink var, #list .maincontents .about-cnt .topicLink b, #list .maincontents .about-cnt .topicLink u, #list .maincontents .about-cnt .topicLink i, #list .maincontents .about-cnt .topicLink center, #list .maincontents .about-cnt .topicLink dl, #list .maincontents .about-cnt .topicLink dt, #list .maincontents .about-cnt .topicLink dd, #list .maincontents .about-cnt .topicLink ol, #list .maincontents .about-cnt .topicLink ul, #list .maincontents .about-cnt .topicLink li, #list .maincontents .about-cnt .topicLink fieldset, #list .maincontents .about-cnt .topicLink form, #list .maincontents .about-cnt .topicLink label, #list .maincontents .about-cnt .topicLink legend, #list .maincontents .about-cnt .topicLink table, #list .maincontents .about-cnt .topicLink caption, #list .maincontents .about-cnt .topicLink tbody, #list .maincontents .about-cnt .topicLink tfoot, #list .maincontents .about-cnt .topicLink thead, #list .maincontents .about-cnt .topicLink tr, #list .maincontents .about-cnt .topicLink th, #list .maincontents .about-cnt .topicLink td { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } #list .maincontents .about-cnt .topicLink input, #list .maincontents .about-cnt .topicLink textarea { margin: 0; padding: 0; } #list .maincontents .about-cnt .topicLink ol, #list .maincontents .about-cnt .topicLink ul { list-style: none; } #list .maincontents .about-cnt .topicLink table { border-spacing: 0; border-collapse: collapse; } #list .maincontents .about-cnt .topicLink input, #list .maincontents .about-cnt .topicLink button, #list .maincontents .about-cnt .topicLink textarea, #list .maincontents .about-cnt .topicLink select, #list .maincontents .about-cnt .topicLink a:focus { outline: none; } #list .maincontents .about-cnt .topicLink > li { float: left; list-style: none; width: 48%; margin-left: 4%; cursor: pointer; border: 1px solid #cdcdcd; } #list .maincontents .about-cnt .topicLink > li:first-child, #list .maincontents .about-cnt .topicLink > li:nth-child(odd) { margin-left: 0; } #list .maincontents .about-cnt .topicLink > li:nth-child(n + 3) { margin-top: 30px; } #list .maincontents .about-cnt .topicLink > li:hover { opacity: 0.75; filter: alpha(opacity=75); } #list .maincontents .about-cnt .topicLink > li > a { display: block; width: 100%; height: auto; text-decoration: none; color: #333333; } #list .maincontents .about-cnt .topicLink > li > a > img { width: 100%; height: auto; } #list .maincontents .digital-technology .showcase { position: relative; width: 100%; height: 360px; margin-top: 0; padding: 0 0 0 0; background: url(/gallery/agent_store/digital-technology_mv_01.jpg) no-repeat 0 0; background-size: cover; background-position: center; } #list .maincontents .digital-technology .showcase h2 { position: absolute; width: auto; top: 20%; left: 25%; text-align: left; color: #000000; text-shadow: 0 2px 4px #ffffff, 2px 0 2px #ffffff, 0 -2px 4px #ffffff, -2px 0 4px #ffffff, 2px 2px 4px #ffffff, -2px 2px 4px #ffffff, 2px -2px 4px #ffffff, -2px -2px 4px #ffffff; } #list .maincontents .digital-technology .showcase h2 strong { display: block; font-size: 24px; color: #b22b30; letter-spacing: 0.05em; text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white; } #list .maincontents .digital-technology .showcase h2 em { display: block; font-size: 40px; text-indent: -0.5em; font-style: normal; } #list .maincontents .digital-technology .showcase .mv-tag { position: absolute; left: 25%; bottom: 40px; width: 360px; height: 40px; margin: 0 0 0 0; line-height: 42px; text-align: center; color: #b22b30; border: 1px solid #b22b30; font-size: 18px; background-color: white; text-indent: -0.5em; } #list .maincontents .about .showcaseWarpper { margin: 0 0; padding: 0 0; background: url(/gallery/agent_store/about_mv_01.jpg) no-repeat 70% center; background-size: auto; } #list .maincontents .about .showcase { position: relative; width: 100%; height: 360px; margin-top: 0; padding: 0 0 0 0; } #list .maincontents .about .showcase .mainTexArea { position: absolute; top: 0; right: 10px; z-index: 11; padding: 10% 0 0 0; width: 580px; height: 360px; text-align: left; } #list .maincontents .about .showcase .mainTexArea h2.mainttl { font-size: 36px; font-weight: bold; line-height: 1.5em; margin-bottom: 30px; text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white; } #list .maincontents .about .showcase .mainTexArea p.lead { margin-bottom: 30px; font-weight: bold; font-size: 18px; line-height: 1.5; text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white; } #list .maincontents .about #about-intro > h3 span {} #list .maincontents .about #about-intro > h3 em { display: block; margin-top: 10px; font-size: 30px; font-style: normal; } } @media screen and (max-width: 959px) { #list { /* ここから商品一覧のメニューの位置 */ /* ここからセミナーの記述 */ } /* #list .categoryMenu { top: 100% !important; } */ #list .seminar-cnt { width: 100%; background-color: #f2f2f2; padding: 50px 0; } #list .seminar-cnt > h3 { text-align: center; margin: 0 0 50px 0; color: #333; font-weight: bold; font-size: 24px; } #list .seminar-cnt .seminar-cnt-inner { width: 90%; margin: 0 auto; } #list .seminar-cnt .seminar-cnt-inner > ul { width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; zoom: 1; } #list .seminar-cnt .seminar-cnt-inner > ul:after { display: block; clear: both; content: ""; } #list .seminar-cnt .seminar-cnt-inner > ul > li { float: left; width: 48%; height: auto; padding: 0 0 0 0; list-style: none; } #list .seminar-cnt .seminar-cnt-inner > ul > li > img { width: 100%; height: auto; } #list .seminar-cnt .seminar-cnt-inner > ul > li > h4 { margin: 20px 0 0 0; font-weight: bold; font-size: 18px; } #list .seminar-cnt .seminar-cnt-inner > ul > li > p.btn { font-size: 16px; font-weight: bold; display: block; line-height: 50px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; width: 200px; margin: 30px auto 0; } #list .seminar-cnt .seminar-cnt-inner > ul > li > p.btn a { display: block; color: white; text-decoration: none; } #list .seminar-cnt .seminar-cnt-inner > ul > li > p.btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #list .seminar-cnt .seminar-cnt-inner > ul > li > p.btn:hover a { display: block; color: #b22b30; text-decoration: none; } #list .seminar-cnt .seminar-cnt-inner > ul > li > ul { width: 100%; margin: 20px 0 0 0; padding: 0 0 0 0; } #list .seminar-cnt .seminar-cnt-inner > ul > li > ul > li { position: relative; padding-left: 1.8em; margin-bottom: 0.2em; list-style: none; font-size: 14px; } #list .seminar-cnt .seminar-cnt-inner > ul > li > ul > li:before { display: inline-block; content: ""; position: absolute; top: 0.25em; bottom: auto; left: 0.2em; margin: auto; width: 1em; height: 1em; background: #b02d34; } #list .seminar-cnt .seminar-cnt-inner > ul > li + li { margin-left: 4%; } #list .detailTabContPanel { width: 90%; margin: 50px auto; overflow: auto; overflow-x: scroll; white-space: nowrap; } #list .detailTabContPanel::-webkit-scrollbar { height: 12px; } #list .detailTabContPanel::-webkit-scrollbar-track { height: 1px; background: #ccc; } #list .detailTabContPanel::-webkit-scrollbar-thumb { background: #999; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable { font-size: 14px; width: 100%; border-bottom: 1px solid #ccc; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable th { padding: 5px; font-weight: bold; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable td { padding: 10px; border-left: #ccc; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead th, #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead td { color: white; background-color: #808080; vertical-align: middle; text-align: left; border-left: 1px solid white; padding: 10px; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead th.head01, #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead td.head01 { width: auto !important; border-left: none; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead th.head02, #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead td.head02, #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead th.head04, #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead td.head04, #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead th.head05, #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead td.head05, #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead th.head06, #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable thead td.head06 { width: auto !important; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody a { color: #039; text-decoration: underline; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody a:hover { text-decoration: underline; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody th { text-align: left; border-left: 1px solid #ccc; border-top: 1px solid #ccc; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td { text-align: left; border-left: 1px solid #ccc; border-top: 1px solid #ccc; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td > p { margin: 0 0 0 0; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td > p.btn { font-size: 16px; font-weight: bold; line-height: 50px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; width: 200px; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td > p.btn a { display: block; color: white; text-decoration: none; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td > p.btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td > p.btn:hover a { display: block; color: #b22b30; text-decoration: none; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td:last-of-type { border-right: 1px solid #ccc; } #list .detailTabContPanel .tabInnerTableOuter .tabInnerTable tbody td:nth-of-type(3) { white-space: normal; } } @media screen and (max-width: 767px) { #list { /* ここから商品一覧のメニューの位置 */ /* ここからセミナーの記述 */ /* ここからオープン告知とメタアーク訴求の記述 */ } #list .categoryMenu.hideMenu1, #list .categoryMenu.hideMenu2, #list .categoryMenu.hideMenu3 { top: 35% !important; } #list .categoryMenu.hideMenu4, #list .categoryMenu.hideMenu5 { top: 67% !important; } #list .seminar-cnt { width: 100%; background-color: #f2f2f2; padding: 50px 0; } #list .seminar-cnt > h3 { text-align: center; margin: 0 0 30px 0; color: #333; font-weight: bold; font-size: 24px; } #list .seminar-cnt .seminar-cnt-inner { width: 90%; margin: 0 auto; } #list .seminar-cnt .seminar-cnt-inner > ul { width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; zoom: 1; } #list .seminar-cnt .seminar-cnt-inner > ul:after { display: block; clear: both; content: ""; } #list .seminar-cnt .seminar-cnt-inner > ul > li { float: none; width: 100%; height: auto; padding: 0 0 0 0; list-style: none; } #list .seminar-cnt .seminar-cnt-inner > ul > li > img { width: 100%; height: auto; } #list .seminar-cnt .seminar-cnt-inner > ul > li > h4 { font-size: 16px; } #list .seminar-cnt .seminar-cnt-inner > ul > li > p.btn { width: 100%; } #list .seminar-cnt .seminar-cnt-inner > ul > li > ul { width: 100%; margin: 20px 0 0 0; padding: 0 0 0 0; } #list .seminar-cnt .seminar-cnt-inner > ul > li > ul > li { position: relative; padding-left: 1.8em; margin-bottom: 0.2em; list-style: none; font-size: 14px; } #list .seminar-cnt .seminar-cnt-inner > ul > li > ul > li:before { display: inline-block; content: ""; position: absolute; top: 0.25em; bottom: auto; left: 0.2em; margin: auto; width: 1em; height: 1em; background: #b02d34; } #list .seminar-cnt .seminar-cnt-inner > ul > li + li { border-top: 1px solid #dadada; margin: 50px 0 0 0; padding-top: 50px; } #list #wmfcContOuter { margin: 40px auto 0; } #list .maincontents .pc-br { display: none; } #list .maincontents .sp-br { display: block; } #list .maincontents .pgTtlh2 { margin: 0 auto 0; padding: 30px 0 30px 0; } #list .maincontents .about-cnt p { position: static; margin: 0 0 0 0; padding: 0 0 0 0; background: none; line-height: 1.75em; font-weight: normal; cursor: inherit; } #list .maincontents .about-cnt .triallBtns { width: 100%; font-size: 18px; } #list .maincontents .about-cnt #about-intro > h3 { font-size: 120%; text-align: left; padding-left: 3em; } #list .maincontents .about-cnt #about-intro > h3:before { left: 0; right: auto; width: 40px; height: 39px; background-position: 0 -39px; } #list .maincontents .about-cnt #about-intro > ul { display: block; width: 100%; margin: 30px auto 30px; padding: 0 0 0 0; zoom: 1; } #list .maincontents .about-cnt #about-intro > ul:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt #about-intro > ul > li { float: none; width: 100%; text-align: left; zoom: 1; } #list .maincontents .about-cnt #about-intro > ul > li:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt #about-intro > ul > li > img { float: left; width: 30%; height: auto; } #list .maincontents .about-cnt #about-intro > ul > li + li { margin: 30px 0 0 0; } #list .maincontents .about-cnt #about-intro > ul > li > em { float: right; width: 68%; margin: 10px 0; font-size: 16px; font-style: normal; } #list .maincontents .about-cnt #about-intro > ul > li > p { float: right; width: 68%; } #list .maincontents .about-cnt .pageLink-box { padding: 0; background-color: white; } #list .maincontents .about-cnt .pageLink-box > li { margin: 10px 0 0 0; text-indent: -1em; padding-left: 7%; line-height: 1.5em; } #list .maincontents .about-cnt .pageLink-box > li:first-child { margin: 0 0 0 0; } #list .maincontents .about-cnt .pageLink-box > li > a { text-decoration: none; color: #039; font-size: 11px; } #list .maincontents .about-cnt .pageLink-box > li > a > span { display: inline-block; margin-right: 0; } #list .maincontents .about-cnt .merit-area > h4 { font-size: 120%; text-align: left; padding-left: 3em; } #list .maincontents .about-cnt .merit-area > h4:before { left: 0em; right: auto; width: 40px; height: 30px; background-position: 0 -30px; } #list .maincontents .about-cnt .merit-area > h5 { margin-top: 30px; font-size: 16px; padding: 50px 0 0 0; background-position: center top !important; text-align: center; } #list .maincontents .about-cnt .merit-area .small-title { font-size: 18px; } #list .maincontents .about-cnt .merit-area .about-item-list { margin: 30px 0 30px; } #list .maincontents .about-cnt .merit-area .about-item-list > li { width: 48%; margin-left: 4%; } #list .maincontents .about-cnt .merit-area .about-item-list > li > a > p { font-size: 12px; } #list .maincontents .about-cnt .merit-area .about-item-list > li > a:hover { opacity: 1; filter: alpha(opacity=100); } #list .maincontents .about-cnt .merit-area .about-item-list > li:nth-child(6) { margin-left: 4%; } #list .maincontents .about-cnt .merit-area .about-item-list > li:nth-child(n + 6) { margin-top: 0; } #list .maincontents .about-cnt .merit-area .about-item-list > li:nth-child(n + 3) { margin-top: 30px; } #list .maincontents .about-cnt .merit-area .about-item-list > li:first-child, #list .maincontents .about-cnt .merit-area .about-item-list > li:nth-child(5n + 1) { clear: none; } #list .maincontents .about-cnt .merit-area .about-item-list > li:nth-child(odd) { margin-left: 0; clear: both; } #list .maincontents .about-cnt .merit-area .about-item-list > li:nth-child(even) { margin-left: 4%; } #list .maincontents .about-cnt .merit-area .about-item-spec { float: none; width: 100%; margin: 30px 0 0 0; } #list .maincontents .about-cnt .merit-area .about-item-spec:first-of-type { margin: 30px 0 0 0; } #list .maincontents .about-cnt .merit-area .about-item-spec:nth-of-type(3) { width: 100% !important; margin: 30px 0 0 0; } #list .maincontents .about-cnt .merit-area .about-item-spec > ul { position: static; margin: 0 0 0 0; padding: 0 0 0 0; } #list .maincontents .about-cnt .merit-area .about-item-spec > ul > li > a { color: #039; } #list .maincontents .about-cnt .merit-area .about-item-spec > ul > li > a:hover { text-decoration: underline; } #list .maincontents .about-cnt .merit-area .app-list { margin: 30px 0 30px 0; } #list .maincontents .about-cnt .merit-area .app-list > li { float: none; width: 100%; margin: 30px 0 0 0; } #list .maincontents .about-cnt .merit-area .app-list > li:first-child, #list .maincontents .about-cnt .merit-area .app-list > li:nth-child(4), #list .maincontents .about-cnt .merit-area .app-list > li:nth-child(7), #list .maincontents .about-cnt .merit-area .app-list > li:nth-child(4) { margin-left: 0; } #list .maincontents .about-cnt .merit-area .app-list > li:first-child { margin: 0 0 0 0; } #list .maincontents .about-cnt .merit-area .app-list > li:nth-child(n + 2) { margin: 30px 0 0 0; } #list .maincontents .about-cnt .merit-area .app-list > li > a:hover { opacity: 1; filter: alpha(opacity=100); } #list .maincontents .about-cnt .support-box { padding: 20px 20px; } #list .maincontents .about-cnt .support-box > h6 { text-align: left; font-size: 18px; overflow-wrap: break-word; } #list .maincontents .about-cnt .support-box > a { display: table; font-size: 12px; margin: 30px 0 0 0; } #list .maincontents .about-cnt .support-box > a > span { display: inline-block; margin-left: 10px; padding-top: 0; overflow-wrap: break-word; } #list .maincontents .about-cnt .limited { margin: 30px 0 0 0; padding: 20px 20px; text-align: left; } #list .maincontents .about-cnt .limited > h5 { font-size: 16px; padding-bottom: 15px; border-bottom: 1px solid #b22b30; } #list .maincontents .about-cnt .limited > dl { width: 100%; margin-top: 30px; zoom: 1; } #list .maincontents .about-cnt .limited > dl:after { display: block; clear: both; content: ""; } #list .maincontents .about-cnt .limited > dl > dt { float: none; width: 100%; } #list .maincontents .about-cnt .limited > dl > dt .triallBtns { width: 100%; font-size: 12px; } #list .maincontents .about-cnt .limited > dl > dd { float: none; width: 100%; height: auto; margin-top: 30px; } #list .maincontents .about-cnt .limited > dl > dd > img { width: 100%; height: auto; } #list .maincontents .about-cnt .right-s-btn { position: static; float: none; font-size: 16px; font-weight: bold; display: block; line-height: 40px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; width: 50%; margin: 30px auto 0; } #list .maincontents .about-cnt .right-s-btn a { display: block; color: white; text-decoration: none; } #list .maincontents .about-cnt .right-s-btn:hover { background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #list .maincontents .about-cnt .right-s-btn:hover a { display: block; color: #b22b30; text-decoration: none; } #list .maincontents .about-cnt .support-link-btn { position: static; display: table; color: #b22b30; font-size: 12px; text-decoration: none; margin: 30px auto 0; } #list .maincontents .about-cnt .support-link-btn:before { content: ""; display: table-cell; vertical-align: middle; width: 40px; height: 40px; background: url(/img/common/ico_arrow_cat_01.png) no-repeat left 50%; } #list .maincontents .about-cnt .support-link-btn > span { display: inline-block; margin-left: 10px; padding-top: 10px; } #list .maincontents .about-cnt .capBox { padding: 30px 5%; } #list .maincontents .about-cnt .capBox > li { font-size: 12px; } #list .maincontents .about-cnt .capBox > li > em { display: block; font-weight: bold; font-style: normal; font-size: 14px; } #list .maincontents .about-cnt .topicLink > li { float: none; width: 100%; margin: 30px 0 0 0; } #list .maincontents .about-cnt .topicLink > li:first-child { margin: 0 0 0 0; } #list .maincontents .about-cnt .topicLink > li:nth-child(odd) { margin-left: 0; } #list .maincontents .about-cnt .topicLink > li:nth-child(n + 3) { margin-top: 30px; } #list .maincontents .about-cnt .topicLink > li:hover { opacity: 1; filter: alpha(opacity=100); } #list .maincontents .digital-technology .showcase { position: relative; width: 100%; height: 160px; margin-top: 0; padding: 0 0 0 0; background-size: cover; background-position: left; } #list .maincontents .digital-technology .showcase h2 { position: static; width: auto; margin: 0 5% 0 0; padding: 15px 0 0 0; text-align: right; } #list .maincontents .digital-technology .showcase h2 strong { display: block; font-size: 14px; color: #b22b30; letter-spacing: 0.05em; text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white; } #list .maincontents .digital-technology .showcase h2 em { display: block; font-size: 16px; text-indent: -0.5em; font-style: normal; } #list .maincontents .digital-technology .showcase .mv-tag { width: 100%; height: 24px; left: auto; right: 0; bottom: 0; line-height: 24px; font-size: 12px; text-indent: 0; color: white; background-color: #b22b30; } #list .maincontents .about .showcase { position: relative; width: 100%; height: 160px; margin-top: 0; padding: 0 0 0 0; background: url(/gallery/agent_store/about_mv_01.jpg) no-repeat center center; background-size: cover; } #list .maincontents .about .showcase .mainTexArea { position: absolute; top: 0%; left: 0; right: 10px; z-index: 11; margin-top: 0; margin-bottom: 0; padding: 0 0 0 0; width: 100%; height: auto; text-align: left; } #list .maincontents .about .showcase .mainTexArea h2.mainttl { font-size: 24px; padding: 20px 5% 0 5%; font-weight: bold; line-height: 1.5em; margin-bottom: 30px; text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white; } #list .maincontents .about .showcase .mainTexArea p.lead { width: 90%; margin: 20px auto 30px; font-weight: bold; font-size: 14px; line-height: 1.6; text-align: left; text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white; } #list .maincontents .about #about-intro > h3 span { display: inline-block; width: auto; height: 30px; padding: 0 15px; margin-top: 5px; line-height: 30px; color: white; font-size: 16px; font-weight: normal; background-color: #333333; } #list .maincontents .about #about-intro > h3 em { display: block; margin-top: 10px; font-size: 18px; font-style: normal; } #list .maincontents .about .support-box > a > span { padding-top: 10px; } } @media screen and (max-width: 959px) { .detalTexBtns li.blankcbtn { width: 100% !important; } .detalTexBtns li.blankcbtn p { background: url(/img/common/ico_blank_white.png) no-repeat 94% center !important; } .detalTexBtns li.blankcbtn p a { font-size: 12px !important; } .detalTexBtns li.blankcbtn p:hover { background: url(/img/common/ico_blank_red.png) no-repeat 94% center !important; } } @media screen and (max-width: 767px) { .detalTexBtns li.blankcbtn { width: 100% !important; } .detalTexBtns li.blankcbtn p { background: url(/img/common/ico_blank_white.png) no-repeat 94% center !important; } .detalTexBtns li.blankcbtn p a { font-size: 14px !important; } .detalTexBtns li.blankcbtn p:hover { background: url(/img/common/ico_blank_red.png) no-repeat 94% center !important; } } /* ↓ 取材記事追加 0810 */ #wmfcContOuter .reportFullWidth { margin: 0 -100% 30px; padding: 0 100%; width: 100%; background: transparent; } @media screen and (max-width: 767px) { #wmfcContOuter .reportFullWidth { margin: 0 auto 30px; padding: 0; } } #wmfcContOuter .reportFullWidth * { box-sizing: border-box; } #wmfcContOuter .reportSection .reportH2, #wmfcContOuter .reportSection .reportH3, #wmfcContOuter .reportAside .reportH2, #wmfcContOuter .reportAside .reportH3 { margin-bottom: 1em; } #wmfcContOuter .reportSection p, #wmfcContOuter .reportAside p { margin-bottom: 1em; font-size: 16px; font-size: 1rem; line-height: 2; } @media screen and (max-width: 959px) { #wmfcContOuter .reportSection .reportInner > div, #wmfcContOuter .reportSection .reportInner > p, #wmfcContOuter .reportAside .reportInner > p { margin-left: auto; margin-right: auto; width: 90%; } } @media screen and (max-width: 767px) { #wmfcContOuter .reportSection p, #wmfcContOuter .reportAside p { font-size: 14px; font-size: .875rem; } #wmfcContOuter .reportSection .reportInner ul, #wmfcContOuter .reportSection .reportInner ol, #wmfcContOuter .reportAside .reportInner ul, #wmfcContOuter .reportAside .reportInner ol { padding: 0 0 0 1.5em; } } #wmfcContOuter .reportSection .reportInner, #wmfcContOuter .reportAside .reportInner { padding: 15px 0; } #wmfcContOuter .reportFigure { margin-bottom: 1em; max-width: 768px; margin-left: auto; margin-right: auto; } #wmfcContOuter .reportFigure img { display: block; margin: auto; width: 100%; height: auto; } #wmfcContOuter .reportFigureCaption { display: inline-block; margin-top: .5em; font-size: 14px; font-size: .875rem; line-height: 1.25; } @media screen and (max-width: 959px) { #wmfcContOuter .reportFigureCaption { font-size: smaller; } } #wmfcContOuter .reportMainHeader { background-color: #d7d2cf; } #wmfcContOuter .reportMainVisual { width: 100%; max-width: 980px; background: transparent none no-repeat 100% 100%; background-size: auto 300px; } @media screen and (max-width: 959px) { #wmfcContOuter .reportMainVisual { background-size: auto 220px; } } @media screen and (max-width: 767px) { #wmfcContOuter .reportMainVisual { background-size: 150%; } } #wmfcContOuter .reportMainVisual .reportMainTitle { width: 100%; height: 100%; min-height: 300px; } @media screen and (max-width: 959px) { #wmfcContOuter .reportMainVisual .reportMainTitle { min-height: 220px; } } @media screen and (max-width: 767px) { #wmfcContOuter .reportMainVisual .reportMainTitle { width: 100%; min-height: 420px; } } #wmfcContOuter .reportMainVisual .reportMainTitle .reportMainTitleInner { display: table; width: 100%; height: 1px; min-height: 300px; } @media screen and (max-width: 959px) { #wmfcContOuter .reportMainVisual .reportMainTitle .reportMainTitleInner { min-height: 220px; } } @media screen and (max-width: 767px) { #wmfcContOuter .reportMainVisual .reportMainTitle .reportMainTitleInner { min-height: 420px; } } #wmfcContOuter .reportMainVisual .reportMainTitle .reportMainTitleInner .reportH1 { display: table-cell; margin-bottom: 0; vertical-align: middle; color: #333; font-size: 40px; font-size: 2.5rem; font-weight: 600; } @media screen and (max-width: 959px) { #wmfcContOuter .reportMainVisual .reportMainTitle .reportMainTitleInner .reportH1 { padding: 0 5%; font-size: 28px; font-size: 1.75rem; } } @media screen and (max-width: 767px) { #wmfcContOuter .reportMainVisual .reportMainTitle .reportMainTitleInner .reportH1 { padding: 10px 5%; vertical-align: top; font-size: 32px; font-size: 2rem; } } #wmfcContOuter .reportMainVisual .reportH1 > small { font-size: 24px; font-size: 1.5rem; font-weight: 500; } @media screen and (max-width: 959px) { #wmfcContOuter .reportMainVisual .reportH1 > small { font-size: 19px; font-size: 1.1875rem; } } @media screen and (max-width: 767px) { #wmfcContOuter .reportMainVisual .reportH1 > small { font-size: 16px; font-size: 1rem; } } #wmfcContOuter .reportMainVisual .reportTxtShadow { color: #000; text-shadow: 0 2px 4px #fff, 2px 0 2px #fff, 0 -2px 4px #fff, -2px 0 4px #fff, 2px 2px 4px #fff, -2px 2px 4px #fff, 2px -2px 4px #fff, -2px -2px 4px #fff; } #wmfcContOuter .reportBtn { width: 100%; } #wmfcContOuter .reportBtn > .btn { display: block; margin-left: auto; margin-right: auto; border: 1px solid #b22b30; width: 200px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 50px; text-align: center; } #wmfcContOuter .reportBtn.reportBtnLf > .btn, #wmfcContOuter .reportBtn.reportBtnLfCr > .btn, #wmfcContOuter .reportBtn.reportBtnLfRt > .btn { margin-left: 0; } #wmfcContOuter .reportBtn.reportBtnRt > .btn, #wmfcContOuter .reportBtn.reportBtnRtLf > .btn, #wmfcContOuter .reportBtn.reportBtnRtCr > .btn { margin-right: 0; } @media screen and (max-width: 767px) { #wmfcContOuter .reportBtn.reportBtnLfCr > .btn, #wmfcContOuter .reportBtn.reportBtnRtCr > .btn { margin-left: auto; margin-right: auto; } #wmfcContOuter .reportBtn.reportBtnCrLf > .btn, #wmfcContOuter .reportBtn.reportBtnRtLf > .btn { margin-left: 0; } #wmfcContOuter .reportBtn.reportBtnCrRt > .btn, #wmfcContOuter .reportBtn.reportBtnLfRt > .btn { margin-right: 0; } } #wmfcContOuter .reportBtn > .btn a { display: block; color: #fff; text-decoration: none; } #wmfcContOuter .reportBtn > .btn:hover, #wmfcContOuter .reportBtn > .btn:active, #wmfcContOuter .reportBtn > .btn:focus { background: #fff url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; } #wmfcContOuter .reportBtn > .btn:hover a, #wmfcContOuter .reportBtn > .btn:active a, #wmfcContOuter .reportBtn > .btn:focus a { color: #b22b30; } #wmfcContOuter .reportLeadText { margin: 0 auto 30px; } @media screen and (max-width: 959px) { #wmfcContOuter .reportLeadText { width: 90%; } } #wmfcContOuter .reportLeadText * { box-sizing: border-box; } #wmfcContOuter .reportLeadText > *:last-child { margin-bottom: 0; } #wmfcContOuter .reportLeadText p { margin-bottom: 1em; font-size: 16px; font-size: 1rem; line-height: 2; } @media screen and (max-width: 767px) { #wmfcContOuter .reportLeadText p { font-size: 14px; font-size: .875rem; } } #wmfcContOuter .reportIndex ul, #wmfcContOuter .reportIndex ol { font-size: 14px; font-size: .875rem; } @media screen and (max-width: 767px) { #wmfcContOuter .reportIndex ul, #wmfcContOuter .reportIndex ol { padding: 0 0 0 1.5em; } } #wmfcContOuter .reportCmnBox.cmnbox { margin-bottom: 30px; } @media screen and (max-width: 959px) { #wmfcContOuter .reportCmnBox.cmnbox .bginner, #wmfcContOuter .reportCmnBox.cmnbox .bginner2 { padding: 20px 5%; } } #wmfcContOuter .reportPager.pager-wrapper { width: 100%; max-width: 980px; margin: 50px auto; text-align: center; } @media screen and (max-width: 959px) { #wmfcContOuter .reportPager.pager-wrapper { width: 90%; } } #wmfcContOuter .reportPager.pager-wrapper ul.pager { padding: 0; margin: 0; list-style: none; display: inline-block; zoom: 1; } #wmfcContOuter .reportPager.pager-wrapper ul.pager:after { content: " "; display: block; clear: both; } #wmfcContOuter .reportPager.pager-wrapper ul.pager li { display: table; width: 1.6em; line-height: 1.6em; margin: 0 0 0 0.8em; border: 2px solid #b22b30; float: left; font-size: 24px; font-size: 1.5rem; box-sizing: border-box; } @media screen and (max-width: 767px) { #wmfcContOuter .reportPager.pager-wrapper ul.pager li { font-size: 17px; font-size: 1.0625rem; } } #wmfcContOuter .reportPager.pager-wrapper ul.pager li:first-child { margin: 0; } #wmfcContOuter .reportPager.pager-wrapper ul.pager li a { display: table-cell; vertical-align: middle; color: #b22b30; text-decoration: none; font-weight: bold; } #wmfcContOuter .reportPager.pager-wrapper ul.pager li.active { background-color: #808080; border: 2px solid #808080; } #wmfcContOuter .reportPager.pager-wrapper ul.pager li.active a { color: #fff; } #wmfcContOuter .reportPager.pager-wrapper ul.pager li.prev { width: auto; margin-left: 0; margin-top: 2px; border: none; } #wmfcContOuter .reportPager.pager-wrapper ul.pager li.prev:before { display: inline-block; content: ""; width: 16px; height: 15px; margin-top: 10px; margin-right: 10px; background-image: url(/gallery/agent_store/icon_arrow_c.png); background-repeat: no-repeat; background-size: 100%; } #wmfcContOuter .reportPager.pager-wrapper ul.pager li.next { width: auto; margin-top: 2px; border: none; } #wmfcContOuter .reportPager.pager-wrapper ul.pager li.next:after { display: inline-block; content: ""; width: 16px; height: 15px; margin-top: 10px; margin-left: 10px; background-image: url(/gallery/agent_store/icon_arrow_d.png); background-repeat: no-repeat; background-size: 100%; } #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg {} @media screen and (max-width: 767px) { #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg { position: static; padding-top: 0; height: auto; } } #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg img {} @media screen and (max-width: 767px) { #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg img { position: static; } } #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbon { position: absolute; top: 10px; left: -10px; z-index: 11; padding: 5px 6px 4px; color: #fff; font-size: 14px; font-size: .875rem; line-height: 1; background: transparent no-repeat; } @media screen and (max-width: 767px) { #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbon { position: static; } } #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbon + .ribbon { top: 36px; } #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonC { background-color: #b22b30; } #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonD { background-color: #4b4595; } #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonE { background-color: #267a08; } #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonF { background-color: #914405; } #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonN { padding: 5px 6px; border: #b22b30 1px solid; color: #b22b30; font-size: 11px; font-size: .6875rem; background-color: #fff; } #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonS { background-color: #105d9c; } #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonT { background-color: #267a08; } #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonX { background-color: #6c6400; } #wmfcContOuter .reportSlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonZ { background-color: #57564f; } #wmfcContOuter .reportRow { width: 100%; display: block; } #wmfcContOuter .reportRow * { box-sizing: border-box; } #wmfcContOuter .reportRow::before, #wmfcContOuter .reportRow::after { display: table; content: " "; } #wmfcContOuter .reportRow::after { clear: both; } #wmfcContOuter .reportRow > .reportCol { position: relative; float: left; margin-right: 10px; } #wmfcContOuter .reportRow > .reportCol:last-child { margin-right: 0; } #wmfcContOuter .reportRow > .reportCol.reportCol1 { width: calc(8.33333333% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportCol2 { width: calc(16.66666667% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportCol3 { width: calc(25% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportCol4 { width: calc(33.33333333% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportCol5 { width: calc(41.66666667% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportCol6 { width: calc(50% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportCol7 { width: calc(58.33333333% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportCol8 { width: calc(66.66666667% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportCol9 { width: calc(75% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportCol10 { width: calc(83.33333333% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportCol11 { width: calc(91.66666667% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportCol12 { width: 100%; } #wmfcContOuter .reportRow > .reportCol.reportColPush1, #wmfcContOuter .reportRow > .reportCol.reportColPush2, #wmfcContOuter .reportRow > .reportCol.reportColPush3, #wmfcContOuter .reportRow > .reportCol.reportColPush4, #wmfcContOuter .reportRow > .reportCol.reportColPush5, #wmfcContOuter .reportRow > .reportCol.reportColPush6, #wmfcContOuter .reportRow > .reportCol.reportColPush7, #wmfcContOuter .reportRow > .reportCol.reportColPush8, #wmfcContOuter .reportRow > .reportCol.reportColPush9, #wmfcContOuter .reportRow > .reportCol.reportColPush10, #wmfcContOuter .reportRow > .reportCol.reportColPush11 { margin-right: 0; } #wmfcContOuter .reportRow > .reportCol.reportColPull1, #wmfcContOuter .reportRow > .reportCol.reportColPull2, #wmfcContOuter .reportRow > .reportCol.reportColPull3, #wmfcContOuter .reportRow > .reportCol.reportColPull4, #wmfcContOuter .reportRow > .reportCol.reportColPull5, #wmfcContOuter .reportRow > .reportCol.reportColPull6, #wmfcContOuter .reportRow > .reportCol.reportColPull7, #wmfcContOuter .reportRow > .reportCol.reportColPull8, #wmfcContOuter .reportRow > .reportCol.reportColPull9, #wmfcContOuter .reportRow > .reportCol.reportColPull10, #wmfcContOuter .reportRow > .reportCol.reportColPull11 { margin-right: 10px; } #wmfcContOuter .reportRow > .reportCol.reportColPush1 { left: calc(8.33333333% + 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPush2 { left: calc(16.66666667% + 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPush3 { left: calc(25% + 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPush4 { left: calc(33.33333333% + 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPush5 { left: calc(41.66666667% + 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPush6 { left: calc(50% + 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPush7 { left: calc(58.33333333% + 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPush8 { left: calc(66.66666667% + 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPush9 { left: calc(75% + 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPush10 { left: calc(83.33333333% + 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPush11 { left: calc(91.66666667% + 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPull1 { right: calc(8.33333333% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPull2 { right: calc(16.66666667% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPull3 { right: calc(25% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPull4 { right: calc(33.33333333% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPull5 { right: calc(41.66666667% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPull6 { right: calc(50% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPull7 { right: calc(58.33333333% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPull8 { right: calc(66.66666667% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPull9 { right: calc(75% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPull10 { right: calc(83.33333333% - 10px); } #wmfcContOuter .reportRow > .reportCol.reportColPull11 { right: calc(91.66666667% - 10px); } @media screen and (max-width: 959px) { #wmfcContOuter .reportRow { width: 90%; margin: auto; } } @media screen and (max-width: 767px) { #wmfcContOuter .reportRow > .reportCol { margin-left: auto; margin-right: auto; } #wmfcContOuter .reportRow > .reportCol.reportCol1, #wmfcContOuter .reportRow > .reportCol.reportCol2, #wmfcContOuter .reportRow > .reportCol.reportCol3, #wmfcContOuter .reportRow > .reportCol.reportCol4, #wmfcContOuter .reportRow > .reportCol.reportCol5, #wmfcContOuter .reportRow > .reportCol.reportCol6, #wmfcContOuter .reportRow > .reportCol.reportCol7, #wmfcContOuter .reportRow > .reportCol.reportCol8, #wmfcContOuter .reportRow > .reportCol.reportCol9, #wmfcContOuter .reportRow > .reportCol.reportCol10, #wmfcContOuter .reportRow > .reportCol.reportCol11, #wmfcContOuter .reportRow > .reportCol.reportCol12 { width: 100%; } #wmfcContOuter .reportRow > .reportCol.reportColPush1, #wmfcContOuter .reportRow > .reportCol.reportColPush2, #wmfcContOuter .reportRow > .reportCol.reportColPush3, #wmfcContOuter .reportRow > .reportCol.reportColPush4, #wmfcContOuter .reportRow > .reportCol.reportColPush5, #wmfcContOuter .reportRow > .reportCol.reportColPush6, #wmfcContOuter .reportRow > .reportCol.reportColPush7, #wmfcContOuter .reportRow > .reportCol.reportColPush8, #wmfcContOuter .reportRow > .reportCol.reportColPush9, #wmfcContOuter .reportRow > .reportCol.reportColPush10, #wmfcContOuter .reportRow > .reportCol.reportColPush11 { left: auto; margin-left: auto; margin-right: auto; } #wmfcContOuter .reportRow > .reportCol.reportColPull1, #wmfcContOuter .reportRow > .reportCol.reportColPull2, #wmfcContOuter .reportRow > .reportCol.reportColPull3, #wmfcContOuter .reportRow > .reportCol.reportColPull4, #wmfcContOuter .reportRow > .reportCol.reportColPull5, #wmfcContOuter .reportRow > .reportCol.reportColPull6, #wmfcContOuter .reportRow > .reportCol.reportColPull7, #wmfcContOuter .reportRow > .reportCol.reportColPull8, #wmfcContOuter .reportRow > .reportCol.reportColPull9, #wmfcContOuter .reportRow > .reportCol.reportColPull10, #wmfcContOuter .reportRow > .reportCol.reportColPull11 { right: auto; margin-left: auto; margin-right: auto; } } #wmfcContOuter .reportBlockSp, #wmfcContOuter .reportInlineSp { display: none; } #wmfcContOuter .reportBlockPc { display: block; } #wmfcContOuter .reportInlinePc { display: inline; } #wmfcContOuter .reportTxtL, #wmfcContOuter .reportTxtLC, #wmfcContOuter .reportTxtLR { text-align: left; } #wmfcContOuter .reportTxtC, #wmfcContOuter .reportTxtCL, #wmfcContOuter .reportTxtCR { text-align: center; } #wmfcContOuter .reportTxtR, #wmfcContOuter .reportTxtRL, #wmfcContOuter .reportTxtRC { text-align: right; } @media screen and (max-width: 767px) { #wmfcContOuter .reportBlockPc, #wmfcContOuter .reportInlinePc { display: none; } #wmfcContOuter .reportBlockSp { display: block; } #wmfcContOuter .reportInlineSp { display: inline; } #wmfcContOuter .reportTxtCL, #wmfcContOuter .reportTxtRL { text-align: left; } #wmfcContOuter .reportTxtLC, #wmfcContOuter .reportTxtRC { text-align: center; } #wmfcContOuter .reportTxtLR, #wmfcContOuter .reportTxtCR { text-align: right; } } #wmfcContOuter .reportH2 { font-size: 18px; font-size: 1.125rem; } @media screen and (max-width: 767px) { #wmfcContOuter .reportH2 { font-size: 17px; font-size: 1.0625rem; } } #wmfcContOuter .reportH3 { font-size: 16px; font-size: 1rem; } #wmfcContOuter .reportFigure + .reportH3, #wmfcContOuter p + .reportH3 { margin-top: 2em; } @media screen and (max-width: 959px) { #wmfcContOuter .reportH2, #wmfcContOuter .reportH3 { padding: 12px 5%; } } #wmfcContOuter .reportRedHeading { color: #b22b30; } #wmfcContOuter .reportNotice { color: #b22b30; font-weight: 600; } #wmfcContOuter .reportMarB10 { margin-bottom: 10px; } #wmfcContOuter .reportMarB20 { margin-bottom: 20px; } #wmfcContOuter .reportMarB30 { margin-bottom: 30px; } #wmfcContOuter .reportMarB40 { margin-bottom: 40px; } #wmfcContOuter .reportMarB50 { margin-bottom: 50px; } #wmfcContOuter .reportVol1 > .reportMainVisual { background-image: url(/gallery/agent_store/openstackdaystokyo2017_01-main-visual.jpg); } #wmfcContOuter .reportVol2 > .reportMainVisual { background-image: url(/gallery/agent_store/openstackdaystokyo2017_02-main-visual.jpg); } #wmfcContOuter .reportVol3 > .reportMainVisual { background-image: url(/gallery/agent_store/openstackdaystokyo2017_03-main-visual.jpg); } /* ↓ 導入事例 20170919 */ #wmfcContOuter .casestudyFullWidth { margin: 0 -100% 30px; padding: 0 100%; width: 100%; background: transparent; } @media screen and (max-width: 767px) { #wmfcContOuter .casestudyFullWidth { margin: 0 auto 30px; padding: 0; } } #wmfcContOuter .casestudyFullWidth * { box-sizing: border-box; } #wmfcContOuter .casestudySection .casestudyH2, #wmfcContOuter .casestudySection .casestudyH3, #wmfcContOuter .casestudyAside .casestudyH2, #wmfcContOuter .casestudyAside .casestudyH3 { margin-bottom: 1em; } #wmfcContOuter .casestudySection p, #wmfcContOuter .casestudyAside p { margin-bottom: 1em; font-size: 16px; font-size: 1rem; line-height: 2; } @media screen and (max-width: 959px) { #wmfcContOuter .casestudySection .casestudyInner > div, #wmfcContOuter .casestudySection .casestudyInner > p, #wmfcContOuter .casestudyAside .casestudyInner > p { margin-left: auto; margin-right: auto; width: 90%; } } @media screen and (max-width: 767px) { #wmfcContOuter .casestudySection p, #wmfcContOuter .casestudyAside p { font-size: 14px; font-size: .875rem; } #wmfcContOuter .casestudySection .casestudyInner ul, #wmfcContOuter .casestudySection .casestudyInner ol, #wmfcContOuter .casestudyAside .casestudyInner ul, #wmfcContOuter .casestudyAside .casestudyInner ol { padding: 0 0 0 1.5em; } } #wmfcContOuter .casestudySection .casestudyInner, #wmfcContOuter .casestudyAside .casestudyInner { padding: 15px 0; } #wmfcContOuter .casestudyFigure { margin-bottom: 1em; max-width: 768px; margin-left: auto; margin-right: auto; } #wmfcContOuter .casestudyFigure img { display: block; margin: auto; width: 100%; height: auto; } #wmfcContOuter .casestudyFigureCaption { display: inline-block; margin-top: .5em; font-size: 14px; font-size: .875rem; line-height: 1.25; } @media screen and (max-width: 959px) { #wmfcContOuter .casestudyFigureCaption { font-size: smaller; } } #wmfcContOuter .casestudyMainHeader { background-color: #d7d2cf; } #wmfcContOuter .casestudyMainVisual { width: 100%; max-width: 980px; background: transparent none no-repeat 100% 100%; background-size: auto 300px; } @media screen and (max-width: 959px) { #wmfcContOuter .casestudyMainVisual { background-size: auto 220px; } } @media screen and (max-width: 767px) { #wmfcContOuter .casestudyMainVisual { background-size: 150%; } } #wmfcContOuter .casestudyMainVisual .casestudyMainTitle { width: 100%; height: 100%; min-height: 300px; } @media screen and (max-width: 959px) { #wmfcContOuter .casestudyMainVisual .casestudyMainTitle { min-height: 220px; } } @media screen and (max-width: 767px) { #wmfcContOuter .casestudyMainVisual .casestudyMainTitle { width: 100%; min-height: 420px; } } #wmfcContOuter .casestudyMainVisual .casestudyMainTitle .casestudyMainTitleInner { display: table; width: 100%; height: 1px; min-height: 300px; } @media screen and (max-width: 959px) { #wmfcContOuter .casestudyMainVisual .casestudyMainTitle .casestudyMainTitleInner { min-height: 220px; } } @media screen and (max-width: 767px) { #wmfcContOuter .casestudyMainVisual .casestudyMainTitle .casestudyMainTitleInner { min-height: 420px; } } #wmfcContOuter .casestudyMainVisual .casestudyMainTitle .casestudyMainTitleInner .casestudyH1 { display: table-cell; margin-bottom: 0; vertical-align: middle; color: #333; font-size: 30px; font-size: 1.875rem; font-weight: 600; } @media screen and (max-width: 959px) { #wmfcContOuter .casestudyMainVisual .casestudyMainTitle .casestudyMainTitleInner .casestudyH1 { padding: 0 5%; font-size: 28px; font-size: 1.75rem; } } @media screen and (max-width: 767px) { #wmfcContOuter .casestudyMainVisual .casestudyMainTitle .casestudyMainTitleInner .casestudyH1 { padding: 10px 5%; vertical-align: top; font-size: 32px; font-size: 2rem; } } #wmfcContOuter .casestudyMainVisual .casestudyH1 > small { font-size: 80%; font-weight: 500; } @media screen and (max-width: 959px) { #wmfcContOuter .casestudyMainVisual .casestudyH1 > small { font-size: 19px; font-size: 1.1875rem; } } @media screen and (max-width: 767px) { #wmfcContOuter .casestudyMainVisual .casestudyH1 > small { font-size: 16px; font-size: 1rem; } } #wmfcContOuter .casestudyMainVisual .casestudyTxtShadow { color: #000; text-shadow: 0 2px 4px #fff, 2px 0 2px #fff, 0 -2px 4px #fff, -2px 0 4px #fff, 2px 2px 4px #fff, -2px 2px 4px #fff, 2px -2px 4px #fff, -2px -2px 4px #fff; } #wmfcContOuter .casestudyBtn { width: 100%; } #wmfcContOuter .casestudyBtn > .btn { display: block; margin-left: auto; margin-right: auto; border: 1px solid #b22b30; width: auto; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 50px; } @media screen and (max-width: 959px) { #wmfcContOuter .casestudyBtn > .btn { padding: .25em 2em .25em .75em; } } #wmfcContOuter .casestudyBtn > .btn.w10 { width: 10%; } #wmfcContOuter .casestudyBtn > .btn.w20 { width: 20%; } #wmfcContOuter .casestudyBtn > .btn.w30 { width: 30%; } #wmfcContOuter .casestudyBtn > .btn.w40 { width: 40%; } #wmfcContOuter .casestudyBtn > .btn.w50 { width: 50%; } #wmfcContOuter .casestudyBtn > .btn.w60 { width: 60%; } #wmfcContOuter .casestudyBtn > .btn.w70 { width: 70%; } #wmfcContOuter .casestudyBtn > .btn.w80 { width: 80%; } #wmfcContOuter .casestudyBtn > .btn.w90 { width: 90%; } #wmfcContOuter .casestudyBtn > .btn.w100 { width: 100%; } #wmfcContOuter .casestudyBtn.casestudyBtnLf > .btn, #wmfcContOuter .casestudyBtn.casestudyBtnLfCr > .btn, #wmfcContOuter .casestudyBtn.casestudyBtnLfRt > .btn { margin-left: 0; } #wmfcContOuter .casestudyBtn.casestudyBtnRt > .btn, #wmfcContOuter .casestudyBtn.casestudyBtnRtLf > .btn, #wmfcContOuter .casestudyBtn.casestudyBtnRtCr > .btn { margin-right: 0; } @media screen and (max-width: 767px) { #wmfcContOuter .casestudyBtn.casestudyBtnLfCr > .btn, #wmfcContOuter .casestudyBtn.casestudyBtnRtCr > .btn { margin-left: auto; margin-right: auto; } #wmfcContOuter .casestudyBtn.casestudyBtnCrLf > .btn, #wmfcContOuter .casestudyBtn.casestudyBtnRtLf > .btn { margin-left: 0; } #wmfcContOuter .casestudyBtn.casestudyBtnCrRt > .btn, #wmfcContOuter .casestudyBtn.casestudyBtnLfRt > .btn { margin-right: 0; } } #wmfcContOuter .casestudyBtn > .btn a { display: block; color: #fff; text-decoration: none; } #wmfcContOuter .casestudyBtn > .btn:hover, #wmfcContOuter .casestudyBtn > .btn:active, #wmfcContOuter .casestudyBtn > .btn:focus { background: #fff url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; } #wmfcContOuter .casestudyBtn > .btn:hover a, #wmfcContOuter .casestudyBtn > .btn:active a, #wmfcContOuter .casestudyBtn > .btn:focus a { color: #b22b30; } #wmfcContOuter .casestudyLeadText { margin: 0 auto 30px; } @media screen and (max-width: 959px) { #wmfcContOuter .casestudyLeadText { width: 90%; } } #wmfcContOuter .casestudyLeadText * { box-sizing: border-box; } #wmfcContOuter .casestudyLeadText > *:last-child { margin-bottom: 0; } #wmfcContOuter .casestudyLeadText p { margin-bottom: 1em; font-size: 16px; font-size: 1rem; line-height: 2; } @media screen and (max-width: 767px) { #wmfcContOuter .casestudyLeadText p { font-size: 14px; font-size: .875rem; } } #wmfcContOuter .casestudyIndex ul, #wmfcContOuter .casestudyIndex ol { font-size: 14px; font-size: .875rem; } @media screen and (max-width: 767px) { #wmfcContOuter .casestudyIndex ul, #wmfcContOuter .casestudyIndex ol { padding: 0 0 0 1.5em; } } #wmfcContOuter .casestudyCmnBox.cmnbox { margin-bottom: 30px; } @media screen and (max-width: 959px) { #wmfcContOuter .casestudyCmnBox.cmnbox .bginner, #wmfcContOuter .casestudyCmnBox.cmnbox .bginner2 { padding: 20px 5%; } } #wmfcContOuter .casestudyPager.pager-wrapper { width: 100%; max-width: 980px; margin: 50px auto; text-align: center; } @media screen and (max-width: 959px) { #wmfcContOuter .casestudyPager.pager-wrapper { width: 90%; } } #wmfcContOuter .casestudyPager.pager-wrapper ul.pager { padding: 0; margin: 0; list-style: none; display: inline-block; zoom: 1; } #wmfcContOuter .casestudyPager.pager-wrapper ul.pager:after { content: " "; display: block; clear: both; } #wmfcContOuter .casestudyPager.pager-wrapper ul.pager li { display: table; width: 1.6em; line-height: 1.6em; margin: 0 0 0 0.8em; border: 2px solid #b22b30; float: left; font-size: 24px; font-size: 1.5rem; box-sizing: border-box; } @media screen and (max-width: 767px) { #wmfcContOuter .casestudyPager.pager-wrapper ul.pager li { font-size: 17px; font-size: 1.0625rem; } } #wmfcContOuter .casestudyPager.pager-wrapper ul.pager li:first-child { margin: 0; } #wmfcContOuter .casestudyPager.pager-wrapper ul.pager li a { display: table-cell; vertical-align: middle; color: #b22b30; text-decoration: none; font-weight: bold; } #wmfcContOuter .casestudyPager.pager-wrapper ul.pager li.active { background-color: #808080; border: 2px solid #808080; } #wmfcContOuter .casestudyPager.pager-wrapper ul.pager li.active a { color: #fff; } #wmfcContOuter .casestudyPager.pager-wrapper ul.pager li.prev { width: auto; margin-left: 0; margin-top: 2px; border: none; } #wmfcContOuter .casestudyPager.pager-wrapper ul.pager li.prev:before { display: inline-block; content: ""; width: 16px; height: 15px; margin-top: 10px; margin-right: 10px; background-image: url(/gallery/agent_store/icon_arrow_c.png); background-repeat: no-repeat; background-size: 100%; } #wmfcContOuter .casestudyPager.pager-wrapper ul.pager li.next { width: auto; margin-top: 2px; border: none; } #wmfcContOuter .casestudyPager.pager-wrapper ul.pager li.next:after { display: inline-block; content: ""; width: 16px; height: 15px; margin-top: 10px; margin-left: 10px; background-image: url(/gallery/agent_store/icon_arrow_d.png); background-repeat: no-repeat; background-size: 100%; } #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg {} @media screen and (max-width: 767px) { #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg { position: static; padding-top: 0; height: auto; } } #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg img {} @media screen and (max-width: 767px) { #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg img { position: static; } } #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbon { position: absolute; top: 10px; left: -10px; z-index: 11; padding: 5px 6px 4px; color: #fff; font-size: 14px; font-size: .875rem; line-height: 1; background: transparent no-repeat; } @media screen and (max-width: 767px) { #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbon { position: static; } } #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbon + .ribbon { top: 36px; } #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonC { background-color: #b22b30; } #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonD { background-color: #4b4595; } #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonE { background-color: #267a08; } #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonF { background-color: #914405; } #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonN { padding: 5px 6px; border: #b22b30 1px solid; color: #b22b30; font-size: 11px; font-size: .6875rem; background-color: #fff; } #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonS { background-color: #105d9c; } #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonT { background-color: #267a08; } #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonX { background-color: #6c6400; } #wmfcContOuter .casestudySlider.camSliderOuter .camSlider .camSliderItem .camImg .ribbonZ { background-color: #57564f; } #wmfcContOuter .casestudyListCheckbox { list-style: none outside; padding-left: 0; } #wmfcContOuter .casestudyListCheckbox li { background: transparent url(/img/common/ico_detail_01.gif) no-repeat 0 0; background-size: 32px 32px; padding-left: 2.8em; font-size: 18px; font-size: 1.125rem; line-height: 32px; } @media screen and (max-width: 767px) { #wmfcContOuter .casestudyListCheckbox li { background-size: 24px auto; padding-left: 2.2em; font-size: 16px; font-size: 1rem; line-height: 24px; } } #wmfcContOuter .casestudyRow { width: 100%; display: block; } #wmfcContOuter .casestudyRow * { box-sizing: border-box; } #wmfcContOuter .casestudyRow::before, #wmfcContOuter .casestudyRow::after { display: table; content: " "; } #wmfcContOuter .casestudyRow::after { clear: both; } #wmfcContOuter .casestudyRow > .casestudyCol { position: relative; float: left; margin-right: 10px; } #wmfcContOuter .casestudyRow > .casestudyCol:last-child { margin-right: 0; } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol1 { width: calc(8.33333333% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol2 { width: calc(16.66666667% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol3 { width: calc(25% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol4 { width: calc(33.33333333% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol5 { width: calc(41.66666667% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol6 { width: calc(50% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol7 { width: calc(58.33333333% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol8 { width: calc(66.66666667% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol9 { width: calc(75% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol10 { width: calc(83.33333333% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol11 { width: calc(91.66666667% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol12 { width: 100%; } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush1, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush2, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush3, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush4, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush5, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush6, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush7, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush8, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush9, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush10, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush11 { margin-right: 0; } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull1, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull2, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull3, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull4, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull5, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull6, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull7, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull8, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull9, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull10, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull11 { margin-right: 10px; } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush1 { left: calc(8.33333333% + 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush2 { left: calc(16.66666667% + 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush3 { left: calc(25% + 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush4 { left: calc(33.33333333% + 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush5 { left: calc(41.66666667% + 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush6 { left: calc(50% + 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush7 { left: calc(58.33333333% + 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush8 { left: calc(66.66666667% + 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush9 { left: calc(75% + 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush10 { left: calc(83.33333333% + 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush11 { left: calc(91.66666667% + 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull1 { right: calc(8.33333333% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull2 { right: calc(16.66666667% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull3 { right: calc(25% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull4 { right: calc(33.33333333% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull5 { right: calc(41.66666667% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull6 { right: calc(50% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull7 { right: calc(58.33333333% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull8 { right: calc(66.66666667% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull9 { right: calc(75% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull10 { right: calc(83.33333333% - 10px); } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull11 { right: calc(91.66666667% - 10px); } @media screen and (max-width: 959px) { #wmfcContOuter .casestudyRow { width: 90%; margin: auto; } } @media screen and (max-width: 767px) { #wmfcContOuter .casestudyRow > .casestudyCol { margin-left: auto; margin-right: auto; } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol1, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol2, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol3, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol4, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol5, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol6, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol7, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol8, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol9, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol10, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol11, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyCol12 { width: 100%; } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush1, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush2, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush3, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush4, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush5, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush6, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush7, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush8, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush9, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush10, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPush11 { left: auto; margin-left: auto; margin-right: auto; } #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull1, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull2, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull3, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull4, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull5, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull6, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull7, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull8, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull9, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull10, #wmfcContOuter .casestudyRow > .casestudyCol.casestudyColPull11 { right: auto; margin-left: auto; margin-right: auto; } } #wmfcContOuter .casestudyBlockSp, #wmfcContOuter .casestudyInlineSp { display: none; } #wmfcContOuter .casestudyBlockPc { display: block; } #wmfcContOuter .casestudyInlinePc { display: inline; } #wmfcContOuter .casestudyTxtL, #wmfcContOuter .casestudyTxtLC, #wmfcContOuter .casestudyTxtLR { text-align: left; } #wmfcContOuter .casestudyTxtC, #wmfcContOuter .casestudyTxtCL, #wmfcContOuter .casestudyTxtCR { text-align: center; } #wmfcContOuter .casestudyTxtR, #wmfcContOuter .casestudyTxtRL, #wmfcContOuter .casestudyTxtRC { text-align: right; } @media screen and (max-width: 767px) { #wmfcContOuter .casestudyBlockPc, #wmfcContOuter .casestudyInlinePc { display: none; } #wmfcContOuter .casestudyBlockSp { display: block; } #wmfcContOuter .casestudyInlineSp { display: inline; } #wmfcContOuter .casestudyTxtCL, #wmfcContOuter .casestudyTxtRL { text-align: left; } #wmfcContOuter .casestudyTxtLC, #wmfcContOuter .casestudyTxtRC { text-align: center; } #wmfcContOuter .casestudyTxtLR, #wmfcContOuter .casestudyTxtCR { text-align: right; } } #wmfcContOuter .casestudyH2 { font-size: 18px; font-size: 1.125rem; } @media screen and (max-width: 767px) { #wmfcContOuter .casestudyH2 { font-size: 17px; font-size: 1.0625rem; } } #wmfcContOuter .casestudyH3 { font-size: 16px; font-size: 1rem; } #wmfcContOuter .casestudyFigure + .casestudyH3, #wmfcContOuter p + .casestudyH3 { margin-top: 2em; } @media screen and (max-width: 959px) { #wmfcContOuter .casestudyH2, #wmfcContOuter .casestudyH3 { padding: 12px 5%; } } @media screen and (min-width: 960px) { #wmfcContOuter .casestudySection .casestudyInner > .interviewFigure.justify-textline { margin-left: 15px; margin-right: 15px; } } #wmfcContOuter .casestudyOverviewTtl { font-size: 20px; font-size: 1.25rem; } @media screen and (max-width: 767px) { #wmfcContOuter .casestudyOverviewTtl { font-size: 18px; font-size: 1.125rem; } } #wmfcContOuter .casestudyRedHeading { color: #b22b30; } #wmfcContOuter .casestudyNotice { color: #b22b30; font-weight: 600; } #wmfcContOuter .casestudyMarB10 { margin-bottom: 10px; } #wmfcContOuter .casestudyMarB20 { margin-bottom: 20px; } #wmfcContOuter .casestudyMarB30 { margin-bottom: 30px; } #wmfcContOuter .casestudyMarB40 { margin-bottom: 40px; } #wmfcContOuter .casestudyMarB50 { margin-bottom: 50px; } /* ↓ 人事労務向け商品比較ページ・開発向け商品比較ページ 共有CSS追加 171023 */ #wmfcContOuter .summaryListMainHeader { background-color: #fff; } #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual { width: 100%; max-width: 980px; position: relative; background: transparent; background-size: cover; } #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual.summary_application_software { background: transparent url(/gallery/agent_store/summary_application_software_main-visual.jpg) no-repeat 50% 0; background-size: cover; } #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual.summary_general-affairs { background: transparent url(/gallery/agent_store/summary_general-affairs_main-visual.jpg) no-repeat 50% 0; background-size: cover; } @media screen and (max-width: 767px) { #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual.summary_application_software { background-image: url(/gallery/agent_store/summary_application_software_main-visual_sp.jpg); background-position: right bottom; } #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual.summary_general-affairs { background-image: url(/gallery/agent_store/summary_general-affairs_main-visual_sp.jpg); background-position: right bottom; } } #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual .summaryListMainTitle { width: 100%; height: 100%; } #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual .summaryListMainTitle .summaryListMainTitleInner { display: table; width: 100%; height: 1px; } #wmfcContOuter .summaryListMainVisual .summaryListMainTitle .summaryListMainTitleInner .summaryListH1 { display: table-cell; margin-bottom: 0; padding-left: 20px; vertical-align: middle; color: #000; text-shadow: 0 2px 4px #fff, 2px 0 2px #fff, 0 -2px 4px #fff, -2px 0 4px #fff, 2px 2px 4px #fff, -2px 2px 4px #fff, 2px -2px 4px #fff, -2px -2px 4px #fff; font-size: 40px; font-size: 2.5rem; font-weight: 600; line-height: 1.5; } #wmfcContOuter .summaryListMainVisual.summary_general-affairs .summaryListMainTitle .summaryListMainTitleInner .summaryListH1 { vertical-align: bottom; padding-bottom: 20px; } #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual .summaryListMainTitle, #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual .summaryListMainTitle .summaryListMainTitleInner { min-height: 350px; } @media screen and (max-width: 959px) { #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual .summaryListMainTitle, #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual .summaryListMainTitle .summaryListMainTitleInner { min-height: auto; max-height: 350px; } #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual.summary_application_software .summaryListMainTitle .summaryListMainTitleInner { padding: 15% 0 10% 0; } #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual.summary_general-affairs .summaryListMainTitle .summaryListMainTitleInner { padding: 25% 0 0 0; } #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual .summaryListMainTitle .summaryListMainTitleInner .summaryListH1 { font-size: 1.5rem; padding: 0 20px 20px; } } @media screen and (max-width: 767px) { #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual .summaryListMainTitle, #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual .summaryListMainTitle .summaryListMainTitleInner { max-height: 450px; min-height: 300px; } #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual.summary_application_software .summaryListMainTitle .summaryListMainTitleInner { padding: 5.557% 0 50% 0; } #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual.summary_general-affairs .summaryListMainTitle .summaryListMainTitleInner { padding: 5.557% 0 50% 0; } } #wmfcContOuter .reportAside .summaryListpickup { border: solid 1px #cdcdcd; padding: 25px; margin: 0 auto 30px; } #wmfcContOuter .reportAside .summaryListpickup .summaryListpickupImg { float: left; width: 215px; } #wmfcContOuter .reportAside .summaryListpickup .summaryListpickupImg img { width: 100%; height: auto; } #wmfcContOuter .reportAside .summaryListpickup .summaryListpickupText { margin-left: 240px; } #wmfcContOuter .reportAside .summaryListpickup .summaryListpickupTitle { font-size: 20px; font-size: 1.25rem; font-weight: bold; line-height: 1.5; } @media screen and (max-width: 959px) { #wmfcContOuter .reportAside .summaryListpickup { width: 90%; } } @media screen and (max-width: 767px) { #wmfcContOuter .reportAside .summaryListpickup { padding: 25px 0; } #wmfcContOuter .reportAside .summaryListpickup div { padding: 0 25px; } #wmfcContOuter .reportAside .summaryListpickup .summaryListpickupImg { float: none; display: block; margin: 0 auto 20px; } #wmfcContOuter .reportAside .summaryListpickup .summaryListpickupText { margin-left: 0; } #wmfcContOuter .reportAside .summaryListpickup .summaryListpickupTitle { font-size: 16px; font-size: 1rem; } } #wmfcContOuter .reportAside .summaryListpickup > .summaryListpickupText p.summaryListpickupcaseLink { margin-bottom: 0; font-size: 14px; font-size: .875rem; line-height: 1.5; } #wmfcContOuter .reportAside .summaryListpickup > .summaryListpickupText p.summaryListpickupcaseLink a { color: #b22b30; text-decoration: none; background: url(/img/common/btn_arw_02.png) no-repeat right center; padding-right: 20px; } #wmfcContOuter .reportAside .summaryListpickup > .summaryListpickupText p.summaryListpickupcaseLink a:hover { text-decoration: underline; } #wmfcContOuter .reportAside .summaryListpickup > .summaryListpickupText p:last-child { margin-bottom: 0; } #wmfcContOuter .reportH2.summaryListLine { text-align: center; font-size: 26px; font-size: 1.625rem; } #wmfcContOuter .reportH2.summaryListLine strong { font-size: 32px; font-size: 2rem; } #wmfcContOuter .detailAreaOuter.summaryList { background: #fff; padding: 0; } #wmfcContOuter .reportSection p.summaryListcategoryTitle { background: #666; color: #fff; font-weight: bold; font-size: 20px; font-size: 1.25rem; padding: 5px 20px 3px; margin-bottom: 60px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner { margin: 0 auto 60px; width: 100%; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner + hr { height: 0px; margin: 7px 0; margin: 0 0 60px; border: none; border-top: dotted 2px #ccc; } #wmfcContOuter .detailAreaOuter.summaryList + p.summaryListcategoryTitle { margin-top: 120px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailImg > h3 { font-size: 26px; font-size: 1.625rem; margin: 20px 0; text-align: center; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailImg > h3 span { display: block; font-size: 76.923%; font-weight: normal; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > h4 { font-size: 20px; font-size: 1.25rem; margin-bottom: 20px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > h5 { font-size: 18px; font-size: 1.125rem; margin-bottom: 15px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailImg { width: 360px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex { width: 570px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailImg .specTex { width: 360px; } @media screen and (max-width: 959px) { #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailImg > h3 { font-size: 26px; font-size: 1.625rem; margin: 20px 0; text-align: center; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailImg { width: 36%; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex { width: 57%; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailImg .specTex { width: 100%; } } @media screen and (max-width: 767px) { #wmfcContOuter .reportH2.summaryListLine { text-align: center; font-size: 16px; font-size: 1rem; } #wmfcContOuter .reportH2.summaryListLine strong { font-size: 20px; font-size: 1.25rem; } #wmfcContOuter .reportSection p.summaryListcategoryTitle { margin-bottom: 30px; } #wmfcContOuter .detailAreaOuter > .detailAreaInner > .summaryImgLowered { margin-top: 0; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailImg > h3 { font-size: 16px; font-size: 1rem; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > h4 { font-size: 16px; font-size: 1rem; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > h5 { font-size: 16px; font-size: 1rem; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailImg { width: 100%; margin-bottom: 30px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex { width: 100%; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailImg .specTex { width: 100%; } #wmfcContOuter .reportAside .reportInner > p { width: 95%; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner { margin: 0 auto 30px; width: 100%; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner + hr { height: 0px; margin: 7px 0; margin: 0 0 30px; border: none; border-top: dotted 2px #ccc; } #wmfcContOuter .detailAreaOuter.summaryList + p.summaryListcategoryTitle { margin-top: 60px; } } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailImg .specTex tr { border: 1px solid #cdcdcd; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailImg .specTex tr th { padding: 10px; background: #f2f2f0; vertical-align: middle; } @media screen and (max-width: 959px) { #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailImg .specTex tr th { white-space: nowrap; } } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailImg .specTex tr td { border-left: 1px solid #cdcdcd; padding: 10px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex .mnText { font-size: 16px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul { padding: 0; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.recommendList { margin-bottom: 20px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex ul.mnText > li, #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.recommendList > li { position: relative; padding-left: 1.8em; margin-bottom: 0.2em; list-style: none; font-size: 14px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex ul.mnText > li { font-size: 16px; } @media screen and (max-width: 767px) { #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex ul.mnText > li { font-size: 14px; } } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex ul.mnText > li:before, #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.recommendList > li:before { display: inline-block; content: ""; position: absolute; top: 0.25em; bottom: auto; left: 0.2em; margin: auto; width: 1em; height: 1em; background: #b02d34; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex ul.mnText > li:before { background: #fff; border: solid 1px #000; width: 0.8em; height: 0.8em; } @media screen and (max-width: 767px) { #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex .mnText { font-size: 14px; } } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList { margin: 30px auto 0; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > h5 + ul.linkList { margin-top: 15px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList > li { /* display:inline-block;*/ float: left; margin-right: 5px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList > li:nth-child(2n + 0) { margin-right: 0; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList > li > p.btn { position: static; font-size: 16px; font-weight: bold; display: block; line-height: 45px; background: #fff url(/img/common/btn_arw_02.png) no-repeat; background-position: right 5px top 50%; border: 1px solid #b22b30; text-align: center; width: 280px; margin-bottom: 10px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList > li > p.btn > a { display: block; color: #b22b30; text-decoration: none; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList > li > p.btn > a br { display: none; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList > li > p.btn:hover { background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 5px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList > li > p.btn > a:hover { display: block; color: #fff; text-decoration: none; } @media screen and (max-width: 959px) { #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList > li { width: 48%; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList > li > p.btn { width: 100%; line-height: 1.25; display: table; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList > li > p.btn > a { display: table-cell; vertical-align: middle; height: 4em; width: 100%; padding: 10px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList > li > p.btn > a:hover { display: table-cell; vertical-align: middle; height: 4em; width: 100%; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList > li > p.btn > a br { display: block; } } @media screen and (max-width: 767px) { #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList > li > p.btn > a { font-size: 14px; } #wmfcContOuter .summaryList .camSliderOuter .camSlider .camSliderItem .camImg .ribbonF, #wmfcContOuter .summaryList .camSliderOuter .camSlider .camSliderItem .camImg .ribbonC, #wmfcContOuter .summaryList .camSliderOuter .camSlider .camSliderItem .camImg .ribbonD, #wmfcContOuter .summaryList .camSliderOuter .camSlider .camSliderItem .camImg .ribbonS { display: none; } } /* ↑ 人事労務向け商品比較ページ・開発向け商品比較ページ 共有CSS追加 171023 */ /* ↓ 開発向け商品比較ページ CSS追加 171101 */ #wmfcContOuter .reportSection p.summaryListPikcupImage { margin: 60px 0; padding: 0; text-align: center; } #wmfcContOuter .reportSection p.summaryListPicupImage img { width: auto; height: auto; } @media screen and (max-width: 959px) { #wmfcContOuter .reportSection p.summaryListPikcupImage { margin-left: auto; margin-right: auto; width: 90%; } #wmfcContOuter .reportSection p.summaryListPikcupImage img { width: 100%; height: auto; } } @media screen and (max-width: 767px) { #wmfcContOuter .reportSection p.summaryListPikcupImage { margin-top: 24px; margin-bottom: 24px; } } /* ↑ 開発向け商品比較ページ CSS追加 171101 */ /* ↓ DevelopersConnect導線 CSS追加 171109 */ #wmfcContOuter #developersConnect { position: relative; width: 100%; margin: 60px 0; border: 1px solid #d2d2d2; display: flex; justify-content: space-between; box-sizing: border-box; } #wmfcContOuter #developersConnect:after { content: " "; display: block; clear: both; } #wmfcContOuter #developersConnect a { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; } #wmfcContOuter #developersConnect:hover { transition: 0.3s; opacity: 0.5; } #wmfcContOuter #developersConnect .mediaBox { width: 50%; } #wmfcContOuter #developersConnect .mediaBox img { width: 100%; vertical-align: bottom; } #wmfcContOuter #developersConnect .textBox { width: 50%; padding: 20px; box-sizing: border-box; } #wmfcContOuter #developersConnect .textBox p.label { display: inline-block; margin-bottom: 0.8em; padding: 0.4em 0.8em; color: #ffffff; background-color: #ae3036; font-size: 0.875rem; text-align: center; line-height: 1; box-sizing: border-box; } #wmfcContOuter #developersConnect .textBox h3 { margin-bottom: 0; font-size: 1.5rem; } #wmfcContOuter #developersConnect .textBox h3 span { font-size: 1rem; font-weight: normal; } #wmfcContOuter #developersConnect .textBox p.date { margin: 1em 0 0 0; } #wmfcContOuter #developersConnect .textBox p.date.border { margin: 0 0 0.8em 0; padding-top: 0.5em; border-top: 1px solid #a6a6a6; } #wmfcContOuter #developersConnect .textBox .session { padding: 1em; background: #f2f2f2; box-sizing: border-box; } #wmfcContOuter #developersConnect .textBox .session > p { margin-bottom: 0; } #wmfcContOuter #developersConnect .textBox .session ul { list-style: none; margin: 0; padding: 0; } #wmfcContOuter #developersConnect .textBox .session ul { list-style: none; margin: 0; padding: 0; } #wmfcContOuter #developersConnect .textBox .session ul li { line-height: 1.4; } #wmfcContOuter #developersConnect .textBox .session ul li:last-child { margin-bottom: 0; } #wmfcContOuter #developersConnect .textBox .session ul li span { display: block; font-size: 0.875rem; } @media screen and (max-width: 959px) { #wmfcContOuter #developersConnect .mediaBox { width: 30%; padding: 20px 0 0 20px; box-sizing: border-box; } #wmfcContOuter #developersConnect .textBox { width: 70%; } } @media screen and (max-width: 767px) { #wmfcContOuter #developersConnect { margin: 40px 0; display: flex; flex-wrap: wrap; } #wmfcContOuter #developersConnect .mediaBox { width: 100%; } #wmfcContOuter #developersConnect .textBox { width: 100%; } #wmfcContOuter #developersConnect .textBox h3 { font-size: 1.25rem; } } /* ↑ DevelopersConnect導線 CSS追加 171109 */ /* ↓ 人事労務向け商品比較ページ CSS追加 171116 */ #wmfcContOuter .reportAside .summaryListpickup.summary_general-affairs_pickup { width: 85%; } #wmfcContOuter .reportAside .summaryListpickup.summary_general-affairs_pickup .summaryListpickupImg { width: 200px; } #wmfcContOuter .reportAside .summaryListpickup.summary_general-affairs_pickup .summaryListpickupText { margin-left: 215px; } @media screen and (max-width: 767px) { #wmfcContOuter .reportAside .summaryListpickup.summary_general-affairs_pickup .summaryListpickupText { margin-left: 0; } } #wmfcContOuter .reportAside .summaryListpickup.summary_general-affairs_pickup .summaryListpickupTitle { margin-bottom: 0.75em; } #wmfcContOuter .reportAside .summaryListpickup.summary_general-affairs_pickup p { margin-bottom: 0.5em; line-height: 1.75; } #wmfcContOuter .reportH2.summaryListLine.summary_general-affairs_h2 { border-bottom: solid 2px #666; margin-bottom: 0.5em; } #wmfcContOuter .reportH2.summaryListLine.summary_general-affairs_h2 + p { text-align: center; font-weight: bold; margin-bottom: 2em; } #wmfcContOuter .reportSection p.summaryListcategoryTitle.summary_general-affairs_headline { background: none; color: #000; border-left: solid 5px #b22b30; padding: 5px 20px 3px; line-height: 1.25; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.recommendList.summary_general-affairs_recommendList > li:before { display: inline-block; content: ""; position: absolute; top: 0.25em; bottom: auto; left: 0.2em; margin: auto; width: 1em; height: 1em; background: #000; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList { margin: 30px auto 0; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList > li > p.btn { position: static; font-size: 16px; font-weight: bold; display: block; line-height: 45px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 5px top 50%; border: 1px solid #b22b30; text-align: center; width: 280px; margin-bottom: 10px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList > li > p.btn > a { display: block; color: #fff; text-decoration: none; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList > li > p.btn:hover { background: #fff url(/img/common/btn_arw_02.png) no-repeat; background-position: right 5px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList > li > p.btn > a:hover { display: block; color: #b22b30; text-decoration: none; } @media screen and (max-width: 959px) { #wmfcContOuter .reportSection p.summaryListcategoryTitle.summary_general-affairs_headline { font-size: 1rem; padding: 5px 10px 3px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList > li { float: left; margin: 0 5px; width: 46%; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList > li > p.btn { width: 100%; line-height: 1.25; display: table; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList > li > p.btn > a { display: table-cell; vertical-align: middle; height: 4em; width: 100%; padding: 10px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList > li > p.btn > a:hover { display: table-cell; vertical-align: middle; height: 4em; width: 100%; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList > li > p.btn > a br { display: block; } } @media screen and (max-width: 767px) { #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList > li > p.btn > a { font-size: 14px; } } /* ↑ 人事労務向け商品比較ページ CSS追加 171116 */ /* ↓ 人事労務向け商品比較ページ 改修 171227 */ #wmfcContOuter .summaryListMainHeader.summary_general-affairs_MainHeader_re2 { background: #d4ebf6; } #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual.summary_general-affairs_re2 { background: transparent url(/gallery/agent_store/summary_general-affairs_main-visual.jpg) no-repeat 50% 0; background-size: auto; } #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner { height: 350px; overflow: hidden; display: block; } #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summaryListH1 { padding-top: 50px; display: block; } #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink { margin-bottom: 0; padding-left: 20px; vertical-align: middle; color: #af3534; text-shadow: 0 2px 4px #fff, 2px 0 2px #fff, 0 -2px 4px #fff, -2px 0 4px #fff, 2px 2px 4px #fff, -2px 2px 4px #fff, 2px -2px 4px #fff, -2px -2px 4px #fff; font-size: 31px; font-size: 1.9375rem; font-weight: 600; line-height: 1.5; } #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink p { margin: 0; position: absolute; bottom: 20px; } #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink a { text-decoration: none; display: inline-block; background: url(/gallery/agent_store/summary_general-affairs_fukidashi.png) no-repeat left top; padding-top: 20px; padding-left: 110px; text-align: center; } #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink a, #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink a:visited, #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink a:hover { color: #af3534; } #wmfcContOuter .interviewBtn.summary_general-affairs_documentDL::before { content: ""; display: table; clear: both; } #wmfcContOuter .interviewBtn.summary_general-affairs_documentDL .btn { margin: 50px auto; } #wmfcContOuter hr + .interviewBtn.summary_general-affairs_documentDL .btn { margin-top: 0; } #wmfcContOuter .reportAside + .interviewBtn.summary_general-affairs_documentDL .btn { margin-top: 20px; } #wmfcContOuter .interviewBtn.summary_general-affairs_documentDL .btn:hover { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .summary_general-affairs_re2_h2 h2 { background: #444; color: #fff; font-weight: bold; padding: 15px 10px; margin-bottom: 0; text-align: center; font-size: 26px; font-size: 1.625rem; } #wmfcContOuter .summary_general-affairs_re2_h2:after { content: ""; display: block; background: url(/gallery/agent_store/summary_general-affairs_arrows02_black.png) no-repeat center bottom; width: auto; height: 24px; margin-bottom: 4em; } #wmfcContOuter .summary_general-affairs_re3_h2 h2 { background: #b22b31; color: #fff; font-weight: bold; padding: 15px 10px; margin-bottom: 0; text-align: center; font-size: 26px; font-size: 1.625rem; } #wmfcContOuter .summary_general-affairs_re3_h2:after { content: ""; display: block; background: url(/gallery/agent_store/summary_general-affairs_arrows03_red.png) no-repeat center bottom; width: auto; height: 24px; margin-bottom: 4em; } #wmfcContOuter .summary_general-affairs_re2_h2 h2 br, #wmfcContOuter .summary_general-affairs_re3_h2 h2 br { display: none; } #wmfcContOuter .reportSection p.summaryListcategoryTitle.summary_general-affairs_headline_re2 { background: none; color: #b22b31; font-size: 23px; font-size: 1.4375rem; font-weight: bold; margin-top: 60px; padding: 0; line-height: 1.25; text-align: center; } #wmfcContOuter .reportSection p.summaryListcategoryTitle.summary_general-affairs_headline_re2:after { content: ""; display: block; background: #444; width: 250px; height: 7px; margin: 20px auto 60px; } #wmfcContOuter .reportSection p.summaryListcategoryTitle.summary_general-affairs_headline_re2 br { display: none; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList.summary_general-affairs_linkList_re3 > li > p.btn.summary_general-affairs_dlLink_conts { width: 565px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 { margin-top: 0; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 > li > p.btn { position: static; font-size: 16px; font-weight: bold; display: block; line-height: 45px; background: #fff url(/img/common/btn_arw_02.png) no-repeat; background-position: right 5px top 50%; border: 1px solid #b22b30; text-align: center; width: 280px; margin-bottom: 10px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 > li > p.btn > a { display: block; color: #b22b30; text-decoration: none; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 > li > p.btn:hover { background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 5px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 > li > p.btn > a:hover { display: block; color: #fff; text-decoration: none; } #wmfcContOuter .summary_general-affairs_dl_links ul { overflow: hidden; padding: 0; } #wmfcContOuter .summary_general-affairs_dl_links ul li { display: block; float: left; width: 465px; margin-bottom: 5em; } #wmfcContOuter .summary_general-affairs_dl_links ul li:nth-child(2n + 0) { margin-left: 50px; } #wmfcContOuter .summary_general-affairs_dl_links ul li h3 { display: block; height: 55px; width: 90%; margin: 0 auto 0.5em; position: relative; text-align: center; font-size: 19px; font-size: 1.1875rem; color: #b22b31; } #wmfcContOuter .summary_general-affairs_dl_links ul li h3.summary_general-affairs_h3_short_txt { width: 70%; } #wmfcContOuter .summary_general-affairs_dl_links ul li h3::before { content: url(/gallery/agent_store/summary_general-affairs_parts_right.png); display: block; position: absolute; top: 0; left: 0; } #wmfcContOuter .summary_general-affairs_dl_links ul li h3::after { content: url(/gallery/agent_store/summary_general-affairs_parts_left.png); display: block; position: absolute; top: 0; right: 0; } #wmfcContOuter .summary_general-affairs_dl_links ul li h3 br.summary_general-affairs_sp_only { display: none; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl { margin: 0; padding: 0; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dt { margin: 0; padding: 0; background: #4d4d4d; color: #fff; text-align: center; font-size: 19px; font-size: 1.1875rem; font-weight: bold; padding: 5px; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd { text-align: center; margin: 0; padding: 20px; background: #f3f3f3; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd + dd { padding-top: 0; padding-bottom: 25px; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd dl.summary_general-affairs_price { margin-bottom: 1em; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd dl.summary_general-affairs_price dt { display: block; float: left; color: #000; max-height: 37px; font-size: 16px; font-size: 1.2em; background: #cacaca; padding: 5px 5px 3px; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd dl.summary_general-affairs_price dd.summary_general-affairs_split_col { display: block; width: 16px; height: 37px; margin-right: 10px; padding: 0; float: left; background: url(/gallery/agent_store/summary_general-affairs_arrows04_gray.png) no-repeat right center; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd dl.summary_general-affairs_price dd.summary_general-affairs_split_col + dd { text-align: left; font-size: 28px; font-size: 1.9943em; line-height: 1.5; font-weight: bold; padding: 0; margin: 0 0 0 5em; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd strong br { display: none; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd img { margin-bottom: 1.5em; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd ul { margin: 0; padding: 0; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd ul li { margin-bottom: 0.5em; text-align: left; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd ul li::before { content: "■"; color: #b22b31; float: left; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd ul li:nth-child(2n + 0) { margin-left: 0; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd ul li.col1 { width: 100%; float: none; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd ul li.col2 { width: 48%; float: left; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd + dd.btn a { color: #fff; text-decoration: none; position: static; font-size: 16px; font-weight: bold; display: block; line-height: 45px; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 5px top 50%; border: 1px solid #b22b30; text-align: center; width: 100%; margin-bottom: 10px; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd + dd.btn a:hover { display: block; color: #b22b30; text-decoration: none; background: #fff url(/img/common/btn_arw_02.png) no-repeat; background-position: right 5px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } @media screen and (max-width: 959px) { #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink p { font-size: 1.3rem; } #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink p a { background: url(/gallery/agent_store/summary_general-affairs_fukidashi.png) no-repeat left top; background-size: 80px; padding-top: 15px; padding-left: 90px; } #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink p a img { width: 40px; height: auto; padding: 0; } #wmfcContOuter .reportAside + .interviewBtn.summary_general-affairs_documentDL .btn a { line-height: 1.75; } #wmfcContOuter .interviewBtn.summary_general-affairs_documentDL > .btn.btnLarge { margin: 50px auto; padding: 10px 0; } #wmfcContOuter .interviewBtn.summary_general-affairs_documentDL > .btn a { line-height: 1.75; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList.summary_general-affairs_linkList_re3 > li > p.btn.summary_general-affairs_dlLink_conts { width: 97.5%; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re3 > li { width: 100%; float: none; margin: 0; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re3 > li p.btn.summary_general-affairs_dlLink_conts { width: 100%; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 > li p.btn { width: auto; line-height: 1.9; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 > li p.btn.summary_general-affairs_line2 { line-height: normal; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 > li p.btn a { display: table-cell; width: 280px; line-height: 1.25; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 > li p.btn a:hover { display: table-cell; width: 280px; line-height: 1.25; color: #fff; text-decoration: none; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 { margin-top: 0; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 > li > p.btn { position: static; font-size: 16px; font-weight: bold; display: block; line-height: 1.75; background: #fff url(/img/common/btn_arw_02.png) no-repeat; background-position: right 5px top 50%; border: 1px solid #b22b30; text-align: center; width: auto; margin-bottom: 10px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 > li > p.btn:hover { background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 5px top 50%; border: 1px solid #b22b30; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .summary_general-affairs_dl_links { width: 90%; margin-left: auto; margin-right: auto; } #wmfcContOuter .summary_general-affairs_dl_links ul li h3, #wmfcContOuter .summary_general-affairs_dl_links ul li h3.summary_general-affairs_h3_short_txt { width: 100%; white-space: nowrap; font-size: 1.1rem; } #wmfcContOuter .summary_general-affairs_dl_links ul li { display: block; float: left; width: 46%; margin-bottom: 5em; } #wmfcContOuter .summary_general-affairs_dl_links ul li:nth-child(2n + 0) { margin-left: 8%; } #wmfcContOuter .summary_general-affairs_dl_links ul li img { width: 100%; height: auto; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dt { font-size: 1.1rem; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd dl.summary_general-affairs_price dd.summary_general-affairs_split_col + dd { font-size: 1.8em; } } @media screen and (max-width: 767px) { #wmfcContOuter .summaryListMainHeader > .summaryListMainVisual.summary_general-affairs_re2 { background-image: url(/gallery/agent_store/summary_general-affairs_main-visual_sp.jpg); background-position: 60% bottom; } #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summaryListH1 { padding-top: 30px; } #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink { width: 100%; padding: 0; } #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink p { position: absolute; bottom: 0; margin: 0 auto; width: 100%; padding: 0; background: rgba(255, 255, 255, 0.6); } #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink p a { display: block; background: url(/gallery/agent_store/summary_general-affairs_fukidashi.png) no-repeat 10px 10px; background-size: 65px; padding: 22px 0 15px 85px; width: 300px; min-height: 70px; margin: 0 auto; } #wmfcContOuter .interviewBtn.summary_general-affairs_documentDL > .btn.btnLarge { width: 100%; } #wmfcContOuter .reportAside + .interviewBtn.summary_general-affairs_documentDL > .btn.btnLarge { width: 90%; } #wmfcContOuter .summary_general-affairs_re2_h2 h2 { font-size: 1.125rem; } #wmfcContOuter .summary_general-affairs_re3_h2 h2 { width: 90%; margin-left: auto; margin-right: auto; font-size: 1.125rem; } #wmfcContOuter .summary_general-affairs_re2_h2 h2 br, #wmfcContOuter .summary_general-affairs_re3_h2 h2 br { display: block; } #wmfcContOuter .summary_general-affairs_re2_h2:after { content: ""; display: block; background: url(/gallery/agent_store/summary_general-affairs_arrows02_black.png) no-repeat center bottom; width: auto; height: 20px; margin-bottom: 4em; } #wmfcContOuter .summary_general-affairs_re3_h2:after { content: ""; display: block; background: url(/gallery/agent_store/summary_general-affairs_arrows03_red.png) no-repeat center bottom; width: auto; height: 20px; margin-bottom: 4em; } #wmfcContOuter .reportSection p.summaryListcategoryTitle.summary_general-affairs_headline_re2 { font-size: 1rem; } #wmfcContOuter .reportSection p.summaryListcategoryTitle.summary_general-affairs_headline_re2 br { display: block; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList.summary_general-affairs_linkList_re3 > li > p.btn.summary_general-affairs_dlLink_conts, #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList > li > p.btn.summary_general-affairs_dlLink_conts { width: 100%; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 > li > p.btn { width: auto; line-height: 35px; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 > li > p.btn.summary_general-affairs_line2 { line-height: normal; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 > li { margin: 0; } #wmfcContOuter .detailAreaOuter.summaryList > .detailAreaInner > .detailTex > ul.linkList.summary_general-affairs_linkList_re2 > li:nth-child(2n + 0) { margin-left: 4%; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd img, #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd p, #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd ul, #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd ul li { margin: 0; } #wmfcContOuter .summary_general-affairs_dl_links ul { overflow: hidden; padding: 0; } #wmfcContOuter .summary_general-affairs_dl_links ul li { display: block; float: none; width: 90%; margin: 0 auto 2em; } #wmfcContOuter .summary_general-affairs_dl_links ul li:nth-child(2n + 0) { margin-left: auto; } #wmfcContOuter .summary_general-affairs_dl_links ul li h3 { font-size: 1rem; padding-top: 5px; } #wmfcContOuter .summary_general-affairs_dl_links ul li h3 br.summary_general-affairs_sp_only { display: block; } #wmfcContOuter .summary_general-affairs_dl_links ul li h3.summary_general-affairs_h3_short_txt { width: 100%; } #wmfcContOuter .summary_general-affairs_dl_links ul li h3.summary_general-affairs_spAdjustment { line-height: 1.1rem; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dt { font-size: 1rem; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd { height: auto !important; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd dl.summary_general-affairs_price { overflow: hidden; margin-bottom: 12px; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd dl.summary_general-affairs_price dt { height: 25px; font-size: 0.926em; background: #cacaca; padding: 5px 5px 3px; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd dl.summary_general-affairs_price dd.summary_general-affairs_split_col { height: 33px !important; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd dl.summary_general-affairs_price dd.summary_general-affairs_split_col + dd { margin: 0; padding-top: 0.5em; clear: left; font-size: 1.85185em; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd p strong br { display: block; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd p + ul { margin-top: 0.5em; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd img { width: 100%; height: auto; margin: 0 auto 12px; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd p, #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd ul { font-size: 0.925929em; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd + dd.btn a { font-size: 0.875rem; } } /* ↑ 人事労務向け商品比較ページ 改修 171227 */ /* ↓ 人事労務向け商品比較ページ 改修 180131 */ #wmfcContOuter .summary_general-affairs_dl_links_conts { border-top: 8px solid #4d4d4d; } #wmfcContOuter .summary_general-affairs_dl_links_head { position: relative; margin-bottom: 0.5em !important; font-size: 18px; font-weight: bold; padding-bottom: 22px; overflow: hidden; } #wmfcContOuter .summary_general-affairs_dl_links_head strong { color: #b22b30; } #wmfcContOuter .summary_general-affairs_dl_links_head:after { content: ""; position: absolute; width: 0px; height: 0px; left: calc(50% - 62px); top: calc(100% - 22px); border: 62px solid transparent; border-top: 20px solid #d18184; } #wmfcContOuter .summary_general-affairs_detailArea_item-image { display: inline-block; width: 240px; margin-right: 15px; } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_detailArea_item-image { width: 100%; margin-right: 0; } } #wmfcContOuter .summary_general-affairs_detailArea_item-image img { width: 100%; height: auto; } #wmfcContOuter .summary_general-affairs_detailArea_item-image-ribbon { background: #267a08; color: #fff; font-size: 14px !important; text-align: center; margin-bottom: 5px !important; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail { display: inline-block; width: calc(100% - 255px); } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_detailArea_item-detail { width: 100%; } } #wmfcContOuter .summary_general-affairs_detailArea_item { word-spacing: -.4em; padding-bottom: 30px; margin-bottom: 30px; border-bottom: dotted 2px #ccc; } #wmfcContOuter .summary_general-affairs_detailArea_item:last-child { margin-bottom: 0; } #wmfcContOuter .summary_general-affairs_detailArea_item > * { word-spacing: normal; vertical-align: top; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail h3 { font-size: 1.2rem; margin-bottom: 0.2em; line-height: 1.4; background: #eee; padding: 10px; } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_detailArea_item-detail h3 { font-size: 1rem; padding: 8px; margin: 20px 0; text-align: center; line-height: 1.5; } } #wmfcContOuter .summary_general-affairs_detailArea_item-detail h3 + p { margin-bottom: 8px !important; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail p { font-size: 0.9rem; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-text { font-size: 16px; flex: 1; -webkit-flex: 1; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-text-recommendList { padding-left: 0 !important; list-style: none; margin-bottom: 0; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-text-recommendList li { position: relative; padding-left: 1.8em; margin-bottom: 0.2em; list-style: none; font-size: 0.83rem; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-text-recommendList li:before { display: inline-block; content: ""; position: absolute; left: 0.2em; top: 0.35em; margin: auto; width: 1em; height: 1em; background: #000; } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-text { width: 100%; max-width: 100%; font-size: 14px; margin-bottom: 15px; } } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox { display: flex; display: -webkit-flex; } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox { display: block; } } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox > * { word-spacing: normal; display: inline-block; vertical-align: top; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links { width: 250px; margin-left: 15px; } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links { width: 100%; margin-left: 0; } } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links > ul { padding: 0 !important; margin: 0; list-style-type: none; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links > ul li:not(:last-child) { margin-bottom: 10px !important; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links > ul li:last-child { margin-bottom: 0px !important; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links > ul li a { font-size: 15px; display: block; font-weight: bold; text-decoration: none; padding-right: 20px; padding-left: 8px; border: 1px solid #b22b30; color: #fff; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat right 5px top 50%; line-height: 45px; display: block; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox--link > ul li a { font-size: 14px; } } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links > ul li a:hover { color: #b22b30; background: #fff url(/img/common/btn_arw_02.png) no-repeat right 5px top 50%; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links--related-link { margin-top: 16px; border: #b22b30 1px solid; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links--related-link p { text-align: center; border-bottom: #b22b30 1px solid; padding: 8px; font-weight: bold; margin-bottom: 0 !important; line-height: 1.75 !important; font-size: 15px !important; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links--related-link ul { padding: 8px !important; list-style-type: none; margin-bottom: 0; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links--related-link ul li:last-child { margin-bottom: 0; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links--related-link ul a { display: inline-block; position: relative; padding-right: 20px; font-size: 13px; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links--related-link ul a:after { content: ""; display: block; position: absolute; right: 6px; width: 8px; height: 10px; background-image: url(/img/common/btn_arw_02.png); background-repeat: no-repeat; top: calc(50% - 5px); } #wmfcContOuter .summary_general-affairs_re4_h2 h2 { background: #444; color: #fff; font-weight: bold; padding: 15px 10px; margin-bottom: 0; text-align: center; font-size: 26px; font-size: 1.625rem; margin-bottom: 60px; } #wmfcContOuter .summary_general-affairs_re4_h2 h2 br { display: none; } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_re4_h2 h2 br { display: block; } #wmfcContOuter .summary_general-affairs_re4_h2 h2 { font-size: 1.125rem; margin-bottom: 40px; } } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd ul li { width: 100%; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd ul li ul { padding-left: 16px; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd ul li ul li { margin-bottom: 0; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd ul li ul li:before { content: "・"; color: #000; } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_dl_links ul li h3 { font-size: .88rem; } } #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink span { padding-bottom: 20px; } #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink span { color: #af3534; } #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink span { text-decoration: none; display: inline-block; background: url(/gallery/agent_store/summary_general-affairs_fukidashi.png) no-repeat left top; padding-top: 20px; padding-left: 110px; text-align: center; } @media screen and (max-width: 959px) { #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink p span { background-size: 84px; padding-left: 96px; } } @media screen and (max-width: 767px) { #wmfcContOuter .summaryListMainVisual.summary_general-affairs_re2 .summaryListMainTitle .summaryListMainTitleInner .summary_general-affairs_re2_h1_dlLink p span { display: block; background: url(/gallery/agent_store/summary_general-affairs_fukidashi.png) no-repeat 10px 10px; background-size: 65px; padding: 22px 0 15px 85px; width: 300px; min-height: 70px; margin: 0 auto; } } /* ↑ 人事労務向け商品比較ページ 改修 180131 */ /* ↓ 人事労務向け商品比較ページ 改修 180322 */ #wmfcContOuter .summary_general-affairs_dl_links ul li:nth-child(n + 3) { margin-bottom: 1em; } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_dl_links ul li:nth-child(n + 3) { margin-bottom: 2em; } } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd { background: #ddd; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd ul li { padding-left: 16px; box-sizing: border-box; } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd ul li::before { margin-left: -16px; } #wmfcContOuter .summary_general-affairs_dl_items_head { color: #b22b30; font-size: 18px; font-weight: bold; margin-top: 0.47em; } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_dl_items_head { font-size: 0.925929em; } } #wmfcContOuter .summary_general-affairs_dl_items_wrap { padding: 8px 16px; background: #fff; } #wmfcContOuter .summary_general-affairs_dl_items_wrap + .summary_general-affairs_dl_items_wrap { margin-top: 16px; } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_dl_items_wrap { height: auto !important; padding-bottom: 16px; } } #wmfcContOuter .summary_general-affairs_dl_links ul li dl dd .summary_general-affairs_dl_items_wrap ul.summary_general-affairs_dl_items_list_arrow li::before { content: ""; display: inline-block; background-image: url(/img/common/btn_arw_02.png); width: 8px; height: 10px; margin-right: 8px; float: none; margin-left: -16px; } #wmfcContOuter .summary_general-affairs_dl_items_col2box { display: -webkit-flex; display: flex; } #wmfcContOuter .summary_general-affairs_dl_items_col2box .summary_general-affairs_dl_items_col2box_col { -webkit-flex-basis: 50%; flex-basis: 50%; } #wmfcContOuter .summary_general-affairs_dl_items_col2box .summary_general-affairs_dl_items_col2box_col > img { width: 100%; } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_dl_items_col2box .summary_general-affairs_dl_items_col2box_col { -webkit-flex-basis: auto; flex-basis: auto; min-height: 0%; } #wmfcContOuter .summary_general-affairs_dl_items_col2box .summary_general-affairs_dl_items_col2box_col > ul { height: auto !important; } } #wmfcContOuter .summary_general-affairs_dl_items_col2box .summary_general-affairs_dl_items_col2box_col:nth-child(2) { margin-left: 8px; } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_dl_items_col2box .btn { margin-top: 8px; } } #wmfcContOuter .summary_general-affairs_dl_items_col2box .btn a { color: #fff; text-decoration: none; font-size: 14px; padding: 4px; padding-right: 20px; font-weight: bold; display: block; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 5px top 50%; border: 1px solid #b22b30; text-align: center; box-sizing: border-box; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #wmfcContOuter .summary_general-affairs_dl_items_col2box .btn a:hover { color: #b22b30; background: #fff url(/img/common/btn_arw_02.png) no-repeat right 5px top 50%; } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_dl_items_col2box { -webkit-flex-flow: column; flex-flow: column; } #wmfcContOuter .summary_general-affairs_dl_items_col2box .summary_general-affairs_dl_items_col2box_col:nth-child(2) { margin-left: 0; } } #wmfcContOuter .summary_general-affairs_columns { padding: 16px 32px; border: 4px solid #b22b30; box-sizing: border-box; } #wmfcContOuter .summary_general-affairs_columns_head { font-weight: lighter; text-align: center; color: #b22b30; text-decoration: underline; font-size: 1.625rem; } @media screen and (max-width: 767px) { #wmfcContOuter .summary_general-affairs_columns { padding: 16px; } #wmfcContOuter .summary_general-affairs_columns_head { font-size: 1.125rem; } } #wmfcContOuter .summary_general-affairs_columns_list_arrow { list-style: none; padding: 0 !important; margin: 0; } #wmfcContOuter .summary_general-affairs_columns_list_arrow li { padding-left: 16px; box-sizing: border-box; } #wmfcContOuter .summary_general-affairs_columns_list_arrow li:before { content: ""; display: inline-block; background-image: url(/img/common/btn_arw_02.png); width: 8px; height: 10px; margin-right: 8px; margin-left: -16px; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links--related-link { margin-top: 0; margin-bottom: 16px; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links--related-link p { color: #b22b30; border-bottom: none; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links--related-link ul { padding-top: 0 !important; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links--related-link ul a { padding-right: 0; display: inline; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links--related-link ul a:after { display: none; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links--related-link ul li { padding-left: 16px; box-sizing: border-box; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links--related-link ul li:before { content: ""; display: inline-block; background-image: url(/img/common/btn_arw_02.png); width: 8px; height: 10px; margin-right: 8px; margin-left: -16px; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links > ul li a.summary_general-affairs_detailArea_item-detail-2colbox-links_a--green { background: #267a08 url(/img/common/btn_arw_01.png) no-repeat right 5px top 50%; border: 1px solid #267a08; } #wmfcContOuter .summary_general-affairs_detailArea_item-detail-2colbox-links > ul li a.summary_general-affairs_detailArea_item-detail-2colbox-links_a--green:hover { background: #fff url(/gallery/agent_store/summary_general-affairs-btn_arw_green.png) no-repeat right 5px top 50%; color: #267a08; } /* ↑ 人事労務向け商品比較ページ 改修 180322 */ /* ↓ インタビュー「行政情報発信サービス「モバ支所」」記事追加 0322 */ #wmfcContOuter .interviewMainHeader.interview_mobas { background-color: #b3e9fc; } #wmfcContOuter .interviewMainHeader > .interviewMainVisual.interview_mobas { background-image: url(/gallery/agent_store/interview_mobas_main-visual.jpg); } #wmfcContOuter .interviewMainVisual.interview_mobas .interviewMainTitle .interviewMainTitleInner .interviewH1 { font-size: 2.3rem; } @media screen and (max-width: 767px) { #wmfcContOuter .interviewMainHeader > .interviewMainVisual.interview_mobas { background-image: url(/gallery/agent_store/interview_mobas_visual_sp.jpg); } #wmfcContOuter .interviewMainVisual.interview_mobas .interviewMainTitle .interviewMainTitleInner .interviewH1 { font-size: 1.5rem; } } /* ↑ インタビュー「行政情報発信サービス「モバ支所」」記事追加 0322 */ /* ↓ 特集・キャンペーン改善 0322 */ #wmfcContOuter .campaign_Keywords { margin-bottom: 16px; } #wmfcContOuter .campaign_Keywords .campaign_Keywords-title { position: relative; display: table; padding-left: 40px; height: 32px; font-weight: bold; color: #b22b30; margin-bottom: 8px; } #wmfcContOuter .campaign_Keywords .campaign_Keywords-title:before { content: ""; display: table; height: 32px; width: 32px; background-image: url(/gallery/agent_store/campaign-icon-scope.png); background-repeat: no-repeat; background-size: 32px; position: absolute; left: 0; top: calc(50% - 16px); } #wmfcContOuter .campaign_Keywords .campaign_Keywords-title span { display: table-cell; vertical-align: middle; } #wmfcContOuter .campaign_Keywords .campaign_Keywords-items { display: -webkit-inline-flex; display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 8px); margin-left: -8px; } #wmfcContOuter .campaign_Keywords .campaign_Keywords-btn { display: inline-block; width: calc(25% - 8px); box-sizing: border-box; border: 1px solid #b22b30; color: #b22b30 !important; text-decoration: none; padding: 8px; padding-right: 16px; margin-bottom: 8px; margin-left: 8px; text-align: center; transition: color .5s ease, background-color .5s ease; background-image: url(/img/common/btn_arw_02.png); background-repeat: no-repeat; background-position: calc(100% - 7px) center; } #wmfcContOuter .campaign_Keywords .campaign_Keywords-btn:hover, #wmfcContOuter .campaign_Keywords .campaign_Keywords-btnActive { background-color: #b22b30; color: #fff !important; background-image: url(/img/common/btn_arw_01.png); } #wmfcContOuter .campaign_Keywords .campaign_Keywords-btnActive { pointer-events: none; background-image: none; } #wmfcContOuter .campaign_FullWidth + .campaign_Keywords { margin-top: 60px; } @media screen and (max-width: 980px) { #wmfcContOuter .campaign_Keywords .campaign_Keywords-btn { width: calc(33.333% - 8px); } } @media screen and (max-width: 959px) { #wmfcContOuter .campaign_Keywords { padding: 0 16px; } } @media screen and (max-width: 640px) { #wmfcContOuter .campaign_Keywords .campaign_Keywords-btn { width: calc(50% - 8px); } } @media screen and (max-width: 480px) { #wmfcContOuter .campaign_Keywords .campaign_Keywords-btn { width: calc(100% - 8px); } #wmfcContOuter .campaign_Keywords { -webkit-flex-flow: column; flex-flow: column; } #wmfcContOuter .campaign_Keywords .campaign_Keywords-items { margin-top: 8px; } } #wmfcContOuter .campaign_FullWidth { margin: 0 -100% 30px; padding: 0 100%; width: 100%; background: #f3f3f3; padding-top: 54px; padding-bottom: 54px; } #wmfcContOuter .campaign_FullWidth.campaign_FullWidth--color2 { background: #dad9d6; } #wmfcContOuter .campaign_FullWidth.campaign_FullWidth--color3 { background: #fff; } #wmfcContOuter .campaign_FullWidth.campaign_FullWidth--color4 { background: #eee; } #wmfcContOuter .campaign_FullWidth.campaign_FullWidth--accent-top { border-top: 3px solid #b22b30; } #wmfcContOuter .campaign_FullWidth .camSliderOuter, #wmfcContOuter .campaign_FullWidth .camAreaOuter { padding-top: 0 !important; padding-bottom: 0 !important; } @media screen and (max-width: 959px) { #wmfcContOuter .campaign_FullWidth .campaign_FullWidth-inner { max-width: 90%; margin-left: auto; margin-right: auto; } } #wmfcContOuter .campaignTitleAccent1 { position: relative; padding-bottom: 26px !important; margin-bottom: 58px !important; font-size: 30px; text-align: center; font-weight: bold; line-height: 1 !important; } #wmfcContOuter .campaignTitleAccent1:after { content: ""; display: block; width: 200px; height: 3px; background: #57564f; position: absolute; bottom: 0; margin: 0 auto; left: calc(50% - 100px); } @media screen and (max-width: 767px) { #wmfcContOuter .campaignTitleAccent1 { font-size: 24px; margin-bottom: 28px !important; } } #wmfcContOuter .camArea.campaign-no-slick { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 767px) { #wmfcContOuter .camAreaOuter .camArea.campaign-no-slick { width: 98%; margin: 0 auto; } #wmfcContOuter .camAreaOuter .camArea.campaign-no-slick .camAreaOuterItem { margin-bottom: 40px; padding: 0 8px; display: block; } } #wmfcContOuter .camAreaRankBadge .camAreaOuterItem .camImg img { box-shadow: 0 0 0 2px #fff; } #wmfcContOuter .camAreaRankBadge .camAreaOuterItem:before { content: ""; display: block; width: 57px; height: 82px; margin: 0 auto; background-size: contain; background-repeat: no-repeat; background-position: bottom; margin-bottom: 12px; } #wmfcContOuter .camAreaRankBadge .camAreaOuterItem.camAreaRankBadge--rank1:before { background-image: url(/gallery/agent_store/campaign-icon-ranking01.png); } #wmfcContOuter .camAreaRankBadge .camAreaOuterItem.camAreaRankBadge--rank2:before { background-image: url(/gallery/agent_store/campaign-icon-ranking02.png); } #wmfcContOuter .camAreaRankBadge .camAreaOuterItem.camAreaRankBadge--rank3:before { background-image: url(/gallery/agent_store/campaign-icon-ranking03.png); } #wmfcContOuter .camAreaRankBadge .camAreaOuterItem.camAreaRankBadge--rank4:before, #wmfcContOuter .camAreaRankBadge .camAreaOuterItem.camAreaRankBadge--rank5:before, #wmfcContOuter .camAreaRankBadge .camAreaOuterItem.camAreaRankBadge--rank6:before { height: 56px; } @media screen and (max-width: 766px) { #wmfcContOuter .camAreaRankBadge .camAreaOuterItem.camAreaRankBadge--rank4:before, #wmfcContOuter .camAreaRankBadge .camAreaOuterItem.camAreaRankBadge--rank5:before, #wmfcContOuter .camAreaRankBadge .camAreaOuterItem.camAreaRankBadge--rank6:before { height: 82px; } } #wmfcContOuter .camAreaRankBadge .camAreaOuterItem.camAreaRankBadge--rank4:before { background-image: url(/gallery/agent_store/campaign-icon-ranking04.png); } #wmfcContOuter .camAreaRankBadge .camAreaOuterItem.camAreaRankBadge--rank5:before { background-image: url(/gallery/agent_store/campaign-icon-ranking05.png); } #wmfcContOuter .camAreaRankBadge .camAreaOuterItem.camAreaRankBadge--rank6:before { background-image: url(/gallery/agent_store/campaign-icon-ranking06.png); } #wmfcContOuter .campaignOuter { margin-top: -10px; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item { display: flex; padding: 10px 0; border-bottom: 1px solid #dad9d6; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-img { width: 180px; display: inline-block; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-img img { width: 100%; height: auto; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-container { -webkit-flex: 1; flex: 1; display: block; margin-left: 15px; display: -webkit-flex; display: flex; -webkit-flex-flow: column; flex-flow: column; -webkit-justify-content: space-between; justify-content: space-between; position: relative; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-contents-ribbon { display: inline-block; padding: 4px 6px; margin-bottom: 12px; font-size: 12px; background: #eee; color: #fff; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-contents-ribbon.ribbonC { background: #B22B30; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-contents-ribbon.ribbonD { background: #4B4595; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-contents-ribbon.ribbonF { background: #914405; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-contents-ribbon.ribbonS { background: #105D9C; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-contents-ribbon.ribbonE { background: #267A08; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-contents-ribbon.ribbonX { background: #6C6400; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-contents-ribbon.ribbonZ { background: #57564F; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-contents-ribbon.ribbonT { background: #267a08; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-contents-title { color: #000; font-size: 16px; font-weight: bold; margin-bottom: 0; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-contents-title a { text-decoration: none; color: #000; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-contents-tags { color: #666; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-contents-tags span:before { content: "["; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-contents-tags span:after { content: "]"; } @media screen and (max-width: 767px) { #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-img, #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-container { min-height: 0%; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-img { width: auto; -webkit-flex-basis: 200px; flex-basis: 200px; } #wmfcContOuter .campaign_ListSimple .campaign_ListSimple-item .campaign_ListSimple-item-container { flex: auto; -webkit-flex-basis: 475px; flex-basis: 475px; margin-left: 13px; } } #wmfcContOuter .campaign_List-item { background: #eee; border-top: 3px solid #c6c6c0; padding: 30px 30px 36px; } #wmfcContOuter .campaign_List-item + .campaign_List-item { margin-top: 60px; } #wmfcContOuter .campaign_List-item .campaign_List-item-contents-title { font-size: 1.4rem; margin-bottom: 24px; } #wmfcContOuter .campaign_List-item .campaign_List-item-contents-title span { background: #b22b30; color: #fff; padding: 0 10px; margin-right: 12px; } #wmfcContOuter .campaign_List-item .campaign_List-item-container { display: flex; } #wmfcContOuter .campaign_List-item .campaign_List-item-img { -webkit-flex-basis: 450px; flex-basis: 450px; } #wmfcContOuter .campaign_List-item .campaign_List-item-img > img { width: 100%; } #wmfcContOuter .campaign_List-item .campaign_List-item-contents { margin-left: 30px; -webkit-flex-basis: 440px; flex-basis: 440px; } #wmfcContOuter .campaign_List-item .campaign_List-item-table { border-collapse: collapse; border-spacing: 0px; border: solid 1px #a9a9a9; color: #000000; margin-bottom: 16px; width: 100%; } #wmfcContOuter .campaign_List-item .campaign_List-item-table th { background-color: #d1d1d1; color: #000000; border: solid 1px #a9a9a9; line-height: 1.6; } #wmfcContOuter .campaign_List-item .campaign_List-item-table td { background-color: #fff; color: #000000; border: solid 1px #a9a9a9; line-height: 1.6; } #wmfcContOuter .campaign_List-item .campaign_List-item-link-button { font-size: 15px; display: block; font-weight: bold; text-decoration: none; padding-right: 20px; padding-left: 8px; border: 1px solid #b22b30; color: #fff; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat right 5px top 50%; line-height: 45px; display: block; text-align: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; max-width: 160px; margin-right: 0; margin-left: auto; } #wmfcContOuter .campaign_List-item .campaign_List-item-link-button:hover { color: #b22b30; background: #fff url(/img/common/btn_arw_02.png) no-repeat right 5px top 50%; } @media screen and (max-width: 767px) { #wmfcContOuter .campaign_List-item .campaign_List-item-container { -webkit-flex-flow: column; flex-flow: column; } #wmfcContOuter .campaign_List-item .campaign_List-item-img, #wmfcContOuter .campaign_List-item .campaign_List-item-contents { -webkit-flex-basis: auto; flex-basis: auto; min-height: 0%; } #wmfcContOuter .campaign_List-item .campaign_List-item-contents { margin-left: 0; margin-top: 20px; } #wmfcContOuter .campaign_List-item .campaign_List-item-contents-title { font-size: 1.125rem; } #wmfcContOuter .campaign_List-item .campaign_List-item-link-button { font-size: 0.875rem; max-width: none; } } #wmfcContOuter .campaign_BacknumberList, #wmfcContOuter .campaign_BacknumberList ul { list-style: none; } #wmfcContOuter .campaign_BacknumberList { padding: 0; } #wmfcContOuter .campaign_BacknumberList > li { margin-bottom: 0; background: #fff; padding: 26px 36px; } #wmfcContOuter .campaign_BacknumberList > li + li { margin-top: 30px; } #wmfcContOuter .campaign_BacknumberList ul { padding-left: 32px; padding-top: 0; } #wmfcContOuter .campaign_BacknumberList ul li { margin-top: 2px; margin-bottom: 0; position: relative; display: table; width: 100%; } #wmfcContOuter .campaign_BacknumberList ul li:before { content: ""; height: 4px; width: 4px; background: #9a9a9a; display: block; position: absolute; left: -14px; top: calc(0.875em - 2px); border-radius: 50%; } #wmfcContOuter .campaign_BacknumberList .campaign_BacknumberListTitle { font-size: 20px; color: #333; margin-bottom: 16px; } @media screen and (max-width: 767px) { #wmfcContOuter .campaign_BacknumberList > li { padding: 26px; } } #wmfcContOuter .campaign_BacknumberList dl { display: table; width: 100%; margin: 0; } #wmfcContOuter .campaign_BacknumberList dl dt, #wmfcContOuter .campaign_BacknumberList dl dd { display: table-cell; vertical-align: top; padding-left: 0; } #wmfcContOuter .campaign_BacknumberList dl dt { width: 9em; white-space: nowrap; } #wmfcContOuter .campaign_BacknumberList dl dd a { color: #039; text-decoration: none; } #wmfcContOuter .campaign_BacknumberList dl dd a:hover { text-decoration: underline; } @media screen and (max-width: 767px) { #wmfcContOuter .campaign_BacknumberList dl dt, #wmfcContOuter .campaign_BacknumberList dl dd { display: block; vertical-align: top; } #wmfcContOuter .campaign_BacknumberList ul > li:last-child dl dd { margin-bottom: 0; } } #wmfcContOuter .top_camAreaBtn-wrap { width: 100%; max-width: 300px; margin: 0 auto !important; padding: 0 40px; padding-bottom: 20px; } #wmfcContOuter .top_camAreaBtn-wrap a { display: block; width: 100%; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none !important; line-height: 50px; color: #b22b30; background: white url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; } #wmfcContOuter .top_camAreaBtn-wrap a:hover { background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; border: 1px solid #b22b30; color: #fff; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } @media screen and (max-width: 767px) { #wmfcContOuter .top_camAreaBtn-wrap { max-width: 200px; padding-left: 0; padding-right: 0; } } /* ↑ 特集・キャンペーン改善 0322 */ /* ↓ みえますねっと記事 0323 */ #wmfcContOuter #miemasu-net .title-wrapper { width: 100%; margin: 0 -500%; padding: 0 500%; background-color: #e5e4e4; } #wmfcContOuter #miemasu-net .title-wrapper .title-area { width: 100%; max-width: 980px; margin: 0 auto; } #wmfcContOuter #miemasu-net .title-area .main-visual { position: relative; margin: 0 0 0 0; padding: 20px 0 0 0; min-height: 300px; box-sizing: border-box; background: url(/gallery/agent_store/miemasu-net-img-mainvisual.png) right top no-repeat; background-size: auto 300px; } #wmfcContOuter #miemasu-net .title-area:after { content: " "; display: block; clear: both; } #wmfcContOuter #miemasu-net .title-area h1 { margin-bottom: 15px; font-weight: bold; font-size: 2.25rem; line-height: 1.4; color: #333333; } #wmfcContOuter #miemasu-net .title-area p { margin-bottom: 0.5em; font-size: 1.25rem; color: #333333; line-height: 1.5; } #wmfcContOuter #miemasu-net .main-container { width: 100%; max-width: 980px; margin: 30px auto; } #wmfcContOuter #miemasu-net .main-container h2 { font-size: 1.5rem; margin: 1.5em 0 0.6em 0; } #wmfcContOuter #miemasu-net .main-container h2.bg { font-size: 1.5rem; padding: 0.3em 0 0.2em 0; margin: 1.5em 0 0.6em 0; background-color: #d9d9d9; text-align: center; } #wmfcContOuter #miemasu-net .main-container h3 { font-size: 1.25rem; margin: 1.5em 0 0.6em 0; } #wmfcContOuter #miemasu-net .main-container h3.emcee { font-size: 1rem; } #wmfcContOuter #miemasu-net .main-container h3.emcee:before { display: inline; content: "\2500\2500"; margin-right: 0.2em; } #wmfcContOuter #miemasu-net .main-container p { margin-bottom: 1em; font-size: 1rem; line-height: 2; } #wmfcContOuter #miemasu-net .main-container .figure { margin: 30px auto 50px; } #wmfcContOuter #miemasu-net .main-container .figure.w70 { width: 70%; } #wmfcContOuter #miemasu-net .main-container .figure img { width: 100%; } #wmfcContOuter #miemasu-net .main-container .figure area { border: none; outline: none; } #wmfcContOuter #miemasu-net .main-container .foot-note-wrapper { width: 90%; padding: 2em; margin: 60px auto; background-color: #efefef; border: 1px solid #9c9c94; box-sizing: border-box; } #wmfcContOuter #miemasu-net .main-container .foot-note-wrapper p { margin-bottom: 0; } #wmfcContOuter #miemasu-net .main-container p.link { text-align: right; } #wmfcContOuter #miemasu-net .main-container p.link a { color: #333333; } #wmfcContOuter #miemasu-net .main-container p.link a:hover { opacity: 0.5; } #wmfcContOuter #miemasu-net .main-container .chapter { margin: 80px 0 40px; padding: 0; display: flex; flex-wrap: wrap; box-sizing: border-box; } #wmfcContOuter #miemasu-net .main-container .chapter .flex-item { width: 60%; padding: 0; box-sizing: border-box; display: flex; align-items: center; } #wmfcContOuter #miemasu-net .main-container .chapter:after { content: " "; display: block; clear: both; } #wmfcContOuter #miemasu-net .main-container .chapter .flex-item img { width: 100%; } #wmfcContOuter #miemasu-net .main-container .chapter .flex-item h2 { width: 100%; color: #ffffff; font-size: 1.2rem; margin: 0; } #wmfcContOuter #miemasu-net .main-container .chapter .flex-item:first-child { width: 40%; text-align: right; padding: 0 1em; background-color: #919191; } #wmfcContOuter #miemasu-net > .btn-group { margin-top: 60px; display: flex; flex-wrap: wrap; justify-content: space-between; } #wmfcContOuter #miemasu-net > .btn-group > .btn { position: relative; width: 47%; display: inline-block; box-sizing: border-box; margin-bottom: 20px; padding: 1em; font-size: 1.25rem; background-color: #ac3139; border: 2px solid #ac3139; color: #ffffff; transition-duration: 0.3s; text-align: center; line-height: 1; cursor: pointer; text-decoration: none; } #wmfcContOuter #miemasu-net > .btn-group > .btn::after { display: inline-block; content: ""; position: absolute; top: 0; bottom: 0; right: 1em; margin: auto; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent #ffffff; } #wmfcContOuter #miemasu-net > .btn-group > a:hover.btn { background-color: #ffffff; color: #ac3139; } #wmfcContOuter #miemasu-net > .btn-group > a:hover.btn::after { border-color: transparent transparent transparent #ac3139; } #wmfcContOuter #miemasu-net .person-area { width: 100%; margin: 40px 0; background-color: #f5f5f5; } #wmfcContOuter #miemasu-net .person-area .flexbox { width: 980px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } #wmfcContOuter #miemasu-net .person-area .flex-item { width: 75%; padding: 20px; box-sizing: border-box; } #wmfcContOuter #miemasu-net .person-area:after { content: " "; display: block; clear: both; } #wmfcContOuter #miemasu-net .person-area .flex-item img { width: 100%; vertical-align: bottom; } #wmfcContOuter #miemasu-net .person-area .flex-item h2 { color: #ae2d34; font-size: 1.2rem; margin: 0; padding: 20px 0 20px 30px } #wmfcContOuter #miemasu-net .person-area .flex-item p { padding: 0 0 0 30px; font-size: 0.875rem; font-weight: bold; line-height: 2; } #wmfcContOuter #miemasu-net .person-area .flex-item:first-child { width: 25%; padding: 0; } @media screen and (max-width: 959px) { #wmfcContOuter #miemasu-net .title-wrapper { margin: 0; padding: 0; } #wmfcContOuter #miemasu-net .title-wrapper .title-area { padding: 0 10px; box-sizing: border-box; } #wmfcContOuter #miemasu-net .title-area .main-visual { min-height: 200px; background-size: auto 200px; } #wmfcContOuter #miemasu-net .title-area h1 { font-size: 2rem; } #wmfcContOuter #miemasu-net .title-area p { margin-bottom: 0; font-size: 1.125rem; } #wmfcContOuter #miemasu-net .main-container { width: 100%; padding: 0 10px; box-sizing: border-box; } #wmfcContOuter #miemasu-net .main-container h2 { font-size: 1.5rem; margin: 1.5em 0 0.6em 0; } #wmfcContOuter #miemasu-net > .btn-group { width: 100%; padding: 0 10px; box-sizing: border-box; } #wmfcContOuter #miemasu-net > .btn-group > .btn { width: 49%; } #wmfcContOuter #miemasu-net .person-area .flexbox { width: 100%; margin: 0; } } @media screen and (max-width: 767px) { #wmfcContOuter #miemasu-net .title-wrapper { background-color: #e5e4e4; } #wmfcContOuter #miemasu-net .title-area .main-visual { position: relative; padding: 0 0 0 0; min-height: 420px; background: url(/gallery/agent_store/miemasu-net-img-mainvisual.png) left bottom no-repeat; background-size: contain; } #wmfcContOuter #miemasu-net .title-area h1 { margin-bottom: 0.2em; padding: 20px 0 0; font-size: 1.375rem; } #wmfcContOuter #miemasu-net .title-area p { font-size: 1.125rem; text-shadow: none; text-shadow: #fff 1px 1px 0, #fff -1px -1px 0, #fff -1px 1px 0, #fff 1px -1px 0, #fff 0px 1px 0, #fff 0-1px 0, #fff -1px 0 0, #fff 1px 0 0; } #wmfcContOuter #miemasu-net .main-container p { font-size: 0.875rem; } #wmfcContOuter #miemasu-net .main-container .chapter { margin: 40px 0 40px; padding: 0; flex-direction: column; } #wmfcContOuter #miemasu-net .main-container .chapter .flex-item { width: 100%; } #wmfcContOuter #miemasu-net .main-container .chapter .flex-item h2 { font-size: 1.125rem; } #wmfcContOuter #miemasu-net .main-container .chapter .flex-item:first-child { width: 100%; text-align: left; padding: 1em; } #wmfcContOuter #miemasu-net .main-container .figure.w70 { width: 100%; } #wmfcContOuter #miemasu-net .main-container .foot-note-wrapper { width: 100%; padding: 1em; } #wmfcContOuter #miemasu-net > .btn-group { margin-top: 40px; flex-direction: column; } #wmfcContOuter #miemasu-net > .btn-group > .btn { width: 100%; font-size: 1rem; } #wmfcContOuter #miemasu-net .person-area { width: 100%; margin: 40px 0; background-color: #f5f5f5; } #wmfcContOuter #miemasu-net .person-area .flexbox { flex-direction: column; } #wmfcContOuter #miemasu-net .person-area .flex-item { width: 100%; padding: 20px; } #wmfcContOuter #miemasu-net .person-area .flex-item h2 { font-size: 1rem; padding: 10px } #wmfcContOuter #miemasu-net .person-area .flex-item p { padding: 10px; font-size: 0.875rem; } #wmfcContOuter #miemasu-net .person-area .flex-item:first-child { width: 80%; margin: 10px auto 0; } } @media (max-width: 1024px) and (orientation: landscape) { #wmfcContOuter #miemasu-net .title-wrapper { margin: 0 -20px; padding: 0 20px; } #wmfcContOuter #miemasu-net .title-area .main-visual { position: relative; padding: 10px 0 0 0; min-height: 240px; background: url(/gallery/agent_store/miemasu-net-img-mainvisual.png) left -10px bottom no-repeat; background-size: contain; } #wmfcContOuter #miemasu-net .title-area h1 { width: 60%; margin-left: auto; } #wmfcContOuter #miemasu-net .title-area p { width: 60%; margin-left: auto; } } @media (max-width: 750px) and (orientation: landscape) { #wmfcContOuter #miemasu-net .title-wrapper { margin: 0; padding: 0; } #wmfcContOuter #miemasu-net .title-area h1 { width: 55%; margin-left: auto; } #wmfcContOuter #miemasu-net .title-area p { width: 55%; margin-left: auto; } } #wmfcContOuter .interviewBtn { width: 100%; } #wmfcContOuter .interviewBtn > .btn { display: block; margin-left: auto; margin-right: auto; border: 1px solid #b22b30; box-sizing: border-box; width: 320px; max-width: 100%; background: #b22b30 url(/img/common/btn_arw_01.png) no-repeat; background-position: right 20px top 50%; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 50px; text-align: center; } #wmfcContOuter .interviewBtn > .btn:hover, #wmfcContOuter .interviewBtn > .btn:active, #wmfcContOuter .interviewBtn > .btn:focus { background: #fff url(/img/common/btn_arw_02.png) no-repeat; background-position: right 20px top 50%; } #wmfcContOuter .interviewBtn > .btn a { display: block; color: #fff; text-decoration: none; } #wmfcContOuter .interviewBtn > .btn:hover a, #wmfcContOuter .interviewBtn > .btn:active a, #wmfcContOuter .interviewBtn > .btn:focus a { color: #b22b30; } @media screen and (max-width: 959px) { #wmfcContOuter .interviewBtn > .btn { line-height: 1.75; } #wmfcContOuter .interviewBtn > .btn > a { padding: .25em 2em .25em .75em; } } #wmfcContOuter .interviewBtn > .btn.btnLarge { width: 600px; } /* ↑ みえますねっと記事 0323 */ /* ↓ productinfo 870 FUJITSU Cloud Service for OSS / トライアルバナー追加 181107 */ #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .banner { width: 100%; height: 145px; padding: 0 60px; margin-bottom: 20px; background: url(/gallery/publisher_CloudServiceK5/for-oss_trial_hero.jpg) 50% 0 no-repeat; background-size: cover; box-sizing: border-box; display: flex; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .banner > h3 { width: 100%; margin-bottom: 0; padding: 0; background: none; color: #fff; font-size: 1.75rem; font-weight: 400; display: flex; align-items: center; } @media only screen and (max-width: 480px) { #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .banner { height: 200px; padding: 0 30px; background: url(/gallery/publisher_CloudServiceK5/for-oss_trial_hero.jpg) 70% 0 no-repeat; background-size: cover; } #wmfcContOuter .detailTabOuter .detailTabCont .detailTabContPanel .banner > h3 { font-size: 1.5rem; } }