/************************************************ general ************************************************/ /*--------------- position ------------------*/ .bgNone { background: none !important; } .relativ { position: relative; } .absolute { position: absolute; } .tLeft { text-align: left !important; } .tCenter { text-align: center !important; } .tRight { text-align: right !important; } .vTop { vertical-align: top !important; } .vMiddle { vertical-align: middle !important; } .vBottom { vertical-align: bottom !important; } .fLeft { float: left !important; } .fRight { float: right !important; } .fNone { float: none !important; } .imageWideLeft { text-align: left !important; } .imageWideRight { text-align: right !important; } .imageWideCenter { text-align: center !important; } img.icon { vertical-align: middle !important; margin: 0 5px !important; } img.iconRight { vertical-align: middle !important; margin: 0 5px 0 0 !important; } img.iconLeft { vertical-align: middle !important; margin: 0 0 0 5px !important; } /*--------------- display ------------------*/ #container a.none { display: inline !important; } .none { display: none !important; } .displayJP .jpNone { display: none !important; } /*20180615追加*/ .displayEN .enNone { display: none !important; } /*20180615追加*/ .dBlock { display: block !important; } .dInline { display: inline !important; } .dInlineB { display: inline-block !important; } .dInlineT { display: inline-table !important; } .dTable { display: table !important; } .dTableCell { display: table-cell !important; } .noBg { background: none !important; } .noBd { border: none !important; } .cPointer { cursor: pointer !important; } .wbBA { word-break: break-all !important; } .wbBW { word-break: normal !important; } /*20190228追加*/ .pcOnly { display: block !important; } .spOnly { display: none !important; } .spOnly_dInline { display: none !important; } .spOnly_dInlineB { display: none !important; } .opacity80:hover { opacity: 0.8 !important; } .flex { -moz-display: flex; -webkit-display: flex; display: flex !important; } /*20190225追加*/ .flexCenter { -moz-display: flex; -webkit-display: flex; display: flex !important; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } /*20190225追加*/ .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .flex-spaBet { justify-content: space-between; } /*--------------- font ------------------*/ .fxSmall { font-size: 75% !important; } .fSmall { font-size: 86% !important; } .fDef { font-size: 100% !important; } .fNormal { font-weight: normal !important; } .fLarge { font-size: 120% !important; } .fXXLarge { font-size: 200% !important; } .fRed { color: #e20000 !important; } .fOrange { color: #fe6600 !important; } /*20190228追加*/ .fBlue { color: #02b8df !important; } .fGray { color: #616161 !important; } .fWhite { color: #fff !important; } /*20180228追加*/ .fLightGreen { color: #44b41d !important; } /*20180228追加*/ .fDeepGreen { color: #015315 !important; } .fBrown { color: #6f5203 !important; } /*20190228追加*/ .bold { font-weight: bold !important; } .fwNormal { font-weight: normal !important; } .italic { font-style: italic !important; } .fSoft { font-family: "ヒラギノ丸ゴ ProN", "Hiragino Maru Gothic ProN", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif; } .underline { text-decoration: underline !important; } .overline { text-decoration: overline !important; } .br { white-space: normal !important; } .nobr { white-space: nowrap !important; } sup.caution { font-size: 86% !important; font-weight: normal !important; margin-left: 3px !important; } /*--------------- list-style ------------------*/ ol.dimi { list-style-type: decimal; } .dotLineBottom { background: url(/shared/img/cmn_line_004.png) repeat-x scroll left bottom transparent; padding-bottom: 10px; margin-bottom: 10px; } .dotLineTop { background: url(/shared/img/cmn_line_004.png) repeat-x scroll left top transparent; padding-top: 10px; margin-top: 10px; } .textNolink { color: #7f7f7f !important; } /*--------------- text-indent ------------------*/ .indent01 { text-indent: -0.5em; padding-left: 0.5em; } .indent02 { text-indent: -1em; padding-left: 1em; } .indent03 { text-indent: -1.2em; padding-left: 1.2em; } .indent04 { text-indent: -1.5em; padding-left: 1.5em; } /*2019228追加*/ /* 文字数自由 */ .indent-flexible > * { display: table-cell; } .indent-flexible > *:first-child { white-space: nowrap; } /*--------------- margin ------------------*/ .firstBlock { margin-top: 0 !important; } .m0auto { margin: 0 auto !important; } .m0 { margin: 0px !important; } .m5 { margin: 5px !important; } .m10 { margin: 10px !important; } .m15 { margin: 15px !important; } .m20 { margin: 20px !important; } .m25 { margin: 25px !important; } .m30 { margin: 30px !important; } .m35 { margin: 35px !important; } .m40 { margin: 40px !important; } .m45 { margin: 45px !important; } .m50 { margin: 50px !important; } .m55 { margin: 55px !important; } .m60 { margin: 60px !important; } .m65 { margin: 65px !important; } .m70 { margin: 70px !important; } .m75 { margin: 75px !important; } .m80 { margin: 80px !important; } .mtAuto { margin-top: auto !important; } .mt0 { margin-top: 0px !important; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px !important; } .mt35 { margin-top: 35px !important; } .mt40 { margin-top: 40px !important; } .mt45 { margin-top: 45px !important; } .mt50 { margin-top: 50px !important; } .mt55 { margin-top: 55px !important; } .mt60 { margin-top: 60px !important; } .mt65 { margin-top: 65px !important; } .mt70 { margin-top: 70px !important; } .mt75 { margin-top: 75px !important; } .mt80 { margin-top: 80px !important; } .mb0 { margin-bottom: 0px !important; } .mb1em { margin-bottom: 1em; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mb40 { margin-bottom: 40px !important; } .mb45 { margin-bottom: 45px !important; } .mb50 { margin-bottom: 50px !important; } .mb55 { margin-bottom: 55px !important; } .mb60 { margin-bottom: 60px !important; } .mb65 { margin-bottom: 65px !important; } .mb70 { margin-bottom: 70px !important; } .mb75 { margin-bottom: 75px !important; } .mb80 { margin-bottom: 80px !important; } .mb110 { margin-bottom: 110px !important; } /*20180511追加*/ .ml0 { margin-left: 0px !important; } .ml5 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml15 { margin-left: 15px !important; } .ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; } .ml30 { margin-left: 30px !important; } .ml35 { margin-left: 35px !important; } .ml40 { margin-left: 40px !important; } .ml45 { margin-left: 45px !important; } .ml50 { margin-left: 50px !important; } .ml55 { margin-left: 55px !important; } .ml60 { margin-left: 60px !important; } .ml65 { margin-left: 65px !important; } .ml70 { margin-left: 70px !important; } .ml75 { margin-left: 75px !important; } .ml80 { margin-left: 80px !important; } .ml85 { margin-left: 85px !important; } .ml90 { margin-left: 90px !important; } .mr0 { margin-right: 0px !important; } .mr5 { margin-right: 5px !important; } .mr10 { margin-right: 10px !important; } .mr15 { margin-right: 15px !important; } .mr18 { margin-right: 18px !important; } .mr20 { margin-right: 20px !important; } .mr25 { margin-right: 25px !important; } .mr30 { margin-right: 30px !important; } .mr35 { margin-right: 35px !important; } .mr40 { margin-right: 40px !important; } .mr45 { margin-right: 45px !important; } .mr50 { margin-right: 50px !important; } .mr55 { margin-right: 55px !important; } .mr60 { margin-right: 60px !important; } .mr65 { margin-right: 65px !important; } .mr70 { margin-right: 70px !important; } .mr75 { margin-right: 75px !important; } .mr80 { margin-right: 80px !important; } /*--------------- padding ------------------*/ .p0 { padding: 0px !important; } .p5 { padding: 5px !important; } .p10 { padding: 10px !important; } .p15 { padding: 15px !important; } .p20 { padding: 20px !important; } .p25 { padding: 25px !important; } .p30 { padding: 30px !important; } .p35 { padding: 35px !important; } .p40 { padding: 40px !important; } .p45 { padding: 45px !important; } .p50 { padding: 50px !important; } .p55 { padding: 55px !important; } .p60 { padding: 60px !important; } .p65 { padding: 65px !important; } .p70 { padding: 70px !important; } .p75 { padding: 75px !important; } .p80 { padding: 80px !important; } .pt0 { padding-top: 0px !important; } .pt5 { padding-top: 5px !important; } .pt10 { padding-top: 10px !important; } .pt15 { padding-top: 15px !important; } .pt20 { padding-top: 20px !important; } .pt25 { padding-top: 25px !important; } .pt30 { padding-top: 30px !important; } .pt35 { padding-top: 35px !important; } .pt40 { padding-top: 40px !important; } .pt45 { padding-top: 45px !important; } .pt50 { padding-top: 50px !important; } .pt55 { padding-top: 55px !important; } .pt60 { padding-top: 60px !important; } .pt65 { padding-top: 65px !important; } .pt70 { padding-top: 70px !important; } .pt75 { padding-top: 75px !important; } .pt80 { padding-top: 80px !important; } .pb0 { padding-bottom: 0px !important; } .pb5 { padding-bottom: 5px !important; } .pb10 { padding-bottom: 10px !important; } .pb15 { padding-bottom: 15px !important; } .pb20 { padding-bottom: 20px !important; } .pb25 { padding-bottom: 25px !important; } .pb30 { padding-bottom: 30px !important; } .pb35 { padding-bottom: 35px !important; } .pb40 { padding-bottom: 40px !important; } .pb45 { padding-bottom: 45px !important; } .pb50 { padding-bottom: 50px !important; } .pb55 { padding-bottom: 55px !important; } .pb60 { padding-bottom: 60px !important; } .pb65 { padding-bottom: 65px !important; } .pb70 { padding-bottom: 70px !important; } .pb75 { padding-bottom: 75px !important; } .pb80 { padding-bottom: 80px !important; } .pl0 { padding-left: 0px !important; } .pl5 { padding-left: 5px !important; } .pl10 { padding-left: 10px !important; } .pl15 { padding-left: 15px !important; } .pl20 { padding-left: 20px !important; } .pl25 { padding-left: 25px !important; } .pl30 { padding-left: 30px !important; } .pl35 { padding-left: 35px !important; } .pl40 { padding-left: 40px !important; } .pl45 { padding-left: 45px !important; } .pl50 { padding-left: 50px !important; } .pl55 { padding-left: 55px !important; } .pl60 { padding-left: 60px !important; } .pl65 { padding-left: 65px !important; } .pl70 { padding-left: 70px !important; } .pl75 { padding-left: 75px !important; } .pl80 { padding-left: 80px !important; } .pl150 { padding-left: 150px !important; } .pl230 { padding-left: 230px !important; } .pr0 { padding-right: 0px !important; } .pr5 { padding-right: 5px !important; } .pr10 { padding-right: 10px !important; } .pr15 { padding-right: 15px !important; } .pr20 { padding-right: 20px !important; } .pr25 { padding-right: 25px !important; } .pr30 { padding-right: 30px !important; } .pr35 { padding-right: 35px !important; } .pr40 { padding-right: 40px !important; } .pr45 { padding-right: 45px !important; } .pr50 { padding-right: 50px !important; } .pr55 { padding-right: 55px !important; } .pr60 { padding-right: 60px !important; } .pr65 { padding-right: 65px !important; } .pr70 { padding-right: 70px !important; } .pr75 { padding-right: 75px !important; } .pr80 { padding-right: 80px !important; } .pr125 { padding-right: 125px !important; } /*--------------- width ------------------*/ .wAuto { width: auto !important; } .w1 { width: 1% !important; } .w5 { width: 5% !important; } .w7 { width: 7% !important; } .w8 { width: 8% !important; } .w9 { width: 9% !important; } .w10 { width: 10% !important; } .w12 { width: 12% !important; } .w14 { width: 14% !important; } .w15 { width: 15% !important; } .w17 { width: 17% !important; } .w20 { width: 20% !important; } .w25 { width: 25% !important; } .w26 { width: 26% !important; } .w28 { width: 28% !important; } .w29 { width: 29% !important; } .w30 { width: 30% !important; } .w33 { width: 33% !important; } .w34 { width: 34% !important; } .w35 { width: 35% !important; } .w40 { width: 40% !important; } .w45 { width: 45% !important; } .w48 { width: 48% !important; } .w50 { width: 50% !important; } .w55 { width: 55% !important; } .w60 { width: 60% !important; } .w65 { width: 65% !important; } .w70 { width: 70% !important; } .w75 { width: 75% !important; } .w80 { width: 80% !important; } .w85 { width: 85% !important; } .w90 { width: 90% !important; } .w95 { width: 95% !important; } .w100 { width: 100% !important; } .w100p { width: 100px !important; } .w200p { width: 200px !important; } .w300p { width: 300px !important; } .w400p { width: 400px !important; } .w500p { width: 500px !important; } .wAuto_mw100 { width: auto !important; max-width: 100% !important; } /*--------------- align単体 ------------------*/ .tCent { text-align: center; } /************************************************ Block ************************************************/ /*--------------- comBlock ------------------*/ .comBlock01 { margin-top: 30px; } .comBlock01 .comBlock01 { margin-top: 0; } /************************************************ component ************************************************/ /*--------------- comArea ------------------*/ /*--------------- indentBlock ------------------*/ .indentBlock01 { padding: 10px; } /*--------------- Link,hover ------------------*/ a:hover img { opacity: 0.8; } /*20200701追加*/ a.textDecoNo { text-decoration: none; } /*--------------- headingBlock ------------------*/ /* 01 */ .headingBlockH1 { display: block; margin-bottom: 15px; padding: 10px 10px 10px 25px; background: url(/shared/img/cmn_line_001.gif) left top no-repeat; border-bottom: 3px solid #ff6600; font-size: 130%; line-height: 120%; font-weight: bold; } .headingBlockH1 span.innerTitle { float: left; } .headingBlockH1 span.innerLink { float: right; } .headingBlockH1 span.innerLink a { background: url(/shared/img/cmn_ico_003.png) no-repeat scroll right center; display: inline-block; padding-right: 15px; word-break: break-all; font-size: 100%; } .headingBlock01 { width: 100%; color: #007a26; margin-bottom: 15px; background: url(/shared/img/cmn_line_003.gif) left bottom repeat-x #f3f3f3; font-size: 130%; line-height: 120%; font-weight: bold; display: table; } .headingBlock01 span.innerLink { display: table-cell; box-sizing: border-box; width: 30%; vertical-align: middle; text-align: right; padding: 0 10px 0 0; } .headingBlock01 span.innerLink a { background: url(/shared/img/cmn_ico_003.png) no-repeat scroll right center; padding-right: 15px; word-break: break-all; font-size: 75%; } /* personal campaign h2 */ .headingBlock01.h2type02 { background: #f3f3f3; border-bottom: solid 2px #e4e5e5; } .headingBlock01.h2type02 .title { padding: 11px 10px 7px; } .headingBlock01 img { display: inline-block; vertical-align: middle; } .headingBlock01 .ico { display: table-cell; vertical-align: middle; } .headingBlock01 .title { padding: 10px 0 10px 10px; display: table-cell; box-sizing: border-box; vertical-align: middle; width: 70%; } .headingBlock02 { margin-bottom: 15px; background: url(/shared/img/cmn_line_006.gif) left bottom repeat-x; } .headingBlock02 .headingBlockInner { background: url(/shared/img/cmn_line_002.gif) left top no-repeat; padding: 0 0 0 17px; display: block; } .headingBlock02 .title { background: url(/shared/img/cmn_line_002.gif) no-repeat scroll left top transparent; font-size: 130%; font-weight: bold; line-height: 120%; padding: 8px 15px; vertical-align: middle; display: table-cell; } .headingBlock02 .headingBlockInner .ico { display: table-cell; vertical-align: middle; } .headingBlock02 .headingBlockInner .title { padding: 10px; font-size: 130%; line-height: 120%; font-weight: bold; background: none; vertical-align: middle; display: table-cell; } .headingBlock03 { display: block; font-size: 130%; line-height: 120%; font-weight: bold; color: #007a26; margin-bottom: 15px; text-indent: -0.9em; padding-left: 0.9em !important; } .headingBlock03 span { font-size: 83%; } .headingBlock04 { display: block; font-size: 130%; line-height: 120%; font-weight: bold; margin-bottom: 15px; padding-bottom: 7px; border-bottom: solid 2px #e4e5e5; } /*↓20190225追加↓*/ .headingBlock05 { border-bottom: #ffa814 solid 4px; margin-bottom: 15px; text-align: center; } .headingBlock05 .title { color: #fe6600; font-size: 1rem; font-weight: bold; } .headingBlock06 { border-bottom: #fe6600 solid 2px; border-left: #fe6600 solid 10px; height: auto; margin-bottom: 10px; padding-left: 10px; } .headingBlock06 .title { color: #7e7e7e; font-size: 0.9rem; font-weight: bold; vertical-align: middle; } /*↑20190225追加↑*/ /*↓20190701追加↓*/ .headingBlock07 { margin-bottom: 15px; background: url(/shared/img/cmn_line_006.gif) left bottom repeat-x; } .headingBlock07 .headingBlockInner { background: url(/shared/img/cmn_line_002.gif) left top no-repeat; padding: 0 0 0 17px; display: block; } .headingBlock07 .title { font-size: 130%; font-weight: bold; line-height: 120%; padding: 8px 0; vertical-align: middle; display: table-cell; } .headingBlock07 .headingBlockInner .ico { display: table-cell; vertical-align: middle; } .headingBlock07 .headingBlockInner .title { padding: 10px; font-size: 130%; line-height: 120%; font-weight: bold; background: none; vertical-align: middle; display: table-cell; } /*↑20190701追加↑*/ /* 06 07 */ .accordionBlock01 { margin-bottom: 20px; } .accordionBlock01 .acHead { padding: 5px; border: solid 2px #c3dea5; } .accordionBlock01 .acHeadInner { width: 663px; background: #ecf6e1; color: #333; font-weight: bold; display: block; } .accordionBlock01.act .acHeadInner { color: #fff; background: #01a32b; } .accordionBlock01 .acHead span.ico { display: table-cell; vertical-align: middle; } .accordionBlock01 .acHead span.title { display: table-cell; vertical-align: middle; width: 100%; padding: 5px 13px; font-size: 130%; line-height: 120%; } .accordionBlock01 .acHead span.title span.titleinner { margin: 0; } .accordionBlock01 .acHead span.ico, .accordionBlock01 .acHead span.title { display: table-cell; vertical-align: middle; } .accordionBlock01 .acHead a.acLabel { display: table-cell; vertical-align: middle; background: #01a32b; color: #fff; width: 130px; padding: 19px 10px 19px 11px; text-decoration: none; font-weight: bold; } .accordionBlock01 .acHead a.acLabel span { background: url(/shared/img/cmn_ico_016_off.png) no-repeat right center; padding-right: 27px; display: block; width: 90px; } body.fDefault .accordionBlock01 .acHead a.acLabel span { font-size: 89% !important; } body.fDefault .accordionBlock01 .acHead a.acLabel { padding: 15px 10px 15px 11px; } .accordionBlock01.act .acHead a.acLabel span { background: url(/shared/img/cmn_ico_016_on.png) no-repeat right center; padding-right: 27px; } .accordionBlock01 .acHead a.acLabel:hover { background: #47bc61; } .accordionBlock01 .acContents { display: none; padding: 10px 0 0; } .accordionBlock01.act .acContents { display: block; } /*--------------- btnBlock ------------------*/ /* Gradation */ .btnBlock01 { margin-top: 20px; } .btnBlock01 a { display: block; margin-top: 10px; padding: 15px 10px 15px 20px; border: 2px solid #c3dea5; text-align: left; font-weight: bold; } .btnBlock01 a .Inner { display: block; width: 94%; padding-right: 6%; background: url(/shared/img/cmn_ico_015.png) right center no-repeat; } /* Gradation + 2px outline */ .btnBlock02 { width: 214px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding-top: 4px; background: url(/shared/img/cmn_btn_004_top.png) no-repeat left top; } .btnBlock02 span { display: block; padding: 0 20px 5px 0; background: url(/shared/img/cmn_btn_004_bottom.png) no-repeat left bottom; } a.btnBlock02:hover { background: url(/shared/img/cmn_btn_004_top_on.png) no-repeat left top; } a.btnBlock02:hover span { background: url(/shared/img/cmn_btn_004_bottom_on.png) no-repeat left bottom; } .btnBlock02 span span, a.btnBlock02:hover span span { font-weight: bold; padding: 10px 20px 10px 10px; background: url(/shared/img/cmn_ico_003.png) no-repeat right center transparent; } .btnBlock02 span span img.blank { vertical-align: middle; padding-left: 5px; } /* Gradation + 1px outline */ .btnBlock03 { width: 213px; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; padding-top: 4px; background: url(/shared/img/cmn_btn_005_top.png) no-repeat left top; } .btnBlock03 span { display: block; padding: 8px 20px 12px 11px; background: url(/shared/img/cmn_btn_005_bottom.png) no-repeat left bottom; } .btnBlock03 span span { padding: 0 20px 0 0; background: url(/shared/img/cmn_ico_003.png) no-repeat scroll right center transparent; } .btnBlock03 span img { vertical-align: middle; } .btnBlock03 span img.blank { padding-left: 5px; } /* Gradation + 1px outline */ /* 213px */ .btnBlock04 { width: 213px; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; padding-top: 4px; background: url(/shared/img/cmn_btn_005_top.png) no-repeat left top; } .btnBlock04 span { display: block; padding: 8px 20px 12px 11px; background: url(/shared/img/cmn_btn_005_bottom.png) no-repeat left bottom; } .btnBlock04 span span { padding: 0 20px 0 0; background: url(/shared/img/cmn_ico_040.png) no-repeat scroll right center transparent; } .btnBlock04 span img { vertical-align: middle; } .btnBlock04 span img.blank { padding-left: 5px; } /* 328px */ .btnBlock05 { width: 100%; max-width: 328px; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; padding-top: 3px; background: url(/shared/img/index_btn_009_top.png) no-repeat left top; background-size: 100% auto; } .btnBlock05 span { display: block; padding: 8px 20px 12px 11px; background: url(/shared/img/index_btn_009_bottom.png) no-repeat left bottom; background-size: 100% auto; } .btnBlock05 span span { padding: 0 20px 0 0; background: url(/shared/img/cmn_ico_003.png) no-repeat right center; background-size: auto; } .btnBlock05 span img { vertical-align: middle; } .btnBlock05 span img.blank { padding-left: 5px; } .btnBlock06 { width: 250px; border: solid 1px #c9c9c9; background-image: linear-gradient( to top, #e6e5e5 0%, #f8f7f7 40%, #fefefe 100% ); padding: 12px 25px 12px 12px; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .btnBlock06::after { content: ""; width: 9px; height: 13px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(/shared/img/cmn_ico_003.png); background-size: cover; z-index: 1000; right: 10px; } /*--------------- imgBtnBlock ------------------*/ /* 2018.02.08 */ .imgBtnBlock01 { margin: 0 auto; width: 400px; } .imgBtnBlock01 img { max-width: 400px; } /* /2018.02.08 */ /*--------------- linkBlock ------------------*/ ul.linkBlock01 li a, a.linkBlock01, ul.linkBlock01 li .textNolink, .linkBlock01.textNolink { display: inline-block; padding-right: 15px; background: url(/shared/img/cmn_ico_003.png) right center no-repeat; margin-right: 5px; word-break: break-all; } .headingBlock03 span.noLink { color: #333333; font-size: 100%; } ul.linkBlock01 li a img.blank, a.linkBlock01 img.blank, ul.linkBlock01 li .textNolink img.blank, .linkBlock01.textNolink img.blank { margin: 0 0 0 5px; vertical-align: middle; } ul.linkBlock02 li a, a.linkBlock02, ul.linkBlock02 li .textNolink, .linkBlock02.textNolink { display: inline-block; padding-left: 15px; background: url(/shared/img/cmn_ico_029.png) left center no-repeat; word-break: break-all; } ul.linkBlock02 li a img.blank, a.linkBlock02 img.blank, ul.linkBlock02 li .textNolink img.blank, .linkBlock02.textNolink img.blank { margin: 0 5px 0 0; vertical-align: middle; } /* sp_top */ .linkBlock04 { display: inline-block; padding-left: 20px; background: url(/shared/img/cmn_btn_002_left.png) left center no-repeat; color: #000000; cursor: pointer; } /*sp_netbank*/ .linkBlock04 .BlockBg01 { display: block; padding: 15px 45px 24px 0px; background: url(/shared/img/cmn_btn_002_right.png) right center no-repeat; } /*zoom icon*/ .linkBlock05 { display: inline-block; padding-left: 20px; background: url(/shared/img/cmn_ico_017.png) left top no-repeat; color: #000000; cursor: pointer; } /* internal link */ ul.linkBlock06 li a, a.linkBlock06, ul.linkBlock06 li .textNolink, .linkBlock06.textNolink { display: inline-block; padding-right: 15px; background: url(/shared/img/cmn_ico_040.png) right center no-repeat; margin-right: 5px; word-break: break-all; } ul.linkBlock06 li a img.blank, a.linkBlock06 img.blank, ul.linkBlock06 li .textNolink img.blank, .linkBlock06.textNolink img.blank { margin: 0 0 0 5px; vertical-align: middle; } .anchorLinkBlock01 li { display: inline-block; border-right: solid 1px #d9d9d9; margin: 1px 0 5px 0; } .anchorLinkBlock01 li.noAnchorLink { padding: 0 5px 0 0; } /*--------------- borderBlock ------------------*/ .borderBlock01 { border: solid 2px #e4e5e5; padding: 10px; } .borderBlock02 { border: solid 2px #ff0000; padding: 10px; } .borderBlock_orange { border: solid 2px #ff6a00; padding: 10px; } /*--------------- bgBlock ------------------*/ /*orange*/ .bgBlock01 { background: #fef2ea; padding: 10px; } /*glay 20180208追加*/ .bgBlock02 { background: #f5f5f5; padding: 10px; } /*pale orange 20190225追加*/ .bgBlock03 { background: #ffefd3; padding: 10px; } /*↑より濃い目のオレンジ*/ .bgBlock04 { background: #fff1ca; padding: 10px; } .bgBlock05 { background: #008331; } .bgBlock06 { background: #008dbb; } /*--------------- bgBorderBlock ------------------*/ .bgBorderBlock01 { border: solid 2px #e4e5e5; padding: 1px; } .bgBorderBlock01 dl dt { background: #f3f3f3; padding: 10px; font-weight: bold; } .bgBorderBlock01 dl dd, .bgBorderBlock01 div.Inner { padding: 10px; } .bgBorderBlock02, .bgBorderBlock02-2 { border: solid 2px #ffead5; background: #fff6ee; padding: 1px; } /* 2016.09.01 */ .bgBorderBlock02 .image { float: left; } .bgBorderBlock02 .sevenAndi .text { padding-left: 220px; } /* /2016.09.01 */ .bgBorderBlock02 dl dt, .bgBorderBlock02-2 > div:first-child { background: #ffedde; padding: 10px; font-weight: bold; } .bgBorderBlock02 dl dd, .bgBorderBlock02-2 > div:last-child { padding: 10px; } .bgBorderBlock02 dl dd .bgBorderBlock04 .text { width: 400px; float: left; } .bgBorderBlock02 dl dd .bgBorderBlock04 .btn { float: right; width: 213px; } .bgBorderBlock02 dl dd .bgBorderBlock04 .btn p { margin: 50px 0 0; } .bgBorderBlock03 { border: solid 2px #ffead5; padding: 1px; } .bgBorderBlock03 dl dt { background: #ffedde; padding: 10px; font-weight: bold; } .bgBorderBlock03 dl dd { padding: 10px; } .bgBorderBlock03 dl dd div.image { float: left; width: 400px; } .bgBorderBlock03 dl dd div.btn { float: right; width: 214px; } .bgBorderBlock03 dl dd div.btn p { margin: 20px 0 0; } .bgBorderBlock04 { border: solid 2px #ffead5; padding: 10px; background: #fff6ee; } .bgBorderBlock04 .text { width: 415px; float: left; } .bgBorderBlock04 .btn { float: right; width: 214px; } .bgBorderBlock04 .btn p { margin: 50px 0 0; } .bgBorderBlock04 .linkText { margin: 55px 0 0 0; } /*--------------- listBlock ------------------*/ ul.listBlock01 li, .listBlock01 ul li { background: url(/shared/img/cmn_ico_020.png) no-repeat left 0.6em; padding-left: 8px; } /* ↓20190624追加↓ */ ul.listBlock01 .fLargeList, .listBlock01 ul .fLargeList { padding-bottom: 10px; background: url(/shared/img/cmn_ico_020.png) no-repeat left 0.5em; font-size: 120%; } ul.listBlock01 .fLargeList span.bracket, .listBlock01 ul .fLargeList span.bracket { font-size: 0.75rem; } ul.linkBlock01 li a, a.linkBlock01, ul.linkBlock01 li .textNolink, .linkBlock01.textNolink { padding-right: 12px; } ul.listBlock01 .fLargeList.sideLeft, .listBlock01 ul .fLargeList.sideLeft { width: 352px; float: left; } ul.listBlock01 .fLargeList.sideRight, .listBlock01 ul .fLargeList.sideRight { width: 308px; float: right; } /* ↑20190624追加↑ */ .en .listBlock01 ul.cautionBlock01 li { padding-left: 0; background: none; } .en .listBlock01 ul.cautionBlock01 li span.text { padding-left: 1.4em; } /* ↓20180119追加↓ */ .listBlock01_lineB ul li { background: url("/shared/img/cmn_line_004.png") repeat-x 0 100%; display: block; margin-bottom: 10px; } .listBlock01_lineB ul li p { background: url(/shared/img/cmn_ico_020.png) no-repeat 1em 0.6em; display: block; padding: 0 0 0 25px; } /* ↑20180119追加↑ */ .listBlock02 ul.listBlock01 { padding: 5px 0 0 25px; } .listBlock02 ul li { display: table; } .listBlock02 ul li img { float: left; display: block; } .listBlock02 ul li p { padding-left: 25px; margin-bottom: 2px; } .listBlock03 dl { margin-bottom: 10px; } .listBlock03 dl dt { float: left; } .listBlock03 dl dd { padding-left: 150px; } .listBlock03_02 dl { margin-bottom: 10px; } .listBlock03_02 dl dt { float: left; } .listBlock03_02 dl dd { padding-left: 110px; } .listBlock04 ul li, .listBlock04 ol li, ul.listBlock04 li, ol.listBlock04 li { list-style: decimal outside none; margin-left: 2em; } .listBlock04 ul li .cautionBlock01 ul li, .listBlock04 ol li .cautionBlock01 ul li, .listBlock04 ul li ul.cautionBlock01 li, .listBlock04 ol li ul.cautionBlock01 li, ul.listBlock04 li ul.cautionBlock01 li, ol.listBlock04 li .cautionBlock01 ul li { list-style: none; margin: 0; } .listBlock05:before, .listBlock05:after { content: ""; display: table; } .listBlock05:after { clear: both; } .listBlock05 { zoom: 1; } .listBlock05 span { float: left; } .listBlock05 ul, .listBlock05 p { padding-left: 50px; } .listBlock05 ul li { list-style: disc outside none; } .listBlock05 ul li ul, .listBlock05 ul li p { padding-left: 0; } .listBlock05 ul li ul li { list-style: none; } .listBlock05 ul.listBlock04 li, .listBlock05 ol.listBlock04 li { list-style: decimal outside none; margin-left: 1.5em; } .listBlock06 ul li { margin-bottom: 15px; } .listBlock06 ul li span { padding-right: 10px; display: table-cell; vertical-align: middle; } .listBlock06 ul li dl { display: table-cell; vertical-align: middle; } .listBlock06 ul li dt { color: #e20000; font-weight: bold; } .listBlock01 .caution01, .listBlock02 .caution01, .listBlock03 .caution01, .listBlock04 .caution01, .listBlock05 .caution01, .listBlock06 .caution01 { padding-left: 40px; background: url(/shared/img/cmn_ico_030.png) no-repeat left center; } .listBlock01 .caution02, .listBlock02 .caution02, .listBlock03 .caution02, .listBlock04 .caution02, .listBlock05 .caution02, .listBlock06 .caution02 { padding-left: 30px; background: url(/shared/img/cmn_ico_004.png) no-repeat left top; } .listBlock07 ul li { display: table; } .listBlock07 ul li span { float: left; display: block; } .listBlock07 ul li span.text { padding-left: 8em; float: none; } .listBlock07 ul li span.text .linkBlock01 { margin: 0; } .listBlock08 { padding-left: 15px; } .listBlock08 li { list-style: disc outside none; } .listBlock08 li .listBlock01 li { list-style: none; } .listBlock09 ul li { display: table; } .listBlock09 ul li span { float: left; display: block; } .listBlock09 ul li span.text { padding-left: 9em; float: none; } .listBlock09 ul li span.text .linkBlock01 { margin: 0; } /*--------------- lineBlock ------------------*/ .lineBlock01 { padding-bottom: 10px; background: url(/shared/img/cmn_line_004.png) left bottom repeat-x; } /*--------------- iconBlock ------------------*/ .iconBlock01 { border: solid 2px #e4e5e5; padding: 10px; } .iconBlock01 .image { float: left; } .iconBlock01 .text { padding-left: 45px; } /*--------------- iconListBlock ------------------*/ .iconListBlock01 { border: solid 2px #e4e5e5; padding: 20px; } .iconListBlock01 ul li { float: left; margin: 0 30px 20px 0; min-height: 26px; vertical-align: middle; } .iconListBlock01 ul li img { margin-right: 7px; vertical-align: middle; } /*--------------- tableBlock ------------------*/ .tableBlock01, .tableBlock02, .tableBlock03 { word-break: break-all !important; } .tableFix { table-layout: fixed !important; } .tableBlock03 { width: 50%; } .tableBlock03 p.captionTop { font-weight: bold; margin-bottom: 5px; } .tableBlock03 p.captionUnder { margin-top: 5px; } .tableBlock01 table, .tableBlock02 table, .tableBlock03 table { width: 100%; padding: 0; border-collapse: separate; border-top: solid 1px #d9d9d9; border-left: solid 1px #d9d9d9; border-right: solid 1px #d9d9d9; } .tableBlock01 table p, .tableBlock02 table p, .tableBlock03 table p { margin-bottom: 0; } .tableBlock01 table thead th, .tableBlock02 table thead th { border-left: solid 1px #d9d9d9; border-right: solid 1px #fff; border-bottom: solid 1px #d9d9d9; border-top: solid 1px #fff; vertical-align: middle; background: #ecf4e4; padding: 10px; } .tableBlock03 table thead th { border-left: solid 1px #d9d9d9; border-right: solid 1px #fff; border-bottom: solid 1px #d9d9d9; border-top: solid 1px #fff; vertical-align: middle; background: #dfedd0; padding: 10px; } .tableBlock01 table thead th.axis, .tableBlock02 table thead th.axis { background: #dfedd0; } .tableBlock01 table tbody th, .tableBlock01 table tbody td, .tableBlock02 table tbody th, .tableBlock02 table tbody td, .tableBlock03 table tbody th, .tableBlock03 table tbody td { border-left: solid 1px #d9d9d9; border-right: solid 1px #fff; border-bottom: solid 1px #d9d9d9; border-top: solid 1px #fff; vertical-align: middle; } .tableBlock01 table.vTop thead th, .tableBlock01 table.vTop thead td, .tableBlock02 table.vTop thead th, .tableBlock02 table.vTop thead td, .tableBlock03 table.vTop thead th, .tableBlock03 table.vTop thead td, .tableBlock01 table.vTop tbody th, .tableBlock01 table.vTop tbody td, .tableBlock02 table.vTop tbody th, .tableBlock02 table.vTop tbody td, .tableBlock03 table.vTop tbody th, .tableBlock03 table.vTop tbody td { vertical-align: top; } .tableBlock01 table.vBottom thead th, .tableBlock01 table.vBottom thead td, .tableBlock02 table.vBottom thead th, .tableBlock02 table.vBottom thead td, .tableBlock03 table.vBottom thead th, .tableBlock03 table.vBottom thead td, .tableBlock01 table.vBottom tbody th, .tableBlock01 table.vBottom tbody td, .tableBlock02 table.vBottom tbody th, .tableBlock02 table.vBottom tbody td, .tableBlock03 table.vBottom tbody th, .tableBlock03 table.vBottom tbody td { vertical-align: bottom; } .tableBlock01 table.tLeft thead th, .tableBlock01 table.tLeft thead td, .tableBlock02 table.tLeft thead th, .tableBlock02 table.tLeft thead td, .tableBlock03 table.tLeft thead th, .tableBlock03 table.tLeft thead td, .tableBlock01 table.tLeft tbody th, .tableBlock01 table.tLeft tbody td, .tableBlock02 table.tLeft tbody th, .tableBlock02 table.tLeft tbody td, .tableBlock03 table.tLeft tbody th, .tableBlock03 table.tLeft tbody td { text-align: left; } .tableBlock01 table.tRight thead th, .tableBlock01 table.tRight thead td, .tableBlock02 table.tRight thead th, .tableBlock02 table.tRight thead td, .tableBlock03 table.tRight thead th, .tableBlock03 table.tRight thead td, .tableBlock01 table.tRight tbody th, .tableBlock01 table.tRight tbody td, .tableBlock02 table.tRight tbody th, .tableBlock02 table.tRight tbody td, .tableBlock03 table.tRight tbody th, .tableBlock03 table.tRight tbody td { text-align: right; } .tableBlock01 table.tCenter thead th, .tableBlock01 table.tCenter thead td, .tableBlock02 table.tCenter thead th, .tableBlock02 table.tCenter thead td, .tableBlock03 table.tCenter thead th, .tableBlock03 table.tCenter thead td, .tableBlock01 table.tCenter tbody th, .tableBlock01 table.tCenter tbody td, .tableBlock02 table.tCenter tbody th, .tableBlock02 table.tCenter tbody td, .tableBlock03 table.tCenter tbody th, .tableBlock03 table.tCenter tbody td { text-align: center; } .tableBlock01 table thead th.first-child, .tableBlock01 table thead td.first-child, .tableBlock01 table tbody th.first-child, .tableBlock01 table tbody td.first-child, .tableBlock02 table thead th.first-child, .tableBlock02 table thead td.first-child, .tableBlock02 table tbody th.first-child, .tableBlock02 table tbody td.first-child, .tableBlock03 table thead th.first-child, .tableBlock03 table thead td.first-child, .tableBlock03 table tbody th.first-child, .tableBlock03 table tbody td.first-child { border-left: solid 1px #fff; } .tableBlock01 table tbody th, .tableBlock02 table tbody th, .tableBlock03 table tbody th { background: #dfedd0; } .tableBlock01 table tbody th.bgType04, .tableBlock02 table tbody th.bgType04, .tableBlock03 table tbody th.bgType04, .tableBlock01 table tbody td.bgType04, .tableBlock02 table tbody td.bgType04, .tableBlock03 table tbody td.bgType04 { background: #f5f5f5; border-right: none; } .tableBlock01 table tbody td, .tableBlock02 table tbody td, .tableBlock03 table tbody td { border-left: solid 1px #d9d9d9; } .tableBlock01 table tbody th, .tableBlock01 table tbody td, .tableBlock02 table tbody th, .tableBlock02 table tbody td, .tableBlock03 table tbody th, .tableBlock03 table tbody td { padding: 10px; } .tableBlock02 table thead th, .tableBlock02 table thead td, .tableBlock02 table tbody th, .tableBlock02 table tbody td { text-align: center; } .tableBlock02 table tbody td { text-align: center; } .rmvHilightR { border-right: none !important; } .rmvHilightL { border-left: none !important; } .rmvHilightT { border-top: none !important; } .rmvHilightB { border-bottom: none !important; } .borderR { border-right: solid 1px #d9d9d9 !important; } .borderL { border-left: solid 1px #d9d9d9 !important; } .borderT { border-top: solid 1px #d9d9d9 !important; } .borderB { border-bottom: solid 1px #d9d9d9 !important; } .borderImg { width: 100%; border: solid 2px #d9d9d9; box-sizing: border-box; } /*deepGreen*/ .bgType01 { background: #dfedd0 !important; } /*lightGreen*/ .bgType02 { background: #ecf4e4 !important; } /*white*/ .bgType03 { background: #fff !important; } /*glay*/ .bgType04 { background: #f5f5f5 !important; } /*yellow*/ .bgType05 { background: #ffffd7 !important; } .bgType06 { background: #fffaaa !important; } .bgType07 { background: #fcf2a1 !important; } /*--------------- imageBlock ------------------*/ .imageBlock01 .image { text-align: center; } /*--------------- cautionBlock ------------------*/ .cautionBlock01 ul li, ul.cautionBlock01 li { display: table; } .cautionBlock01 ul li span, ul.cautionBlock01 li span { float: left; display: block; } .cautionBlock01 ul li span.text, ul.cautionBlock01 li span.text { padding-left: 1.75em; float: none; } .cautionBlock01 ul li span.textb { padding-left: 1.9em; } .iphone .cautionBlock01 ul li span.text, .iphone ul.cautionBlock01 li span.text, .ipad .cautionBlock01 ul li span.text, .ipad ul.cautionBlock01 li span.text, .android .cautionBlock01 ul li span.text, .android ul.cautionBlock01 li span.text { padding-left: 1.4em; } .cautionBlock01 ul li .linkBlock01, ul.cautionBlock01 li .linkBlock01 { margin-left: 2.5em; } .cautionBlock01 ul li span.text .linkBlock01, ul.cautionBlock01 li span.text .linkBlock01 { margin: 0; } .cautionBlock01 ul li .listBlock01, ul.cautionBlock01 li .listBlock01 { padding-left: 31px; } .cautionBlock01 ul li ul, ul.cautionBlock01 li ul { padding-left: 31px; } /*--------------- columnBlock ------------------*/ .column2Wrap01 .columnBlock01 { float: left; } .column2Wrap01 .columnBlock02 { float: right; } .column2Wrap01 .columnBlock01, .column2Wrap01 .columnBlock02 { width: 330px; } /*--------------- columnTableBlock ------------------*/ .columnTable2Wrap01 .columnBlock01 { float: left; } .columnTable2Wrap01 .columnBlock02 { float: right; } .columnTable2Wrap01 .columnBlock01, .columnTable2Wrap01 .columnBlock02 { width: 330px; } /*--------------- columnListBlock ------------------*/ .columnList4Wrap01 { background: #ecf4e4; padding: 10px 10px 0 10px; } .columnList4Wrap01 .columnBlock01, .columnList4Wrap01 .columnBlock02, .columnList4Wrap01 .columnBlock03, .columnList4Wrap01 .columnBlock04 { border: solid 2px #c1c1c1; background: #fff; } .columnList4Wrap01 .columnBlock01, .columnList4Wrap01 .columnBlock03 { float: left; } .columnList4Wrap01 .columnBlock02, .columnList4Wrap01 .columnBlock04 { float: right; } .columnList4Wrap01 .columnBlock01, .columnList4Wrap01 .columnBlock02, .columnList4Wrap01 .columnBlock03, .columnList4Wrap01 .columnBlock04 { width: 48.5%; margin-bottom: 10px; } .columnList4Wrap01 dl dt { font-weight: bold; padding: 10px; background: url(/shared/img/cmn_line_004.png) repeat-x left bottom transparent; } .columnList4Wrap01 dl dd { padding: 10px; } /*--------------- columnImageBlock ------------------*/ .columnImageLeftBlock01 div.image, .columnImageLeftBlock02 div.image, .columnImageLeftBlock03 div.image, .columnImageLeftBlock04 div.image, .columnImageLeftBlock05 div.image { float: left; } .columnImageRightBlock01 div.image, .columnImageRightBlock02 div.image, .columnImageRightBlock03 div.image, .columnImageRightBlock04 div.image, .columnImageRightBlock05 div.image { float: right; } .columnImageLeftBlock01 div.image p, .columnImageRightBlock01 div.image p, .columnImageLeftBlock05 div.image p, .columnImageRightBlock05 div.image p { margin-bottom: 5px; } .columnImageLeftBlock03 div.image p, .columnImageRightBlock03 div.image p, .columnImageLeftBlock04 div.image p, .columnImageRightBlock04 div.image p { margin-bottom: 0; } .columnImageLeftBlock01 div.image p.caption, .columnImageRightBlock01 div.image p.caption { width: 140px; } .columnImageLeftBlock01 div.text, .columnImageLeftBlock03 div.text { padding-left: 220px; } .columnImageLeftBlock05 div.text { padding-left: 270px; } .columnImageRightBlock01 div.text, .columnImageRightBlock03 div.text { padding-right: 220px; } .columnImageRightBlock05 div.text { padding-right: 270px; } .columnImageLeftBlock02 div.text { padding-left: 170px; } .columnImageRightBlock02 div.text { padding-right: 130px; } .columnImageLeftBlock04 div.text { padding-left: 135px; } .columnImageRightBlock04 div.text { padding: 10px 135px 0 0; } .columnImageLeftBlock03, .columnImageRightBlock03 { padding: 10px; border: 2px solid #e4e5e5; } .columnBlockNormal { padding: 1px; border: 2px solid #e4e5e5; } .columnBlockNormal .text { padding: 10px; } .columnBlockNormal .bgBorderBlock02 .text { padding-left: 220px; } .columnImageLeftBlock01 div.text02, .columnImageLeftBlock03 div.text02 { padding-left: 135px; } .columnImageLeftBlock01-02 { display: flex; justify-content: space-between; } .columnImageLeftBlock01-02 > div:last-child { margin-left: 20px; } /*2col*/ .columnImage2Wrap01 .columnBlock01, .columnImage2Wrap02 .columnBlock01, .columnImage2Wrap03 .columnBlock01 { float: left; } .columnImage2Wrap01 .columnBlock02, .columnImage2Wrap02 .columnBlock02, .columnImage2Wrap03 .columnBlock02 { float: right; } .columnImage2Wrap01 .columnBlock01, .columnImage2Wrap01 .columnBlock02 { width: 330px; } .columnImage2Wrap01 .columnBlock01 .image, .columnImage2Wrap01 .columnBlock02 .image { text-align: center; } .columnImage2Wrap02 .columnBlock01, .columnImage2Wrap02 .columnBlock02 { width: 323px; } .columnImage2Wrap03 .columnBlock01, .columnImage2Wrap03 .columnBlock02 { width: 45%; } .columnImage2Wrap02 .columnBlock01, .columnImage2Wrap02 .columnBlock02 { border: 2px solid #e4e5e5; padding: 1px; } .columnImage2Wrap03 .columnBlock01, .columnImage2Wrap03 .columnBlock02 { border: 2px solid #e4e5e5; padding: 10px; } .columnImage2Wrap02 .columnBlock01 .image, .columnImage2Wrap02 .columnBlock02 .image { text-align: center; } .columnImage2Wrap02 .columnBlock01 .image p, .columnImage2Wrap02 .columnBlock02 .image p, .columnImage2Wrap03 .columnBlock01 .image p, .columnImage2Wrap03 .columnBlock02 .image p { margin-bottom: 0; } .columnImage2Wrap02 .columnBlock01 .text, .columnImage2Wrap02 .columnBlock02 .text { padding: 10px; } /*↓20190511追加↓*/ .columnImage2Wrap04Outer { margin-bottom: 17px; } .columnImage2Wrap04Outer a { display: block; } .columnImage2Wrap04 { border: #e4e5e5 solid 2px; padding: 8px; width: 310px; } .columnImage2Wrap04:hover .text { text-decoration: underline; } /*20190603追加*/ .columnImage2Wrap04 img { width: 100%; max-width: 310px; } .columnImage2Wrap04:hover img { opacity: 0.8; } .columnImage2Wrap04 .bnr { margin-bottom: 4px; } .columnImage2Wrap04 .icon { margin-bottom: 15px; width: 141px; } .columnImage2Wrap04 .icon .iconInner { padding: 5px 21px 2px 22px; } .columnImage2Wrap04 .icon .iconInner.entry, .columnImage2Wrap04 .icon .iconInner.noEntry { text-decoration: none; color: #fff; font-weight: bold; font-size: 0.8rem; letter-spacing: 0.2px; border: none; cursor: pointer; } .columnImage2Wrap04 .icon .iconInner.entry { background: #ffb400; } .columnImage2Wrap04 .icon .iconInner.noEntry { background: #5ebdff; } .columnImage2Wrap04 .icon .iconInner.entry:active, .columnImage2Wrap04 .icon .iconInner.entry:focus { outline: none; } .columnImage2Wrap04 .period { color: #000000; } /*20190603追加*/ .columnImage2Wrap04 a:hover { text-decoration: none; } .columnImage2Wrap04 .text { margin-bottom: 7px; padding-right: 17px; text-align: right; background: url(/shared/img/cmn_ico_003.png) right center no-repeat; } /*↑20190511追加↑*/ /*3col*/ .columnImage3Wrap01 .columnBlock01, .columnImage3Wrap01 .columnBlock02, .columnImage3Wrap01 .columnBlock03, .columnImage3Wrap02 .columnBlock01, .columnImage3Wrap02 .columnBlock02, .columnImage3Wrap02 .columnBlock03 { float: left; margin-bottom: 10px; } .columnImage3Wrap01 .columnBlock01, .columnImage3Wrap01 .columnBlock02, .columnImage3Wrap02 .columnBlock01, .columnImage3Wrap02 .columnBlock02 { margin-right: 16px; } .columnImage3Wrap01 .columnBlock01, .columnImage3Wrap01 .columnBlock02, .columnImage3Wrap01 .columnBlock03 { width: 209px; border: solid 2px #e4e5e5; padding: 1px; } .columnImage3Wrap02 .columnBlock01, .columnImage3Wrap02 .columnBlock02, .columnImage3Wrap02 .columnBlock03 { width: 215px; } .columnImage3Wrap01 .image p, .columnImage3Wrap02 .image p { margin-bottom: 0; } .columnImage3Wrap01 .title { background: #e6fbcb; padding: 5px; } .columnImage3Wrap01 .title p { margin-bottom: 0; text-align: center; color: #296b25; font-weight: bold; } .columnImage3Wrap01 .text, .columnImage3Wrap02 .text { padding: 10px; } /*↓20180327追加↓*/ .columnImage3Wrap02 .operationStep { background: #74a8d4 none repeat scroll 0 0; border-radius: 30px 30px 30px 30px; color: #ffffff; display: block; padding: 7px; text-align: center; } /*↑20180327追加↑*/ .columnImage3Wrap02 .CBbottom { margin-bottom: 0; } /*4col*/ .columnImage4Wrap01 .columnBlock01, .columnImage4Wrap01 .columnBlock02, .columnImage4Wrap01 .columnBlock03, .columnImage4Wrap01 .columnBlock04 { width: 151px; float: left; } .columnImage4Wrap01 .columnBlock01, .columnImage4Wrap01 .columnBlock02, .columnImage4Wrap01 .columnBlock03 { margin-right: 24px; } .columnImage4Wrap01 .image p { margin-bottom: 0.5em !important; text-align: center; } .columnImage4Wrap01 .caption { text-align: center; } .columnImage4Wrap01 .columnBlock01, .columnImage4Wrap01 .columnBlock02, .columnImage4Wrap01 .columnBlock03, .columnImage4Wrap01 .columnBlock04 { width: 151px; float: left; } /*↓20181015追加↓*/ .columnImage4Wrap02 .columnBlock01, .columnImage4Wrap02 .columnBlock02, .columnImage4Wrap02 .columnBlock03, .columnImage4Wrap02 .columnBlock04 { float: left; } .columnImage4Wrap02 .columnBlock01, .columnImage4Wrap02 .columnBlock02, .columnImage4Wrap02 .columnBlock03, .columnImage4Wrap02 .columnBlock04 { width: auto; } .columnImage4Wrap02 .columnBlock01, .columnImage4Wrap02 .columnBlock02 { margin-right: 24px; } .columnImage4Wrap02 .columnBlock01 .image a, .columnImage4Wrap02 .columnBlock02 .image a, .columnImage4Wrap02 .columnBlock03 .image a, .columnImage4Wrap02 .columnBlock04 .image a { display: inline-block; } .columnImage4Wrap02 .image p { margin-bottom: 0.5em !important; text-align: center; } .columnImage4Wrap02 .caption { text-align: center; } /*↑20181015追加↑*/ /*6col*/ .columnImage6Wrap01 { padding-bottom: 30px; } .columnImage6Wrap01 .columnBlock01, .columnImage6Wrap01 .columnBlock02, .columnImage6Wrap01 .columnBlock03, .columnImage6Wrap01 .columnBlock04, .columnImage6Wrap01 .columnBlock05, .columnImage6Wrap01 .columnBlock06, .columnImage6Wrap01 .columnBlock07 { float: left; width: auto; } .columnImage6Wrap01 .columnBlock01, .columnImage6Wrap01 .columnBlock02, .columnImage6Wrap01 .columnBlock03, .columnImage6Wrap01 .columnBlock04, .columnImage6Wrap01 .columnBlock05, .columnImage6Wrap01 .columnBlock06 { margin-bottom: 1px; } .columnImage6Wrap01 .columnBlock01 p, .columnImage6Wrap01 .columnBlock02 p, .columnImage6Wrap01 .columnBlock03 p, .columnImage6Wrap01 .columnBlock04 p, .columnImage6Wrap01 .columnBlock05 p, .columnImage6Wrap01 .columnBlock06 p, .columnImage6Wrap01 .columnBlock07 p { margin-bottom: 0; line-height: 0; } .lH1 { line-height: 1 !important; } .lH15 { line-height: 1.5 !important; } /*--------------- lang12BtnTable ------------------*/ .lang12BtnTable { width: 100%; font-weight: bold; text-align: center; margin-bottom: 20px; } .lang12BtnTable td { border: solid 2px #ffffff; } .lang12BtnTable td p { border: solid 1px #e0e0e0; margin-bottom: 0; } .lang12BtnTable td p a { display: block; padding: 3px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f0f0f0+99 */ background: rgb(255, 255, 255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient( top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 99% ); /* FF3.6-15 */ background: -webkit-linear-gradient( top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 99% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( to bottom, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 99% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-8 */ } .lang12BtnTable td p a:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+1,ffffff+100 */ background: rgb(240, 240, 240); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient( top, rgba(240, 240, 240, 1) 1%, rgba(255, 255, 255, 1) 100% ); /* FF3.6-15 */ background: -webkit-linear-gradient( top, rgba(240, 240, 240, 1) 1%, rgba(255, 255, 255, 1) 100% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( to bottom, rgba(240, 240, 240, 1) 1%, rgba(255, 255, 255, 1) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } .lang12BtnTable td p a.current { color: #ffffff; text-decoration: none; cursor: default; background: #f08200; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08200', endColorstr='#f08200',GradientType=0 ); /* IE6-8 */ } /* ------------------------ #lang ------------------------*/ /* lang */ #lang { clear: both; float: left; width: auto; font-size: 93%; position: inherit; margin: 0 0 10px; } #lang p, #lang dl { display: inline-block; } #lang p { min-height: 14px; margin-right: 1px; padding: 10px 20px 9px; font-weight: bold; background: #ffe351; } #lang dl dt { display: inline-block; white-space: nowrap; min-height: 14px; padding: 10px 27px 9px 30px; font-weight: bold; background-color: #ddd; background-image: url(/soukin/shared/image/icon_arrow_b_s.png); background-position: 14px 15px; background-repeat: no-repeat; cursor: pointer; } #lang dl dt.open { background-image: url(/soukin/shared/image/icon_menu_close.gif); background-position: 10px 11px; } #lang dl dd { position: absolute; display: none; padding: 0 10px 10px; background: #ddd; z-index: 1000; } #lang dl dd ul li { float: none; margin-bottom: 1px; padding: 5px 10px; border: 1px solid #ccc; background: #fff; } #lang dl dd ul li a { display: block; width: auto; height: auto; padding-left: 16px; text-indent: 0; text-align: left; background-image: url(/soukin/shared/image/icon_arrow_r_s.png) !important; background-repeat: no-repeat; background-position: 0 5px !important; } #lang dl dd ul li a.current { color: #333; text-decoration: none; } .language { position: inherit; } /*--------------- indexBlock ------------------*/ .indexBlock01 ul li { width: 330px; margin-bottom: 15px; } .indexBlock01 ul li a { display: block; padding: 10px; border: 2px solid #c3dea5; text-align: left; text-decoration: none; cursor: pointer; } .indexBlock01 ul li a:hover { border: solid 2px #01a32b; } .indexBlock01 ul li a .Inner { display: block; width: 100%; background: url(/shared/img/cmn_ico_011.png) 97% center no-repeat #ecf6e1; } .indexBlock01 ul li a .Inner img { display: inline-block; vertical-align: middle; } .indexBlock01 ul li a .Inner span { display: inline-block; vertical-align: middle; width: 50%; padding: 5px 15px; text-align: left; color: #333; font-size: 130%; line-height: 130%; font-weight: bold; } .indexBlock02 ul li { float: left; width: 219px; margin: 0 10px 10px 0; } .indexBlock02 ul li.act a { cursor: default; color: #000; } .indexBlock02 ul li a { border: solid 2px #c3dea5; background: #fff; display: block; font-weight: bold; padding: 4px; cursor: pointer; zoom: 1; } .indexBlock02 ul li a span { display: block; zoom: 1; background: #ecf6e1; padding-right: 5px; text-decoration: none !important; } .indexBlock02 ul li a:hover { text-decoration: underline; } .indexBlock02 ul li a span span { display: block; text-align: left; font-size: 130%; line-height: 130%; padding: 7px 20px 7px 7px; background: url(/shared/img/cmn_ico_011.png) no-repeat scroll 98% center #ecf6e1; min-height: 44px; height: auto !important; height: 44px; } .indexBlock02 ul li a span span img.blank { padding-left: 9px; } .indexBlock02 ul li.act a span, .indexBlock02 ul li a:hover span { background: #fff; } .indexBlock02 ul li.act a:hover, .indexBlock02 ul li.act a:hover span { text-decoration: none !important; background: #fff; } .indexBlock02 ul li a:hover span span { background: url(/shared/img/cmn_ico_011.png) no-repeat scroll 98% center #fff; } .indexBlock02 ul li.act a:hover span span { background: #fff; } .indexBlock02 ul li a span img { vertical-align: middle; } .indexBlock03 { border: solid 2px #e4e5e5; padding: 1px; } .indexBlock03 dl dt { background: #ecf6e1; padding: 10px; font-weight: bold; } .indexBlock03 dl dd { padding: 20px 10px; } .indexBlock03 dl dd ul { margin-bottom: -10px; } .indexBlock03 dl dd ul li { background: url(/shared/img/cmn_ico_003.png) no-repeat scroll right center transparent; display: inline-block; float: left; padding-right: 15px; margin: 0 40px 10px 0; } .indexBlock03 dl dd ul li a img.blank { vertical-align: middle; margin: 0 0 0 5px; } .indexBlock03 dl dd ul li .linkBlock01.textNolink { display: inline; padding-right: 0px; background: none; margin-right: 0px; word-break: normal; } .indexBlock04 { margin-bottom: 20px; } .indexBlock04 ul li { float: left; width: 219px; margin: 0 10px 10px 0; } .indexBlock04 ul li.act a { cursor: default; color: #000; } .indexBlock04 ul li a { border: solid 2px #c3dea5; background: #fff; display: block; font-weight: bold; padding: 4px; cursor: pointer; zoom: 1; } .indexBlock04 ul li a span { display: block; zoom: 1; background: #ecf6e1; padding-right: 5px; text-decoration: none !important; } .indexBlock04 ul li a:hover { text-decoration: underline; } .indexBlock04 ul li a span span { display: block; text-align: left; font-size: 130%; line-height: 130%; padding: 7px 20px 7px 7px; background: url(/shared/img/cmn_ico_039.png) no-repeat scroll 98% center #ecf6e1; } .indexBlock04 ul li a span span img.blank { padding-left: 9px; } .indexBlock04 ul li.act a span, .indexBlock04 ul li a:hover span { background: #fff; } .indexBlock04 ul li.act a:hover, .indexBlock04 ul li.act a:hover span { text-decoration: none !important; background: #fff; } .indexBlock04 ul li a:hover span span { background: url(/shared/img/cmn_ico_039.png) no-repeat scroll 98% center #fff; } .indexBlock04 ul li.act a:hover span span { background: #fff; } .indexBlock04 ul li a span img { vertical-align: middle; } .indexBlock05 ul li { float: left; width: 219px; margin: 0 10px 10px 0; } .indexBlock05 ul li.act a { cursor: default; color: #000; } .indexBlock05 ul li a { border: solid 2px #c3dea5; background: #fff; display: block; font-weight: bold; padding: 4px; cursor: pointer; zoom: 1; } .indexBlock05 ul li a span { display: block; zoom: 1; background: #ecf6e1; padding-right: 5px; text-decoration: none !important; } .indexBlock05 ul li a:hover { text-decoration: underline; } .indexBlock05 ul li a span span { display: block; text-align: left; vertical-align: middle; font-size: 130%; line-height: 130%; padding: 7px 20px 7px 7px; background: url(/shared/img/cmn_ico_011.png) no-repeat scroll 98% center #ecf6e1; } .indexBlock05 ul li a span span img.blank { padding-left: 9px; } .indexBlock05 ul li.act a span, .indexBlock05 ul li a:hover span { background: #fff; } .indexBlock05 ul li.act a:hover, .indexBlock05 ul li.act a:hover span { text-decoration: none !important; background: #fff; } .indexBlock05 ul li a:hover span span { background: url(/shared/img/cmn_ico_011.png) no-repeat scroll 98% center #fff; } .indexBlock05 ul li.act a:hover span span { background: #fff; } .indexBlock05 ul li a span img { vertical-align: middle; } .indexBlock06 { background: #ffd998; padding: 25px 25px 5px; } .indexBlock06 li { background: #ffffff; border-radius: 10px; margin-bottom: 20px; padding: 5px 15px; width: 274px; } .indexBlock06 li.left { float: left; } .indexBlock06 li.right { float: right; } .indexBlock06 li:hover { opacity: 0.8; } .indexBlock06 li a { color: #747474; font-family: "ヒラギノ丸ゴ ProN", "Hiragino Maru Gothic ProN", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif; font-weight: bold; text-decoration: none; } .indexBlock06 .indexBlock06Inner { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 100%; } .indexBlock06 li .ico { width: 64px; margin: auto 0; } .indexBlock06 li .tlt { padding: 0 20px; font-size: 0.84rem; position: relative; width: 210px; } .indexBlock06 li .tlt::after { content: ""; width: 6px; height: 6px; border: 0px; border-top: solid 2px #fe6600; border-right: solid 2px #fe6600; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 50%; right: 0; margin-top: -4px; } /*--------------- accountBlock ------------------*/ .accountBlock02 { background: url(/shared/img/cmn_line_004.png) repeat-x left top; } .accountBlock01 .clear, .accountBlock02 .clear { padding: 20px 0; background: url(/shared/img/cmn_line_004.png) repeat-x left bottom; } .accountBlock01 .text, .accountBlock02 .text { width: 330px; float: left; min-height: 45px; padding-right: 55px; background: url(/shared/img/cmn_bg_001.png) no-repeat right center; } .accountBlock01 .text p, .accountBlock02 .text p { font-size: 125%; font-weight: bold; } .accountBlock01 .btn, .accountBlock02 .btn { text-align: right; padding-left: 445px; } .accountBlock01 .text p, .accountBlock01 .btn p, .accountBlock02 .text p, .accountBlock02 .btn p { margin: 0; } .accountBlock01 .btn .btnAccountBlock, .accountBlock02 .btn .btnAccountBlock { width: 100%; } [class^="colorBtn"] { display: block; border-radius: 10px; position: relative; text-align: center; width: 215px; box-sizing: border-box; padding: 10px 25px 10px 10px; background: #fe6600; } [class^="colorBtn"]:hover { text-decoration: none; color: inherit; opacity: 0.8; } [class^="colorBtn"] span { color: #fff; font-size: 1rem; line-height: 1.5; } [class^="colorBtn"] span::after { content: ""; width: 6px; height: 6px; border-top: solid 3px #ffffff; border-right: solid 3px #ffffff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 8%; margin-top: -4px; } [class^="colorBtn"] .blank::after { width: 13px; height: 12px; border: none; -ms-transform: none; -webkit-transform: none; transform: none; background-image: url(/shared/img/cmn_ico_001.png); } .colorBtn_orange { background: #fe6600; } /*--------------- naviBlock ------------------*/ .naviBlock01 ul li.prev { float: left; display: inline-block; } .naviBlock01 ul li.next { float: right; display: inline-block; } /*--------------- faqBlock ------------------*/ .faqBlock01 ul.linkBlock01 { display: block; padding-bottom: 5px; margin-bottom: 15px; background: url(/shared/img/cmn_line_004.png) left bottom repeat-x; } .faqBlock01 ul.linkBlock01 li { background: url(/shared/img/cmn_ico_020.png) no-repeat scroll left 0.6em transparent; padding-left: 8px; margin-bottom: 10px; } /*--------------- printBlock ------------------*/ .printBlock01 p.btn { float: right; width: 95px; } .printBlock01 p.btn a { display: block; float: right; background: url(/shared/img/cmn_btn_009_left.png) no-repeat left bottom; padding-left: 6px; } .printBlock01 p.btn a:hover { background: url(/shared/img/cmn_btn_009_left_on.png) no-repeat left bottom; } .printBlock01 p.btn a span { background: url(/shared/img/cmn_btn_009_right.png) no-repeat right bottom; display: block; padding: 12px 40px 12px 15px; } .printBlock01 p.btn a:hover span { background: url(/shared/img/cmn_btn_009_right_on.png) no-repeat right bottom; } .printBlock01 p.text { text-align: right; padding: 5px 0 0 0; font-size: 86%; } /*--------------------------- flowBlock 20190225追加 -----------------------------*/ .flowBlock01 { background: #ffd998; padding: 22px 24px; } .flowBlock01 li { background: #ffffff; border-radius: 10px; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; align-items: center; margin-bottom: 22px; padding: 20px 30px; position: relative; height: auto; } .flowBlock01 li::after { border-top: 12px solid #ffffff; border-left: 30px solid transparent; border-right: 30px solid transparent; bottom: -11px; right: 284px; content: ""; position: absolute; width: 0; height: 0; } .flowBlock01 li:last-child { margin-bottom: 0px; } .flowBlock01 li:last-child::after { display: none; } .flowBlock01 li .ico { /*margin: auto 0;*/ width: 82px; } .flowBlock01 li .content { font-family: "ヒラギノ丸ゴ ProN", "Hiragino Maru Gothic ProN", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif; margin-left: 13px; width: 474px; } /*--------------------------- pageTopBlock 20190225追加 【使用方法】 ・body内計測タグより上に/shared/js/pageTop.jsを設置 ・上記より上に

このページのTOPへ

を追加 ・class="pankuzu"が入ったdivに#page-top-hideを追加 -----------------------------*/ #pageTopBlock { width: 100%; background: #fff; margin: 0 auto; overflow: hidden; } #pageTopBlock a { color: #0f91ff; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); } #pageTopBlock img { width: 100%; height: auto; display: block; } #pageTopBlock #pageTop { bottom: 1.875rem; right: 1.875rem; width: 7.719%; max-width: 88px; z-index: 9999; display: none; position: fixed; } .js-mouse #pageTopBlock #pageTop.js-mouseOver01:hover { opacity: 0.8; } .js-mouse #pageTopBlock #pageTop .js-mouseOver02:hover { text-decoration: underline !important; } /************************************************ 6993自動入金component ************************************************/ /*--------------- Listmenu ------------------*/ .ListmenuAll { margin-bottom: 20px; } .ListmenuAll .ListmenuArea ul li { display: inline-block; float: left; text-decoration: none; vertical-align: middle; margin: 0 10px 10px 0; } .ListmenuAll .ListmenuArea ul li.last { margin: 0 0 10px 0; } .ListmenuAll .ListmenuArea li a { background: none repeat scroll 0 0; border: none; color: #ffffff; cursor: pointer; display: block; font-size: 120%; font-weight: bold; height: 50px; } .ListmenuAll .ListmenuArea li.ListMenu a span.arrow { display: block; padding-right: 37px; text-decoration: none; } .ListmenuAll .ListmenuArea li.ListMenu span.arrow { background: #00921c url("/shared/img/cmn_ico_016_off.png") no-repeat scroll 95% center; } .ListmenuAll .ListmenuArea ul li.ListMenu a span span.title { padding: 17px 2px 5px 6px; } .ListmenuAll .ListmenuArea ul li.ListMenu a span span.titleLong { padding: 6px 2px 16px 6px; } .ListmenuAll .ListmenuArea ul li.ListMenu a span span.title, .ListmenuAll .ListmenuArea ul li.ListMenu a span span.titleLong { background: #09a827 none repeat scroll 0 0; display: block; height: 30px; line-height: 130%; text-align: left; vertical-align: middle; width: 173px; } .ListmenuAll .ListmenuArea ul li.ListMenuLink { background: #00921c none repeat scroll 0 0; display: block; height: 31px; line-height: 130%; padding: 18px 2px 3px 6px; width: 210px; } /*--------------- com_btnXXX(Color) ------------------*/ /* com_btnGreen */ /* com_btnOrange */ .com_btnGreen, .com_btnOrange { width: 100%; margin: 0 auto 18px; } .com_btnGreen a { display: block; background: #0fab24; background: -moz-linear-gradient(top, #0fab24 0%, #02a42a 100%); background: -webkit-linear-gradient(top, #0fab24 0%, #02a42a 100%); background: linear-gradient(to bottom, #0fab24 0%, #02a42a 100%); border-bottom: solid 4px #006e1b; border-radius: 5px; -webkit-border-radius: 5px; text-align: center; } .com_btnOrange a { display: block; background: #fe7700; background: -moz-linear-gradient(top, #fe7700 0%, #f26508 100%); background: -webkit-linear-gradient(top, #fe7700 0%, #f26508 100%); background: linear-gradient(to bottom, #fe7700 0%, #f26508 100%); border-bottom: solid 4px #b65601; border-radius: 5px; -webkit-border-radius: 5px; text-align: center; } .com_btnGreen a:hover, .com_btnOrange a:hover { text-decoration: none; opacity: 0.8; } .com_btnGreen a > span, .com_btnOrange a > span { display: block; } .com_btnGreen a > span > span, .com_btnOrange a > span > span { display: block; padding: 18px 0 16px; color: #fff; font-size: 138.5%; font-weight: bold; line-height: 1; } /* com_btnGreen lrg */ /* com_btnOrange lrg */ .com_btnGreen.lrg a > span > span, .com_btnOrange.lrg a > span > span { padding: 25px 15px 24px; font-size: 153.8%; } .com_btnGreen.lrg.double a > span > span, .com_btnOrange.lrg.double a > span > span { padding: 13px 0 10px; } .com_btnGreen.lrg.double a > span > span span, .com_btnOrange.lrg.double a > span > span span { display: block; font-size: 100%; } .com_btnGreen.lrg.double a > span > span span img, .com_btnOrange.lrg.double a > span > span span img { display: inline-block; vertical-align: middle; padding: 0 0 3px 5px; } .com_btnGreen.lrg.double a > span > span span + span, .com_btnOrange.lrg.double a > span > span span + span { padding: 5px 0 0; } .com_btnGreen.lrg.double a > span > span span span, .com_btnOrange.lrg.double a > span > span span span { display: inline; font-size: 85%; } /*20190218追加ここから*/ .com_btnOrange02, .com_btnGreen02 { border-radius: 10px; position: relative; margin: 0 auto; text-align: center; vertical-align: middle; width: 320px; } .com_btnOrange02 { background: #fe6600; } .com_btnGreen02 { background: #44b41d; } .com_btnwhite { background: #fff; border: solid 2px #fe6600; } .com_btnwhite:hover { border: solid 2px #ff944d; } .com_btnOrange02:hover, .com_btnGreen02:hover { opacity: 0.8; } .com_btnOrange02 a, .com_btnGreen02 a { color: #ffffff; display: block; font-size: 1rem; font-weight: bold; line-height: 1.4; margin-right: 14px; padding: 15px 10px; } .com_btnwhite a { color: #fe6600; } .com_btnOrange02 a:hover, .com_btnGreen02 a:hover { color: #ffffff; text-decoration: none; } .com_btnwhite a:hover { color: #ff944d; } .com_btnOrange02 p, .com_btnGreen02 p { margin-right: 14px; } .com_btnOrange02 .inner::after, .com_btnGreen02 .inner::after { content: ""; width: 6px; height: 6px; border-top: solid 3px #ffffff; border-right: solid 3px #ffffff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 8%; margin-top: -4px; } .com_btnwhite .inner::after { border-top: solid 3px #fe6600; border-right: solid 3px #fe6600; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 8%; margin-top: -4px; } .com_btnwhite a:hover .inner::after { border-top: solid 3px #ff944d; border-right: solid 3px #ff944d; } .com_btnOrange02 .inner.blank::after, .com_btnGreen02 .inner.blank::after { width: 13px; height: 12px; border: none; -ms-transform: none; -webkit-transform: none; transform: none; background-image: url("/shared/img/cmn_ico_001.png"); } /*20190218追加ここまで*/ /*--------------- YouTube ------------------*/ .move { position: relative; width: 100%; padding-top: 56.25%; } .move iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } /*--------------------------------------------- upddate component 2018.0914 ------------------------------------------------*/ /*--------------- cp-01 max width100 ------------------*/ .cp01-imgMax { max-width: 100%; } /*20190927追加 sitemap(英)改修*/ [class^="fParent"] { display: flex; flex-flow: wrap; width: 100%; } .fParent02 { align-items: center; } [class^="fParent"] > * { flex-basis: 50%; max-width: 50%; /*IE11対策*/ box-sizing: border-box; } .fParentBasis > * { padding: 10px; } [class^="fParent02"] > *:nth-child(odd) { flex-basis: 35%; max-width: 35%; /*IE11対策*/ } [class^="fParent02"] > *:nth-child(even) { flex-basis: 65%; max-width: 65%; /*IE11対策*/ } .siteMap .fParent li { text-indent: -1.3rem; padding-left: 1.3rem; } .siteMap .fParent li::before { content: "・"; color: #0039dc; font-size: 0.98rem; } .siteMap .fParent li a { padding-right: 1rem; padding-left: 0.3rem; background: url(/shared/img/cmn_ico_003.png) right center no-repeat; font-size: 0.875rem; line-height: 1.8; } .fParentImg { justify-content: space-between; } .fParentImg > * { flex-basis: inherit; max-width: inherit; } [class^="flex-"] { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-3col { flex-wrap: wrap; } .flex-3col > * { width: calc((100% - 1.25rem * 2) / 3); box-sizing: border-box; margin-bottom: 1.25rem; } .flex-3col > *:not(:nth-child(3)) { margin-right: 1.25rem; } .flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-logoGroup { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-logoGroup li { margin-right: 24px; margin-bottom: 0.5em; } .flex-logoGroup li:nth-child(4n) { margin-right: 0; } .comBlock01:target .accordionBlock01 .acContents { display: block; } /* キャンペーン一覧 */ .campaignlistBlock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-top: 15px; } .campaignlistBlock li { margin-bottom: 17px; } .columnImage2Wrap04 .blank_icon { vertical-align: middle; padding-left: 5px; width: auto; max-width: auto; } /* 字下げ */ .Indent_pt1 { padding-left: 2.5rem; text-indent: -2.5rem; } /* /字下げ */ ul.listCircle, ul.listNote, ul.listCross, .commonSquare, ol.dimi, ol.dimi01 { padding-left: 1.3em; } ol.dimi02, ol.dimi03-note { padding-left: 2em; } ul.listCircle > li, ul.listNote > li, .commonSquare > *, ol.dimi01 > li { text-indent: -1em; } ol.dimi02 > li, ol.dimi03-note > li { text-indent: -1.8em; } body.fDefault ul.listCircle > li, body.fDefault ul.listNote > li, body.fDefault .commonSquare > *, body.fDefault ol.dimi01 > li { text-indent: -1.3em; } body.fDefault ol.dimi02 > li { text-indent: -1.8em; } body.fDefault ol.dimi03-note > li { text-indent: -2em; } ol.dimi02 > li p, body.fDefault ol.dimi01 > li p, ol.dimi02 > li span, body.fDefault ol.dimi01 > li span { text-indent: 0; } ol[class*="dimi0"] { counter-reset: cnt; list-style: none; } ol[class*="dimi0"] > li { list-style-type: none; counter-increment: cnt; } ol[class*="dimi0"] > li::before { display: marker; } ol[class*="dimi0"] > li::before { content: counter(cnt) ". "; } ol.dimi02 > li::before { content: "(" counter(cnt) ") "; } ol.dimi03-note > li::before { content: "※" counter(cnt); margin-right: 5px; } ul.listCircle > li:before { content: "・"; margin-right: 0.3em; } ul.listCross > li:before { content: "×"; margin-right: 0.3em; } ul.listNote > li:before { content: "※"; margin-right: 0.3em; } .normalNote:before { content: "※"; margin-right: 0.3em; } .commonSquare > *::before { content: "■"; margin-right: 0.3em; } ul.listFaq li { position: relative; padding-left: 30px; line-height: 1.5; vertical-align: middle; margin-top: 15px; } ul.listFaq li::before { position: absolute; left: 0; display: inline-block; vertical-align: middle; line-height: 1.5; text-align: center; content: "Q"; width: 25px; height: 25px; background: #ff6600; color: #fff; font-weight: bold; border-radius: 50%; } ul.listFaq li a { font-weight: bold; } .commonNote { padding-left: 1.3em; } small.commonNote { display: block; } .commonNote > *, .commonSquare > * { display: block; text-indent: -1.3em; } .commonNote > *:before { content: "※"; margin-right: 0.3em; } small.commonNote_en { display: block; } .commonNote_en, .list_en > * { padding-left: 0.8em; } .commonNote_en > *, .list_en > * { display: block; text-indent: -0.8em; } .commonNote_en > *:before { content: "*"; margin-right: 0.3em; } .list_en > *:before { content: "-"; margin-right: 0.3em; } .infoNote { padding-left: 1.3rem; text-indent: -1.3rem; display: block; } .infoNote::before { content: ""; display: inline-block; width: 16px; height: 17px; background-image: url(/shared/img/cmn_ico_005.png); background-size: contain; vertical-align: middle; margin-right: 0.3rem; } .boxBorder { box-sizing: border-box; } /* 基本のpを約16pxに */ body.fDefault #contentsArea p, body.fDefault #contentsArea ul, body.fDefault #contentsArea ol, body.fDefault #contentsArea table, body.fDefault #contentsArea dl, body.fDefault #contentsArea small, body.fDefault #contentsArea a, body.fDefault #contentsArea label, body.fDefault #contentsArea .headCustom { font-size: 128.2%; line-height: 1.5; } body.fDefault #contentsArea .fSmall02 { font-size: 112%; } body.fDefault #contentsArea p *, body.fDefault #contentsArea ul *, body.fDefault #contentsArea ol *, body.fDefault #contentsArea table *, body.fDefault #contentsArea dl *, body.fDefault #contentsArea small *, body.fDefault #contentsArea a *, body.fDefault #contentsArea label *, body.fDefault #contentsArea .headCustom * { font-size: 100%; } body.fDefault #contentsArea p .headCustom, body.fDefault #contentsArea ul .headCustom, body.fDefault #contentsArea ol .headCustom, body.fDefault #contentsArea table .headCustom, body.fDefault #contentsArea dl .headCustom, body.fDefault #contentsArea small .headCustom, body.fDefault #contentsArea a .headCustom { font-size: 100%; } /* 基本の見出しを約18pxに */ body.fDefault .headingBlockH1, body.fDefault .headingBlock01, body.fDefault .headingBlock02 .title, body.fDefault .headingBlock_info, body.fDefault .headCustomBig { font-size: 144.2%; } /* 基本のフォントをメイリオに */ body.fDefault #contentsArea, body.fDefault .headingBlockH1 { font-family: メイリオ, Meiryo, sans-serif; } body.fDefault [class*="tableBlock0"] table, body.fDefault #contentsArea a { word-break: break-all; line-break: strict; word-wrap: break-word; overflow-wrap: break-word; } body.fDefault .tableBlock01 table thead th:first-child, body.fDefault .tableBlock01 table thead td:first-child, body.fDefault .tableBlock01 table tbody th:first-child, body.fDefault .tableBlock01 table tbody td:first-child, body.fDefault .tableBlock02 table thead th:first-child, body.fDefault .tableBlock02 table thead td:first-child, body.fDefault .tableBlock02 table tbody th:first-child, body.fDefault .tableBlock02 table tbody td:first-child, body.fDefault .tableBlock03 table thead th:first-child, body.fDefault .tableBlock03 table thead td:first-child, body.fDefault .tableBlock03 table tbody th:first-child, body.fDefault .tableBlock03 table tbody td:first-child { border-left: solid 1px #fff; } [class*="pageAnchor"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -12px; } .pageAnchor_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: -10px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .pageAnchor_flex li { width: 100%; } .pageAnchor_flex li { margin-right: 10px; } [class*="pageAnchor"] li { margin-bottom: 12px; border: 1px solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } [class*="pageAnchor"] a { font-weight: bold; color: #ff6600; display: block; width: 100%; padding: 10px 25px 10px 10px; background: url(/shared/img/ico/ico_anc.png) no-repeat right 10px center; font-size: 0.875rem; } [class*="pageAnchor"] a:hover { color: #ff6600; } .pageAnchor_3col li { width: calc((100% - 20px) / 3); } .pageAnchor_2col li { width: calc((100% - 10px) / 2); } .pageAnchor_3col li, .pageAnchor_2col li:nth-child(odd) { margin-right: 10px; } .pageAnchor_3col li:nth-child(3n) { margin-right: 0; } .DLAreaBlock { background: #ddd; padding: 20px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .DLAreaBlock .appGroup:first-child { margin-right: 30px; } .DLAreaBlock .appGroup { width: calc((100% - 30px) / 2); } .DLAreaBlock .appGroup .flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .DLAreaBlock .appGroup .flex a { margin-right: 10px; width: 65%; } .DLAreaBlock .appGroup .flex a img { width: 100%; } .DLAreaBlock h4 { font-weight: bold; margin-bottom: 5px; text-align: center; font-size: 128.2%; } .listTable li:nth-child(odd) { background: #f4f4f4; } .listTable li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 15px 20px; } .listTable li h3 { margin-bottom: 8px; font-size: 112% !important; } .listTable li p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; } .listTable a.linkBlock01 { display: inline; } .orangeBox-2col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 10px; } .orangeBox-2col li { width: calc((100% - 20px) / 2); border: solid 2px #ff6a00; text-align: center; padding: 15px; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .orangeBox-2col li h3 { width: 100%; height: 52%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .orangeBox-2col li h3 span { word-wrap: break-word; } .orangeBox-2col li a { display: block; width: 100%; height: 100%; background-color: #ff6a00; } .orangeBox-2col li .btn { position: relative; width: 100%; height: 42px; margin-top: auto; } .orangeBox-2col li a span { position: absolute; top: 50%; left: 50%; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); color: #fff; width: 100%; } .orangeBox-2col .btn::after { content: ""; width: 6px; height: 6px; border-top: solid 3px #ffffff; border-right: solid 3px #ffffff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 8%; margin-top: -4px; } .orangeBox-2col .btn:hover, [class*="btn-shadow-"]:hover { opacity: 0.8; text-decoration: none; } [class*="btn-shadow-"] { width: 500px; height: 80px; display: block; margin: auto; border-radius: 10px; color: #fff !important; font-weight: bold; text-align: center; position: relative; background-image: url(/shared/img/cmn_ico_019.png); background-repeat: no-repeat; background-position: right 40px center; } .btn-shadow-green { -webkit-box-shadow: 0px 6px 0px 0px #317a18; box-shadow: 0px 6px 0px 0px #317a18; background-color: #44b41d; } .btn-shadow-orange { -webkit-box-shadow: 0px 6px 0px 0px #ac491b; box-shadow: 0px 6px 0px 0px #ac491b; background-color: #ff7a3d; } [class*="btn-shadow-"].blank { background-image: url(/shared/img/cmn_ico_001.png); } [class*="btn-shadow-"] p { position: absolute; top: 50%; left: 50%; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); width: 100%; } .l-2col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: -10px; margin-bottom: -16px; padding: 0 10px; } .l-2col li { margin-right: 10px; margin-bottom: 16px; } .l-2col [class*="btn-shadow-"] { width: 320px; background-position: right 20px center; } .area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } [class*="tab_class"] { height: 50px; background-color: #9c9c9c; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; cursor: pointer; position: relative; color: #fff; padding: 5px 0; text-align: center; } .tab_class_3col { width: calc((100% - 10px) / 3); } .tab_class_2col { width: calc((100% - 5px) / 2); } [class*="tab_class"]:not(:last-child) { margin-right: 5px; } input[name="tab_name"] { display: none; } input:checked + [class*="tab_class"]::after { content: ""; display: inline-block; position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -16px; width: 0; height: 0; border-style: solid; border-width: 16px 10px 0 10px; } input:checked + .tab1 { background-color: #008331; } input:checked + .tab1::after { border-color: #008331 transparent transparent transparent; } input:checked + .tab2 { background-color: #008dbb; } input:checked + .tab2::after { border-color: #008dbb transparent transparent transparent; } input:checked + .tab3 { background-color: #fb6c2a; } input:checked + .tab3::after { border-color: #fb6c2a transparent transparent transparent; } .tab_content_class { display: none; width: 100%; background-color: #e6ffdb; padding: 26px; padding-top: 36px; } input:checked + [class*="tab_class"] + .tab_content_class { display: block; } .l-step-2col { width: 100%; display: -moz-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; flex-direction: row; margin-bottom: -20px; } .l-step-2col li { width: 320px; padding-bottom: 20px; } .l-step-2col li img { width: 100%; margin-bottom: 10px; } .l-step-2col li h3 { font-weight: bold; margin-bottom: 3px; font-size: 1rem; } .l-step-2col li p { margin-bottom: 0; }