/* Minification failed. Returning unminified contents. (4710,33): run-time error CSS1030: Expected identifier, found '.' (4710,44): run-time error CSS1031: Expected selector, found ')' (4710,44): run-time error CSS1025: Expected comma or open brace, found ')' (4931,33): run-time error CSS1030: Expected identifier, found '.' (4931,44): run-time error CSS1031: Expected selector, found ')' (4931,44): run-time error CSS1025: Expected comma or open brace, found ')' (7970,36): run-time error CSS1034: Expected closing parenthesis, found ',' (7970,36): run-time error CSS1042: Expected function, found ',' (7970,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (11175,22): run-time error CSS1030: Expected identifier, found '.' (11175,36): run-time error CSS1031: Expected selector, found ')' (11175,36): run-time error CSS1025: Expected comma or open brace, found ')' (11245,67): run-time error CSS1033: Expected closing bracket, found 'i' (11245,68): run-time error CSS1031: Expected selector, found ']' (11245,68): run-time error CSS1025: Expected comma or open brace, found ']' */ @charset "utf-8"; /* CSS Document */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; } body { background-color: #fff; font-size: 16px; font-family: 'メイリオ', '游ゴシック', 'ヒラギノ角ゴシック', 'NotoSans', sans-serif; line-height: 1.5; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* Clear Fix ---------------- */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ .clear_tab { clear:both; } /*! jQuery UI - v1.12.0 - 2016-07-08 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon,.ui-state-default .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} @charset "utf-8"; /* jquery-ui ナビ用lapper */ /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 10px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 10px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 10px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 10px; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon, .ui-widget-content .ui-icon { background-image: url("./img/ui-icons_72b42d_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("./img/ui-icons_ffffff_256x240.png"); } .ui-button .ui-icon { background-image: url("./img/ui-icons_ffffff_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon { background-image: url("./img/ui-icons_72b42d_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("./img/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("./img/ui-icons_4eb305_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("./img/ui-icons_cd0a0a_256x240.png"); } /* Component containers ----------------------------------*/ .ui-widget { font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #72b42d; background: #285c00 url("./img/ui-bg_inset-soft_10_285c00_1x100.png") 50% bottom repeat-x; color: #ffffff; } .ui-widget-content a { color: #ffffff; } .ui-widget-header { border: 1px solid #3f7506; background: #3a8104 url("./img/ui-bg_highlight-soft_33_3a8104_1x100.png") 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } @charset "utf-8"; /* Open and Preview common */ /* COMMON ------------------------------------- */ body { width: 100%; min-width: 320px; background: url(./img/body_back.png) repeat 0 0; -webkit-text-size-adjust: 100%; position: relative; } p { margin: 0; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1em; /* 16px */ line-height: 1.5em; /*24px*/ text-align: left; letter-spacing: 0px; color: #333333; opacity: 1; } p.breadcrumb { line-height: 21px; } .ikouzumi { font-weight: 700; color: green !important; } /* LAYOUT COMMON ------------------------------------- */ .fleft { float: left; } .fright { float: right; } .fcenter { float: center; width: 7em; } .hidden { display: none; } .mt_small { margin-top: 0.5em; /* 8px */ } .mt_middle { margin-top: 1.25em; /* 20px */ } .mt_large { margin-top: 2.5em; /* 40px */ } .mr_middle { margin-right: 1.25em; /* 20px */ } .mr_large { margin-right: 2.5em; /* 40px */ } .mb_xsmall { margin-bottom: 0.25em; /* 20px */ } .mb_small { margin-bottom: 0.5em; /* 20px */ } .mb_middle { margin-bottom: 1.25em; /* 20px */ } @media screen and (max-width: 800px) { .mb_middle { margin-bottom: 1.75em; } } .mb_large { margin-bottom: 2.5em; /* 40px */ } @media screen and (max-width: 800px) { .mb_large { margin-bottom: 3em; } } .ml_small { margin-left: 0.5em; /* 8px */ } .ml_middle { margin-left: 1.25em; /* 20px */ } .ml_large { margin-left: 2.5em; /* 40px */ } .py_small { padding-bottom: .5em; /* 8px */ padding-top: .5em; /* 8px */ } .px_large { padding-right: 2.5em; /* 40px */ padding-left: 2.5em; /* 40px */ } .pt_small { padding-top: .5em; /* 8px */ } .pt_middle { padding-top: 1.25em; /* 20px */ } .pl_middle { padding-left: 1.25em; /* 20px */ } .ml_henkoFamerNo { margin-left: 6em; } .caption { font-size: 1em; /* 16px */ color: #333333; } .attention { color: #666e95; font-weight: bold; font-size: 1.5em; } .arrow { display: block; position: relative; margin-top: 4px; margin-right: 5px; width: 15px; height: 15px; background-color: #FFFFFF; border-radius: 10px; float: left; } .arrow:after { display: block; content: ""; position: absolute; top: 50%; right: 5px; width: 4px; height: 4px; margin: -3px 0px 0 0; border-top: solid 2px #3C7700; border-right: solid 2px #3C7700; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); } /* DESIGN COMMON ------------------------------------- */ h2 { font-size: 1.75em; /* 28px */ margin-bottom: 1.0625em; /* 17px */ margin-top: 41px; /* 2.5625em */ overflow: hidden; } @media screen and (max-width: 600px) { h2 { font-size: 1.2em; } } h3 { padding: 0 0 0.4em 0; /*0 0 8px 0*/ margin-top: 3em; /* 60px */ margin-bottom: 0.8em; /* 16px */ border-bottom: 1px solid #666E95; background-color: #FFFFFF; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 1.25em; /* 20px */ line-height: 1.5em; /* 30px */ letter-spacing: 0px; color: #666E95; opacity: 1; } h4 { font-style: normal; font-variant: normal; font-weight: bold; font-size: 1em; /* 16px */ line-height: 1.5em; /* 24px */ margin-bottom: 8px; padding: 0; color: #333333; } .error, .validation-summary-errors { margin: 0 0 1.25em 0; padding: 0.625em; color: #FF0000; font-size: 1em; line-height: 1.5em; border: 2px solid #C1213C; background-color: #FFFFFF; } .thumbnail { margin-right: 5px; display: inline-block; } .validation-summary-errors ul li { font-family: 'メイリオ', '游ゴシック', 'ヒラギノ角ゴシック', 'NotoSans', sans-serif; font-size: 1em; color: #C1213C; list-style-type: disc; } .validation-summary-errors img { width: 1.1em; height: 1.1em; vertical-align: sub; } .validation-summary-errors div span { font-size: 1.25em; color: #C1213C; font-weight: bold; padding-left: 0.8em; } .title_image { height: 198px; overflow: hidden; } .title_image01, .title_image02 { display: block; margin: 0 auto; width: 100%; max-width: 1600px; min-width: 1280px; opacity: 1; } .title_image01 { height: 198px; } .title_image02 { height: 100px; position: relative; bottom: 100px; } @media screen and (max-width: 1000px) { .title_image01, .title_image02 { position: relative; left: 50%; margin-left: -640px; } } @media screen and (max-width: 600px) { .title_image { max-height: 110px; } .title_image01 { height: auto; max-height: 110px; object-fit: cover; } .title_image02 { height: 55px; width: 100%; bottom: 55px; object-fit: contain; } } #container { margin: 0.5625em auto 8.5em auto; width: 100%; max-width: 980px; } #container .page_title { width: 2.6875em; /* 43px */ height: 2.6875em; float: left; margin-right: 0.75em; /* 12px */ margin-top: 2.3125em; /* 37px */ } #container #error .page_title { margin-top: 0; } #container #error h2 { margin-bottom: 0.75em; line-height: 1.5em; color: #333333; margin-top: 30px; } #container #owner_unknown_land .page_title { margin-top: 2.25em; /* 36px */ } #container .add_info { font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.875em; /*14px*/ line-height: 1.5em; /*24px*/ text-align: left; letter-spacing: 0px; color: #333333; opacity: 1; } @media screen and (max-width: 800px) { #container { width: 90%; padding: 0; } } @media screen and (max-width: 600px) { #container .page_title { width: 1.843em; height: 1.843em; } #container #owner_unknown_land .page_title { margin-top: 2.5em; } } #error .page_description { font-size: 1em; line-height: 1.5em; color: #333333; margin-bottom: 2.5em; } #error h4 { font-size: 1em; color: #333333; font-weight: bold; margin-bottom: 0.325em; line-height: 1.5em; } #error strong { font-size: 1.25em; color: #C1213C; font-weight: bold; line-height: 1.2em; } #error .error_note { font-size: 1em; line-height: 1.5em; color: #333333; margin-top: 2.625em; } /* FOOTER ------------------------------------- */ #footer { padding-top: 10px; border-top: 3px solid #006302; } #footer p { margin: 0; } #footer .footer_content { margin: 0 auto 10px; width: 100%; max-width: 980px; position: relative; } #footer .footer_left { float: left; width: 400px; } #footer .footer_left p { float: left; font-size: 0.75em; } #footer .footer_left .corp { font-size: 1em; font-weight: bold; line-height: 2.3em; margin-right: 3%; } #footer .footer_right { float: right; } #footer .footer_right .copyright { font-size: 0.5em; position: absolute; bottom: 2px; right: 0; } .SidePanelItemFooter .SidePanelItem tbody { background: #C1213C; } /* BREADCRUMB ------------------------------------- */ .breadcrumb a, .breadcrumb span { font-size: .875em; font-family: 'メイリオ', '游ゴシック', 'ヒラギノ角ゴシック', 'NotoSans', sans-serif; } .breadcrumb a { color: #666E95; } .breadcrumb span { color: #333333; } #frequently_asked_question .breadcrumb { line-height: 1.3em; } /* INPUT ------------------------------------- */ input, select, textarea { font-size: 1em !important; } input { padding: 5px 7px; border-radius: 5px; font-size: 1em; /* 16px */ height: 1.25em; /* 20px */ } input.x_small, input.xx_small { width: 3em; } input.small { width: 35%; } input.small_imedisabled { width: 35%; ime-mode: disabled; } input.middle { width: 60%; border: 1px solid #666E95; } input.large { width: calc(100% - 1.125em); border: 1px solid #666E95; border-radius: 9px; } input.large_imedisabled { width: calc(100% - 1.125em); ime-mode: disabled; border: 1px solid #666E95; border-radius: 9px; } input.address { width: 60%; } input[type=checkbox], input[type=radio] { width: 16px; height: 16px; } input[type=checkbox] { outline-offset: -1px; accent-color: #1E90FF; } input[type=radio] { appearance: none; border: 1px solid #333333; border-radius: 50%; padding: initial; background: url(img/icon/2x-pin8-FFFFFF.png) no-repeat; background-size: contain; } input[type=radio]:checked { background: url(img/icon/2x-pin8-404040.png) no-repeat; background-size: contain; } input.hasDatepicker[type=text] { background: url(./img/calendar.png) top right 2px no-repeat; background-size: contain; width: 38%; } input:-moz-read-only { background-color: #ebeee8; } input:-ms-read-only { background-color: #ebeee8; } input:read-only { background-color: #ebeee8; } input[readonly] { color: #000000 !important; background-color: #ebeee8 !important; } @media screen and (max-width: 800px) { input { font-size: 1em; height: 2em; } input.x_small { width: 10%; width: 25%\9; } input.small { width: 30%; } input.middle { width: 92%; } input.address { width: 65%; width: 65%\9; } input[type=checkbox] { width: 22px; height: 22px; } input[type=text] { margin-top: 0.5em; margin-left: 0.2em !important; } input[type=text].mapboxgl-ctrl-geocoder--input { margin: 0; } #search_criteria input.x_small, #farmland_detail input.x_small { width: 8%; } #search_criteria input.xx_small, #farmland_detail input.xx_small { width: 6%; } } @media screen and (max-width: 600px) { input.x_small { width: 30%; } #search_criteria input.x_small, #farmland_detail input.x_small { width: 30%; } #search_criteria input.xx_small, #farmland_detail input.xx_small { width: 20%; } input.small { width: 92%; } input[type=text] { margin-top: 0.2em; margin-left: 0 !important; } input.hasDatepicker[type=text] { background: none; width: 35%; } } @media screen and (max-width: 480) { input.address { width: 92%; margin-bottom: 10px; } } textarea { padding: 5px 0.5em; width: calc(100% - 1.125em); font-size: 1em; /* 16px */ border-radius: 9px; height: 3.75em; border: 1px solid #666E95; vertical-align: middle; } select { padding: 12px 10px; min-width: 39%; background: url(./img/icon_menu/Drawer/DropDownList/DropDownList@2x.png) no-repeat; background-size: contain; border: none; appearance: none; } select:focus { outline: none; box-shadow: none; } @media screen and (max-width: 800px) { select { width: 100%; min-width: 80%; } select.measuresize { width: 35% !important; } } table .checkbox { text-align: center; } ul.checkbox li { float: left; width: 30%; text-align: left; } @media screen and (max-width: 800px) { ul.checkbox li { width: 50%; } } .search_sort select { min-width: inherit; } @media screen and (max-width: 480) { .search_sort select { width: 100%; } } /* BUTTON ------------------------------------- */ .SidePanelPositive { padding: 0 12.25px; height: auto; } .positive a, .negative a, .hint a { display: block; margin: 0 auto; padding: 0.1em 1em; /* 0 32px */ text-align: center; font-size: 1em; /* 16px */ font-weight: bold; line-height: 2em; color: #FFFFFF !important; text-decoration: none; border-radius: 5px; } .positive_vicinity a:hover, .positive_vicinity_end a:hover, .negative_vicinity a:hover, .negative_vicinity_end a:hover, .positive_vicinity_height a:hover, .negative_vicinity_height a:hover, .positive a:hover, .negative a:hover, .hint a:hover, .negative_reset_color a:hover, .negative_reset_color_all a:hover { opacity: 0.8; } .positive a, .positive_vicinity a, .positive_vicinity_end a, .positive_vicinity_height a { background: #299a0b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OWEwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYzMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #299a0b 0%, #006302 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#006302)); background: -webkit-linear-gradient(top, #299a0b 0%,#006302 100%); background: -o-linear-gradient(top, #299a0b 0%,#006302 100%); background: -ms-linear-gradient(top, #299a0b 0%,#006302 100%); background: linear-gradient(to bottom, #299a0b 0%,#006302 100%); } @media screen and (max-width: 800px) { .positive a, .negative a { padding: 0.3em 1em; font-size: 1em; } } @media screen and (max-width: 600px) { .positive a, .negative a { padding: 0.3em 1em; } } @media screen and (max-width: 480px) { .positive a, .negative a { padding: 0.3em 1em; font-size: 0.9em; } #FramiSearch_Footer a { height: auto; line-height: 2.2em; text-align: center !important; } } .negative a, .negative_vicinity a, .negative_vicinity_end a, .negative_vicinity_height a, .negative_reset_color a, .negative_reset_color_all a { background: #707070; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #707070 0%, #555555 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#707070), color-stop(100%,#555555)); background: -webkit-linear-gradient(top, #707070 0%,#555555 100%); background: -o-linear-gradient(top, #707070 0%,#555555 100%); background: -ms-linear-gradient(top, #707070 0%,#555555 100%); background: linear-gradient(to bottom, #707070 0%,#555555 100%); } .hint a { background: #ff7800; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNDRiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff7800 0%, #d44b00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7800), color-stop(100%,#d44b00)); background: -webkit-linear-gradient(top, #ff7800 0%,#d44b00 100%); background: -o-linear-gradient(top, #ff7800 0%,#d44b00 100%); background: -ms-linear-gradient(top, #ff7800 0%,#d44b00 100%); background: linear-gradient(to bottom, #ff7800 0%,#d44b00 100%); } .positive span, .negative span, .hint span, .positive_vicinity_end span, .negative_vicinity_end span, .positive_vicinity_height span, .negative_vicinity_height span, .negative_reset_color span, .negative_reset_color_all span { font-size: 0.8em; } .vicinity_smallfont { font-size: 0.8em; } .negative_reset_color { display: inline-block; } .negative_reset_color a, .negative_reset_color_all a { text-align: center; font-size: 0.875em; font-weight: bold; color: #666E95; text-decoration: none; background: #FFFFFF; border: 2px solid #666E95; border-radius: 18px; } .negative_reset_color a { padding: 0px 12px; } .negative_reset_color_all a { padding: 5px; display: block; font-size: 1em; margin: 15px 15px 25px auto; } .positive_vicinity a { display: block; margin: 0 auto; padding: 0 0.1em; text-align: center; font-size: 0.95em; font-weight: bold; line-height: 2.2em; color: #FFFFFF !important; text-decoration: none; border-radius: 5px; white-space: normal; } .positive_vicinity_end a, .negative_vicinity_end a { display: block; margin: 0 auto; padding: 0.5em 2em 0.5em; text-align: center; font-size: 1em; /* 16px */ font-weight: bold; line-height: 1.4em; color: #FFFFFF !important; text-decoration: none; border-radius: 5px; } .positive_vicinity_height a, .negative_vicinity_height a { display: block; margin: 0 auto; padding: 0.9em 2em 0.9em; text-align: center; font-size: 1em; /* 16px */ font-weight: bold; line-height: 1.4em; color: #FFFFFF !important; text-decoration: none; border-radius: 5px; } .negative_vicinity a { display: inline-block; margin: 0 2px; padding: 2px 14px 2px 14px; font-size: 1.1em; /* 16px */ font-weight: bold; line-height: 2em; color: #FFFFFF !important; text-decoration: none; border-radius: 5px; white-space: normal; } .negative_vicinity label { display: inline-block; } @media screen and (max-width: 480px) { .negative_vicinity label { display: block; } } #vicinity_control .vicinity_font { color: red; font-weight: bold; font-size: 73%; margin-top: -.8em; margin-bottom: .2em; } #vicinity_button_hint { bottom: 2em; } .vicinity_padding_agricultural { padding-top: 1em; } .vicinity_button_type_f { width: 90px; } .vicinity_button_type_f a { text-decoration: none; padding: 0.5em 0.5em 0.5em 0.5em; color: #FFFFFF; } /* BUTTON 1 CENTER ------------------------------------- */ .button_one_center p { text-align: center; } .button_one_center a { width: 25%; } @media screen and (max-width: 800px) { .button_one_center a { width: 50%; } } @media screen and (max-width: 600px) { .button_one_center a { width: 80%; } } /* BUTTON 1 RIGHT ------------------------------------- */ .button_one_right p { text-align: right; } .button_one_right a { float: right; } @media screen and (max-width: 800px) { .button_one_right p { text-align: center; } .button_one_right a { float: none; width: 50%; } } @media screen and (max-width: 600px) { .button_one_right a { margin: 0.5em auto; width: 80%; } } /* BUTTON IN TABLE ------------------------------------- */ .text_next_button#searchAddressResult { float: left; width: 82%; margin: 0 0 0 0; } .button_in_table { margin: 5px 0 0 0; height: 28px; } .button_in_table#selectedFarmerHash { height: 28px; width: 70px; } .button_in_table#tourokuzumi { width: auto; } .button_in_table#hatena_mark { margin: 2px 0 2px 0; height: 0; margin-left: 6px; margin-right: 16px; } .button_in_table a { display: block; } /* BUTTON 1 LEFT ------------------------------------- */ .button_one_left p { text-align: left; } .button_one_left a { float: left; } /* BUTTON 1 LEFT admin_top ------------------------------------- */ #admin_top .button_one_left p { float: left; width: 60%; margin-top: 0.2em; } #admin_top .button_one_left a { margin-right: 15px; width: 30%; } @media screen and (max-width: 800px) { #admin_top .button_one_left p { float: none; width: 100%; margin-top: 0.5em; text-align: center; } #admin_top .button_one_left a { margin: 0 auto; width: 50%; float: none; } } @media screen and (max-width: 600px) { #admin_top .button_one_left p { text-align: left; } #admin_top .button_one_left a { width: 90%; } } /* BUTTON 2 CENTER ------------------------------------- */ .button_two_center ul { text-align: center; display: flex; justify-content: center; } .button_two_center li { margin: 0 8px; vertical-align: top; padding: 0px; } @media screen and (max-width: 800px) { .button_two_center ul { float: none; left: 0; width: 100%; } .button_two_center li { margin: 0; padding: 0 5px; left: 0; } .button_two_center li.positive, .button_two_center li.positive:nth-child(odd) { float: none; width: 50%; } .button_two_center li.negative, .button_two_center li.positive:nth-child(even) { float: right; width: 45%; } } @media screen and (max-width: 800px) { .button_two_center ul { float: none; left: 0; width: 100%; display: block; } .button_two_center li { margin: 0 auto 1em; left: 0; } .button_two_center li.negative, .button_two_center li.positive, .button_two_center li.positive:nth-child(odd), .button_two_center li.positive:nth-child(even) { float: none; width: 95%; } } /* CENTER BOX ------------------------------------- */ .center_box { display: flex; align-items: center; justify-content: center; } /* BUTTON 2 LEFT ------------------------------------- */ .button_two_left ul { } .button_two_left li { float: left; margin-right: 1.25em; /* 20px */ } @media screen and (max-width: 600px) { .button_two_left li { float: none; margin: 0 auto 0.5em; width: 90%; } } /* BUTTON 3 CENTER ------------------------------------- */ .button_three_center ul { text-align: center; display: block; } .button_three_center li { display: inline-block; margin: 0 15px; vertical-align: top; } @media screen and (max-width: 800px) { .button_three_center li { width: 55%; margin: 0 auto 15px; } } @media screen and (max-width: 600px) { .button_three_center li { width: 90%; } } /* TAB 2 LEFT ------------------------------------- */ .tab_two_left { border-bottom: none; } .tab_two_left ul { } .tab_two_left li { float: left; margin-right: 0.5em; /* 8px */ } .positive_tab a, .negative_tab a { display: block; margin: 0 auto; padding: 0.25em 1.5em; /* 4 30px */ text-align: center; font-size: 1.125em; /* 18px */ font-weight: bold; line-height: 2em; text-decoration: none; border-top-left-radius: 5px; border-top-right-radius: 5px; } .positive_tab a:hover, .negative_tab a:hover { opacity: 0.8; } .tab_two_left .positive_tab a { background: #E8E8E880; color: #666E95; } .tab_two_left .negative_tab a { background: #707070; color: #FFFFFF; } @media screen and (max-width: 600px) { .tab_two_left li { margin-right: 0; width: 50%; } .positive_tab a, .negative_tab a { padding: 0 1em; } } /* TABLE ------------------------------------- */ table { width: 100%; border: 0; border-spacing: 0; border-top: 1px solid #E8E8E8; border-left: 1px solid #E8E8E8; background-color: #FFFFFF; font-size: 0.9em; } table td, table th { padding: 0.60em; } table th { white-space: nowrap; color: #000000; height: 32px; background-color: #E8E8E8; border: 1px solid #FFFFFF; } table th.SidePanelItem_division { background-color: #666E95; color: #FFFFFF; } table td { border: 1px solid #E8E8E8; margin-left: 10px; } table td #bookmark_insert a, table td #moblieapp_open a, table td #selectedFarmerHash a#coloringSameFarmerHash { display: flex; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap; height: 20px; background: #FFFFFF; border: 2px solid #666E95; border-radius: 18px; color: #666E95 !important; padding: 0.2em 0.8em; } table td #moblieapp_open a { padding: 0.143em 1.975em; } table td #bookmark_insert a img#bookmark_icon { width: 1.6em; height: 1.6em; margin: -0.1em 0 0 -0.3em; } table td #moblieapp_open a img#moblieapp_icon { width: 1.1em; height: 0.95em; margin: -0.1em 0.25em 0 0; } table td #bookmark_insert a span, table td #moblieapp_open a span, table td #selectedFarmerHash a#coloringSameFarmerHash span { white-space: normal; } table td #hatena { margin-left: 6px; } table td #hatena a { margin-left: 0; position: absolute; top: 50%; } table tr:first-child th { border-top: 1px solid #E8E8E8; } table tr:last-child th { border-bottom: 1px solid #E8E8E8; } table tr th:last-child { border-right: 1px solid #E8E8E8; } table tr th:first-child { border-left: 1px solid #E8E8E8; } table p { margin: 0.5em 0 0 0; } table a { white-space: nowrap; margin-left: 2px; } table span.sort { display: block; text-align: center; font-size: 0.9em; line-height: 1; } table span.sort a, table span.sort a:hover { display: block; height: 0.9em; text-decoration: none; } .vicinity_table_sub_text ul { padding-bottom: 1%; } @media screen and (max-width: 800px) { table { font-size: 1em; display: block; width: 100%; overflow-x: scroll; table-layout: fixed; } table::-webkit-scrollbar { width: 10px; background: #cccccc; } table::-webkit-scrollbar:horizontal { height: 10px; background: #cccccc; } table::-webkit-scrollbar-thumb { background: #999999; border-radius: 5px; } table::-webkit-scrollbar-thumb:horizontal { background: #999999; border-radius: 5px; } table tbody, table tr { width: 100% !important; min-width: 100% !important; } table th, table td { white-space: normal; word-wrap: break-word\9; } .th_left table tr th { width: inherit; width: 25%\9; } .th_left table tr td { width: inherit; width: 75%\9; } .responsive table, .responsive table tbody, .responsive table tr { display: block; width: 100%; overflow: inherit; } .responsive table tr th, #search_result_list .th_left th { display: block; padding: 2%; width: 96%; white-space: normal; width: 25%\9; } .responsive_farmsearch table, .responsive_farmsearch table tbody, .responsive_farmsearch table tr { display: block; width: 100%; overflow: inherit; } .responsive_farmsearch table tr th, #search_result_list .th_left th { display: block; padding: 0.3%; width: 96%; white-space: normal; width: 25%\9; } .responsive_farmsearch table tr td { display: block; padding: 0.3%; white-space: normal; } .no-scroll table { display: table; table-layout: inherit; overflow-x: auto; } .no-scroll table th, .no-scroll table td { white-space: normal; } } @media screen and (max-width: 600px) { table th, table td { font-size: 0.875em; } table td table td { font-size: inherit; /* 14px */ } } @media screen and (max-width: 480px) { .no-scroll table { display: block; table-layout: fixed; } .no-scroll table th, .no-scroll table td { white-space: nowrap; } .no-scroll table.no-white-space th, .no-scroll table.no-white-space td { white-space: normal; } } .helpModalDetail { position: relative; } .helpModalDetail .helpButton { width: 18px; height: 18px; background: url(./img/icon_menu/CommonParts/Help01@2x.png) no-repeat; background-size: contain; border: none; border-radius: 50%; cursor: pointer; position: absolute; top: 50%; margin-top: -10px; } .helpModalDetail .helpButton:hover { background: url(./img/icon_menu/CommonParts/Help02@2x.png) no-repeat; background-size: contain; } #hanrei input { width: 4em; } #hanrei table { font-size: 1em; } #hanrei ul li a { width: 3em; margin-top: 10px; } #hanrei span a#changeAreaRange { background: #FFFFFF; border: 2px solid #666E95; border-radius: 18px; color: #666E95 !important; height: 20px; line-height: normal; font-size: 0.875em; margin: 7px auto; padding: 2px 12px; text-align: center; font-weight: bold; text-decoration: none; width: 3em; } #hanrei_AreaOnRegistry input { width: 120px; height: 34px; padding: 0 8px 0 8px; text-align: left; border: 1px solid #666E95; border-radius: 9px; } #hanrei_FarmerIndicationNumberHash th, #hanrei_FarmerIndicationNumber td, #hanrei_FarmerIndicationNumber th { border: none; padding: 4px; } #hanrei_FarmerIndicationNumberHash input, #hanrei_FarmerIndicationNumber input { width: 90%; padding: 0 3.5px 0 0; } #hanrei_FarmerIndicationNumberHash .display_indication_number, #hanrei_FarmerIndicationNumber .display_indication_number { display: inline-block; vertical-align: middle; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media screen and (max-width: 800px) { #hanrei_FarmerIndicationNumberHash .display_indication_number, #hanrei_FarmerIndicationNumber .display_indication_number { width: auto; } } .hanrei_item, .vicinity_hanrei_item { font-size: 1em; } .hanrei_Checkbox input { width: 1em; } #hanrei .hanrei_Separator { border-top: 1px solid #999999; } #hanrei_grid .vicinityAdd { border-bottom: 1px solid #666; } #hanrei_AreaOnRegistry td.td_left, #hanrei_Area td.td_left { text-align: left; } #calcVicinityBlock { } #farmer_indication_number_hash_input_message { margin-right: 21px; } @media screen and (max-width: 800px) { #farmer_indication_number_hash_input_message { max-width: 499px; } } #farmland_detail #hanrei { float: right; width: 25%; } #farmland_detail #calcMessage { font-size: 0.85em; } #farmland_detail .vicinity_condition h5 { margin-top: 1em; } #farmland_detail .hanrei_label_title { font-size: 0.85em; } #farmland_detail #box_srcollbar { margin-bottom: 0.5em; overflow: auto; height: 300px; } .space_dummy { margin-bottom: 1em; } .space_dummy_thin { margin-bottom: .8em; } /* PROGRESS BAR ------------------------------------- */ /* #farmland_detail .reloadProgressBack { } progress { width: 160px; } progress::-webkit-progress-bar { background: #EEEEEE; border: 1px #888888 solid; } progress::-moz-progress-bar { background: #EEEEEE; background-color: #7BAAF7; border: 1px #888888 solid; } progress::-webkit-progress-value { background-color: #7BAAF7; } */ /* TABLE TH TEXT-LEFT ------------------------------------- */ .th_left table tr th { text-align: left; font-weight: bold; width: 25%; } .th_left table tr td { width: 75%; text-align: left; font-weight: bold; width: 25%; } .th_left table tr td { width: 75%; } /* TABLE TD TEXT-RIGHT ------------------------------------- */ .td_right { text-align: right; } /* TABLE WHITE-SPACE ------------------------------------- */ table tr td.nowrap { white-space: nowrap; } /* TABLE WHITE-SPACE ------------------------------------- */ .txt_wb { word-break: break-all; word-wrap: break-word; } /* PAGINATION ------------------------------------- */ .pagination { width: 100%; text-align: center; } .pagination ul { width: 100%; margin: 0 auto; } .pagination li { display: inline-block; position: relative; margin: 0 1%; } .pagination li span { display: none; } .pagination li span.page { display: block; } @media screen and (max-width: 800px) { .pagination { width: 100%; text-align: center; } .pagination ul { text-align: center; } } /* SELECT LIST ------------------------------------- */ .index li { float: left; margin-right: 2%; } .list_item li { float: left; width: 33%; margin-bottom: 0.5em; } @media screen and (max-width: 1000px) { .list_item li { width: 50%; margin: 0.5em 0; } } @media screen and (max-width: 600px) { .list_item li { width: 90%; } } /* LIST ------------------------------------- */ .list_icon { margin-bottom: 2em; } .list_icon li { list-style: disc; margin-left: 30px; margin-bottom: 0.75em; } /* STATIC ------------------------------------- */ #container .static ul.mb_small { margin-bottom: 1em; } #container .static ol { margin: 1.5em 0 1.5em 0; /*24px 0 24px 0*/ } #container .static ol li { list-style-type: decimal; margin-left: 20px; margin-bottom: 0.75em; /*12px*/ } #container .static p + h4 { margin-top: 1em; } .txt_center { text-align: center; } .txt_right { text-align: right; } .txt_middle{ vertical-align: middle; } #site_map .static ul { margin-bottom: 3.75em; /*60px*/ display: flex; flex-wrap: wrap; flex-direction: row; } #site_map .static ul li { list-style: none; margin-bottom: 0.5em; flex-basis: 268px; margin-right: 5.5em; /*88px*/ } #site_map .static ul li:nth-child(3n) { margin-right: 0; } #site_map .static ul li a { color: #333333; } @media screen and (max-width: 1000px) { #site_map .static ul li:nth-child(3n) { margin-right: 5.5em; } } #terms .static ul { margin-bottom: 2em; } #terms .static ul li { list-style: disc; margin-left: 20px; margin-bottom: 0.5em; } #terms .static ul li a:visited { color: blue; } /* INFORMATION ------------------------------------- */ #container .info { background-color: #F3E9CD; padding: 10px 15px; margin-bottom: 20px; } /* OTHER ------------------------------------- */ #container.farmContainer { position: relative; max-width: 100vw; width: 100vw; height: calc(100vh - 62px); margin: 0; display: flex; flex-direction: column; } #container.farmContainer .breadcrumb { margin: 3px 0 3px 15px; font-size: 1em; } #farmland_detail .status { font-weight: bold; } #farmland_detail .property_show { float: left; margin-bottom: 4px; width: 100%; } #farmland_detail .property_color { float: right; margin-bottom: 4px; width: 100%; } @media screen and (max-width: 800px) { #farmland_detail .property_show { float: none; width: 100%; } #farmland_detail .property_color { float: none; margin-bottom: 4px; width: 100%; } } #hanrei select { font-size: 0.9em !important; width: 98%; } #farmland_detail .accordion_contents { margin-bottom: 20px; border-bottom: 2px dotted #666666; } #farmland_detail .accordion_contents_vicinity { margin-bottom: 20px; } #mapContainer { width: 100vw; height: 100%; box-sizing: border-box; position: relative; } #map { height: 100%; box-sizing: border-box; } #map .mapboxgl-ctrl-geocoder.mapboxgl-ctrl { z-index: 10; } @media screen and (max-width: 480px) { #map .mapboxgl-ctrl-geocoder { display: none; } #map .mapboxgl-ctrl #sidePanelDisplayControl { display: block; } } #hanreiBox { position: absolute; right: 50px; bottom: 60px; z-index: 5; width: 15%; height: auto; } #how_to_use { margin: 0.5625em auto 8.5em auto; width: 100%; max-width: 980px; } #how_to_use .news_area { margin-bottom: 5em; } #container #convenient_usage .img_description { display: flex; flex-wrap: wrap; } #container #convenient_usage .img_description > img { width: 100%; margin-top: 3.75em; } #container #vicinity h2, #container #convenient_usage > h2 { margin-top: 40px; } #container #vicinity img.page_title, #container #convenient_usage > img.page_title { margin-top: 2.25em; } #convenient_usage .tool_area_list, #convenient_usage .menu_text, #how_to_use .tool_area_list, #how_to_use .menu_text { align-items: center; margin-bottom: 24px; } #convenient_usage .tool_area_list .icon_style, #how_to_use .tool_area_list .icon_style { position: relative; float: left; width: 50px; height: 50px; padding: 0; margin-right: 8px; } #convenient_usage .icon_style img, #how_to_use .icon_style img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; overflow: auto; } #convenient_usage .icon_text, #convenient_usage .menu_text, #how_to_use .icon_text, #how_to_use .menu_text, #how_to_use .news_text, #how_to_use .content_text, #how_to_use .siteinfo_text { font-size: 1em; /*14px*/ line-height: 1.5em; /*24px*/ text-align: left; letter-spacing: 0px; color: #333333; opacity: 1; overflow: hidden; word-wrap: break-word; } #convenient_usage .menu_text h4, #convenient_usage .icon_text h4, #how_to_use .icon_text h4, #how_to_use .menu_text h4 { font-weight: bold; margin-bottom: 2px; } /* 地図コントロール ------------------------------------- */ .geo-control-button { background: rgba(255,255,255,0.9); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; border: none; border-radius: 2px; font-size: 0.8rem !important; font-family: 'メイリオ', '游ゴシック', 'ヒラギノ角ゴシック', 'NotoSans', sans-serif; text-align: center; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor: pointer; pointer-events: initial; } #geoControlTopLeftContainer { text-align: right; pointer-events: none; } #zoomControl { margin: 0 0 0 0; padding: 0; overflow: hidden; width: 29px; } #zoomControl button { display: block; border: none; background: transparent; width: 29px; height: 29px; padding: 0; outline: none; appearance: none; cursor: pointer; pointer-events: initial; } #zoomControl button img { width: 16px; height: 16px; } #geoControlTopRightContainer { text-align: right; pointer-events: none; } /* 目印コントロール */ #customMarkerControl button { display: block; border: none; background: transparent; width: 64px; height: 64px; padding: 0; outline: none; appearance: none; -webkit-appearance: none; /*Google Chrome/Safari対応*/ -moz-appearance: none; /*Firefox対応*/ -o-appearance: none; /*Opera対応*/ cursor: pointer; pointer-events: initial; } #customMarkerControl button.geo-custom-marker { background-image: url(./img/icon_menu/IconMenu/Tool04/Tool04_01@2x.png); background-size: contain; background-repeat: no-repeat; } #customMarkerControl button.geo-custom-marker:hover { background-image: url(./img/icon_menu/IconMenu/Tool04/Tool04_02@2x.png); } #customMarkerControl button.onMarker { background-image: url(./img/icon_menu/IconMenu/Tool04/Tool04_03@2x.png); background-size: contain; background-repeat: no-repeat; } #customMarkerControl button.geo-custom-marker-close { width: 20px; height: 20px; float: right; margin-top: 7px; margin-right: 10px; background-image: url(./img/icon_menu/Modal/Close/Close01@2x.png); background-repeat: no-repeat; background-size: 20px 20px; } #customMarkerControl button.geo-custom-marker-close:hover { background-image: url(./img/icon_menu/Modal/Close/Close02@2x.png); } #sidePanelDisplayControl { margin-left: -10px; } #sidePanelDisplayControl button { display: block; border: none; background: none; width: 80px; height: 54px; padding: 0; outline: none; appearance: none; -webkit-appearance: none; /*Google Chrome/Safari対応*/ -moz-appearance: none; /*Firefox対応*/ -o-appearance: none; /*Opera対応*/ cursor: pointer; pointer-events: initial; } #sidePanelDisplayControl button .geo-sidepanel-display-icon { width: 100%; height: 100%; display: block; background-image: url(./img/icon_menu/Drawer/Button/Drawer01_01@2x.png); background-repeat: no-repeat; background-size: contain; } #sidePanelDisplayControl button .ondisplay { background-image: url(./img/icon_menu/Drawer/Button/Drawer02_01@2x.png); } #sidePanelDisplayControl button .geo-sidepanel-display-icon-disable { width: 100%; height: 100%; display: block; background-image: url(./img/icon_menu/Drawer/Button/Drawer03@2x.png); background-repeat: no-repeat; background-size: contain; } #basemapControl { margin: 0 0 0 0; padding: 0; } #basemapControl input[type=radio] { display: none; } #basemapControl label { padding: 2px 8px; min-width: 55px; display: inline-block; } #basemapControl label:hover { background: rgba(0,0,0,0.1); } #basemapControl input[type=radio]:checked + label { font-weight: bold; background: rgba(0,0,0,0.2); } #basemapControl #basemapControlDropDown { min-width: 148px; display: none; } #basemapControl #basemapControlDropDown option { text-align: left; } @media screen and (max-width: 480px) { #basemapControl label { display: inline; } } div.geo-layer-container { margin: 0 0 0 0; display: inline-block; } div.geo-layer-container input[type='button'] { padding: 2px 10px !important; min-width: 140px; } div.geo-layer-container .pastLayerParent input[type='button'] { padding: 0px !important; min-width: 18px; width: 18px; height: 18px; border: none; margin: 3px 5px 3px 3px; background-image: url(./img/icon_close_blue.png) !important; background-repeat: no-repeat !important; cursor: pointer; } div.geo-layer-container .pastLayerParent input[type='button'].onOpen { background-image: url(./img/icon_open_blue.png) !important; } div.geo-layer-container div.ui-widget-content { text-align: left; pointer-events: initial; background: rgba(40,92,0,0.8); } div.geo-layer-container div.ui-widget-content ul li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.geo-legend-container { width: auto; height: auto; background-color: white; border-radius: 7px; } div.geo-legend-container input[type='button'] { border: none; background-color: transparent; text-align: left; font-weight: bold; box-shadow: none; } div.geo-legend-container div.ui-widget-content { text-align: left; pointer-events: initial; background: transparent; color: black; border: 0px; padding-left: 10px; padding-right: 10px; } div.geo-legend-container div.ui-widget-content ul li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.geo-legend-container div.ui-widget-content ul li .geo-legend-color { display: inline-block; height: 10px; width: 10px; margin: 0 5px; border-radius: 5px; } div.geo-legend-container div.ui-widget-content ul li .geo-legend-ellipsis-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; width: 85%; } div.geo-legend-container div.ui-widget-content ul li hr { margin-top: 10px; height: 1px; border: 0; background-color: rgba(119,119,119,0.8); width: 240px; } div.geo-legend-container_sidepanel { width: auto; height: auto; background-color: white; border-radius: 7px; } div.geo-legend-container_sidepanel input[type='checkbox'] { width: auto !important; height: 13px; margin-left: 13px; margin-right: 0px; margin-top: -2px; } div.geo-legend-container_sidepanel div.ui-widget-content { text-align: left; pointer-events: initial; background: transparent; color: black; border: 0px; } div.geo-legend-container_sidepanel div.ui-widget-content ul li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.geo-legend-container_sidepanel div.ui-widget-content ul li .geo-legend-color { display: inline-block; height: 14px; width: 14px; margin: 0 2px 0 0; border-radius: 10px; } div.geo-legend-container_sidepanel #vicinity_samefarm label { font-size: 0.875em; } div.geo-legend-container_sidepanel .vicinity_owner_config_checkbox input[type='checkbox'] { margin-left: 40px; } .geo-legend-help-icon { width: 18px !important; height: 18px !important; background: url(./img/icon_menu/CommonParts/Help01@2x.png) no-repeat; background-size: contain; border: none; border-radius: 10px; vertical-align: text-bottom; color: transparent; float: right; cursor: pointer; } .geo-legend-help-icon:hover { background-image: url(./img/icon_menu/CommonParts/Help02@2x.png); } .gm-style .gm-style-iw-c { border-radius: 5px; padding: 6px 24px 6px 10px !important; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); } .gm-style .gm-style-iw-c button { visibility: hidden; } .gm-style .gm-style-iw-c:hover button { visibility: visible; } .gm-style .gm-style-iw { font-size: 12px; } .gm-style .gm-style-iw-d { overflow: hidden !important; } #farmland_detail #mapLocationBlock { position: absolute; bottom: 20px; opacity: 1.0; left: 4px; color: white; background-color: rgba(0,0,0,0.35); padding: 4px; } #farmland_detail #mapLocation { background-color: #006620; padding: 3px 4px 1px; } #farmland_detail #hanrei { display: none; float: right; width: 25%; } #farmland_detail .line { padding: 10px; border: 1px solid #666666; } #search_result_list .th_left th { width: 15%; } #abstract h1 { display: block; width: 100%; text-align: center; } #abstract h1 + p { display: block; text-align: right; } #abstract th { width: 15%; } @media screen and (max-width: 600px) { #abstract h1 { font-size: 1.5em; } } #qa_search .caution { font-size: 0.8em; } #qa_search .more_faq { text-align: center; } .approval_flow { margin: 0 auto 1.75em; width: 600px; text-align: center; } .approval_flow .flow01, .approval_flow .flow02, .approval_flow .flow03 { float: left; padding: 5px; border: 1px solid #666666; background: #FFFFFF; color: #000000; font-size: 0.9em; width: 148px; } .approval_flow .flow_arrow { float: left; padding: 5px; width: 49px; } .approval_flow .current { border: 2px solid #666666; background: #FFDDAC; } @media screen and (max-width: 800px) { .approval_flow { width: 500px; } .approval_flow .flow01, .approval_flow .flow02, .approval_flow .flow03 { font-size: 0.9em; width: 118px; } .approval_flow .flow_arrow { float: left; padding: 5px; width: 44px; } } @media screen and (max-width: 600px) { .approval_flow { width: 300px; } .approval_flow .flow01, .approval_flow .flow02, .approval_flow .flow03 { font-size: 0.7em; width: 64px; } .approval_flow .flow_arrow { width: 24px; } } #search_criteria .map_button { margin: 0; float: right; } #search_criteria .map_button a { display: block; width: 180px; height: 42px; color: #FFFFFF !important; font-size: 0.9em; font-weight: bold; line-height: 42px; text-align: center; text-decoration: none; border-radius: 5px; background: #004030; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWI0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQwMzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #004030 0%, #004030 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004030), color-stop(100%,#004030)); background: -webkit-linear-gradient(top, #004030 0%,#004030 100%); background: -o-linear-gradient(top, #004030 0%,#004030 100%); background: -ms-linear-gradient(top, #004030 0%,#004030 100%); background: linear-gradient(to bottom, #004030 0%,#004030 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004030', endColorstr='#004030',GradientType=0 ); opacity: 1; } #search_criteria .map_button a:hover { opacity: 0.8; } #search_criteria .map_button a img { vertical-align: middle; margin: 0; } @media screen and (max-width: 600px) { #search_criteria .map_button { margin: 0 0 20px 0; float: none; } #search_criteria .map_button a { display: block; width: 100%; height: 42px; color: #FFFFFF !important; font-size: 1em; } #search_criteria .map_button a img { display: none; } } #search_result_list .search_sort { margin: 0 0 10px 0; } #search_result_list .sort_order { float: left; } #search_result_list .sort_display { float: right; } @media screen and (max-width: 480px) { #search_result_list .sort_order { float: none; margin: 0 0 10px 0; } #search_result_list .sort_display { float: none; } } #admin_top .system_arrow { text-align: center; } /* TOOLTIP ------------------------------------- */ .tooltip { position: absolute; z-index: 1030; display: block; font-size: 0.75rem; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.left { padding: 0 5px; margin-right: 3px; } .tooltip .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #000; text-align: center; text-decoration: none; background-color: #fff; border-radius: 4px; white-space: nowrap; } .tooltip .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #fff; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #fff; border-width: 5px 0 5px 5px; } /* LOADING DIALOG ------------------------------------- */ .loading-container { background: white; width: 120px !important; padding: 0; } .loading-container .ui-widget-content { background: white; padding: 0; margin: auto; } .loading-container .ui-dialog-buttonset { float: none !important; text-align: center; } #loading { display: none; text-align: center; padding: 0; height: auto !important; } .cancel-loading { font-size: 0.7em !important; margin: 10px auto !important; } /* ICON ------------------------------------- */ img.icon { width: 24px; vertical-align: middle; } img.icon_detail { margin: 0 0 0 5px; } /* ACCORDION ------------------------------------- */ ul.accordion li { list-style-type: disc; } ul.accordion li.answer { margin: 0.5em 2em; margin-bottom: 1em; list-style-type: none; white-space: normal; display: none; } h3.accordion { padding: 0 0 0 40px; background-color: #F3E9CD; background-image: url(./img/icon_close.png) !important; background-repeat: no-repeat !important; background-position: 10px 5px !important; border-left: none; cursor: pointer; } h3.selected { background-image: url(./img/icon_open.png) !important; background-repeat: no-repeat !important; background-position: 10px 5px !important; } /* RADIOSELECT ------------------------------------- */ #select_display .heading { margin: 15px 0 10px 0; padding: 10px; background: #ebeee8; color: #000000; font-weight: bold; } #select_display ul { margin: 0 0 0 15px; } #select_display_a, #select_display_m, #select_display_pa, #select_display_pm, #select_display_17, #select_display_32 { margin: 5px 0 10px 25px; } /* MODAL ------------------------------------- */ #overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; } #detail_where, #detail_area, #detail_noushinhou, #detail_toshikeikakuhou, #detail_ownerintention, #detail_farmerreferencenumber, #detail_rightkind, #detail_endperiod1, #detail_endperiod2, #detail_rightcontnets, #detail_usesituation, #detail_useintention, #search_hint, #detail_nouti_polygon { display: none; max-height: 43%; overflow-y: auto; } @media screen and (max-width: 800px) { #detail_ownerintention, #detail_rightcontnets, #detail_toshikeikakuhou, #detail_noushinhou, #detail_useintention, #detail_area, #detail_usesituation, #detail_rightkind, #detail_endperiod2, #search_hint, #detail_where { width: 80%; } } @media screen and (max-width: 600px) { #detail_where, #detail_area, #detail_noushinhou, #detail_toshikeikakuhou, #detail_ownerintention, #detail_farmerreferencenumber, #detail_rightkind, #detail_endperiod1, #detail_endperiod2, #detail_rightcontnets, #detail_usesituation, #detail_useintention, #search_hint, #detail_nouti_polygon { max-height: 63%; } } @media screen and (max-width: 480px) { #detail_where, #detail_law1, #detail_law2 { padding: 2% 4%; width: 80%; } } .modal_box { padding: 5px 15px 25px; font-weight: normal; text-align: left; width: 700px; position: absolute; top: 50% !important; background: #FFFFFF; color: #000000; border: 1px solid #666E95; border-radius: 8px; } .modal_box div.modal_box_title { background: #666E95; height: 40px; margin: -5px -15px 30px -15px; padding: 1em 0 0 1em; } .modal_box div.modal_box_title img.modal_box_title_icon { width: 20px; height: 20px; background-image: url(./img/icon_menu/Modal/Title/Title_Help@2x.png); background-size: contain; background-repeat: no-repeat; border-radius: 10px; vertical-align: text-top; } .modal_box div#container { margin: 0; } .modal_box div#container a { color: #666E95; font-size: 0.875em; } .modal_box span { font-weight: bold; color: #FFFFFF; } @media screen and (max-width: 600px) { .modal_box { top: 30% !important; width: 80%; } } .modal_close { cursor: pointer; width: 20px; height: 20px; background-image: url(./img/icon_menu/Modal/Close/Close_Help01@2x.png); background-size: contain; background-repeat: no-repeat; border-radius: 10px; margin: -7px 10px 0 0; } .modal_close:hover { background-image: url(./img/icon_menu/Modal/Close/Close_Help02@2x.png); } .messages_close { cursor: pointer; font-weight: bold; margin-right: 10px; padding-left: 5px; padding-right: 5px; } /* mapboxgl override */ .mapboxgl-ctrl-top-left { z-index: 3 !important; } /* jquery ui Dialog override */ .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; z-index: 999; } .ui-dialog .ui-dialog-titlebar { display: none; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; height: 2em; margin-left: 40px; } .hasTitleDialog { max-width: 95% !important; max-height: 90%; background: #FFFFFF !important; border: 2px solid #666E95 !important; } .hasTitleDialog .ui-dialog-titlebar { display: block; } .PrintDialog .ui-dialog-title, .hasTitleDialog .ui-dialog-title { color: #333333; font-size: 1.25em; font-weight: bold; border-bottom: 1px solid #666E95; width: 100%; padding-top: 15px; padding-bottom: 5px; } .hasTitleDialog .ui-dialog-title img#hasTitleDialogTitleIcon { background-image: url(./img/icon_menu/Modal/Title/Title_other@2x.png); background-size: contain; background-repeat: no-repeat; height: 22px; width: 22px; border-radius: 15px; float: left; margin-top: 2px; margin-right: 5px; } .hasTitleDialog .ui-dialog-titlebar-close { top: 20%; } .hasTitleDialog .ui-dialog-buttonset { float: none !important; padding-left: 40px; } .PrintDialog .ui-button .ui-icon, .hasTitleDialog .ui-button .ui-icon { height: 20px; width: 20px; background: url(./img/icon_menu/Modal/close/Close01@2x.png) no-repeat; background-size: contain; background-repeat: no-repeat; background-position: center; margin: -10px 0px 0 -10px } .hasTitleDialog .ui-button .ui-icon:hover { background-image: url(./img/icon_menu/Modal/close/Close02@2x.png); } .hasTitleDialog .ui-state-hover, .hasTitleDialog .ui-button:hover { opacity: 0.9; } .hasTitleDialog .ui-button.button_dlg_ok { width: 170px; height: 40px; font-weight: bold; color: #FFFFFF; background: #22242B; border: none; border-radius: 20px; } .hasTitleDialog .ui-button.button_dlg_cancel { width: 170px; height: 40px; font-weight: bold; color: #666E95; background: #FFFFFF; border: 1px solid #666E95; border-radius: 20px; } .hasTitleDialog .ui-widget-content { background: none; border: none; } .hasTitleDialog .ui-widget-header { background: none; border: none; } @media screen and (max-width: 600px) { .hasTitleDialog .ui-dialog-buttonset { margin-left: 0%; } .hasTitleDialog .ui-button.button_dlg_ok, .hasTitleDialog .ui-button.button_dlg_cancel { width: 140px; } } @media screen and (max-width: 375px) { .hasTitleDialog .ui-widget-content { padding-top: 0px; } .hasTitleDialog .ui-dialog-buttonset { margin-left: 3%; } .hasTitleDialog .ui-button.button_dlg_ok, .hasTitleDialog .ui-button.button_dlg_cancel { width: 120px; } } .hasSelectedDialogVicinity { margin: 0 !important; padding: 0 !important; border: 2px #666E95 solid !important; background: #298967 !important; background-color: #FFFFFF !important; box-shadow: 5px 5px 5px rgba(100,100,100,0.8); } .hasSelectedDialogVicinity .ui-dialog-titlebar { display: block; border: 0px; color: #333333; font-size: 1.25em; line-height: 30px; font-weight: bold; background: #FFFFFF; background-image: url(/Content/img/open/Title_other@2x.png); background-repeat: no-repeat; background-position: left center; border-bottom: 1px solid #666e95; background-size: 20px; margin-right: 40px; margin-left: 40px; border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; border-radius: 0px !important; margin-top: 20px; padding-bottom: 0px; } .hasSelectedDialogVicinity .ui-dialog-title { padding-left: 6px; } .hasSelectedDialogVicinity.ui-dialog .ui-dialog-titlebar-close { width: 20px; /* em指定ではサイズが小さくなるのでpxで指定 */ height: 20px; /* em指定ではサイズが小さくなるのでpxで指定 */ background-image: url(./img/Close01@2x.png); background-size: 100%; background-repeat: no-repeat; margin-top: -0.625em; /* 10px */ margin-right: 0.3125em; /* 10px */ border: none; right: -1.7em; top: 0; } .hasSelectedDialogVicinity.ui-dialog .ui-dialog-titlebar-close:hover { background-image: url(./img/Close02@2x.png); background-size: 100%; background-repeat: no-repeat; border: none; } .hasSelectedDialogVicinity .ui-widget-content { margin-top: 0; background: #298967 !important; background-color: #FFFFFF !important; color: #000000 !important; border: 1px solid #FFFFFF; } .hasSelectedDialogVicinity .ui-dialog-content { background-color: white !important; color: #000000 !important; } .hasSelectedDialogVicinity .button_dialog_type_a { background: #22242B; font-weight: bold !important; font-size: 1em !important; color: #FFFFFF !important; height: 40px; width: 304px; border-radius: 20px; } .hasSelectedDialogVicinity .button_dialog_type_b { background: #FFFFFF; font-weight: bold !important; font-size: 1em !important; color: #666E95 !important; height: 40px; width: 304px; border-radius: 20px; border: 2px solid; } .hasSelectedDialogVicinity .button_dialog_type_a_disable { background: #999999; font-weight: bold !important; font-size: 1em !important; color: #FFFFFF !important; height: 40px; width: 304px; border-radius: 20px; } .hasSelectedDialogVicinity .ui-dialog-buttonset { float: none !important; text-align: center; margin-bottom: 22px; } .hasSelectedDialogVicinity .ui-state-hover, .hasSelectedDialogVicinity .ui-button:hover { opacity: 0.8; } .hasSelectedDialogVicinity .ui-button .ui-icon { background-image: none; } .hasSelectedDialogVicinity input:read-only { margin: auto 6px auto 0; } .hasSelectedDialogVicinity input[type=radio] { width: 16px; height: 16px; accent-color: #22242B; } @media screen and (max-width: 1000px) { .hasSelectedDialogVicinity { width: calc(100vw - 5vw) !important; /*全体幅の95%*/ } } #vicinity_dlg_btnid1, #vicinity_dlg_btnid2, #vicinity_dlg_btnid3 { margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 1em; } .hasErrorDialogVicinity { margin: 0; padding: 0; border: 2px #C1213C solid !important; /*jquery-ui.cssが優先されるため!importantで指定 */ background: #FFFFFF; background-color: #FFFFFF; box-shadow: 0px 0px 5px #00000059; border-radius: 8px; } .hasErrorDialogVicinity .ui-dialog-titlebar { display: block; color: #C1213C; font-size: 1.25em; background: #FFFFFF; background-repeat: no-repeat; background-image: url(/Content/img/open/Error@2x.png); background-position: left center; border-bottom: 1px solid #C1213C; margin-right: 35px; border-left: 0; border-right: 0; border-top: 0; margin-left: 35px; background-size: 20px; border-radius: 0px; margin-top: 20px; } .hasErrorDialogVicinity .ui-widget-content { margin-top: 3px; background: #FFFFFF; background-color: #FFFFFF; color: #000000; border: 0px; } .hasErrorDialogVicinity .ui-dialog-content { background-color: white; color: #000000; margin-left: 5px; } .hasErrorDialogVicinity .button_dialog_type_a { background: #22242B; font-weight: bold; font-size: 1em; color: #FFFFFF; height: 40px; width: 304px; border-radius: 20px; } .hasErrorDialogVicinity .ui-dialog-buttonset { float: none; text-align: center; } .hasErrorDialogVicinity.ui-dialog .ui-dialog-titlebar-close { right: -25px; top: -2px; background-image: url(./img/Close01@2x.png); background-size: 100%; } .hasErrorDialogVicinity .ui-button .ui-icon { background-image: none; } .hasErrorDialogVicinity .ui-button-text-only { padding: 0 2em; } .hasErrorDialogVicinity .ui-state-default, .hasErrorDialogVicinity .ui-widget-content, .hasErrorDialogVicinity .ui-state-default, .hasErrorDialogVicinity .ui-state-default { border: 0px; } .hasErrorDialogVicinity .ui-state-hover, .hasErrorDialogVicinity .ui-button:hover { opacity: 0.8; } .hasConfirmDialogVicinity { margin: 0 !important; padding: 0 !important; border: 1px #1a67bb solid !important; background: #FFFFFF !important; background-color: #FFFFFF !important; box-shadow: 5px 5px 5px rgba(100,100,100,0.8); } .hasConfirmDialogVicinity .ui-dialog-titlebar { display: block; color: #333333 !important; font-size: 1.25em; background: #FFFFFF; background-image: url(/Content/img/open/Title_other@2x.png); background-repeat: no-repeat; background-position: left 12px; border-bottom: 1px solid #666E95; border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; margin-left: 40px; background-size: 1.1em; border-radius: 0px !important; margin-top: 28px; width: 83%; font-family: 'メイリオ', '游ゴシック', 'ヒラギノ角ゴシック', 'NotoSans', sans-serif; padding-bottom: 0; padding-top: 0.45em; } .hasConfirmDialogVicinity .ui-widget-content { margin-top: 3px !important; background: #FFFFFF !important; background-color: #FFFFFF !important; color: #000000 !important; border: 0px !important; } .hasConfirmDialogVicinity .ui-dialog-content { background-color: white !important; color: #000000 !important; } .hasConfirmDialogVicinity .button_dialog_type_a { background: #22242B; font-weight: bold !important; font-size: 1em !important; color: #FFFFFF !important; height: 40px; width: 304px; border-radius: 20px; } .hasConfirmDialogVicinity .ui-dialog-buttonset { float: none !important; text-align: center; padding-bottom: 32px; padding-top: 2px; } .hasConfirmDialogVicinity .ui-dialog .ui-dialog-buttonpane { padding: 0px; } .hasConfirmDialogVicinity.ui-dialog .ui-dialog-buttonpane button { margin: 0px; } .hasConfirmDialogVicinity .ui-button-text-only { padding: 0 2em; } .hasConfirmDialogVicinity .ui-state-default, .hasConfirmDialogVicinity .ui-widget-content, .hasConfirmDialogVicinity .ui-state-default, .hasConfirmDialogVicinity .ui-state-default { border: 0px !important; } .hasConfirmDialogVicinity .ui-state-hover, .hasConfirmDialogVicinity .ui-button:hover { opacity: 0.8; } .hasConfirmDialogVicinity.ui-dialog .ui-dialog-titlebar-close { right: -28px; top: -8px; border: 0; outline: 0; background-image: url(./img/Close01@2x.png); background-size: 100%; } .hasConfirmDialogVicinity .ui-button .ui-icon { background-image: none; } .hasConfirmDialogVicinity .ui-dialog-title { padding-left: 6px; margin-bottom: 2px !important; /*jquery-ui.cssが優先されるため!importantで指定 */ line-height: 1.4; } .hasConfirmDialogVicinity .ui-id-2 { margin-bottom: 0px; } @media screen and (max-width: 1000px) { .hasConfirmDialogVicinity.ui-dialog .ui-dialog-buttonpane button { display: block; width: 100%; margin-left: auto; margin-right: auto; max-width: 304px; } } @media screen and (max-width: 800px) { .hasConfirmDialogVicinity { width: calc(100vw - 5vw) !important; /*全体幅の95%*/ left: 0px; } .hasConfirmDialogVicinity.ui-dialog .ui-dialog-titlebar-close { margin-right: 20px; } .hasConfirmDialogVicinity.ui-dialog .ui-dialog-buttonpane button { max-width: 100%; height: auto; } } /* ダイアログ共通デザイン ------------------------------------- */ .modalDialogCommon { margin: 0 !important; padding: 0 !important; border: 1px #666E95 solid !important; /*open-jquery-lap.cssが優先されるため!importantで指定 */ background: #FFFFFF; background-color: #FFFFFF; box-shadow: 5px 5px 5px rgba(100,100,100,0.8); width: 980px !important; font-family: 'メイリオ', '游ゴシック', 'ヒラギノ角ゴシック', 'NotoSans', sans-serif; } .modalDialogCommon #container { margin: 0em; } .modalDialogCommon h1 { font-size: 1.25em; /* 20px */ font-weight: bold; padding-bottom: 0.15em; /* 3px */ border-bottom: 1px solid #666E95; } .modalDialogCommon h1:before { content: ''; display: inline-block; background: #FFFFFF; width: 1em; height: 1em; background-image: url(/Content/img/open/Title_SearchByAddress@2x.png); background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin-bottom: 0.2em; margin-right: 0.3em; } .modalDialogCommon h2 { font-size: 1.125em; /* 18px */ font-weight: bold; margin-top: 30px; margin-bottom: 0; color: #666E95; border-bottom: none; } .modalDialogCommon h4 { font-size: 1em; /* 16px */ font-weight: bold; margin-top: 1em; margin-bottom: 0.625em; border-bottom: none; } .modalDialogCommon a { color: #666e95; position: relative; } .modalDialogCommon table.selected_address td a { color: #333333; vertical-align: top; } .modalDialogCommon li { line-height: 1.5em; } .modalDialogCommon .pagetop_dialog { text-align: right; } .modalDialogCommon .pagetop_dialog a { text-decoration: none; font-size: 0.875em; /* 14px */ color: #666E95; } .modalDialogCommon .ui-dialog-titlebar { display: block; border: 0px; color: #FFFFFF; background: #FFFFFF; } .modalDialogCommon .ui-dialog-title { padding-left: 0.625em; } .modalDialogCommon.ui-dialog .ui-dialog-titlebar-close { width: 20px; /* em指定ではサイズが小さくなるのでpxで指定 */ height: 20px; /* em指定ではサイズが小さくなるのでpxで指定 */ background-image: url(./img/Close01@2x.png); background-size: 100%; background-repeat: no-repeat; margin-top: -0.625em; /* 10px */ margin-right: 0.3125em; /* 10px */ border: none; } .modalDialogCommon.ui-dialog .ui-dialog-titlebar-close:hover { background-image: url(./img/Close02@2x.png); background-size: 100%; background-repeat: no-repeat; border: none; } .modalDialogCommon.ui-dialog .ui-icon-closethick { display: none; } .modalDialogCommon .ui-dialog-content { color: #000000; border: none; overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - 25vh) !important; /* 75% */ padding-top: 0em; padding-left: 0em; padding-right: 1.25em; /* 20px */ margin-right: 0.625em; /* 10px */ margin-bottom: 0.625em; /* 10px */ } .modalDialogCommon .ui-state-hover, .modalDialogCommon .ui-button:hover { opacity: 0.8; } @media screen and (max-width: 1000px) { .modalDialogCommon { width: calc(100vw - 5vw) !important; /*全体幅の95%*/ } /* ダイアログコンテント */ .modalDialogCommon .ui-widget-content { margin-left: 1.5em; margin-right: 0.625em; padding-right: 1em; } } .ui-widget-overlay { background: #000000; opacity: 0.5; filter: Alpha(Opacity=30); } /* スクロールバー設定 ------------------------------------- */ ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background: #cccccc; border-radius: 5px; } ::-webkit-scrollbar-thumb { margin: 0.625em; background: #999999; border-radius: 5px; } /* ダイアログ用パンくずリスト ------------------------------------- */ p.breadcrumb_dialog { margin-top: 0.7em; font-size: 0.875em; } /* 住所から探すダイアログ ------------------------------------- */ .selectAddressDialog .addressList { margin-left: 1.4em; margin-right: 1.75em; } .selectAddressDialog .addressList table.selected_address { margin: 1em 1.75em 1.25em 0em; color: #000000; font-size: 1em; } .selectAddressDialog .addressList table.selected_address tr th { padding: 10px 12px 8px 12px; height: auto; width: 4.5em; min-width: 3em; border: 1px solid #666e95; color: #ffffff; background: #666e95; font-size: 1em; vertical-align: middle; } .selectAddressDialog .addressList table.selected_address tr td { border: 1px solid #666e95; width: inherit; vertical-align: middle; } .selectAddressDialog .addressList table.selected_address ol { display: flex; list-style-type: none; } .selectAddressDialog .addressList ul.index { margin-top: 0.75em; margin-bottom: 1.875em; } .selectAddressDialog .addressList ul.list_item a { color: #000000; } .selectAddressDialog .addressList li.index, .selectAddressDialog .addressList li.selected_index { color: #666e95; } .selectAddressDialog .addressList li.selected_index, .selectAddressDialog .addressList p.selected_index { color: #666e95; font-weight: bold; } .selectAddressDialog .addressList p.not_exists_index { color: #999999; } @media screen and (max-width: 1000px) { .selectAddressDialog .addressList { margin-left: 0px; } } @media screen and (max-width: 800px) { .selectAddressDialog .addressList table.selected_address { overflow-x: initial; table-layout: fixed; } .selectAddressDialog .addressList table.selected_address ol { flex-wrap: wrap; } } /* 条件から探すダイアログ ------------------------------------- */ .farmSearchDialog h1:before { background-image: url(/Content/img/open/Title_SearchByConditions@2x.png); } .farmSearchDialog .addressList { margin-left: 1.75em; margin-right: 1.75em; } .farmSearchDialog .addressList.searchDialog { margin-left: 0; margin-right: 0; } .farmSearchDialog .addressList h2 { margin-top: 16px; } .farmSearchDialog .addressList .header_list_item li { margin-top: 0.375em; } .farmSearchDialog .addressList .address-flex { display: flex; flex-wrap: wrap; justify-content: flex-start; } .farmSearchDialog .addressList table { margin: 1em 1.75em 1.5em 0em; color: #000000; } .farmSearchDialog .addressList table tr th { padding: 10px 12px 8px 12px; height: auto; width: 4.5em; border: 1px solid #666e95; color: #ffffff; background: #666e95; font-size: 1em; } .farmSearchDialog .addressList table td { padding-left: 0.75em; } .farmSearchDialog .addressList table.selected_address ol { display: flex; list-style-type: none; } .farmSearchDialog .addressList ul.index { margin-top: 0.8em; } .farmSearchDialog .addressList li.index, .farmSearchDialog .addressList li.selected_index { color: #666e95; } .farmSearchDialog .addressList li.selected_index, .farmSearchDialog .addressList p.selected_index { color: #666e95; font-weight: bold; } .farmSearchDialog .addressList p.not_exists_index { color: #999999; } .farmSearchDialog .addressList ul.list_item a { color: #000000; } .farmSearchDialog .addressList_inner_margin { margin-left: 28px; } .accordion_dialog_content_tb { overflow: hidden; height: 100%; transition: 0.5s; padding-left: 10px; padding-right: 10px; } .bgtable table td { padding: 0 0.3em 0.6em 0.3em; } .tb_searchDialog { border: none; padding: 1.25em 1.75em 0.3125em 1.75em; } .tb_searchDialog table { border: none; font-size: 1em; } .tb_searchDialog table td { border: none; min-height: 2em; box-sizing: border-box; } .tb_searchDialog table td:first-child { width: 227px; padding-left: 0px; } .tb_searchDialog table td:nth-child(2) { text-align: left; padding: 0px; width: 1.375em; } .tb_searchDialog table td:last-child { padding-left: 0px; padding-right: 0px; } @media screen and (max-width: 800px) { .tb_searchDialog { padding: 0px 0px; } .tb_searchDialog table tr th { width: inherit; width: 25%\9; } .tb_searchDialog table td:first-child { width: 100%; margin: 0; } .tb_searchDialog table td:nth-child(2) { display: none; } .tb_searchDialog #SearchModeLandAreaPanel .address_buttons { float: none; } } .half_width_area_select select, .half_width_select select, .full_width_select select { background-image: none; background-color: #FFF; min-width: 100%; border-radius: 10px; border: 1px solid #666e95; padding: 0.3125em 0px 0.3125em 0.875em; line-height: 1.5em; display: flex; align-content: center; justify-content: center; align-items: center; flex-wrap: wrap; } .half_width_area_select .select:after, .half_width_select .select:after, .full_width_select.select:after { padding: 7px 10px; } .half_width_select { width: 50%; } @media screen and (max-width: 800px) { .half_width_select { width: 85%; } } .half_width_area_select { width: 75%; } .area_display { display: flex } .area_display text { vertical-align: sub; } .radio_two_col_list { display: flex; flex-wrap: wrap; } .text_box_button { display: none; } .radio_two_col_list li { width: calc(50% - 10px); margin: 0 5px; display: block; box-sizing: border-box; padding-left: 10px; } @media screen and (max-width: 800px) { .radio_two_col_list li { width: 100%; } } .farmSearch_flex_center { display: flex; align-items: center; float: left; } .farmSearch_link_div { display: flex; align-items: center; margin-bottom: 1.875em; } .farmSearchDialog .label_text { font-size: 1em; line-height: 1.5em; letter-spacing: 0px; color: #333333; } .text_link { text-align: left; font-style: normal; font-variant: normal; font-weight: normal; } .farmSearchDialog input:read-only { background-color: #F2F2F2 !important; outline: 0px; } .farmSearchDialog input[readonly] { color: #000000 !important; } .farmSearchDialog .bgtable table { margin: 0px !important; } .accordion_dialog_content.tb_searchDialog table tbody { background: #FFFFFF; padding: 0px 0px; } .text_padding { padding-left: 10px; } .div_text_padding { padding: 10px; } .bgtable { background: #E8E8E880; padding-bottom: 5px; margin-left: 0px; } .bgtable_color table tbody { background: #E8E8E880; } .search_condition_header { font-weight: bold; } .search_condition_hr_tb { border-bottom: 1px solid #666E95; margin-left: 10px; margin-right: 10px; } .search_condition_hr_margin { margin-bottom: 40px !important; /* .table tdの設定よりも優先させるため!important指定 */ } .search_condition_hr_padding_bt { padding-bottom: 27px !important; /* .table tdの設定よりも優先させるため!important指定 */ } .td_flex_items { display: flex; } .search_condition_hr_padding_tp { padding-top: 27px !important; /* .table tdの設定よりも優先させるため!important指定 */ } .address_buttons_text { margin-top: 10px; width: 60%; } @media screen and (max-width: 800px) { .address_buttons_text { width: 100%; } } .search_count_margin { margin-left: 10px; font-size: 0.875rem; } .p_font_type { font-family: 'メイリオ', '游ゴシック', 'ヒラギノ角ゴシック', 'NotoSans', sans-serif; font-size: 0.875em; } .accordion_dialog_margin { margin-top: 12px; margin-bottom: 20px; } .farmSearchDialog .a_text { line-height: 2em; } .farmSearchDialog table a { margin-left: 0px; } .farmSearchDialog input[type=radio] { margin-left: -14px; margin-top: 0px; } .farmSearchDialog .button_dialog_type_search, .farmSearchDialog .button_dialog_type_select, .farmSearchDialog .button_dialog_type_clear { width: auto; height: 36px; min-width: 5em; } .farmSearchDialog table td.search_condition_hr_padding_bt.td_flex_items{ margin-left: 0; } .farmSearchDialog .bd_margin { padding-top: 30px; margin-right: 28px; } .farmSearchDialog .radio_label { margin-top: 0; word-break: break-all; padding-left: 5px; display: inline-block; width: calc(100% - 16px); vertical-align: top; } .farmSearchDialog input.large { height: 1.5em; } .farmSearchDialog .search-area { width: 40%; margin-bottom: 1em; } @media screen and (max-width: 800px) { .farmSearchDialog table td { font-size: 1em; } .farmSearchDialog .button_dialog_type_a { width: 100%; } .farmSearchDialog .button_dialog_type_b { width: 100%; } .farmSearchDialog .addressList { margin-left: 0px; margin-right: 0px; } .farmSearchDialog .ml_middle { margin-left: 0.63em; } .farmSearchDialog input[type=text] { margin-left: auto !important; margin-right: auto !important; } .farmSearchDialog .responsive table, .responsive table tbody, .responsive table tr { margin: 0; } .farmSearchDialog .responsive table tr td { margin: 0; } .farmSearchDialog .responsive table, .responsive table tbody, .responsive table tr { margin: 0; } .farmSearchDialog .responsive table tr td { margin: 0; } .farmSearchDialog .responsive_farmsearch table, .responsive_farmsearch table tbody, .responsive_farmsearch table tr { margin: 0; } .farmSearchDialog .responsive_farmsearch table tr td { margin: 0; } .farmSearchDialog .farmSearch_flex_center { float: none; } .farmSearchDialog .accordion_dialog_label { padding-right: 30px; } .farmSearchDialog .addressList_inner_margin { margin-left: 0px; } .farmSearchDialog .positive_tab a, .negative_tab a { line-height: 1.5em; } .farmSearchDialog .label_after { margin-top: 0px; } .farmSearchDialog .px_large { padding: 0 10px; } .farmSearchDialog table.selected_address { display: inline-table; } .farmSearchDialog .search-area { width: 100%; } } @media screen and (max-width: 600px) { .farmSearchDialog .farmSearch_flex_center { float: none; } .farmSearchDialog .farmSearch_link_div { display: grid; } } .ul_padding { padding: 0 9px; } .link_index.unselected_index { text-decoration: underline; font-weight: normal; } .link_index.selected_index_town { text-decoration: none; font-weight: bold; pointer-events: none; } .tb_searchDialog.mb_middle_location, .tb_searchDialog.mb_middle_ownerIntention { padding-top: 0; } /* 条件から探すダイアログ（検索結果） ------------------------------------- */ #search_result .searchResult { margin-left: 1.4em; margin-right: 1.75em; } #search_result .text_search_condition { display: flex; align-items: center; width: auto; height: 54px; background: #666E95 0% 0% no-repeat padding-box; opacity: 1; } #search_result .selected_search_condition { margin: auto 12px; } #search_result .selected_search_condition, #search_result .change_search_condition { font-weight: bold; line-height: 1.5em; /*24px*/ font-size: 1em; /*16px*/ letter-spacing: 0px; color: #FFFFFF; opacity: 1; } #search_result .change_search_condition { width: 148px; height: 36px; background: #666E95 0% 0% no-repeat padding-box; border: 2px solid #FFFFFF; border-radius: 18px; } #search_result .change_search_condition:hover { background: #8088A9; } #search_result .search_condition { display: flex; align-items: center; align-content: center; justify-content: space-between; flex-wrap: wrap; width: auto; height: auto; border: 1px solid #666E95; opacity: 1; padding: 11px 12px; } #search_result .button_in_bookmarkreg { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: auto; height: 36px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 2px solid #666E95; border-radius: 18px; opacity: 1; font-weight: bold; line-height: 1.5em; /*24px*/ font-size: 1em; /*16px*/ letter-spacing: 0px; color: #666E95; padding: 0 1em 0 0.5em; } #search_result .button_in_bookmarkreg:hover { background: #E0E2EA; } #search_result .button_in_bookmarkreg img { width: 1.5em; height: 1.5em; } #search_result img.icon_detail { width: 18px; height: 18px; } #search_result .name_search_condition { line-height: 1.5em; /*24px*/ font-size: 1em; /*16px*/ letter-spacing: 0px; color: #333333; opacity: 1; } #search_result .search_result_display, #search_result .search_sort { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } #search_result .sort_order select { background: url(./img/icon_menu/Drawer/DropDownList/DropDownList_Sort@2x.png) no-repeat center center; width: 230px; margin-right: 20px; } #search_result .sort_display select { background: url(./img/icon_menu/Drawer/DropDownList/DropDownList_CountPerPage@2x.png) no-repeat center center; width: 100px; } #search_result .sort_order select, #search_result .sort_display select { background-size: 100%; border: none; appearance: none; margin-left: 12px; } #search_result .sort_order select:focus, #search_result .sort_display select:focus { padding: 0 10px; height: 36px; } #search_result .sort_order label, #search_result .sort_display label { width: max-content; } #search_result .sort_order, #search_result .sort_display { display: flex; align-items: center; } #search_result .mb_middle table tr { height: 72px; } #search_result .mb_middle table th { white-space: nowrap; color: #000000; background-color: #E8E8E8; border: 1px solid #FFFFFF; text-align: center; vertical-align: middle; } #search_result .mb_middle table td { border: 1px solid #E8E8E8; vertical-align: middle; } #search_result table th { padding: 0; } #search_result .th_address { width: 269px; } #search_result .th_category { width: 88px; } #search_result .th_area { width: 163px; } #search_result .th_lease { width: 136px; } #search_result .th_farm_management { width: 184px; } #search_result table td { padding: 0.75em; } #search_result table .td_address { display: flex; align-items: center; justify-content: space-between; width: 243px; } #search_result table .td_category { width: 64px; } #search_result table .td_area { width: 139px; } #search_result table .td_lease { width: 112px; } #search_result table .td_farm_management { padding: 1px; width: 159px; } #search_result .validation-summary-errors ul li { list-style-type: none; } #search_result .pagination ul { display: flex; justify-content: center; align-items: baseline; } #search_result .pagination ul li { display: flex; align-items: center; justify-content: center; min-width: 29px; background: #E5EAFC 0% 0% no-repeat padding-box; margin: auto 2.5px; } #search_result .pagination ul li a { text-decoration: none; text-align: center; font-size: 0.875em; /*14px*/ line-height: 31px; letter-spacing: 0px; color: #333333; } #search_result .pagination ul li span.page { display: block; background: #666E95 0% 0% no-repeat padding-box; color: #FFFFFF; font-weight: normal; font-size: 0.875em; /*14px*/ line-height: 31px; /*21px*/ width: 29px; } #search_result .result_list { margin-top: 15px; } #search_result .result_list table { font-size: 1em; } #search_result .result_list table tr td a { color: #333333; } #search_result .data_count { text-align: left; font-weight: bold; font-size: 1.5em; /*24px*/ line-height: 2.25em; /*36px*/ letter-spacing: 0px; color: #666E95; opacity: 1; } .a_help_padding { padding-left: 6px; } @media screen and (max-width: 1000px) { #search_result table { font-size: 1em; display: block; width: 100%; overflow-x: scroll; table-layout: fixed; } } @media screen and (max-width: 800px) { #search_result .searchResult { margin-left: 0px; margin-right: 0px; } #search_result .sort_order select, #search_result .sort_display select { margin-left: 10px; } } @media screen and (max-width: 600px) { #search_result .pagination ul li { min-width: 0; margin: 0; background: #FFFFFF; } #search_result .pagination ul li a { background: #E5EAFC; margin-left: 10px; margin-right: 10px; width: 29px; } #search_result .pagination ul li.current span { line-height: 31px; background: #E5EAFC; } #search_result .pagination ul li span.page { margin-right: 10px; } } /* ダウンロードダイアログ ============================================================ */ #download { margin-left: 28px; margin-right: 28px; } #download .download_text { margin-top: 6px; text-align: left; font-size: 1em; /*16px*/ line-height: 1.5em; /*24px*/ letter-spacing: 0px; color: #333333; opacity: 1; } #download .download_radioList { display: flex; margin: 0.6em auto 1.25em; } #download .radio_label { display: flex; margin-right: 40px; } #download .download_button { display: flex; align-items: center; flex-wrap: wrap; } #download .download_region { margin-top: 30px; margin-bottom: 30px; border-top: 1.4px solid #999999; } #download .download_region_link { display: flex; margin-top: 16px; justify-content: space-between; flex-wrap: wrap; } #download .download_region_linkstyle { flex-basis: 33.33%; margin-bottom: 8px; } #download .list_item li:has(.item_title) { width: 50%; padding-right: 0.5em; box-sizing: border-box; } #download ul li a { text-align: left; text-decoration: underline; font-size: 1em; /*16px*/ line-height: 1.5em; /*24px*/ letter-spacing: 0px; color: #333333 !important; opacity: 1; } #download_errmsg { text-align: left; font-weight: bold; font-size: 1em; /*16px*/ line-height: 1.5em; /*24px*/ letter-spacing: 0px; color: #C1213C; opacity: 1; } #download_errmsg p { text-align: left; font-weight: bold; color: #C1213C; } #download_errmsg p.mes_prevent_download { margin-top: 1em; } @media screen and (max-width: 800px) { #download { margin-left: 0px; margin-right: 0px; } #download .download_radioList { flex-wrap: wrap; margin-bottom: 5px; } #download .radio_label { margin-bottom: 10px; } #download .download_button { display: block; } #download_errmsg { margin-left: 0px; margin-top: 16px; } #download_errmsg p.mes_prevent_download { margin-top: 0; } } /* ダウンロードダイアログ 都道府県選択、市区町村選択 ============================================================ */ .downloadDialog h1:before { background-image: url(/Content/img/open/Title_Download@2x.png); } .selectAddressDialog.downloadDialog.noneOverflowY { padding-right: 10px; } .downloadDialog .addressList { margin-left: 0em; margin-right: 0em; margin-top: 24px } .downloadDialog .addressList table td { padding-left: 12px; } .downloadDialog .addressList ul.list_item { display: flex; flex-flow: wrap; } .downloadDialog .addressList ul.list_item li { margin-top: 5px; display: flex; } .downloadDialog .addressList ul.list_item .item_title { padding-right: 0.5em; width: 40%; } .downloadDialog .addressList ul.list_item .item_link { text-align: right; white-space: nowrap; } .modalDialogCommon .download_dialog_height { height: fit-content !important; } @media screen and (max-width: 600px) { .downloadDialog .addressList ul.list_item li { width: 100% !important; } .downloadDialog .addressList ul.list_item .item_title { width: 200px; } } /* お気に入り ============================================================ */ .bookmarkDialog h1:before { background-image: url(/Content/img/open/Title_BookMark@2x.png); } .bookmarkDialog .bookmark_list { margin-right: 1.375em; /*22px*/ margin-left: 1.75em; /*28px*/ } .bookmarkDialog .bookmark_list ul { margin-top: 8px; display: flex; } .bookmarkDialog .bookmark_list ul li:last-child { margin-left: 40px; } .bookmarkDialog .bookmark_list ul li a { color: #333333 !important; margin-left: 8px; } .bookmarkDialog .bookmark_list ul li img { height: 14px; width: 14px; } .bookmarkDialog .bookmark_list .addressbtn :hover { cursor: pointer; } .bookmarkDialog .bookmark_list .address { width: 99%; color: #333333; text-decoration: underline; margin-right: 5px; } .bookmarkDialog .bookmark_list .table_btn, .table_btn_del { text-align: center; } .bookmarkDialog .bookmark_list .mt_large { margin-top: 1.875em; } .bookmarkDialog .bookmark_list .mt_middle { margin-top: 1em; } .farmSelectDialog .scrolltoTop, .bookmarkDialog .bookmark_list .scrolltoTop { margin: 50px 0 0 0; float: right; text-decoration: none; color: #666E95; } .bookmarkDialog .bookmark_list .result_table, .kensaku_table { font-size: 1em; } .bookmarkDialog .bookmark_list .result_table th { vertical-align: middle; padding: 0 0 0 0; height: 48px; } .bookmarkDialog .bookmark_list .result_table td { vertical-align: middle; } .bookmarkDialog .bookmark_list .result_table .kensaku_table { border: none; overflow: hidden; } .bookmarkDialog .bookmark_list .result_table .kensaku_table td { border: none !important; padding: 0 0 0 0; } @media screen and (max-width: 1000px) { .bookmarkDialog .bookmark_list .result_table { table-layout: fixed; display: block; } .bookmarkDialog .bookmark_list .table_btn { padding: 0.6em 5px 0.6em 5px; } } @media screen and (max-width: 800px) { .bookmarkDialog .bookmark_list { margin-left: 0; margin-right: 0; } #download .list_item li:has(.item_title) { width: 100%; } .downloadDialog .addressList ul.list_item .item_title { width: 35%; } } @media screen and (max-width: 600px) { .bookmarkDialog .bookmark_list ul { display: grid; } .bookmarkDialog .bookmark_list ul li:last-child { margin: 10px 0 0 0; } } .kensaku_table_change td { background-color: silver; } .display_flex_center { display: flex; align-items: center; } /* 農地選択ダイアログ ============================================================ */ .farmSelectDialog h1:before { background-image: url(/Content/img/open/Title_other@2x.png); } .select_dialog_list { margin-right: 1.375em; /*22px*/ margin-left: 1.75em; /*28px*/ } .farmSelectDialog table { font-size: 1em; } .farmSelectDialog table .td_address { display: flex; align-items: center; justify-content: space-between; } .farmSelectDialog table .td_address img { width: 1em; height: 1em; margin-left: 0.375em; vertical-align: middle; } .farmSelectDialog table .td_address a { color: #333333; } @media screen and (max-width: 800px) { .farmSelectDialog .button_two_center ul { display: inline; display: flex; justify-content: center; } .farmSelectDialog ul li { width: 100%; } .farmSelectDialog .button_dialog_type_a, .farmSelectDialog .button_dialog_type_b { width: 100%; } .farmSelectDialog table{ display: table; } } @media screen and (max-width: 600px) { .farmSelectDialog table { display: block; overflow-x: auto; } } @media screen and (max-width: 400px) { .farmSelectDialog .button_two_center ul { display: block; } } /* 凡例 ------------------------------------- */ h4.hanrei_title { } h4.hanrei_title .hanrei_title_text { display: inline-block; padding-top: 0.7em; } h4 a.hanrei_palette_button { float: right; margin: 0.3em; } h4.accordion { padding: 0 0 0 25px; background-image: url(./img/icon_open.png) !important; background-repeat: no-repeat !important; background-position: 0 0 !important; border-left: none; cursor: pointer; } h4.selected { padding: 0 0 0 25px; background-image: url(./img/icon_close.png) !important; background-repeat: no-repeat !important; background-position: 0 0 !important; border-left: none; cursor: pointer; } .hanrei_vicinity_color { border: 0px; background-color: #0066FF; box-shadow: 0 0 0 2px #E82DC8 inset; } .hanrei_vicinity_color2 { border: 0px; background-color: #BFBFBF; box-shadow: 0 0 0 6px #0066FF inset; } #hanrei_vicinity_text { border: none; } /* 農地ナビシミュレーション選択ダイアログ ------------------------------------- */ #vicinity_dlg_selector { height: auto !important; display: none; } #vicinity_dlg_selector_dummy { margin: 0 0 0.2em 0; padding: 0.5em; font-size: 1em; line-height: 1.2; border: 3px solid #FFFFFF; } #vicinity_dlg_selector_error { margin: 2px 0; color: #C1213C; font-size: 1em; background-color: #FFFFFF; font-weight: bold; text-align: center; } #vicinity_dlg_selector_subtext { padding-left: 22px; margin: 0 0 10px 0; } #vicinity_dlg_selector_subtext1 { margin: 10px 0 10px 0; } #vicinity_dlg_error { height: auto !important; display: none; } #vicinity_dlg_error h2 { font-size: 1.75em; margin-bottom: 1em; border-bottom: 3px solid #006302; } #vicinity_dlg_error .vicinity_dlg_errors { margin: 0 0 0 0; padding: 0.8em; color: #C1213C; font-size: 1em; line-height: 1.2; background-color: #FFFFFF; min-height: 70px; } #vicinity_dlg_confirm { height: auto !important; display: none; } #vicinity_dlg_confirm h2 { font-size: 1.75em; border-bottom: 3px solid #006302; } #vicinity_dlg_confirm .vicinity_dlg_confirms { margin: 6px 0 0 0; color: black; padding: 0.4em 0.625em; font-size: 1em; line-height: 1.5; background-color: #FFFFFF; vertical-align: top; } /* 凡例カラー選択ダイアログ ------------------------------------- */ #hanrei_color_selector { display: none; margin-left: 25px; overflow-y: auto; } #hanrei_color_selector .hanrei_caption { margin-bottom: 0.35em; line-height: 1em; color: #666E95; font-weight: bold; font-size: 1.125em; } #hanrei_color_selector .hanrei_caption span { margin-right: 6px; } #hanrei_color_selector .hanrei_caption#hanrei_caption_pin_polygon_color { margin-bottom: 23px; } #hanrei_color_selector .hanrei_caption#hanrei_caption_selected_color_change { margin-left: 3px; } #hanrei_color_selector #hanrei_palette { float: left; margin-top: 25px; } #hanrei_color_selector #hanrei_set_direction { float: left; width: 2em; text-align: center; } #hanrei_color_selector .color_palettes { margin-top: 28px; padding-left: 90px; } #hanrei_color_selector #hanrei_color_palettes { width: 276px; height: 36px; min-width: 0; padding: 0px 40px 0px 10px; margin-top: 5px; background: url(./img/icon_menu/Modal/Palette/DropDownList@2x.png) no-repeat; background-size: contain; } #hanrei_color_selector .color_picker { padding: 75px 0px 0px 90px; } #hanrei_color_selector .color_table { display: inline-block; } #hanrei_color_selector .color_row { float: left; } #hanrei_color_selector #hanrei_palette a.color_item { display: block; width: 48px; height: 32px; border: 2px solid #f0f0f0; } #hanrei_color_selector #hanrei_palette a.color_item:hover { width: 44px; height: 28px; border: 4px solid #fff; } #hanrei_color_selector #hanrei_palette a.color_item.selected { width: 48px; height: 32px; border: 3px dotted #000000; } #hanrei_color_selector #hanrei_source_colors a.color_item { display: block; width: 36px; height: 24px; border: 2px solid #f0f0f0; } #hanrei_color_selector #hanrei_source_colors a.color_item:hover { width: 32px; height: 20px; border: 4px solid #fff; } @media screen and (max-width: 375px) { #hanrei_color_selector .color_picker { padding-left: 50px; } #hanrei_color_selector #hanrei_source_colors a.color_item { width: 34px; } } @media screen and (max-height: 700px) { #hanrei_color_selector { max-height: 20em !important; } } @media screen and (max-height: 600px) { #hanrei_color_selector { max-height: 10em !important; } #sidePanelDisplayControl { margin-left: -24px; transform: scale(0.8, 0.8); } } #bookmark_kensaku, #bookmark_nouti, #detail_vicinity, #detail_address_first_half, #detail_address_latter_half, #detail_address, #detail_address_sequel, #detail_allarea, #detail_vicinity_add, #detail_vicinity_add_preview, #detail_vicinity_preview, #detail_vicinity_sectionofnoushinhou, #hanrei_palette_dlg_hanrei_caption, #hanrei_palette_dlg_palettes, #hanrei_palette_dlg_picker, #nouti_shiborikomi_hint, #shiborikomi_simulation_message, #detail_nouti_polygon { display: none; max-height: 43%; overflow-y: auto; } #detail_nouti_polygon div.modal_box_content a { color: #0000EE; } @media screen and (max-width: 800px) { #hanrei_palette_dlg_hanrei_caption, #hanrei_palette_dlg_palettes, #hanrei_palette_dlg_picker, #detail_vicinity_sectionofnoushinhou { width: 80%; } } @media screen and (max-width: 600px) { #hanrei_color_selector { margin: 0 2%; height: 365px !important; } #hanrei_color_selector .hanrei_caption { font-size: 0.9375em; } #hanrei_color_selector .hanrei_caption#hanrei_caption_pin_polygon_color { margin-bottom: 0px; } #hanrei_color_selector #hanrei_palette a.color_item { width: 36px; height: 24px; } #hanrei_color_selector #hanrei_palette a.color_item:hover { width: 32px; height: 20px; } #hanrei_color_selector #hanrei_palette a.color_item.selected { width: 36px; height: 24px; border: 3px dotted #000000; } #hanrei_color_selector #hanrei_source_colors { margin-left: 10px; } #hanrei_color_selector #hanrei_source_colors .color_palettes { padding-left: 60px; } #hanrei_color_selector #hanrei_source_colors .color_palettes #hanrei_color_palettes { width: 235px; height: 30px; } #hanrei_color_selector #hanrei_source_colors .color_picker { padding: 9px 0px 0px 55px; } #hanrei_color_selector #hanrei_source_colors .color_picker .color_table { margin-top: 0.5em; margin-left: 0.5em; } } /* ダウンロードダイアログ ------------------------------------- */ #news_modal { display: none; top: 65% !important; width: 900px; padding: 10px 30px 15px 30px; border: 1px solid #666E95; box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); } #news_modal .news_modal_close_bar #news_modal_close { background-image: url(./img/Close01@2x.png); padding: 1px; margin: 0; border: none; position: absolute; right: 0.7em; top: 3%; } #news_modal .news_modal_close_bar #news_modal_close:hover { background-image: url(./img/Close02@2x.png); } #news_modal div.modal_box_title { background: #FFFFFF; margin: -5px 0 10px 0; padding: 1em 0 0 0em; border-bottom: 1px solid #666E95; width: 100%; display: inline-block; } #news_modal div.modal_box_title span { color: #333333; font-size: 1.125em; vertical-align: top; } #news_modal img.modal_box_title_icon { width: 22px; height: 22px; vertical-align: baseline; } #news_modal div#news_modal_table_group { display: flex; align-items: center; justify-content: space-between; } #news_modal div#news_modal_table_group table#news_modal_table_1 { width: 56%; border: none; margin-right: 5%; } #news_modal div#news_modal_table_group table#news_modal_table_2 { border: none; } #news_modal div#news_modal_table_group table th { background: #FFFFFF; color: #666E95; border: none; font-size: 16px; } #news_modal a#view_all_news { float: right; margin-top: -10px; color: #666E95; font-size: 0.875em; } #news_modal ul.info_new { width: 100%; } #news_modal ul#news_list { float: left; width: 45%; } #news_modal ul#other_news_list { float: left; width: 55%; } #news_modal ul h4 { background: #FFFFFF; color: #666E95; border: none; font-size: 1em; } #news_modal ul#news_list li div, #news_modal ul#other_news_list li div { font-size: 0.875em; color: #333333; margin-bottom: 8px; } #news_modal ul#news_list li div.date, #news_modal ul#other_news_list li div.date { float: left; min-width: min(100px, 25%); } #news_modal ul#news_list li div a, #news_modal ul#other_news_list li div a { color: #333333; } #news_modal_table_group #news_list li, #news_modal_table_group #other_news_list li { display: flex; align-items: center; } @media screen and (max-width: 1000px) { #news_modal { top: auto !important; bottom: max(5px, 5%); } @media screen and (max-height: 600px) { #news_modal { height: 300px; bottom: max(5px, 3%); } #news_modal div#news_modal_table_group { overflow-y: auto; height: 210px; align-items: start; } #news_modal div#news_modal_table_group::-webkit-scrollbar { width: 5px; } } @media screen and (max-height: 500px) { #news_modal { height: 250px; } #news_modal div#news_modal_table_group { height: 160px; } } @media screen and (max-height: 400px) { #news_modal { height: 200px; } #news_modal div#news_modal_table_group { height: 110px; } } @media screen and (max-height: 300px) { #news_modal { height: 200px; } #news_modal div#news_modal_table_group { height: 110px; } } } @media screen and (max-width: 600px) { #news_modal { width: min(500px, 98%) !important; } #news_modal_table_group ul { overflow-x: auto; } #news_modal_table_group ul::-webkit-scrollbar { height: 5px; width: 5px; } #news_modal_table_group ul li { min-width: 415px; } } @media screen and (max-width: 375px) { #news_modal { bottom: max(5px, 3%); } } /* 農地詳細注意事項ダイアログ ------------------------------------- */ #vicinity_dlg_notes { overflow-y: unset; height: auto !important; /* .modalDialogCommonの設定よりも優先させるため!important指定 */ } #vicinity_dlg_notes h1:before { background-image: url(/Content/img/open/Title_Notes@2x.png); } #vicinity_dlg_notes ul.accordion { padding: 28px 27.7px 28px 28px; } @media screen and (max-width: 1000px) { #vicinity_dlg_notes { overflow-y: auto; max-height: calc(100vh - 50vh) !important; } } /* 地図凡例ヘルプ押下時ダイアログ(基本設定は農地詳細注意事項ダイアログの設定を使用) ------------------------------------- */ #hanrei_fude_polygon { height: auto !important; display: none; } /* ダウンロードダイアログ ------------------------------------- */ #download_dlg { height: auto !important; display: none; } .DownloadDialog { margin: 0 !important; padding: 0 !important; border: 1px #299a0b solid !important; background: #298967 !important; background-color: #006302 !important; box-shadow: 5px 5px 5px rgba(100,100,100,0.8); width: 500px !important; max-width: 95% !important; max-height: 75% !important; overflow-x: hidden; overflow-y: auto; } .DownloadDialog .ui-dialog-titlebar { display: block; margin: 0px !important; border: 0px !important; color: #FFFFFF !important; background: #299a0b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OWEwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYzMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #299a0b 0%, #006302 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#006302)); background: -webkit-linear-gradient(top, #299a0b 0%,#006302 100%); background: -o-linear-gradient(top, #299a0b 0%,#006302 100%); background: -ms-linear-gradient(top, #299a0b 0%,#006302 100%); background: linear-gradient(to bottom, #299a0b 0%,#006302 100%); } .DownloadDialog .ui-widget-content { margin-top: 3px !important; background: #298967 !important; background-color: #aecaab !important; color: #000000 !important; } .DownloadDialog .ui-dialog-content { background-color: white !important; color: #000000 !important; } .DownloadDialog .ui-button { background: #299a0b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OWEwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYzMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #299a0b 0%, #006302 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#006302)); background: -webkit-linear-gradient(top, #299a0b 0%,#006302 100%); background: -o-linear-gradient(top, #299a0b 0%,#006302 100%); background: -ms-linear-gradient(top, #299a0b 0%,#006302 100%); background: linear-gradient(to bottom, #299a0b 0%,#006302 100%); font-weight: bold !important; font-size: 1em !important; color: #FFFFFF !important; } .DownloadDialog .ui-button:hover { opacity: 0.8; } /* ダウンロードダイアログ注釈部分のデザイン設定 ------------------------------------- */ #download_head { color: #000000; font-size: 0.5em; } /* ダウンロードダイアログ注釈可変部分のデザイン(フォント)設定 ------------------------------------- */ #download_head var { font-style: normal; } /* ダウンロードメッセージのデザイン設定 ------------------------------------- */ .DownloadInfoDialog { margin: 0 !important; padding: 0 !important; border: 1px #299a0b solid !important; background: #298967 !important; background-color: #006302 !important; box-shadow: 5px 5px 5px rgba(100,100,100,0.8); width: 500px !important; max-width: 95% !important; max-height: 75% !important; overflow-x: hidden; overflow-y: auto; } .DownloadInfoDialog .ui-dialog-titlebar { display: block; margin: 0px !important; border: 0px !important; color: #FFFFFF !important; background: #299a0b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OWEwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYzMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #299a0b 0%, #006302 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#006302)); background: -webkit-linear-gradient(top, #299a0b 0%,#006302 100%); background: -o-linear-gradient(top, #299a0b 0%,#006302 100%); background: -ms-linear-gradient(top, #299a0b 0%,#006302 100%); background: linear-gradient(to bottom, #299a0b 0%,#006302 100%); } .DownloadInfoDialog .ui-widget-content { margin-top: 3px !important; background: #298967 !important; background-color: #aecaab !important; color: #000000 !important; } .DownloadInfoDialog .ui-dialog-content { background-color: white !important; color: #000000 !important; height: 90px !important; } .DownloadInfoDialog .ui-button { background: #299a0b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OWEwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYzMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #299a0b 0%, #006302 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#006302)); background: -webkit-linear-gradient(top, #299a0b 0%,#006302 100%); background: -o-linear-gradient(top, #299a0b 0%,#006302 100%); background: -ms-linear-gradient(top, #299a0b 0%,#006302 100%); background: linear-gradient(to bottom, #299a0b 0%,#006302 100%); font-weight: bold !important; font-size: 1em !important; color: #FFFFFF !important; } .DownloadInfoDialog .ui-button:hover { opacity: 0.8; } #download_dlg_info { color: #FF0000; font-size: 1em; line-height: 1.2; background-color: #FFFFFF; } /* ダウンロードメッセージのデザイン設定 ------------------------------------- */ .DownloadErrorDialog { border: 2px #C1213C solid !important; background: #FFFFFF !important; width: 680px !important; max-width: 95% !important; max-height: 75% !important; overflow-x: hidden; overflow-y: auto; } .DownloadErrorDialog .ui-dialog-titlebar { display: block; border: none; color: #C1213C !important; background: none; margin: 20px; } .DownloadErrorDialog .ui-dialog-titlebar .ui-dialog-title { border-bottom: 1px solid #C1213C; width: 100%; } .DownloadErrorDialog .ui-dialog-titlebar .ui-dialog-title img#DownloadErrorDialogIcon { height: 22px; width: 22px; float: left; margin-top: -2px; margin-right: 5px; } .DownloadErrorDialog .ui-dialog-titlebar .ui-dialog-titlebar-close { margin: -35px -20px; } .DownloadErrorDialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick { height: 20px; width: 20px; background: url(./img/icon_menu/Modal/close/Close01@2x.png) no-repeat; background-size: contain; background-position: center; margin: -10px; } .DownloadErrorDialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick:hover { background-image: url(./img/icon_menu/Modal/close/Close02@2x.png); } .DownloadErrorDialog .ui-dialog-content { background-color: #FFFFFF; color: #000000; margin: 20px 20px; display: block !important; } #download_dlg_error { color: #FF0000; font-size: 1em; line-height: 1.2; background-color: #FFFFFF; } #download_dlg_error a { text-align: left; text-decoration: underline; font-weight: bold; font-size: 1em; /*16px*/ line-height: 1.5em; /*24px*/ letter-spacing: 0px; color: #C1213C; } /* MAPAPPDIALOG ------------------------------------- */ .MapAppDialog { margin: 0 !important; padding: 0 !important; border: 1px #666E95 solid !important; background: #FFFFFF !important; width: 800px !important; max-width: 50% !important; max-height: 75% !important; overflow-x: hidden; overflow-y: auto; } .MapAppDialog .ui-dialog-titlebar { display: block; margin-right: 5px; border: none; color: #000000 !important; background: #FFFFFF; } .MapAppDialog .ui-dialog-titlebar .ui-dialog-titlebar-close { background: url(./img/icon_menu/Modal/Close/Close01@2x.png) no-repeat; background-size: contain; margin-right: 5px; } .MapAppDialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover { background-image: url(./img/icon_menu/Modal/Close/Close02@2x.png); } .MapAppDialog .ui-dialog-titlebar .ui-button .ui-icon { background-image: none; } .MapAppDialog .ui-widget-content { padding-top: 0px !important; padding-bottom: 15px; border: none; background: none !important; height: auto !important; margin: 0 20px; } .MapAppDialog .ui-dialog-content { background-color: white !important; color: #000000 !important; } .MapAppDialog .ui-dialog-buttonset { width: 100%; display: flex; align-content: center; justify-content: center; align-items: center; font-size: 0.87em; } .MapAppDialog .ui-button { background: #299a0b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OWEwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYzMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #299a0b 0%, #006302 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#006302)); background: -webkit-linear-gradient(top, #299a0b 0%,#006302 100%); background: -o-linear-gradient(top, #299a0b 0%,#006302 100%); background: -ms-linear-gradient(top, #299a0b 0%,#006302 100%); background: linear-gradient(to bottom, #299a0b 0%,#006302 100%); font-weight: bold !important; font-size: 1em !important; color: #FFFFFF !important; } .MapAppDialog .ui-button#map_app_dlg_okbtn { align-items: center; justify-content: center; text-align: center; overflow: hidden; height: 40px; background: #22242B 0% 0% no-repeat padding-box; border-radius: 20px; opacity: 1; margin-right: 1em; } .MapAppDialog .ui-button#map_app_dlg_cancelbtn { align-items: center; justify-content: center; text-align: center; overflow: hidden; height: 40px; background: #FFFFFF 0% 0% no-repeat padding-box; border-color: #666E95; border-radius: 20px; opacity: 1; margin-right: 1em; color: #666E95 !important; } .MapAppDialog .title_bottom_line { width: 100%; border-bottom: 1.4px solid #666E95; } .MapAppDialog .title_text { margin-left: 6px; font-size: 1.25em; line-height: 1.875em; letter-spacing: 0px; color: #000000; font-weight: bold; } .MapAppDialog h2 { font-size: 1.125em; font-weight: bold; margin-top: 1em; margin-bottom: 0.4em; color: #666E95; border-bottom: none; } @media screen and (max-width: 600px) { .MapAppDialog { max-width: 95% !important; } } #spGeocorder { display: none; } @media screen and (max-width: 480px) { #spGeocorder { display: block; margin: 2px; max-height: 3em; } #spGeocorder .mapboxgl-ctrl.mapboxgl-ctrl-group { width: 29px; height: 29px; padding-right: 5px; display: inline-block; } #spGeocorder .geo-control-button { width: 29px; height: 29px; border: solid 1px #808080; } #spGeocorder .mapboxgl-ctrl-geocoder { max-height: 2em; border: solid 1px #808080; } #spGeocorder .mapboxgl-ctrl-geocoder.mapboxgl-ctrl { max-height: 1.8em; vertical-align: middle; padding-left: 1px; display: inline-block; float: right; } #spGeocorder .mapboxgl-ctrl-geocoder--input { max-height: 2em; } #spGeocorder .mapboxgl-ctrl-geocoder--icon { max-height: 2em; top: 1em; } #spGeocorder .mapboxgl-ctrl-geocoder--icon-search { max-height: 2em; top: 0.25em; } #spGeocorder .mapboxgl-ctrl-geocoder--icon-close { max-height: 2em; top: 0.25em; margin: 0px; } } @media print { .no-print, .gm-fullscreen-control, .geo-control-button { display: none; } } /* end of media print */ /* マップコントロールグループ ------------------------------------- */ .mapboxgl-ctrl.mapboxgl-ctrl-group { background-color: transparent; border-radius: 30px; border: none; } .mapboxgl-ctrl.mapboxgl-ctrl-group:not(:empty) { box-shadow: none; } /* mapboxgl override */ /* 方角変更 ------------------------------------- */ .mapboxgl-ctrl button.mapboxgl-ctrl-compass { width: 64px; height: 64px; } .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool03/Tool03_01@2x.png) !important; background-size: contain; background-repeat: no-repeat; } /* mapboxgl override */ /* 現在地表示 ------------------------------------- */ .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate { width: 64px; height: 64px; } .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool07/Tool07_01@2x.png) !important; background-size: contain; background-repeat: no-repeat; } .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool07/Tool07_03@2x.png) !important; background-size: contain; background-repeat: no-repeat; } .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool07/Tool07_04@2x.png) !important; background-size: contain; background-repeat: no-repeat; } /* mapboxgl override */ /* 全画面コントロール ------------------------------------- */ .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen, .mapboxgl-ctrl button.mapboxgl-ctrl-shrink { width: 64px; height: 64px; } .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool08/Tool08_01@2x.png) !important; background-size: contain; background-repeat: no-repeat; } .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool08/Tool08_03@2x.png) !important; background-size: contain; background-repeat: no-repeat; } /* カスタム地図コントロール ------------------------------------- */ .geo-custom-control-button .geo-control-button { background-color: transparent; border-radius: 30px; } @media (hover: hover) { /* PC： hover機能あり */ #zoomControl button:hover { background: rgba(0,0,0,0.1); fill: red; } .mapboxgl-ctrl button.mapboxgl-ctrl-compass:hover .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool03/Tool03_02@2x.png) !important; } #customViewAllfarmsControl button.geo-custom-ViewAllfarms:hover { background-image: url(./img/icon_menu/IconMenu/Tool05/Tool05_02@2x.png); } #customReturnInitialPositionControl button.geo-custom-ReturnInitialPosition:hover { background-image: url(./img/icon_menu/IconMenu/Tool06/Tool06_02@2x.png); } .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:hover .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool07/Tool07_02@2x.png) !important; } .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active:hover .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool07/Tool07_02@2x.png) !important; } .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background:hover .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool07/Tool07_05@2x.png) !important; } .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen:hover .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool08/Tool08_02@2x.png) !important; } .mapboxgl-ctrl button.mapboxgl-ctrl-shrink:hover .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool08/Tool08_04@2x.png) !important; } #sidePanelDisplayControl button:hover .geo-sidepanel-display-icon { background-image: url(./img/icon_menu/Drawer/Button/Drawer01_02@2x.png); } #sidePanelDisplayControl button:hover .ondisplay { background-image: url(./img/icon_menu/Drawer/Button/Drawer02_02@2x.png); } } @media (hover: none) and (pointer: coarse) { /* MOBLIE： hover機能なし、マウスポインターあり*/ #mapCtrl_button_basemap .tooltip, #mapCtrl_button_layer .tooltip, #mapCtrl_button_navigation .tooltip, #mapCtrl_button_marker .tooltip, #mapCtrl_button_viewAllfarms .tooltip, #mapCtrl_button_returnInitialPosition .tooltip, #mapCtrl_button_geolocate .tooltip, #mapCtrl_button_fullscreen .tooltip, #SidePanelButtonCtrl .tooltip, #ZoomButtonCtrl .tooltip { display: none !important; } #zoomControl button:active { font-weight: bold; background: rgba(0,0,0,0.2); } .mapboxgl-ctrl button.mapboxgl-ctrl-compass:active .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool03/Tool03_02@2x.png) !important; } #customViewAllfarmsControl button.geo-custom-ViewAllfarms:active { background-image: url(./img/icon_menu/IconMenu/Tool05/Tool05_02@2x.png); } #customReturnInitialPositionControl button.geo-custom-ReturnInitialPosition:active { background-image: url(./img/icon_menu/IconMenu/Tool06/Tool06_02@2x.png); } .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:active .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool07/Tool07_02@2x.png) !important; } .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active:active .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool07/Tool07_02@2x.png) !important; } .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background:active .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool07/Tool07_05@2x.png) !important; } .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen:active .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool08/Tool08_02@2x.png) !important; } .mapboxgl-ctrl button.mapboxgl-ctrl-shrink:active .mapboxgl-ctrl-icon { background-image: url(./img/icon_menu/IconMenu/Tool08/Tool08_04@2x.png) !important; } #sidePanelDisplayControl button:active .geo-sidepanel-display-icon { background-image: url(./img/icon_menu/Drawer/Button/Drawer01_02@2x.png); } #sidePanelDisplayControl button:active .ondisplay { background-image: url(./img/icon_menu/Drawer/Button/Drawer02_02@2x.png); } } /* 背景地図切替コントロール */ #customMapControl button { display: block; border: none; background: transparent; width: 64px; height: 64px; padding: 0; outline: none; appearance: none; -webkit-appearance: none; /*Google Chrome/Safari対応*/ -moz-appearance: none; /*Firefox対応*/ -o-appearance: none; /*Opera対応*/ cursor: pointer; pointer-events: initial; } #customMapControl button.geo-custom-map { background-image: url(./img/icon_menu/IconMenu/Tool01/Tool01_01@2x.png); background-size: contain; background-repeat: no-repeat; } #customMapControl button.geo-custom-map:hover { background-image: url(./img/icon_menu/IconMenu/Tool01/Tool01_02@2x.png); } #customMapControl button.geo-custom-map-active { background-image: url(./img/icon_menu/IconMenu/Tool01/Tool01_02@2x.png); background-size: contain; background-repeat: no-repeat; } #customMapControl button.geo-custom-map-close { width: 20px; height: 20px; float: right; margin-top: 5px; margin-right: 12px; background-image: url(./img/icon_menu/Modal/Close/Close01@2x.png); background-repeat: no-repeat; background-size: 20px 20px; } #customMapControl button.geo-custom-map-close:hover { background-image: url(./img/icon_menu/Modal/Close/Close02@2x.png); } /* 表示レイヤー切替コントロール */ #customLayerControl button { display: block; border: none; background: transparent; width: 64px; height: 64px; padding: 0; outline: none; appearance: none; -webkit-appearance: none; /*Google Chrome/Safari対応*/ -moz-appearance: none; /*Firefox対応*/ -o-appearance: none; /*Opera対応*/ cursor: pointer; pointer-events: initial; } #customLayerControl button.geo-custom-layer { background-image: url(./img/icon_menu/IconMenu/Tool02/Tool02_01@2x.png); background-size: contain; background-repeat: no-repeat; } #customLayerControl button.geo-custom-layer:hover { background-image: url(./img/icon_menu/IconMenu/Tool02/Tool02_02@2x.png); } #customLayerControl button.geo-custom-layer-active { background-image: url(./img/icon_menu/IconMenu/Tool02/Tool02_02@2x.png); background-size: contain; background-repeat: no-repeat; } #customLayerControl button.geo-custom-layer-close { width: 20px; height: 20px; float: right; margin-top: 5px; margin-right: 7px; background-image: url(./img/icon_menu/Modal/Close/Close01@2x.png); background-repeat: no-repeat; background-size: 20px 20px; } #customLayerControl button.geo-custom-layer-close:hover { background-image: url(./img/icon_menu/Modal/Close/Close02@2x.png) !important; } /* 全農地表示コントロール */ #customViewAllfarmsControl button { display: block; border: none; background: transparent; width: 64px; height: 64px; padding: 0; outline: none; appearance: none; -webkit-appearance: none; /*Google Chrome/Safari対応*/ -moz-appearance: none; /*Firefox対応*/ -o-appearance: none; /*Opera対応*/ cursor: pointer; pointer-events: initial; } #customViewAllfarmsControl button.geo-custom-ViewAllfarms { background-image: url(./img/icon_menu/IconMenu/Tool05/Tool05_01@2x.png); background-size: contain; background-repeat: no-repeat; } /* PRINTDIALOG ------------------------------------- */ .PrintDialog { font-family: 'メイリオ', '游ゴシック', 'ヒラギノ角ゴシック', 'NotoSans', sans-serif; border: 1px solid #666E95 !important; background: #FFFFFF; box-shadow: 5px 5px 5px rgba(100,100,100,0.8); width: 600px; overflow-x: hidden; overflow-y: auto; position: absolute; box-sizing: border-box; } .PrintDialog.center-dialog { left: 50vw !important; top: 50% !important; transform: translate(-50%, calc(-50% + 32px)) !important; } #print_map_dlg { height: auto !important; display: none; margin-left: 1.5em; } .PrintDialog #header_dialog, .PrintDialog #title_dialog { font-size: 1.125em; font-weight: bold; line-height: 2em; color: #666E95; } #description_dialog { padding-top: 0.2em; } #title_dialog { padding-top: 0.5em; } #print_map_dlg h2 { padding-bottom: 0.3em; } .PrintDialog .ui-dialog-titlebar { display: block; border: none; color: #333333; line-height: 1.875em; font-weight: bold; background: #FFFFFF; background-repeat: no-repeat; background-position: left center; background-size: 1.25em; padding-bottom: 0; } .PrintDialog .ui-dialog-title::before{ content: ''; display: inline-block; background: #FFFFFF; width: 1em; height: 1em; background-image: url(./img/icon_menu/Modal/Title/Title_Print@2x.png); background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin-bottom: 0.2em; margin-right: 0.3em; } .PrintDialog #print_select, .PrintDialog #print_radioList { display : flex; justify-content: space-evenly; padding-top: 0.5em; width: 100%; } .PrintDialog #print_radioList ul, .PrintDialog #print_select ul{ width: 50%; } .PrintDialog input[type=radio] { margin: -2px 0 0 0; } .PrintDialog .radio_label { margin-top: 0; word-break: break-all; padding-left: 0.5em; display: inline-block; vertical-align: top; } .PrintDialog.ui-dialog .ui-icon-closethick { display: none } .PrintDialog.ui-dialog .ui-dialog-titlebar-close { background-image: url(./img/Close01@2x.png); background-size: 100%; top: 1em; background-repeat: no-repeat; margin-top: -0.625em; /* 10px */ margin-right: 0.3125em; /* 10px */ border: none; } .PrintDialog.ui-dialog .ui-dialog-titlebar-close:hover { background-image: url(./img/Close02@2x.png); } .PrintDialog .ui-widget-content { border: 1px #FFFFFF solid; margin-top: 0.2em; background: #FFFFFF; background-color: #FFFFFF; color: #000000; } .PrintDialog.ui-dialog .ui-dialog-buttonpane { display: flex; justify-content: center; padding: 0.5em; } .PrintDialog.ui-dialog .ui-dialog-buttonpane button { margin: 0em 0.5em 0.5em; } .PrintDialog .button_dialog_type_e, .PrintDialog .button_dialog_type_b { width: 170px; height: 40px; font-weight: bold; font-family:'メイリオ', '游ゴシック', 'ヒラギノ角ゴシック', 'NotoSans', sans-serif; } .PrintDialog .button_dialog_type_b { color: #666E95; background-color: #FFFFFF; border: 2px solid #666E95; } .PrintDialog .button_dialog_type_b:hover { background-color: #E0E2EA; } .PrintDialog .button_dialog_type_e:hover { color: #FFFFFF; } .PrintDialog .button_dialog_type_e:focus { background: #22242B; color: #FFFFFF; } #customPrintControl button { display: block; border: none; background: transparent; width: 64px; height: 64px; padding: 0; outline: none; appearance: none; -webkit-appearance: none; /*Google Chrome/Safari対応*/ -moz-appearance: none; /*Firefox対応*/ -o-appearance: none; /*Opera対応*/ cursor: pointer; pointer-events: initial; } #customPrintControl .geo-custom-layer-icon { float: left; background-image: url(./img/icon_menu/IconMenu/Tool09/Tool09_01@2x.png); background-repeat: no-repeat; background-size: contain; } #customPrintControl .geo-custom-layer-icon:hover { background-image: url(./img/icon_menu/IconMenu/Tool09/Tool09_02@2x.png); } /* 初期位置に戻るコントロール */ #customReturnInitialPositionControl button { display: block; border: none; background: transparent; width: 64px; height: 64px; padding: 0; outline: none; appearance: none; -webkit-appearance: none; /*Google Chrome/Safari対応*/ -moz-appearance: none; /*Firefox対応*/ -o-appearance: none; /*Opera対応*/ cursor: pointer; pointer-events: initial; } #customReturnInitialPositionControl button.geo-custom-ReturnInitialPosition { background-image: url(./img/icon_menu/IconMenu/Tool06/Tool06_01@2x.png); background-size: contain; background-repeat: no-repeat; } /* 背景地図切替コントロール */ div.geo-custom-map-container { width: 160px; height: 157px; background-image: url(./img/nouchi_navi_images_221027/map_select/map_select_bg.png) !important; background-repeat: no-repeat; display: none; position: absolute; top: -90%; left: 110%; } div.geo-custom-map-container input[type='button'] { padding-left: 25px; border: none; background-color: transparent; text-align: left; box-shadow: none; width: 100px; height: 45px; } div.geo-custom-map-container input[type='button']:hover { color: burlywood; } div.geo-custom-map-container ul li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100px; height: 38px; font-size: medium; } div.geo-custom-map-container ul li hr { margin: 6px 0px; height: 1px; border: 0; width: 160px; } /* レイヤー一覧コントロール */ div.geo-custom-layer-container { width: 250px; height: auto; float: right; background-color: white; border-radius: 10px; display: none; margin-top: -20px; padding-bottom: 10px; color: black; position: absolute; top: -10%; left: 110%; } div.geo-custom-layer-container input[type='button'] { padding-left: 25px; border: none; background-color: transparent; text-align: left; box-shadow: none; width: 100px; height: 45px; } div.geo-custom-layer-container input[type='button']:hover { color: burlywood; } div.geo-custom-layer-container .pastLayerParent input[type='button'] { padding: 0px !important; min-width: 18px; width: 18px; height: 18px; border: none; border-radius: 0px; background-image: url(./img/nouchi_navi_images_221027/layer/plus.png) !important; background-repeat: no-repeat !important; cursor: pointer; } div.geo-custom-layer-container .pastLayerParent input[type='button'].onOpen { background-image: url(./img/nouchi_navi_images_221027/layer/minus.png) !important; } div.geo-custom-layer-container ul li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 250px; height: 23px; font-size: small; padding-left: 15px } div.geo-custom-layer-container ul li hr { margin: 6px 0px; height: 1px; border: 0; width: 250px; } /* 目印コントロール */ div.geo-custom-marker-container { width: 250px; height: auto; float: right; background-color: white; border-radius: 10px; display: none; margin-top: -20px; padding-bottom: 15px; color: black; position: absolute; top: -10%; left: 110%; } div.geo-custom-marker-container input[type='button'] { padding-left: 25px; border: none; background-color: transparent; text-align: left; box-shadow: none; width: 100px; height: 45px; } div.geo-custom-marker-container input[type='button']:hover { color: burlywood; } div.geo-custom-marker-container .pastLayerParent input[type='button'] { padding: 0px !important; min-width: 18px; width: 18px; height: 18px; border: none; border-radius: 0px; background-image: url(./img/nouchi_navi_images_221027/layer/plus.png) !important; background-repeat: no-repeat !important; cursor: pointer; } div.geo-custom-marker-container .pastLayerParent input[type='button'].onOpen { background-image: url(./img/nouchi_navi_images_221027/layer/minus.png) !important; } div.geo-custom-marker-container ul li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 250px; height: 23px; font-size: small; padding-left: 15px } div.geo-custom-marker-container ul li hr { margin: 6px 0px; height: 1px; border: 0; width: 250px; } div.geo-custom-marker-container ul input#checkbox_marker { margin-left: 15px; } div.geo-custom-marker-container ul button#button_moveToMarker { background: #22242B; border-radius: 18px; color: #FFFFFF; width: 216px; height: 35px; margin-top: 10px; margin-left: 17px; } /* mapboxgl override */ .mapboxgl-ctrl-bottom-left { z-index: 3 !important; } /* mapboxgl override */ .mapboxgl-ctrl-top-left .mapboxgl-ctrl.mapboxgl-ctrl-group { background: none; height: 55px; } /* mapboxgl override */ /* 地域別集計のフォント色 */ .mapboxgl-popup-content { color: black; } .customMarkerPopup .mapboxgl-popup-content { padding: 15px 35px 15px 15px; width: max-content; } .customMarkerPopup .mapboxgl-popup-content .mapboxgl-popup-close-button { background-image: url(./img/icon_menu/Modal/Close/Close01@2x.png); background-size: 85%; background-repeat: no-repeat; margin: 5px 5px 0 0; color: transparent; } .customMarkerPopup .mapboxgl-popup-content .mapboxgl-popup-close-button:hover { background-image: url(./img/icon_menu/Modal/Close/Close02@2x.png); } @media screen and (max-width: 1280px) { .customMarkerPopup .mapboxgl-popup-content .mapboxgl-popup-close-button { background-size: 60%; background-position: center; width: 22px; height: 22px; margin: 2px 2px 0 0; } } .tooltip .tooltip-inner { text-align: left; white-space: pre; } #SidePanelButtonCtrl { margin-bottom: 0px !important; } #ZoomButtonCtrl { margin-bottom: 15%; } select.mySelectArrow { -webkit-appearance: none; -moz-appearance: none; background: #fff; width: 100%; padding: 5px 10px; border-radius: 10px; } select.mySelectArrow option { color: #000; padding: 5px 10px; } .select:after { content: '\25BC'; position: absolute; top: 0; right: 0; bottom: 0; border: 1px solid #565656; background: #666e95; color: #fff; padding: 5px 10px; pointer-events: none; border-end-end-radius: 10px; border-top-right-radius: 10px; } .select { position: relative; } /* UIUX Renewal Start*/ /*-----------------------------------*/ /* ダイアログ用部品 ------------------------------------- */ #vicinity_dlg_buttons { height: auto !important; display: none; } /* Type-A */ .button_dialog_type_a { background: #22242B; font-size: 1em !important; /* 16px */ font-weight: bold; color: #FFFFFF; border: none; border-radius: 20px; width: 304px; height: 40px; cursor: pointer; } .button_dialog_type_a_disable { background: #999999; font-size: 1em !important; /* 16px */ font-weight: bold; color: #FFFFFF; border-radius: 20px; } .button_dialog_type_a:hover, .button_dialog_type_a_disable:hover { background: #52586F; } /* Type-B */ .button_dialog_type_b { background: #FFFFFF; font-size: 1em !important; /* 16px */ font-weight: bold; color: #666E95; border: 2px solid #666E95; border-radius: 20px; width: 304px; height: 40px; cursor: pointer; } .button_dialog_type_b:hover { background: #E0E2EA; } /* Type-C */ .button_dialog_type_c { background: #FFFFFF; font-size: 0.85em !important; /* 16px */ font-weight: bold; color: #666E95; border: 2px solid #666E95; border-radius: 18px; padding: 5px 18px 5px 18px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .button_dialog_type_c:hover { background: #E0E2EA; } /* Type-D */ .button_dialog_type_d { background: #666E95; font-size: 12px !important; font-weight: bold; color: #FFFFFF; border: 2px solid #FFFFFF; border-radius: 15px; width: 75px; height: 25px; cursor: pointer; } .button_dialog_type_d:hover { background: #8088A9; } /* Type-E */ .button_dialog_type_e { background: #22242B; font-size: 1em !important; /*16px*/ font-weight: bold; color: #FFFFFF; border: none; border-radius: 20px; width: 144px; height: 40px; cursor: pointer; } .button_dialog_type_e_disable { background: #999999; font-size: 1em !important; /*16px*/ font-weight: bold; color: #FFFFFF; border-radius: 20px; width: 144px; height: 40px; } .button_dialog_type_e:hover, .button_dialog_type_e_disable:hover { background: #52586F; } /* Type-F */ .button_dialog_type_f { background: #FFFFFF; font-size: 0.79em !important; /*14px*/ font-weight: bold; color: #C1213C; border: 2px solid #C1213C; border-radius: 18px; width: 56px; height: 28px; cursor: pointer; } .button_dialog_type_f:hover { background: #EDD4D8; } /* Type-A */ .button_drawer_type_a { background: #22242B; font-size: 1em !important; font-weight: bold; color: #FFFFFF; border: none; border-radius: 20px; width: 384px; height: 40px; cursor: pointer; } .button_drawer_type_a:hover, .button_drawer_type_a_disable:hover { background: #52586F; } /* Type-B */ .button_drawer_type_b { background: #FFFFFF; font-size: 1em !important; font-weight: bold; color: #666E95; border: 2px solid #666E95; border-radius: 20px; width: 384px; height: 40px; cursor: pointer; } .button_drawer_type_b:hover { background: #E0E2EA; } /* Type-C */ .button_drawer_type_c { background: #FFFFFF; font-size: 1em !important; font-weight: bold; color: #22242B; border: none; border-radius: 20px; width: 176px; height: 24px; cursor: pointer; } .button_drawer_type_c:hover { background: #E0E2EA; } /* Type-D */ .button_drawer_type_d { background: #FFFFFF; font-size: 1em !important; font-weight: bold; color: #C1213C; border: none; border-radius: 20px; width: 384px; height: 40px; cursor: pointer; } .button_drawer_type_d:hover { background: #EDD4D8; } /* Type-E */ .button_drawer_type_e { background: #FFFFFF; font-size: 12px !important; font-weight: bold; color: #666E95; border: 2px solid #666E95; border-radius: 15px; width: 75px; height: 25px; cursor: pointer; } .button_drawer_type_e:hover { background: #E0E2EA; } /* Type-F */ .button_drawer_type_f { background: #666E95; font-size: 0.875em !important; font-weight: bold; color: #FFFFFF; border: 2px solid #FFFFFF; border-radius: 18px; height: 24px; width: 112px !important; cursor: pointer; } .button_drawer_type_f:hover { background: #8088A9; } /* ラジオボタン​ */ .radio_dialog { width: 16px; height: 16px; accent-color: #22242B; } /* チェックボックス */ .checkbox_dialog { width: 16px !important; height: 16px !important; background: #FFFFFF; border: 1px solid #666E95; } .checkbox_dialog:checked { background: #1E90FF; } /* ヘルプボタン */ .button_dialog_help { width: 18px; height: 18px; background-image: url(./img/nouchi_navi_images_221027/hanrei/help.png); background-repeat: no-repeat; border: none; border-radius: 10px; } .button_dialog_help:hover { background-image: url(./img/nouchi_navi_images_221027/hanrei/help_2.png); } /* x ボタン */ .button_dialog_close { width: 20px; height: 20px; background-image: url(./img/nouchi_navi_images_221027/map_select/close/close.png); background-repeat: no-repeat; } .button_dialog_close:hover { background-image: url(./img/nouchi_navi_images_221027/map_select/close/close_2.png); } /* アコーディオン */ .accordion_dialog_check { display: none; } .accordion_dialog_label { background: #E5EAFC; color: #333333; font-size: 1em; font-weight: normal; display: block; padding: 9px 10px 9px 11px; position: relative; border: 1px solid #666E95; line-height: 1.5em; cursor: pointer; } .accordion_dialog_label:after { box-sizing: border-box; display: block; content: ''; background-image: url(./img/icon/Accordion01@2x.png); background-repeat: no-repeat; background-size: cover; width: 12px; height: 9px; position: absolute; right: 20px; top: 16px; } .accordion_dialog_content { border: 1px solid #666E95; border-top: none; display: block; height: 0; opacity: 0; padding: 0 10px; transition: .5s; visibility: hidden; background: #FFFFFF } .accordion_dialog_check:checked + .accordion_dialog_label:after { background-image: url(./img/icon/Accordion02@2x.png); } .accordion_dialog_check:checked + .accordion_dialog_label { border-bottom: 0px; } .accordion_dialog_check:checked + .accordion_dialog_label + .accordion_dialog_content { height: auto; opacity: 1; padding: 6px 10px 10px 10px; visibility: visible; } .ft_size_1 { color: #333333; font-size: 20px; font-weight: bold !important; } .ft_size_2 { color: #666E95; font-size: 1.125em; font-weight: bold !important; } .ft_size_3_normal { color: #333333; font-size: 1em; } .ft_size_3_bold { display: flex; color: #333333; font-size: 1em; font-weight: bold; margin-bottom: 4px; flex-shrink: 0; } /*-----------------------------------*/ /* UIUX Renewal End */ @media screen and (orientation: landscape) and (max-height: 1280px) { #mapCtrl_button_basemap, #mapCtrl_button_layer, #mapCtrl_button_navigation, #mapCtrl_button_marker, #mapCtrl_button_viewAllfarms { position: relative; z-index: 3; } #mapCtrl_button_returnInitialPosition { margin-top: -250px; margin-left: 75px; } #mapCtrl_button_geolocate { margin-top: -185px; margin-left: 75px; } #mapCtrl_button_fullscreen { margin-top: -120px; margin-left: 75px; } #mapCtrl_custom_print { margin-top: -55px; margin-left: 75px; } div.geo-custom-layer-container { margin-top: 0px; } .modalDialogCommon #vicinity_dlg_notes.ui-widget-content { max-height: calc(100vh - 50vh) !important; } } @media screen and (max-width: 1000px) { .address_buttons_area { display: flex; flex-direction: column; } } @media screen and (max-width: 800px) { .SidePanelItem button { display: block; width: 100%; margin-left: auto; margin-right: auto; max-width: 304px; } .negative_vicinity input[type='checkbox']#vicinity_owner_config { margin-left: 0px; } } @media screen and (orientation: landscape) and (max-height: 800px) and (hover: none) and (pointer: coarse) { #ZoomButtonCtrl { margin-bottom: 30%; } } @media screen and (orientation: landscape) and (max-height: 700px) and (hover: none) and (pointer: coarse) { #ZoomButtonCtrl { margin-bottom: 10%; } } @media screen and (orientation: landscape) and (max-height: 640px) { .modalDialogCommon .ui-widget-content { max-height: calc(100vh - 48vh) !important; } #sidePanelDisplayControl { margin-left: -20px; transform: scale(0.8, 0.8); } #ZoomButtonCtrl { margin-bottom: min(26%, 14px); } } @media screen and (max-width: 600px) { .mt_middle_mobile { margin-top: 1.25em; /* 20px */ } .pagetop a { line-height: 40px; } #header_contents { width: 95%; } #header .logo span { font-size: 14px; position: absolute; top: 48px; left: 3px; } #header .user .user_name p { margin: 0 5px 0 0; } #header .user .logout, #header .user .admin_menu { width: 90px; margin: 5px 5px 0 0; } #header .user .logout a, #header .user .admin_menu a { padding: 0.2em 0.5em; } .pagination ul li { margin: 0 10px; text-align: center; } .pagination li.current span { display: block; } .pagination li a.first, .pagination li a.end, .pagination li a.page, .pagination li span.page { display: none; } .address_buttons { float: none; } .SidePanelItem button { max-width: 100%; height: auto; } .PrintDialog { width: calc(100% - 20px); } .PrintDialog #print_radioList { display: block; } #print_select ul li label, #print_radioList ul li label { display: flex; align-items: center; vertical-align: middle; line-height: 1.75em; } #print_select ul li label input, #print_radioList ul li label input { min-width: 1em; } } @media screen and (orientation: landscape) and (max-height: 580px) { #vicinity_dlg_notes { overflow-y: scroll; max-height: calc(100vh - 35vh) !important; } .modalDialogCommon .ui-widget-content { max-height: calc(100vh - 35vh) !important; } #sidePanelDisplayControl { margin-left: -20px; transform: scale(0.75, 0.75); } } @media screen and (orientation: landscape) and (max-height: 530px) { } @media screen and (orientation: landscape) and (max-height: 480px) { #SidePanelButtonCtrl { width: 2em; margin-bottom: -10px !important; } #sidePanelDisplayControl { margin-left: -22px; transform: scale(0.5, 0.5); } #ZoomButtonCtrl { margin-bottom: 18%; } .mapboxgl-ctrl-top-left .mapboxgl-ctrl-group.mapboxgl-ctrl { margin: 2px 0 0 20px; } } @media screen and (max-width: 480px) { #header h1 { width: 40%; position: absolute; top: 20px; left: 0; } .PrintDialog { width: calc(100vw - 10px); } .PrintDialog .ui-dialog-buttonset { display: flex; width: 100%; } .PrintDialog .ui-dialog-buttonset button { width: 100%; } } @media screen and (orientation: landscape) and (max-height: 440px) { .modalDialogCommon .ui-widget-content { max-height: calc(100vh - 48vh) !important; } } @media screen and (orientation: portrait) and (max-height: 920px) { #mapCtrl_button_basemap, #mapCtrl_button_layer, #mapCtrl_button_navigation, #mapCtrl_button_marker, #mapCtrl_button_viewAllfarms { position: relative; z-index: 3; } #mapCtrl_button_returnInitialPosition { margin-top: -250px; margin-left: 75px; } #mapCtrl_button_geolocate { margin-top: -185px; margin-left: 75px; } #mapCtrl_button_fullscreen { margin-top: -120px; margin-left: 75px; } #mapCtrl_custom_print { margin-top: -55px; margin-left: 75px; } div.geo-custom-layer-container { margin-top: 0px; } } @media screen and (orientation: portrait) and (max-width: 820px) { .radio_two_col_list li.search_condition_li_area_type { width: 100%; } } @media screen and (orientation: portrait) and (max-height: 750px) { .modalDialogCommon { width: calc(100vw - 5vw) !important; /*全体幅の95%*/ } .modalDialogCommon .ui-widget-content { max-height: calc(100vh - 35vh) !important; } .selectAddressDialog .addressList { margin-left: 0px; } .list_item li { width: 50%; margin: 0.5em 0; } #vicinity_dlg_notes { overflow-y: scroll; max-height: calc(100vh - 35vh) !important; } } @media screen and (orientation: portrait) and (max-height: 640px) and (min-width: 375px) { #sidePanelDisplayControl { margin-left: -20px; transform: scale(0.8, 0.8); } #ZoomButtonCtrl { margin-bottom: min(26%, 14px); } .mapboxgl-ctrl-top-left .mapboxgl-ctrl-group.mapboxgl-ctrl { margin: 10px 0 0 10px; } } @media screen and (orientation: portrait) and (max-height: 600px) { #SidePanelButtonCtrl { margin-bottom: -5px !important; } .modalDialogCommon { width: calc(100vw - 5vw) !important; /*全体幅の95%*/ height: calc(100vh - 25vh) !important; } .selectAddressDialog .addressList { margin-left: 0px; } .list_item li { width: 50%; margin: 0.5em 0; } } @media screen and (orientation: portrait) and (max-height: 500px) { .modalDialogCommon { width: calc(100vw - 5vw) !important; /*全体幅の95%*/ height: calc(100vh - 25vh) !important; } .selectAddressDialog .addressList { margin-left: 0px; } .list_item li { width: 50%; margin: 0.5em 0; } #vicinity_dlg_notes { overflow-y: scroll; max-height: calc(100vh - 25vh) !important; } #hanrei_color_selector { height: 150px !important; } } @media screen and (max-width: 375px) { #search_result .button_in_bookmarkreg { font-size: 0.95em; } #search_result .selected_search_condition { margin: auto 6px auto 8px; } } @media screen and (orientation: landscape) and (max-height: 320px) { .modalDialogCommon .ui-widget-content { max-height: calc(100vh - 55vh) !important; } } @media screen and (max-height: 600px) { #sidePanelDisplayControl { margin-left: -28px; transform: scale(0.6, 0.6); } .mapboxgl-ctrl-top-left .mapboxgl-ctrl.mapboxgl-ctrl-group { height: 48px; width: 48px; } #customLayerControl button, #customMapControl button, #mapCtrl_button_navigation button, #customMarkerControl button, #customViewAllfarmsControl button, #customReturnInitialPositionControl button, #mapCtrl_button_geolocate button, #mapCtrl_button_fullscreen button, #customPrintControl button { height: 48px; width: 48px; } .mapboxgl-ctrl-top-left .mapboxgl-ctrl-group.mapboxgl-ctrl { margin: 2px 0 0 10px; } #mapCtrl_button_viewAllfarms { margin-top: -198px; margin-left: 60px; z-index: 1; } #mapCtrl_button_returnInitialPosition { margin-top: -148px; margin-left: 60px; z-index: 1; } #mapCtrl_button_geolocate { margin-top: -98px; margin-left: 60px; z-index: 1; } #mapCtrl_button_fullscreen { margin-top: -48px; margin-left: 60px; } #mapCtrl_custom_print { margin-top: -198px; margin-left: 110px; } #ZoomButtonCtrl { margin-bottom: min(26%, 50px); } #news_modal { top: auto !important; bottom: max(5px, 3%); } #news_modal div#news_modal_table_group::-webkit-scrollbar { width: 5px; } } @media screen and (max-height: 530px) { .mapboxgl-ctrl-top-left .mapboxgl-ctrl.mapboxgl-ctrl-group { height: 40px; width: 40px; } #customLayerControl button, #customMapControl button, #mapCtrl_button_navigation button, #customMarkerControl button, #customViewAllfarmsControl button, #customReturnInitialPositionControl button, #mapCtrl_button_geolocate button, #mapCtrl_button_fullscreen button, #customPrintControl button { height: 40px; width: 40px; } .mapboxgl-ctrl-top-left .mapboxgl-ctrl-group.mapboxgl-ctrl { margin: 2px 0 0 10px; } #mapCtrl_button_viewAllfarms { margin-top: -166px; margin-left: 50px; z-index: 1; } #mapCtrl_button_returnInitialPosition { margin-top: -124px; margin-left: 50px; z-index: 1; } #mapCtrl_button_geolocate { margin-top: -82px; margin-left: 50px; z-index: 1; } #mapCtrl_button_fullscreen { margin-top: -40px; margin-left: 50px; } #mapCtrl_custom_print { margin-top: -166px; margin-left: 90px; z-index: 1; } #ZoomButtonCtrl { margin-bottom: min(40%, 40px); } .PrintDialog { max-height: calc(100vh - 65px); overflow-y: hidden; } .PrintDialog #print_map_dlg { max-height: 10em !important; } } @media screen and (max-height: 440px) { #ZoomButtonCtrl { margin-bottom: min(35%, 50px); } .mapboxgl-ctrl-top-left .mapboxgl-ctrl-group.mapboxgl-ctrl { margin: 2px 0 0 10px; } .mapboxgl-ctrl-top-left .mapboxgl-ctrl.mapboxgl-ctrl-group { height: 35px; width: 35px; } #customLayerControl button, #customMapControl button, #mapCtrl_button_navigation button, #customMarkerControl button, #customViewAllfarmsControl button, #customReturnInitialPositionControl button, #mapCtrl_button_geolocate button, #mapCtrl_button_fullscreen button, #customPrintControl button { height: 35px; width: 35px; } #mapCtrl_button_marker { margin-top: -109px; margin-left: 46px; z-index: 1; } #mapCtrl_button_viewAllfarms { margin-top: -72px; margin-left: 46px; z-index: 1; } #mapCtrl_button_returnInitialPosition { margin-top: -35px; margin-left: 46px; z-index: 1; } #mapCtrl_button_geolocate { margin-top: -109px; margin-left: 82px; } #mapCtrl_button_fullscreen { margin-top: -72px; margin-left: 82px; } #mapCtrl_custom_print { margin-top: -35px; margin-left: 82px; } } @media screen and (max-height: 375px) { #ZoomButtonCtrl { margin-bottom: min(35%, 30px); } .mapboxgl-ctrl-top-left .mapboxgl-ctrl { margin-top: 5px; } #zoomControl { width: 20px; } #zoomControl button { width: 20px; height: 20px; } #geoZoomIn{ margin-top: 2px; } #SidePanelButtonCtrl { margin-bottom: -14px; } #geoZoomLabel{ height: 15px; } .mapboxgl-ctrl-top-left .mapboxgl-ctrl-group.mapboxgl-ctrl { margin: 2px 0 0 10px; } .mapboxgl-ctrl-top-left .mapboxgl-ctrl.mapboxgl-ctrl-group { height: 25px; width: 25px; } #customLayerControl button, #customMapControl button, #mapCtrl_button_navigation button, #customMarkerControl button, #customViewAllfarmsControl button, #customReturnInitialPositionControl button, #mapCtrl_button_geolocate button, #mapCtrl_button_fullscreen button, #customPrintControl button { height: 25px; width: 25px; } #mapCtrl_button_marker { margin-top: -79px; margin-left: 36px; z-index: 1; } #mapCtrl_button_viewAllfarms { margin-top: -52px; margin-left: 36px; z-index: 1; } #mapCtrl_button_returnInitialPosition { margin-top: -25px; margin-left: 36px; z-index: 1; } #mapCtrl_button_geolocate { margin-top: -79px; margin-left: 62px; } #mapCtrl_button_fullscreen { margin-top: -52px; margin-left: 62px; } #mapCtrl_custom_print { margin-top: -25px; margin-left: 62px; } #sidePanelDisplayControl button { width: 60px; height: 40px; } #sidePanelDisplayControl { margin-left: -22px; } .PrintDialog #print_map_dlg { max-height: 5em !important; } } @media screen and (min-height: 740px) { #ZoomButtonCtrl { margin-bottom: 40%; } } @media screen (orientation: portrait) and (min-height: 920px) { #ZoomButtonCtrl { margin-bottom: 18%; } } @media screen and (min-height: 740px) and (max-width: 480px){ #ZoomButtonCtrl { margin-bottom: 70%; } } @media screen and (min-height: 600px) and (max-width: 375px) { #ZoomButtonCtrl { margin-bottom: 70%; } } @charset "utf-8"; /* TOP PAGE ===================================================== */ body { width: 100%; min-width: 320px; background: none; -webkit-text-size-adjust: 100%; font-size: 1em; line-height: 1.4; position: relative; } .arrow { margin-top: 3px; } #page_top { width: 96%; margin: 0 auto 15px; max-width: 980px; display: flex; flex-direction: row-reverse; } #page_top a { text-decoration: none; color: #666E95; font-size: 0.875em; /* 14px */ } @media screen and (max-width: 1000px) { #container { width: 96%; } } @media screen and (max-width: 800px) { #page_top { margin: 0 auto; } .pagetop { position: relative; } .pagetop.device-pc { bottom: 15px; } #container { width: 96%; padding: 0; } } @media screen and (max-width: 600px) { body { width: 100%; min-width: 320px; } .arrow { display: block; position: relative; margin-top: 12px; margin-right: 10px; width: 15px; height: 15px; background-color: #FFFFFF; border-radius: 10px; float: left; } .arrow:after { display: block; content: ""; position: absolute; top: 50%; right: 5px; width: 4px; height: 4px; margin: -3px 0px 0 0; border-top: solid 2px #3C7700; border-right: solid 2px #3C7700; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } .pagetop.device-pc { position: fixed; bottom: 0; } #container { width: 96%; max-width: 600px; padding: 0; } #container .bottom_text { display: none; } #container .special_back { padding: 15px; } #container .vicinity_back { padding: 15px; } } /* HEADER ------------------------------------- */ #header { display: flex; justify-content: space-between; height: 65px; box-shadow: 0 3px 6px rgb(0,0,0,0.1); text-align: center; line-height: 65px; border-bottom: solid 1px #666E95; position: relative; z-index: 1000; background-color: #FFFFFF; } #header-bg { background: #FFFFFF; display: flex; } #header-bg #header-open { display: flex; align-items: center; } #header-bg #header-open h1 { float: left; margin: 0 0 0 40px; } #header-bg #header-open h1 a { text-decoration: none; color: #000000; font-size: 25px; float: left; } #header-bg #header-open h1 a img { height: 23px; float: left; } #header-bg #header-open div#header-buttons { float: left; display: none; width: max-content; margin-left: 20px; } #header-bg #header-open div#header-buttons a { text-decoration: none; padding-left: 20px; } #header-bg #header-open div#header-buttons a img { vertical-align: -11px; margin-right: -10px; height: 35px; width: 35px; } #header-bg #header-open div#header-buttons a span { color: #333333; } #header-bg #header-open div#header-buttons a span:hover { color: #666E95; border-bottom: 1px solid; } #header-bg #header-open div#header-buttons button { padding: 0 0 0 20px; background: none; border: none; font-size: 1em; font-family: 'メイリオ', '游ゴシック', 'ヒラギノ角ゴシック', 'NotoSans', sans-serif; } #header-bg #header-open div#header-buttons button :hover { cursor: pointer } #header-bg #header-open div#header-buttons button img { vertical-align: -11px; margin-right: -10px; height: 35px; width: 35px; } #header-bg #header-open div#header-buttons button span { color: #333333; } #header-bg #header-open div#header-buttons button span:hover { color: #666E95; border-bottom: 1px solid; } .header_btn_active span { color: #666E95; border-bottom: 1px solid; } /* header-buttonsとnaviが重なる前に調整 */ @media only screen and (max-width: 1140px) { #header-bg #header-open div#header-buttons a { padding-left: 5px; } } @media only screen and (max-width: 1300px) { #header-bg #header-open div#header-buttons button { padding: 0 0 0 0.3em; } #header-bg #header-open div#header-buttons { margin-left: 0.75em; } } @media only screen and (max-width: 1220px) { #header-open h1 { zoom: 85%; } #header-open #header-buttons { font-size: 85%; } #navi_list { zoom: 85%; } } @media only screen and (max-width: 1070px) { #header-open, #navi_list { zoom: 100%; } #header-bg #header-open div#header-buttons { display: none !important; } /* ヘッダメニューがハンバーガ格納時、行間を設定*/ #navi ul li.menu_big_button, #navi ul li.menu_middle_button { max-height: 48px; } } /* TEXT SIZE CHOICE ------------------------------------- */ #header-bg #header-open .textsize_box { float: right; margin-top: 8px; margin-left: 8px; padding: 2px; width: 170px; background-color: #FFFFFF; border-radius: 2px; } #header-bg #header-open .textsize_border { width: 158px; height: 26px; padding: 5px; border-radius: 4px; border: 1px solid #F1F1F1; } #header-bg #header-open .textsize_border li { float: left; text-align: center; margin-top: 2px; margin-left: 5px; padding: 0; width: 24px; color: #000000; line-height: 22px; font-size: 0.8em; background-color: #EFEFEF; box-shadow: 0px 0px 2px 0 #899095; cursor: pointer; } #header-bg #header-open .textsize_border li.current, #header-bg #header-open .textsize_border li:hover { float: left; text-align: center; margin-top: 2px; margin-left: 5px; padding: 0; width: 24px; color: #FFFFFF; font-size: 0.8em; background: #004030; } #header-bg #header-open span.kinou_title { float: left; margin: 4px 3px 0; font-size: 0.8em; color: #2a3f53; } /* BG COLOR CHOICE ------------------------------------- */ #header-bg #header-open .bgcolor_box { float: right; margin-top: 8px; margin-left: 8px; padding: 2px; width: 176px; background-color: #FFFFFF !important; border-radius: 2px; } #header-bg #header-open .bgcolor_box_farminfo { float: right; margin-top: 8px; margin-left: 8px; padding: 2px; width: 176px; background-color: #FFFFFF !important; border-radius: 2px; } #header-bg #header-open .bgcolor_border { width: 164px; height: 26px; padding: 5px; border-radius: 4px; border: 1px solid #F1F1F1; } #header-bg #header-open .bgcolor_border li { float: left; text-align: center; margin-top: 2px; margin-left: 5px; padding: 2px 0; width: 24px; font-size: 0.8em; background-color: #EFEFEF; box-shadow: 0px 0px 2px 0 #899095; cursor: pointer; } #header-bg #header-open .bgcolor_border li#bg1 { background: #FFFFFF; color: #000000; } #header-bg #header-open .bgcolor_border li#bg2 { background: #000000; color: #FFFFFF; } #header-bg #header-open .bgcolor_border li#bg3 { background: #0000FF; color: #FFFFFF; } @media screen and (max-width: 800px) { #header-bg { max-width: 800px; padding-right: 70px; } #header-bg #header-open { width: 98%; margin: 0 1%; } #header-bg #header-open .textsize_box { clear: both; margin-top: 0; } #header-bg #header-open .textsize_box, #header-bg #header-open .bgcolor_box_farminfo { display: none; } } @media screen and (max-width: 600px) { #header-bg { max-width: 600px; margin: 0 auto; } #header-bg #header-open { width: 100%; margin: 0; } #header-bg #header-open h1 { float: none; margin: 0 0 0 10px; } #header-bg #header-open .textsize_box, #header-open .bgcolor_box { display: none; } #header-bg #header-open .textsize_box, #header-open .bgcolor_box_farminfo { display: none; } } /* グローバルメニューをクリックする時、メニューの行間を設定 ------------------------------------- */ #navi ul li.menu_middle_button { max-height: 48px; } #navi ul li.menu_small_button { max-height: 35px; } /* FOOTER ------------------------------------- */ #footer { padding-top: 0; border-top: none; } #footer a { color: #000000; text-decoration: none; } #footer a:hover { color: #666666; text-decoration: none; } #footer .up-color { width: 100%; background-color: #E8E8E8; } #footer .up { margin: 0 auto; padding: 2.5em 0 0 0; width: 100%; max-width: 980px; height: 100%; max-height: 377px; } #footer.maintenance .up { padding: 1.4375em 0 0 0; } #footer li { display: inline-block; } #footer li { float: left; margin-right: 0.9375em; text-align: left; text-decoration: underline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: 21px; letter-spacing: 0px; color: #333333; opacity: 1; } #footer li:nth-child(3) { margin-right: 1.1875em; } #footer .bottom-color { width: 100%; background-color: #E8E8E8; } #footer .bottom { margin: 0 auto; padding: 0.5625em 0 1.375em 0; width: 100%; max-width: 980px; position: relative; border-top: 1px solid #666E95; } #footer.maintenance .bottom { padding: 0.5em 0 1.375em 0; } #footer .bottom p { font-size: 0.9em; color: #FFFFFF; } #footer .bottom p.copyright { font-size: 0.5em; } #footer .bottom .text-corp { font-size: 1.2em; margin-right: 0.8em; } #footer .footer_logo { float: left; margin: 0 0 0.75em 0.4375em; width: 144px; height: 19px; } #footer .term { text-align: right; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 18px; letter-spacing: 0px; color: #333333; opacity: 1; } #footer .list { float: right; margin-right: -0.75em; } #footer .grid-container { display: grid; grid-template-columns: 210px 210px 219px 96px; grid-row-gap: 12px; grid-column-gap: 35px; width: 100%; max-width: 980px; margin-bottom: 82px; grid-template-areas: "area1 area2 area3 area4" "area1 area2 area3 area5" "area1 area2 area3 area6" "area1 area2 area3 ." "area1 area2 area3 ."; } #footer .column { display: grid; grid-row-gap: 12px; align-items: center; } #footer .column1 { grid-template-rows: 24px repeat(5,21px); width: 84px; height: 189px; } #footer .column2 { grid-template-rows: 24px repeat(2,21px) 43px repeat(3,21px); width: 210px; height: 244px; } #footer .column3 { grid-template-rows: 24px repeat(4,21px) 63px 21px; width: 219px; height: 264px; } #footer .column4, #footer .column5, #footer .column6 { grid-template-rows: 24px; width: 96px; height: 24px; grid-row-gap: 28px; margin-bottom: 16px; } #footer .column1 .item1, #footer .column2 .item1, #footer .column3 .item1, #footer .column4 .item1, #footer .column5 .item1, #footer .column6 .item1 { text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 16px; line-height: 50px; letter-spacing: 0px; color: #333333; opacity: 1; } #footer .column1 .item2, #footer .column1 .item3, #footer .column1 .item4, #footer .column1 .item5, #footer .column1 .item6, #footer .column2 .item2, #footer .column2 .item3, #footer .column2 .item4, #footer .column2 .item5, #footer .column2 .item6, #footer .column2 .item7, #footer .column3 .item2, #footer .column3 .item3, #footer .column3 .item4, #footer .column3 .item5, #footer .column3 .item6, #footer .column3 .item7 { text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: 22px; letter-spacing: 0px; color: #333333; opacity: 1; } @media screen and (max-width: 800px) { #footer { width: 100%; max-width: 800px; margin: 0 auto; } #footer .up, #footer .bottom { width: 98%; margin: 0 1%; } #footer .up { position: relative; z-index: 100; } #footer li { margin-right: 10px; } #footer li a { font-size: 0.8em; line-height: 1em; } #footer .bottom { position: relative; z-index: 10; } #footer .bottom img.town { bottom: 70px; } #footer .text-corp { display: block; } #footer .footer_logo { float: none; margin-right: 10px; } #footer .term { text-align: right; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7.5px; line-height: 11.25px; letter-spacing: 0px; color: #333333; opacity: 1; } #footer .grid-container { width: 98%; margin: 0 1%; display: grid; grid-template-columns: 84px 210px 219px 60px; grid-row-gap: 7.5px; grid-column-gap: 21.875px; width: 98%; max-width: 800px; margin-bottom: 51.25px; } #footer .column1 .item1, #footer .column2 .item1, #footer .column3 .item1, #footer .column4 .item1, #footer .column4 .item2, #footer .column4 .item3 { text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 16px; line-height: 50px; letter-spacing: 0px; color: #333333; opacity: 1; } #footer .column1 .item2, #footer .column1 .item3, #footer .column1 .item4, #footer .column1 .item5, #footer .column1 .item6, #footer .column2 .item2, #footer .column2 .item3, #footer .column2 .item4, #footer .column2 .item5, #footer .column2 .item6, #footer .column2 .item7, #footer .column3 .item2, #footer .column3 .item3, #footer .column3 .item4, #footer .column3 .item5, #footer .column3 .item6, #footer .column3 .item7 { text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 8.75px; line-height: 13.75px; letter-spacing: 0px; color: #333333; opacity: 1; } } @media screen and (max-width: 600px) { #footer { height: 437px } #footer.maintenance { height: 100px } #footer .up, #footer .bottom { width: 90%; max-width: 600px; margin: 0 5% 0 5%; } #footer .up-color { background-color: #E8E8E8; height: 400px; } #footer.maintenance .up-color { height: 60px; } #footer.maintenance .up { width: 96%; margin: 0 2% 0 2%; } #footer .bottom-color { position: absolute; height: 52px; } #footer .up { padding: 40px 0 70px 0; height: auto; } #footer .bottom { border-top: 1px solid #666E95; height: 20px; } #footer ul { margin: 0; width: 100%; } #footer li { float: none; display: block; margin: 2px 0; padding: 0 5px; } #footer li a { display: block; font-size: 1em; line-height: 40px; } #footer .bottom p { margin: 0 0 0 0.8em; font-size: 0.7em; } #footer .text-corp { display: block; margin: 0 0 5px 0; } #footer .bottom p.copyright { margin: 10px 10px 0; font-size: 9px; } #footer .footer_logo { margin: 0 0 -9em 0.5em; } #footer.maintenance .footer_logo { margin: 0 0 0 .5em; } #footer.maintenance .bottom { width: 96%; margin: 0 2% 0 2%; } #footer .term { margin: 0 0 0 0.5em; } #footer .grid-container { display: grid; grid-template-columns: 170px 170px; grid-row-gap: 0; grid-column-gap: 0; width: 100%; max-width: 600px; grid-template-areas: "area1 area2" "area3 area4" "area5 area6"; justify-content: start; align-items: baseline; } #footer .list { position: relative; float: left; display: grid; grid-template-columns: 170px 170px; width: 100%; max-width: 600px; bottom: 235px; justify-content: start; } #footer .column1 .item2, #footer .column1 .item3, #footer .column1 .item4, #footer .column1 .item5, #footer .column1 .item6, #footer .column2 .item2, #footer .column2 .item3, #footer .column2 .item4, #footer .column2 .item5, #footer .column2 .item6, #footer .column2 .item7, #footer .column3 .item2, #footer .column3 .item3, #footer .column3 .item4, #footer .column3 .item5, #footer .column3 .item6, #footer .column3 .item7 { display: none; } #footer .column1, #footer .column2, #footer .column3, #footer .column4, #footer .column5, #footer .column6 { grid-template-rows: none; height: auto; } #footer .column4, #footer .column5, #footer .column6 { width: 96px; height: 41.14px; grid-row-gap: 28px; margin-bottom: 0px; } } /* INPUT ------------------------------------- */ input.address { width: 55%; } /* TABLE ------------------------------------- */ table { background-color: transparent; } /* SUB CONTENTS ------------------------------------- */ #sub_contents { margin: 2em auto; width: 100%; max-width: 980px; } #sub_contents .box_left { margin: 0 0 0 1%; float: left; width: 64%; } #sub_contents .box_right { margin: 0 1% 0 0; float: right; width: 30%; } #sub_contents .box_right .side_text { display: none; } #sub_contents .line { clear: both; width: 92%; margin: 0 auto 10px; padding: 10px 0 0; height: 2px; border-bottom: 2px dotted #cecebf; text-align: center; } #sub_contents ul { margin: 0 0 20px 0; } #sub_contents ul li { float: left; margin: 0 0 0 20px; } #sub_contents ul li .arrow, #sub_contents ul li .arrow { background-color: #79bd39; } #sub_contents ul li .arrow:after, #sub_contents ul li .arrow:after { border-top: solid 2px #FFFFFF; border-right: solid 2px #FFFFFF; } #sub_contents ul.info_new { margin: 0 0 5px 0; padding: 60px 20px 0 72px; background: url(./img/open/top_new_bg.png) no-repeat 0 0; } #sub_contents ul.info_qa { margin: 0; padding: 60px 20px 0 72px; background: url(./img/open/top_qa_bg.png) no-repeat 0 0; } #sub_contents ul.info_new li, #sub_contents ul.info_qa li { clear: both; margin-bottom: 0.5em; } #sub_contents ul.info_new li .date { float: left; } #sub_contents ul.info_new li .news { float: left; margin-left: 15px; } #sub_contents ul.info_qa li { list-style: disc; color: #3c7700; margin-left: 20px; } #sub_contents ul.info_qa li.answer { color: #000000; margin: 0.5em 1.5em; margin-bottom: 1em; list-style-type: none; white-space: normal; display: none; } #sub_contents ul.list_link li a { color: #000000; font-size: 1em; text-decoration: none; } #sub_contents ul.list_link li a:hover { color: #666666; text-decoration: none; } #sub_contents .side_banner { margin: 0 0 5px 0; } #sub_contents .side_banner img { width: 100%; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); -o-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); -ms-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); } #sub_contents .mainte { margin: 0 0 40px 0; padding-left: 90px; } @media screen and (max-width: 600px) { #sub_contents { margin: 0; } #sub_contents .box_left { display: none; } #sub_contents .box_right { float: none; margin: 0 auto; width: 300px; } #sub_contents .side_banner { margin: 0 0 10px 0; } #sub_contents .box_right .side_text { display: inherit } } /* FARMLAND SEARCH ------------------------------------- */ .address_search_panel input.address { float: left; } .address_search_panel .address_link { float: left; } .address_search_panel th.address_col1 { width: auto; } .address_search_panel td.address_col4_upper { border-bottom: none; } .address_search_panel td.address_col4_lower { vertical-align: top; } #SearchModeLandAreaPanel .address_buttons { float: left; } #SearchModeLandAreaPanel .address_buttons li { float: left; } @media screen and (max-width: 800px) { .address_search_panel th.address_col1 { width: 96%; } .address_search_panel input.address { float: none; width: 92%; margin-bottom: 0.5em; } .address_search_panel .address_link { float: none; margin: 0.5em 0 0; } .address_search_panel .address_link a { clear: both; } .address_search_panel .address_col4_upper { display: none; } #SearchModeLandAreaPanel input.address { width: 50%; } } @media screen and (max-width: 480) { #search_mode_tabs.tab_two_left li { margin: 0; padding: 0; width: 50%; } #search_mode_tabs.tab_two_left li a { line-height: inherit; padding-top: 0.4em; } #SearchModeLandAreaPanel input.address { width: 92%; } } /* FARMLAND DETAIL ------------------------------------- */ #farmland_detail .accordion_contents { display: none; margin-bottom: 20px; border-bottom: 2px dotted #666666; } #farmland_detail #hanrei { float: right; width: 25%; } #farmland_detail .line { padding: 10px; border: 1px solid #666666; } #farmland_detail .responsive table th { width: 15%; } #farmland_detail .responsive input.address { width: 70%; } #detail_address_first_half, #detail_address_latter_half, #detail_address, #detail_address_sequel, #detail_address_sidepanel, #detail_address_sequel_sidepanel, #bookmark_kensaku, #bookmark_nouti, #nouti_shiborikomi_hint { display: none; max-height: 43%; overflow-y: auto; } #detail_vicinity { display: none; max-height: 50%; overflow-y: auto; } @media screen and (max-width: 800px) { #detail_ownerintention, #detail_rightcontnets, #detail_toshikeikakuhou, #detail_noushinhou, #detail_useintention, #detail_area, #detail_usesituation, #detail_rightkind, #detail_endperiod2, #search_hint, #detail_where, #detail_endperiod1, #detail_address_first_half, #detail_address_latter_half, #detail_address, #detail_address_sequel, #detail_address_sidepanel, #detail_address_sequel_sidepanel, #bookmark_kensaku, #bookmark_nouti, #detail_vicinity, #nouti_shiborikomi_hint, #detail_nouti_polygon { width: 80%; } #farmland_detail .responsive table th { display: block; padding: 2%; width: 96%; white-space: normal; width: 25%\9; } #farmland_detail .responsive input.address { width: 95%; width: 95%\9; } #farmland_detail #mapContainer { width: 100%; } #farmland_detail #hanrei { float: left; width: auto; margin-bottom: 20px; } #farmland_detail #hanrei table { display: table; overflow: auto; table-layout: auto; width: auto; } } @media screen and (max-width: 600px) { #detail_address_first_half, #detail_address_latter_half, #detail_address, #detail_address_sequel, #detail_address_sidepanel, #detail_address_sequel_sidepanel, #bookmark_kensaku, #bookmark_nouti, #detail_vicinity, #nouti_shiborikomi_hint { max-height: 63%; } #farmland_detail .responsive input.address { width: 90%; margin-bottom: 10px; } #farmland_detail #hanrei { float: left; width: auto; margin-bottom: 20px; } #farmland_detail #hanrei table { display: table; overflow: auto; table-layout: auto; width: auto; } #farmland_detail #hanrei table td { white-space: normal; } } /* STATIC ------------------------------------- */ #container .static .search_step { position: relative; width: 100%; height: 100%; max-width: 980px; border: 1px solid #CCCCCC; margin: 2em 0; } #container .static .search_step img { width: 100%; height: 100%; vertical-align: top; } #container .static .map_operation img { width: 100%; border: 1px solid #999999; margin-bottom: 2em; } #search_navigator .step_category { float: left; width: 32%; margin: 0 14px 30px 0; } #search_navigator .mg_0 { margin: 0 0 30px 0; } #search_navigator .step_category .button a { color: #FFFFFF !important; display: block; text-decoration: none; padding: 20px 10px; border: 5px solid #e6c154; background-image: url(./img/open/search_btn_bk.png); background-position: top left; background-color: #007D1F; font-size: 1.25em; line-height: 1.2; text-align: center; } #search_navigator .step_category .button a:hover { opacity: 0.8; } #search_navigator .step_category .text { margin-top: 10px; } #search_navigator .step { margin-bottom: 2em; } #search_navigator .step_text { width: 55%; float: left; } #search_navigator .step_text .text_left { text-align: left; } #search_navigator .step_text h4 { text-align: left; } #search_navigator .step_text p { background-color: #FFFFFF; padding: 10px; margin: 0 0 0.5em; border: 1px solid #ECECDA; } #search_navigator .step_text .point { background-color: #EDEDDC; padding: 10px; margin: 20px 0; } #search_navigator .step_text .point_text { width: 77%; float: right; } #search_navigator .step_text ul { margin-bottom: 0; } #search_navigator .step_image { width: 40%; float: right; } #search_navigator .step_image .small { font-size: 0.85em; margin: 10px 0 5px; } #search_navigator .step_image img { width: 100%; border: 1px solid #999999; } #search_navigator .step_arrow { margin: 0 auto 0.5em; width: 30px; height: 30px; } #search_navigator .blue_line { color: #0000ff; text-decoration: underline; } #search_navigator .step_finish_button a { display: block; margin: 0 auto; padding: 10px; text-align: center; font-size: 1.25em; font-weight: bold; line-height: 2em; width: 70%; color: #ffffff !important; text-decoration: none; border-radius: 5px; background: #299a0b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OWEwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYzMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #299a0b 0%, #006302 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#006302)); background: -webkit-linear-gradient(top, #299a0b 0%,#006302 100%); background: -o-linear-gradient(top, #299a0b 0%,#006302 100%); background: -ms-linear-gradient(top, #299a0b 0%,#006302 100%); background: linear-gradient(to bottom, #299a0b 0%,#006302 100%); } #search_navigator .step_finish_button a:hover { opacity: 0.8; } #search_navigator .search_title img { width: 100%; margin-bottom: 20px; } #search_navigator .enclose_point { background: url(./img/open/point_circle.png) no-repeat 0; width: 70px; height: 70px; line-height: 70px; text-align: center; color: #ffffff; font-weight: bold; margin: 0 15px 0 0; font-size: 0.85em; float: left; } @media screen and (max-width: 800px) { #search_navigator .step_category { float: none; width: 100%; margin: 0 0 10px 0; } #search_navigator .step_text .point_text { width: 67%; } } @media screen and (max-width: 600px) { #search_navigator .step_text { width: 100%; float: none; } #search_navigator .step_image { float: none; width: 100%; } #search_navigator .enclose_point { float: none; margin: 0 10px 10px; } #search_navigator .step_text .point_text { float: none; width: 100%; } } #container .special_back { background-color: #FAFAF6; border: 2px solid #ECECDA; padding: 30px; } #container .special_back p, #search_navigator .step_text h4, #search_navigator .step_text .point { color: #000000; } #container .midashi { padding: 0; font-size: 1.25em; margin-bottom: 0.8em; border-left: none; border-bottom: 3px solid #006302; color: #006302; font-weight: bold; background: url(./img/open/special_midashi.png) no-repeat bottom right; height: 50px; } /* 見出しを縦中央に配置する */ .midashi span { display: table-cell; vertical-align: middle; height: 50px; } /* 農地中間管理機構について ============================================================ */ #special { line-height: 1.8em; } #special .main_image img { width: 100%; max-width: 980px; margin: 0 0 10px; } #special .special_fleft { float: left; width: 57%; } #special .special_fright { float: right; width: 41%; } #special .special_fright img { width: 100% } #special .btn_blue a { color: #ffffff !important; display: block; text-decoration: none; padding: 20px 10px; border: 5px solid #e6c154; background-image: url(./img/open/special_btnimage01.png); background-position: 30px 3px; background-repeat: no-repeat; background-color: #019A9A; font-size: 1.25em; line-height: 1.2; text-align: center; margin-bottom: 20px; } #special .btn_yellow a { color: #ffffff !important; display: block; text-decoration: none; padding: 20px 10px; border: 5px solid #e6c154; background-image: url(./img/open/special_btnimage02.png); background-position: 30px 3px; background-repeat: no-repeat; background-color: #ef9500; font-size: 1.25em; line-height: 1.2; text-align: center; } #special .btn_blue a:hover, #special .btn_yellow a:hover { opacity: 0.8; } #special .btn_feature { margin-top: 3.75em; display: flex; justify-content: space-between; flex-wrap: wrap; } #special .btn_feature_border { display: flex; align-items: center; width: 476px; height: 94px; border: 2px solid #E8E8E8; border-radius: 8px; opacity: 1; margin-bottom: 1.3em; } #special .btn_feature_border:hover { border-color: #666E95; } #special .btn_feature_border a { opacity: 1; display: inline-block; text-decoration: none; margin-left: 20px; } #special .btn_feature_title { max-width: 408px; margin-left: 8px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 1.125em; /* 18px */ line-height: 1.6875em; /* 27px */ letter-spacing: 0px; color: #333333; } @media screen and (max-width: 800px) { #special .special_fleft { float: none; width: 100%; } #special .special_fright { float: none; width: 65%; margin: 0 auto; } #special .btn_blue a { padding: 20px 10px 20px 100px; background-position: 5px 3px; } #special .btn_yellow a { padding: 20px 10px 20px 100px; background-position: 5px 3px; } } /* 関連団体リンク一覧 ============================================================ */ #related_link li { list-style: none; } #related_link a { text-align: left; line-height: 1.5em; /* 24px */ letter-spacing: 0px; color: #333333; opacity: 1; } #related_link li div::before { content: "・ "; color: #333; } #related_link a { font-size: 1em; /* 16px */ } #related_link img { width: 10px; height: 10px; } /* STATIC(農地ナビシミュレーション) ------------------------------------- */ #vicinity_navigator .step_category_on, #vicinity_navigator .step_category_off { float: left; width: 48%; margin: 1em 18px 10px 0; } #farm_navi p.breadcrumb, #book_mark_help p.breadcrumb { line-height: 21px; } #book_mark_help .last_title { margin-top: 60px; } #book_mark_help h4 { margin-bottom: 10px; } #vicinity .step_text h4, #farm_navi .step_text h4, #book_mark_help .step_text h4 { color: #666E95; margin-bottom: 8px; } #vicinity hr, #farm_navi hr, #book_mark_help hr { margin: 2.5em 0; height: 0; } #vicinity .content_left, #farm_navi .content_left, #book_mark_help .content_left { width: calc(50%); float: left; } #book_mark_help .button_left { width: calc(50% - 14px); float: left; } #book_mark_help .button_right { width: calc(50% - 14px); float: right; } #book_mark_help .step_category_block { margin-top: 3.75em; } #book_mark_help .step_category_on { flex-direction: column; } #book_mark_help .step_category_on .button { background: #666E95; height: 87px; width: 100%; border-radius: 0.5em; } #book_mark_help .button { cursor: pointer; } #book_mark_help .button a { color: #FFFFFF; line-height: 27px; font-size: 1.25em; font-weight: bold; text-decoration: none; } #book_mark_help .step_category_off .button { background: #757575; height: 87px; width: 100%; border-radius: 0.5em; } #book_mark_help .operation_flow { background: #E5EAFC; width: 100%; border-radius: 0.25em; padding: 1.5em 0; } #book_mark_help .operation_flow ul { margin-left: 1.5em; } #book_mark_help .operation_flow li a { color: #333333; line-height: 1.5em; } #book_mark_help .operation_flow ul li:first-child { margin-bottom: 0.5em; } #vicinity .content_right { display: flex; flex-direction: column; } #vicinity .content_right, #farm_navi .content_right, #book_mark_help .content_right { width: calc(50% - 30px); float: right; } #vicinity .step_image #farm_navi .step_image, #book_mark_help .step_image { display: flex; flex-direction: column; } #farm_navi .condition_search { margin-bottom: 1em; } #vicinity .step_image img, #farm_navi .step_image img, #book_mark_help .step_image img { width: 100%; max-width: 100%; } #farm_navi .enclose_point { background: #666e95; height: 46px; line-height: 24px; color: #FFFFFF; font-weight: bold; border-radius: 4px 4px 0px 0px; margin-top: 1em; } #farm_navi ul div:first-child { margin-bottom: 0.5em; } #farm_navi .step_02 .enclose_point { margin-top: 1.1875em; } #farm_navi .point_text { border: 1px solid #666E95; border-radius: 0px 0px 4px 4px; padding: 13px 20px 15px 20px; line-height: 24px; } #farm_navi .point_text .point_content { display: flex; } #farm_navi .point_text .dot { color: #666E95; margin-right: 4px; } #farm_navi .point_text .attention { color: #666E95; font-weight: bold; font-size: 16px; } .icon_check { margin: auto 6px; width: 1em; height: 1em; } #farm_navi .point_title { text-align: center; font-size: 1em; font-weight: bold; line-height: 1.5em; letter-spacing: 0px; color: #FFFFFF; margin: 12px 0 10px 0; } #vicinity .step_image .small, #farm_navi .step_image .small, #book_mark_help .step_image .small { margin-bottom: 0.5em; } #vicinity .step_text .container_text { padding: 0.9375em 1.1875em; border-radius: 4px; border: 1px solid #CCCCCC; } #vicinity .step_text .container_text.note { background-color: #e8e8e880; margin-top: 1em; border: 1px solid #e8e8e880; } #vicinity .step_text .container_text p.has_icon { display: flex; flex-direction: row; } #vicinity .step_text .container_text p.has_icon .icon { text-align: center; min-width: 1em; margin-right: 0.25em; } #vicinity .step_text .container_text p a, #vicinity .step_text .container_text p strong { color: #666e95; } #vicinity .step_text .container_text p a { text-decoration: underline; } #farm_navi .step_text p, #book_mark_help .step_text p { line-height: 1.5em; padding: 0.9375em 1.25em; border: 1px solid #CCCCCC; border-radius: 4px; } #vicinity .step_category_block { display: grid; align-items: start; grid-template-columns: repeat(2, 1fr); gap: 0 1.75em; margin-top: 3.75em; } #vicinity .step_category_block a { text-decoration: none; color: #ffffff; font: 1.125em; line-height: 1.5em; } #vicinity .step_category_block div.button.step_category_active { background: #666E95 0% 0% no-repeat padding-box; } #farm_navi .step_category_block { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 19px; margin-top: 3.75em; } #vicinity .step_category_block .step_category_1, #vicinity .step_category_block .step_category_2, #farm_navi .step_category_block .step_category_1, #farm_navi .step_category_block .step_category_2, #farm_navi .step_category_block .step_category_3 { flex-direction: column; } #vicinity .step_category_block .step_category_1 .button, #vicinity .step_category_block .step_category_2 .button, #farm_navi .step_category_block .step_category_1 .button, #farm_navi .step_category_block .step_category_2 .button, #farm_navi .step_category_block .step_category_3 .button { width: 100%; background: #757575; height: 87px; border-radius: 0.5em; color: #FFFFFF; line-height: 1.5em; font-size: 1.125em; font-weight: bold; cursor: pointer; text-align: center; } #farm_navi .step_category_block .step_category_1 .button:focus, #farm_navi .step_category_block .step_category_2 .button:focus, #farm_navi .step_category_block .step_category_3 .button:focus { outline: #000 solid 2px; } @media screen and (max-width: 800px) { #vicinity_navigator .step_category { float: none; width: 100%; margin: 0 0 10px 0; } #vicinity_navigator .step_text .point_text { width: 67%; } } @media screen and (max-width: 600px) { #book_mark_help .content_right, #book_mark_help .content_left { width: 100% } #book_mark_help .content_right { margin-top: 1em; } #book_mark_help .step_image .small { margin-top: 1em; } #farm_navi .step_category_block { grid-template-columns: repeat(1, 100%); } #vicinity .step_category_block { display: flex; flex-direction: column; align-items: inherit; row-gap: 1em; } #vicinity .step_category_block.reverse_block { flex-direction: column-reverse; } #vicinity .step { display: flex; flex-direction: column; row-gap: 1em; } #vicinity .step .step_image, #vicinity .step .step_text { width: 100%; } } @media screen and (max-width: 480px) { #book_mark_help .button a { padding: 0 20px; } } #farm_navi .step_text .point, #book_mark_help .step_text .point { line-height: 1.5em; padding: 1em 1.25em; background-color: #E8E8E880; margin-top: 1em; border: none; } .arrow_down_on { width: 0; height: 0; border-left: 21px solid transparent; border-right: 21px solid transparent; border-top: 10px solid #666E95; margin-top: 4px; } .step_arrow_down { width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 12px solid #E5EAFC; margin-top: 4px; font-size: 16px; margin: 1em auto; } .step_arrow_down_type_1 { width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 12px solid #CCCCCC; margin-top: 4px; font-size: 16px; margin: 1em auto; } #vicinity_navigator .step_category_off .button a { color: #222222 !important; box-shadow: 2px 2px 3px rgba(0,0,0,0.25) inset; text-shadow: 0px 1px #BBB, 1px 2px #AAA, 2px 3px #999; font-weight: bold; display: block; text-decoration: none; padding: 20px 10px; border: 5px solid #cfeb41; background-image: url(./img/open/search_btn_bk.png); background-position: top center; background-color: #ddecf3; font-size: 1.25em; line-height: 1.2; text-align: center; } #vicinity_navigator .step_category_on .button a { color: #222222 !important; box-shadow: 2px 2px 3px rgba(0,0,0,0.25) inset; text-shadow: 0px 1px #BBB, 1px 2px #AAA, 2px 3px #999; font-weight: bold; display: block; text-decoration: none; padding: 20px 10px; border: 5px solid #e9411b; background-image: url(./img/open/search_btn_bk.png); background-position: top center; background-color: #ddecf3; font-size: 1.25em; line-height: 1.2; text-align: center; } #vicinity_navigator .step_category .button a:hover { opacity: 0.8; } #vicinity_navigator .step_category .text { margin-top: 10px; } #vicinity_navigator .step { margin-bottom: 2em; } #vicinity_navigator .step_text_all { width: 100%; margin: 0 auto 4em; } #vicinity_navigator .step_text_all h4 { text-align: left; } #vicinity .step_index p, #vicinity .step_text_all p { margin-bottom: 0.5em; } #vicinity .step_index p:last-child, #vicinity .step_text_all p:last-child { margin-bottom: 0; } #vicinity_navigator .step_text { width: 55%; float: left; } #vicinity_navigator .step_text .text_left { text-align: left; } #vicinity_navigator .step_text h4 { text-align: left; } #vicinity_navigator .step_text p { padding: 10px; margin: 0 0 0.5em; border: 1px solid #ECECDA; } #vicinity_navigator .step_text .point { background-color: #EDEDDC; border: 1px solid #bebebb; color: black; padding: 10px; margin: 20px 0; } #vicinity_navigator .step_text .point_text { width: 77%; float: left; } #vicinity_navigator .step_text ul { margin-bottom: 0; } #vicinity_navigator .step_image { width: 40%; float: right; } #vicinity_navigator .step_image .small { font-size: 0.85em; margin: 10px 0 5px; } #vicinity_navigator .step_image img { width: 100%; border: 1px solid #999999; } #vicinity_navigator .step_arrow { margin: 0 50% 0.5em; width: 30px; height: 30px; } #vicinity_navigator .blue_line { color: #0000ff; text-decoration: underline; } #vicinity_navigator .step_finish_button a { display: block; margin: 0 auto; padding: 10px; text-align: center; font-size: 1.25em; font-weight: bold; line-height: 2em; width: 70%; color: #ffffff !important; text-decoration: none; border-radius: 5px; background: #299a0b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OWEwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYzMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #299a0b 0%, #006302 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#006302)); background: -webkit-linear-gradient(top, #299a0b 0%,#006302 100%); background: -o-linear-gradient(top, #299a0b 0%,#006302 100%); background: -ms-linear-gradient(top, #299a0b 0%,#006302 100%); background: linear-gradient(to bottom, #299a0b 0%,#006302 100%); } #vicinity_navigator .step_finish_button a:hover { opacity: 0.8; } #vicinity_navigator .search_title img { width: 100%; margin-bottom: 20px; } #vicinity_navigator .enclose_point { background: url(./img/open/point_circle.png) no-repeat 0; width: 70px; height: 70px; line-height: 70px; text-align: center; color: #ffffff; font-weight: bold; margin: 0 15px 0 0; font-size: 0.85em; float: right; } @media screen and (max-width: 600px) { #vicinity_navigator .step_text { width: 100%; float: none; } #vicinity_navigator .step_image { float: none; width: 100%; } #vicinity_navigator .enclose_point { float: none; margin: 0 10px 10px; } #vicinity_navigator .step_text .point_text { float: none; width: 100%; } } #container .vicinity_back { border: 2px solid #ECECDA; padding: 30px; } #container .vicinitymidashi { padding: 0; font-size: 1.25em; margin-bottom: 0.8em; border-left: none; border-bottom: 3px solid #208322; font-weight: bold; background: url(./img/open/special_midashi.png) no-repeat bottom right; height: 50px; } /* 見出しを縦中央に配置する */ .vicinitymidashi span { display: table-cell; vertical-align: middle; height: 50px; } /* INFORMATION ------------------------------------- */ #container .info { background-color: #F3E9CD; padding: 10px 15px; margin-bottom: 20px; } /* 一括ダウンロード ------------------------------------- */ #download .todohuken_accordion { margin: 0.5em 0.5em 0.5em 0.7em; padding: 5px 0; background-color: #F3E9CD; display: flex; flex-flow: row; flex-wrap: wrap; } #download .todohuken_accordion > div:first-child { width: 20%; } #download .todohuken_accordion > div:first-child > span { background-image: url(./img/icon_close.png) !important; background-repeat: no-repeat !important; background-position: 10px 4px !important; padding-left: 35px; font-size: 1.1em; font-weight: bold; cursor: pointer; } #download .todohuken_accordion > div:first-child > span.selected { background-image: url(./img/icon_open.png) !important; background-repeat: no-repeat !important; background-position: 10px 4px !important; } #download .todohuken_accordion > div:nth-of-type(2) { width: 20%; } #download .todohuken_accordion > div:nth-of-type(3) { width: 60%; } #download .todohuken_contents { margin-left: 0.7em; } #download .todohuken_contents ul li { height: 2.0em; } #download .todohuken_contents ul li > div { display: flex; flex-flow: row; flex-wrap: wrap; } #download .todohuken_contents ul li > div > div:first-child { width: 40%; } #download .todohuken_contents ul li > div > div:nth-of-type(2) { width: 60%; font-size: 0.9em; overflow: hidden; } @media screen and (max-width: 480px) { #download .todohuken_accordion > div:first-child { width: 100%; } #download .todohuken_accordion > div:nth-of-type(2) { width: 30%; padding-left: 10px; } #download .todohuken_accordion > div:nth-of-type(3) { width: 60%; } } /* 使い方ガイド ============================================================ */ .text_style { text-align: left; font-style: normal; font-variant: normal; font-weight: normal; } #OperationGuide .display_flex_normal, #UsefulView .display_flex_normal { display: flex; align-items: normal; } #OperationGuide .display_flex_normal img, #UsefulView .display_flex_normal img { margin: 2px 0; } .btn { display: flex; justify-content: space-between; } .btn_after { margin-left: 28px; } #UsefulView h3, #OperationGuide h3 { border: none; padding: 0; margin-bottom: 20px; } #OperationGuide_button .button_border { padding: 30px; border: 2px solid #E8E8E8; border-radius: 8px; } #OperationGuide_button .button_border:hover { border-color: #666E95; } #OperationGuide_button .button_title { margin-left: 8px; margin-bottom: 10px; font-size: 1.25em; letter-spacing: 0px; color: #333333; font-weight: bold; } #OperationGuide_button .button_text { font-size: 1em; line-height: 1.5em; letter-spacing: 0px; color: #333333; } #OperationGuide_button label { cursor: pointer; } @media screen and (max-width: 600px) { .btn { display: grid; justify-content: normal; } .btn_after { margin-left: 0px; margin-top: 28px; } } /* お役立ち情報 ============================================================ */ #UsefulView .btn_border { padding: 30px; border: 2px solid #E8E8E8; border-radius: 8px; flex: 1; text-decoration: none; background-position: center top; background-size: contain; background-repeat: no-repeat; } #UsefulView .btn_border:hover { border-color: #666E95; } #UsefulView .btn_title { margin-left: 8px; margin-bottom: 10px; font-size: 1.25em; letter-spacing: 0px; color: #333333; font-weight: bold; } #UsefulView .btn_text { font-size: 1em; line-height: 1.5em; letter-spacing: 0px; color: #333333; } #UsefulView label { cursor: pointer; } /* 新着情報 ============================================================ */ #NewsView .title_text { margin-left: 12px; font-size: 1.75em; line-height: 1.5em; letter-spacing: 1.4px; color: #000000; font-weight: bold; } .label_style { display: flex; align-items: center; } #NewsView .label_style { margin-top: 8px; } .label_after { margin-left: 40px; } #NewsView .label_text1 { letter-spacing: 0px; color: #666E95; font-weight: bold; text-decoration: underline; cursor: pointer; } #NewsView .see_more_label { margin-top: 1.5em; font-size: 0.875em; height: 1.5em; } #NewsView .label_text2 { font-size: 0.8em; line-height: 1.5em; letter-spacing: 0px; color: #333333; } #NewsView .label_text3 { min-width: max(149px, 15%); font-size: 0.875em; line-height: 1.5em; letter-spacing: 0px; color: #333333; } #NewsView .label_text2 { font-size: 1em; line-height: 1.5em; letter-spacing: 0px; color: #333333; } .scrollToTop_text { float: right; text-align: right; font-size: 0.875em; line-height: 1.3125em; letter-spacing: 0px; color: #666E95 !important; } @media screen and (max-width: 600px) { .label_style { display: grid; align-items: center; } .label_after { margin-left: 0px; margin-top: 28px; } } /* エラーページ ============================================================ */ #errormessage .label_text { font-size: 1.75em; line-height: 2.625em; letter-spacing: 0px; color: #000000; font-weight: bold; } #errormessage .label_text2 { font-size: 1em; line-height: 1.5em; letter-spacing: 0px; color: #333333; } #errormessage .label_text3 { font-size: 1em; line-height: 1.5em; letter-spacing: 0px; color: #000000; font-weight: bold; border-bottom: 1.5px dotted #dbc37c; padding-bottom: 4px; } .homeback_btn { background: #FFFFFF 0% 0% no-repeat padding-box; border: 2px solid #666E95; border-radius: 20px; padding: 9px 104px; text-decoration: none; text-align: center; font-size: 1em; line-height: 1.5em; letter-spacing: 0px; font-weight: bold; color: #666E95; } /* 以下、レスポンシブ */ @media screen and (max-width: 800px) { /* KOHYOJITEN ------------------------------------- */ #kohyojiten table { display: inline-table; } } @media screen and (max-width: 480px) { h3 { margin-top: 30px !important; } /* KOHYOJITEN ------------------------------------- */ #kohyojiten table { overflow: hidden; } #kohyojiten .content_table th, #kohyojiten .content_table td { font-size: 0.875em; padding: 0.625em 0.5em 0.5625em; height: 1.5em; } } /* Button Info Type-A ------------------------------------- */ .button_info_type_a { background: #22242B; font-size: 1em; font-weight: bold; border: none; border-radius: 20px; width: 304px; height: 40px; color: #FFFFFF; cursor: pointer; line-height: 2.25em; } .button_info_type_a_disable { background: #999999; font-size: 1em; font-weight: bold; color: #FFFFFF; border-radius: 20px; cursor: pointer; line-height: 2.25em; } .button_info_type_a:hover, .button_info_type_a_disable:hover { background: #52586F; } /* Button Info Type-B ------------------------------------- */ .button_info_type_b { background: #FFFFFF; font-size: 1em; font-weight: bold; border: 2px solid #666E95; border-radius: 20px; width: 300px; height: 40px; color: #666E95; cursor: pointer; line-height: 2.25em; text-decoration: none; box-sizing: border-box; } .button_info_type_b:hover { background: #E0E2EA; } /* Button Info Type-C ------------------------------------- */ .button_info_type_c { font-size: 1em; font-weight: bold; color: #666E95; border-radius: 999em; background: #FFFFFF; border: 2px solid #666E95; text-decoration: none; width: 132px; border: 2px solid #666E95; cursor: pointer; line-height: 2.25em; } .button_info_type_c_disabled { font-size: 1em; font-weight: bold; color: #666E95; border-radius: 999em; background-color: #ffffff; border: 2px solid #666E95; cursor: not-allowed; width: 132px; opacity: 0.5; line-height: 2.25em; } .button_info_type_c:hover { background-color: #E0E2EA; cursor: pointer; } /* Accordion ------------------------------------- */ ul.accordion .li_section a { font-weight: bold; font-size: 1em; color: #333333; text-decoration: none; padding-right: 2em; } ul.accordion .li_section { list-style-type: none; margin-left: 0; position: relative; min-height: 32px; margin-bottom: 1em; display: flex; align-items: center; line-height: 1.5em; background-color: #E8E8E8; color: #333333; cursor: pointer; border-radius: 4px 4px 3px 3px; padding-left: 1em; } ul.accordion .li_section:last-child { margin-bottom: 0; } ul.accordion .li_section .arrow_icon { position: absolute; right: 1.05em; font-size: 1.2em; line-height: 1.5em; color: #666E95; font-weight: bold; } ul.accordion .li_section .arrow_down::before { background-image: url('./img/icon/Accordion01@2x.png'); background-size: 12px 10px; display: inline-block; width: 12px; height: 10px; content: ""; } ul.accordion .li_section .arrow_up::before { background-image: url('./img/icon/Accordion02@2x.png'); background-size: 12px 10px; display: inline-block; width: 12px; height: 10px; content: ""; } #frequently_asked_question ul.accordion .li_acticle, #inquiry_form ul.accordion .li_acticle { width: calc(100%-2px); background-color: #ffffff; font-size: 1em; font-family: 'メイリオ', '游ゴシック', 'ヒラギノ角ゴシック', 'NotoSans', sans-serif; color: #333333; border: 1px solid #E8E8E8; border-top: none; margin: -.5em 0 1em 0; list-style-type: none; border-radius: 0 0 2px 2px; margin-top: .075em; padding: 0.675em .925em; line-height: 1.5em; } #inquiry_form textarea { font-family: 'メイリオ', '游ゴシック', 'ヒラギノ角ゴシック', 'NotoSans', sans-serif; } #inquiry_form ul.accordion .li_section, #frequently_asked_question ul.accordion .li_section { margin-top: 1em; margin-bottom: 0; } #frequently_asked_question ul.accordion .li_acticle span, #inquiry_form ul.accordion .li_acticle span { padding: 0.25em 0; } #frequently_asked_question ul.mb_middle li, #inquiry_form ul.mb_middle li, #container ul.mb_middle li::marker { content: "・"; } #frequently_asked_question ul.mb_middle li, #inquiry_form ul.mb_middle li, #container ul.mb_middle li { margin-left: 1em; color: #333333; line-height: 1.5em; font-size: 1em; } #inquiry_form ul.mb_middle li, #inquiry_help ul.mb_middle li { margin-left: 1.1em; } #container #owner_unknown_land ul { margin-bottom: 1.625em; } #container #owner_unknown_land ul.tag_character { margin-bottom: 1.875em; } #container #owner_unknown_land ul.tag_character_child { margin-top: -1.125em; margin-bottom: 1.875em; } #container #owner_unknown_land ul li.tag_area { margin: 0.5em 0 0 0; } #container #owner_unknown_land ul li.tag_select a { font-weight: bold; text-decoration: none; pointer-events: none; } #container #owner_unknown_land ul li.tag_area a { color: #333333; line-height: 1.5em; } #container #owner_unknown_land ul li.tag_area a:hover { text-decoration: underline; } #container #owner_unknown_land ul li.tag_area img { width: 0.75em; height: 0.75em; vertical-align: middle; margin-bottom: 0.3125em; } #container #owner_unknown_land ul li.tag_character { margin-right: 1.5em; } #container #owner_unknown_land ul li.tag_character a { color: #666e95; line-height: 1.5em; } #container #owner_unknown_land ul li.tag_character span { color: #999999; line-height: 1.5em; } #container #owner_unknown_land ul li.tag_all { margin-right: 1.5em; } #container #owner_unknown_land ul li.tag_all a { color: #666e95; } #container #owner_unknown_land ul.mb_middle li::marker { content: ""; } #frequently_asked_question ul.accordion .li_acticle a, #inquiry_form ul.mb_middle li a, #container ul.mb_middle li a { color: #666E95; } #frequently_asked_question ul.accordion .li_acticle span a { text-decoration: underline; } #frequently_asked_question ul.accordion .li_acticle a:hover, #inquiry_form ul.mb_middle li a:hover, #container ul.mb_middle li a:hover { text-decoration: none; } #owner_unknown_land .page_description, #convenient_usage .page_description, #frequently_asked_question .page_description { margin-top: 1.25em; } #owner_unknown_land .breadcrumb2 { font-size: 0.875em; line-height: 1.5em; margin-top: 60px; color: #333333; } #owner_unknown_land .breadcrumb2 a { color: #666e95; } #kohyojiten .CaceArticleHeader__title { margin: 3px 0 0 0; } .article_text .caption { width: 100%; margin-bottom: 2.0625em; } .article_text .caption p { text-align: right; font-size: 1em; line-height: 1.5em; color: #333333; margin: 0; } .article_text .content_block p { margin-bottom: 1.625em; } .article_text .content_block span { display: table-cell; font-size: 1em; line-height: 1.5em; color: #333333; } .article_text .content_block span.icon_description { min-width: 1.25em; } .content_table table { font-size: 1em; } .content_table table thead tr th { height: 3em; font-size: 1em; font-weight: bold; color: #333333; padding: 0.75em; border-bottom: 1px solid #e8e8e8; box-sizing: border-box; } .content_table table tbody tr:first-child { margin-top: 1px; } .content_table table tbody tr td { font-size: 1em; color: #333333; line-height: 1.5em; padding: 0.625em 0.75em 0.5625em; } #kohyojiten .CaceArticleBottom { margin-top: 2.5em; height: 1.5em; } #kohyojiten .CaceArticleBottom__cite { font-size: 1em; color: #333333; line-height: 1.5em; } #kohyojiten .tag { color: #666E95; font-size: 0.875em; height: 1.5em; line-height: 1.5em; font-weight: bold; } .step_index { background-color: #E5EAFC; border-radius: 4px; padding: 1.5em; margin-bottom: 2.5em; } .step_index a { color: #333333; text-decoration: underline; } .step_index a:hover { text-decoration: none; } #nouchiinfo .CaceArticleHeader__title { margin: 4px 0 0 0; } #nouchiinfo .CaceArticleBottom { margin-top: 2.5em; height: 1.5em; } #nouchiinfo .CaceArticleBottom__cite { font-size: 1em; color: #333333; line-height: 1.5em; } #nouchiinfo .tag { color: #666E95; font-size: 0.875em; height: 1.5em; line-height: 1.5em; font-weight: bold; } #nouchiinfo p { margin-bottom: 26px; } #otherinfo .CaceArticleHeader__title { margin: 4px 0 0 0; } #otherinfo .CaceArticleBottom { margin-top: 2.5em; height: 1.5em; } #otherinfo .CaceArticleBottom__cite { font-size: 1em; color: #333333; line-height: 1.5em; } #otherinfo .tag { color: #666E95; font-size: 0.875em; height: 1.5em; line-height: 1.5em; font-weight: bold; } #otherinfo p { margin-bottom: 26px; } /* FOOTER COMMON ------------------------------------- */ #footer_common { width: 100%; background-color: #E8E8E8; padding: 40px 0 0 0; box-sizing: border-box; } #footer_common > div { width: 96%; max-width: 980px; margin: 0 auto; } #footer_common .footer_content { width: 100%; max-width: 980px; display: grid; grid-template-columns: auto auto auto auto; grid-gap: 10px; row-gap: 0; margin-bottom: 4.375em; } .footer_content .column { text-align: left; align-items: start; } .footer_content .column.column_hidden { display: none; } .footer_content .column1, .footer_content .column2, .footer_content .column3 { grid-row: 1 / span 3; } .footer_content .column6 { height: 9em; } .item_title a, .item_content a { display: block; max-width: 15em; margin-bottom: 12px; color: #333333; text-decoration: none; } .item_title a { font-size: 1em; line-height: 1.5em; font-weight: bold; } .item_content a { font-size: 0.875em; line-height: 1.5em; } .item_title a:hover, .item_content a:hover { text-decoration: underline; } .item_content a:last-child { margin-bottom: 0; } .bottom_logo { width: 100%; padding: 0.75em 0; border-bottom: 1px solid #666E95; margin-bottom: 9px; } .bottom_logo a { text-decoration: none; } .bottom_logo a img { max-width: 9em; } #footer_common .bottom { padding-bottom: 1.5em; } #footer_common .bottom .copyright { color: #333333; } #footer_common .bottom .copyright .term { font-size: 0.75em; line-height: 2em; } #footer_common .bottom .list li { display: inline; padding-left: 1em; line-height: 1.5em; } #footer_common .bottom .list li:first-child { padding-left: 0; } #footer_common .bottom .list li a { text-decoration: underline; font-size: 0.875em; color: #333333; } #footer_common .bottom .list li a:hover { text-decoration: none; } @media screen and (max-width: 820px) { #footer_common .footer_content { margin-bottom: 2em; } #footer_common .bottom .copyright .term { font-size: 0.625em; line-height: 1.5em; } #footer_common .bottom .list { line-height: 0; } #footer_common .bottom .list li { display: inline; padding-left: 0.2em; line-height: 0; } #footer_common .bottom .list li a { text-decoration: underline; font-size: 0.625em; line-height: 1.5em; color: #333333; } } @media screen and (max-width: 600px) { #footer_common .footer_content { display: flex; flex-wrap: wrap; padding-left: 0; box-sizing: border-box; margin-bottom: 1em; row-gap: 0; } #footer_common .footer_content .column { width: 40%; text-align: left; } #footer_common .footer_content .column.column_hidden { display: block; } #footer_common .footer_content .column.column_hidden .item_title a { font-weight: normal; text-decoration: underline; } #footer_common .footer_content .column .item_content { align-items: center; } .footer_content .item_content { display: none; } .footer_content .column6 { max-height: 1em; } #footer_common .bottom { padding-bottom: 1em; } #footer_common .bottom .copyright .term { font-size: 0.75em; line-height: 1.5em; } #footer_common .bottom .list { display: none; } } @media screen and (max-width: 480px) { #footer_common .footer_content .column { width: 45%; text-align: left; } } /* END FOOTER COMMON*/ /* INQUIRY ------------------------------------- */ #frequently_asked_question .button_info, #inquiry_form .button_info { height: 2.25em; display: flex; flex-direction: row; margin-bottom: 1em; } #frequently_asked_question .button_info span:last-child, #inquiry_form .button_info span:last-child { margin-left: 0.75em; /* 12px */ } #inquiry_form .header_information { margin-bottom: 0.8em; } #inquiry_form .title_information { margin-bottom: 1.5em; } /* INQUIRY CONFIRM ------------------------------------- */ #inquiry_check .th_left { margin-top: 3.75em; } #inquiry_check table { font-size: 1em; } #inquiry_check table th, #inquiry_check table td { line-height: 1.5em; } #inquiry_check table th { vertical-align: top; padding: 0 .5em; } #inquiry_check table td { vertical-align: middle; padding: 1.125em 0.5em; font-weight: normal; color: #333333; } #inquiry_check table tr:first-child td { padding-bottom: 1.0625em; } #inquiry_check table th label { display: block; margin-top: 1.0625em; } /* INQUIRY COMPLETE ------------------------------------- */ #inquiry_complete .validation-summary-errors { content: none; margin-bottom: 2.5em; } #inquiry_complete .validation-summary-errors ul li::marker { content: none; margin: 0; } #inquiry_complete .notification_sent { line-height: 1.5em; } /* INQUIRY ------------------------------------- */ #inquiry_form td:has(.category_show) { padding-bottom: 0.8125em; } #inquiry_form table { font-size: 1em; } #inquiry_form table tr th { font-size: 1em; font-weight: bold; width: 24%; text-align: center; padding: 0 0.8em; vertical-align: middle; } #inquiry_form table tr td { width: 76%; padding: 0.75em; /* 12px */ } #inquiry_form table tr:first-child td { padding-top: 0.6875em; } #inquiry_form table tr td input.large, #inquiry_form table tr td input.large_imedisabled { height: 2.125em; padding: 0 0.5em; } #inquiry_form table tr .th_label { float: left; color: #333333; } #inquiry_form table tr .note { float: right; color: #ffffff; background-color: #C1213C; min-width: 3em; border-radius: 2px; font-size: .75em; padding-top: 2px; } #inquiry_form table tr th span.th_description { font-weight: normal; } #inquiry_form .category_show { margin-left: -0.4em; } #inquiry_form .category_show ul li { float: left; margin: 1px 3% 2px 0; min-width: 30%; font-size: 1em; font-family: 'メイリオ', '游ゴシック', 'ヒラギノ角ゴシック', 'NotoSans', sans-serif; } #inquiry_form .category_show ul li input { width: 1em; height: 1em; border-radius: 1em; accent-color: #22242B; } #inquiry_form .category_show ul li input[type="radio" i] { margin-top: -1px; margin-right: 5px; } @media screen and (max-width: 1000px) { #inquiry_form .category_show ul li { min-width: 45%; } } @media screen and (max-width: 800px) { #inquiry_form table th, #inquiry_check table th { width: 100%; padding: 2%; border: 1px solid #E8E8E8; } #inquiry_check table th label { margin-top: 0.2em; } #inquiry_check table td, #inquiry_form td { width: 100%; margin-left: 0; padding: 1.125em 2%; word-wrap: break-word; display: block; } #inquiry_form table tr th { height: auto; overflow-x: auto; } #inquiry_form table tr th { height: auto; overflow-x: auto; } #inquiry_form table tr th, #inquiry_form table tr td { padding: 2%; width: 96%; display: block; } #inquiry_form table tr td input.large { width: calc(100% - 1.125em); } #inquiry_form .category_show ul li { min-width: 100%; } } /* INQUIRY END */ #navi { width: 250px; } #navi .navi_bg { width: 100%; } #navi ul { display: none; width: 100%; height: 490px; line-height: normal; padding-top: 24px; background-color: #FFFFFF; position: relative; z-index: 1000; box-shadow: 0 0 5px #00000029; overflow-y: auto; } @media only screen and (max-width : 600px) { #navi ul { height: 465px; } } #navi ul li a { display: inline-block; background: #FFFFFF; padding: 4px 0px 4px 30px; width: 100%; height: 40px; text-decoration: none; font-size: 1em; line-height: 40px; color: #333333; text-align: left; } #navi ul li a:hover { opacity: 1; color: #666E95; text-decoration: underline; } #navi ul li a:focus-visible { outline: none; border: 2px solid #000000; padding-left: 20px; } #navi ul li:focus-within { height: 55px !important; } #navi ul li a i { display: block; float: left; padding-right: 15px; font-style: normal; } #navi ul li button { display: inline-block; border: none; background: #FFFFFF; padding: 4px 0px 4px 30px; width: 100%; font-size: 1em; line-height: 40px; font-family: 'メイリオ', '游ゴシック', 'ヒラギノ角ゴシック', 'NotoSans', sans-serif; color: #333333; text-align: left; } #navi ul li button:hover { opacity: 1; color: #666E95; } #navi ul li div.menu_divide_line { border-bottom: 1px solid #00000029; width: 70%; position: absolute; left: 35px; } #navi ul li.menu_big_button { display: none; /* PCの場合 */ width: 100%; } #navi ul li.menu_big_button a { width: calc(100% - 30px); text-decoration: none; } #navi ul li.menu_big_button a img { display: block; height: 28px; float: left; padding-top: 5px; } #navi ul li.menu_big_button a span:hover { border-bottom: 1px solid; } #navi ul li.menu_big_button button { cursor: pointer; } #navi ul li.menu_big_button button img { display: block; height: 28px; float: left; padding-top: 5px; } #navi ul li.menu_big_button button span:hover { border-bottom: 1px solid; } #navi ul li.menu_middle_button { width: 100%; } #navi ul li.menu_middle_button a { width: calc(100% - 30px); text-decoration: none; } #navi ul li.menu_middle_button a img { display: block; height: 14px; float: left; padding: 12px 8px 0 6px; } #navi ul li.menu_middle_button a span:hover { border-bottom: 1px solid; } #navi ul li.menu_small_button { width: 100%; height: 35px; } #navi ul li.menu_small_button a { width: calc(100% - 42px); font-weight: normal; font-size: 14px; text-decoration: underline; } #navi ul li.menu_small_button a img { display: block; height: 10px; float: left; padding: 13px 10px 0 4px; } #navi a#pull { z-index: 1001; padding-right: 33px; float: inline-end; display: flex; align-items: center; text-decoration: none; } #navi a#pull label { margin-left: 10px; color: #666E95; font-weight: bold; font-size: 14px; cursor: pointer; } /* モバイルの場合 ------------------------------------- */ @media only screen and (max-width : 600px) { #navi { width: 100%; float: none; } #navi a#pull { padding-right: 10px; height: 65px; } } @media only screen and (max-width : 1071px) { #navi ul li div.menu_divide_line { width: 80%; } #navi a#pull { right: 0px; height: 65px; } #navi a#pull label { display: none; } } @media only screen and (max-height : 500px) { #navi ul { height: calc(100svh - 100px); } } @charset "utf-8"; /* CSS Document */ div.jqueryCalendar { width : 197px; } div.jqueryCalendar a { outline : 0; text-decoration : none; } div.jqueryCalendar ul.navi { position : relative; width : 187px; height : 28px; margin : 0; padding : 7px 5px 0; background : url('img/sprites.png') -75px 0 no-repeat; } div.jqueryCalendar ul.navi li { display : inline; margin : 0; padding : 0; list-style : none; } div.jqueryCalendar ul.navi li a { display : block; width : 22px; height : 13px; background : #FFF; text-indent : -9999px; overflow : hidden; } div.jqueryCalendar ul.navi li.prev a { float : left; background : url('img/sprites.png') 0 -25px no-repeat; } div.jqueryCalendar ul.navi li.prev a:hover { background-position : 0 -38px; } div.jqueryCalendar ul.navi li.next a { float : right; background : url('img/sprites.png') -25px -25px no-repeat; } div.jqueryCalendar ul.navi li.next a:hover { background-position : -25px -38px; } div.jqueryCalendar div.main { padding : 0 0 5px; background : url('img/sprites.png') -272px 100% no-repeat; } div.jqueryCalendar div.caption { position : relative; width : 101px; height : 18px; margin : -30px auto 3px; padding : 2px; font-size : 13px; line-height : 18px; text-align : center; vertical-align : middle; } div.jqueryCalendar div.main table { position : relative; margin : 0 auto; border-collapse : collapse; border-spacing : 0; } div.jqueryCalendar div.main th, div.jqueryCalendar div.main td { width : 25px; height : 25px; padding : 0; border : 0; border-left : 2px solid #FCFCFC; border-bottom : 2px solid #FCFCFC; color : #666; line-height : 25px; text-align : center; vertical-align : middle; } div.jqueryCalendar div.main th { height : 20px; line-height : 20px; font-size : 12px; } div.jqueryCalendar div.main td { background : url('img/sprites.png') 0 0 no-repeat; font-size : 13px; } div.jqueryCalendar div.main table .sun { color : #C14F22; } div.jqueryCalendar div.main table .sat { color : #33F; } div.jqueryCalendar div.main table .otherMonth { color : #CFCFCF; } div.jqueryCalendar div.main table .today { background : url('img/sprites.png') -25px 0 no-repeat; color : #FFF; } div.jqueryCalendar div.main td.event a, div.jqueryCalendar div.main td.event span { display : block; width : 25px; height : 25px; background : url('img/sprites.png') -50px 0 no-repeat; color : #FFF; } div.jqueryCalendar div.main td.event a:hover { background-position : -50px -25px; } div.jqueryCalendar div.todayLink { padding : 3px 0; font-size : 13px; text-align : center; } @charset "utf-8"; /* MAIN CONTENTS MAP ------------------------------------- */ body { width:100%; -webkit-text-size-adjust: 100%; font-size:1em; line-height:1.4; position:relative; } #select_division { width:100%; margin:0 auto; } #select_division #main_contents { height:680px; background:url(./img/open/main_bg.png) repeat-x center bottom; margin:0 auto; padding:0; overflow:hidden; } #select_division .prev_map { background-image:none!important; } #select_division .area_map { margin:0 auto; width:100%; max-width:744px; position:relative; } #select_division .area_map .map .map1{ display:none; } #select_division .area_map .map .map2{ width:100%; } #select_division .area_map .title { width:431px; height:60px; position:absolute; top:3%; left:-10%; } #select_division .area_map .title_map { width: 131px; height: 60px; float:right; } #select_division .area_map h1 { font-size:1.5em; position:absolute; top:5%; left:0; } #select_division .area_box { font-size:0.9em; border:1px solid #c7d3da; } #select_division .area_box .area_title { padding:7px 5px 5px; color:#000000; font-size:1.2em; font-weight:bold; } #select_division .area_box ul { padding:10px; list-style:none; background:#FFFFFF; } #select_division .area_box li { display:inline-block; margin:0 4px; } /* 北海道・東北地方 -------------------------------- */ .area01 { width:34%; position:absolute; top:18%; right:0; } .area01 .area_title { background:#46a94b; } .area01 .arrow:after { border-top: solid 2px #4cac51; border-right: solid 2px #4cac51; } /* 関東地方 -------------------------------- */ .area02 { width:36%; position:absolute; top:37%; right:0; } .area02 .area_title { background:#b9a1ff; } .area02 .arrow:after { border-top: solid 2px #b9a1ff; border-right: solid 2px #b9a1ff; } /* 東海地方 -------------------------------- */ .area03 { width:36%; position:absolute; top:56%; right:0; } .area03 .area_title { background:#55aaff; } .area03 .arrow:after { border-top: solid 2px #55aaff; border-right: solid 2px #55aaff; } /* 関西地方 -------------------------------- */ .area04 { width:28%; position:absolute; top:34%; left:0; } .area04 .area_title { background:#81bd59; } .area04 .arrow:after { border-top: solid 2px #81bd59; border-right: solid 2px #81bd59; } /* 北陸・信越地方 -------------------------------- */ .area05 { width:25%; position:absolute; top:14%; left:27.4%; } .area05 .area_title { background:#e78667; } .area05 .arrow:after { border-top: solid 2px #e78667; border-right: solid 2px #e78667; } /* 中国地方 -------------------------------- */ .area06 { width:25%; position:absolute; top:14%; left:0; } .area06 .area_title { background:#a38bed; } .area06 .arrow:after { border-top: solid 2px #a38bed; border-right: solid 2px #a38bed; } /* 四国地方 -------------------------------- */ .area07 { width:20%; position:absolute; top:68%; left:36.8%; } .area07 .area_title { background:#e69eff; } .area07 .arrow:after { border-top: solid 2px #e69eff; border-right: solid 2px #e69eff; } /* 九州地方 -------------------------------- */ .area08 { width:35%; position:absolute; top:68%; left:0; } .area08 .area_title { background:#ff982f; } .area08 .arrow:after { border-top: solid 2px #ff982f; border-right: solid 2px #ff982f; } #select_division .farminfo_button { display:block; width:180px; height:40px; position:absolute; top:10px; right:0; } #select_division .area_button a, #select_division .farminfo_button a { display:block; width:180px; height:42px; color:#FFFFFF!important; font-size:0.8em; font-weight:bold; line-height:42px; text-align:center; text-decoration:none; border-radius:5px; background: #004030; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWI0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQwMzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #004030 0%, #004030 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004030), color-stop(100%,#004030)); background: -webkit-linear-gradient(top, #004030 0%,#004030 100%); background: -o-linear-gradient(top, #004030 0%,#004030 100%); background: -ms-linear-gradient(top, #004030 0%,#004030 100%); background: linear-gradient(to bottom, #004030 0%,#004030 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004030', endColorstr='#004030',GradientType=0 ); opacity:1; } #select_division .area_button a:hover, #select_division .farminfo_button a:hover { opacity:0.8; } #select_division .area_button a img, #select_division .farminfo_button a img { vertical-align:middle; margin:0; } #select_division .area_button { display:none; } #select_division .area_bottom { width:305px; height:155px; position:absolute; bottom:4%; right:-15%; z-index:10; } #select_division .prev_map .area_bottom { display:none; } .circle{ color:#FFFF11; text-shadow: 1px 1px 1px #c07f7f; padding:2px; margin:0; background: #b53434; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #c67f7f; border-top: 1px solid #e2bfbf; -moz-box-shadow: 0 1px 3px black; -webkit-box-shadow: 0 1px 3px black; box-shadow: 0 1px 3px black; } /* TABLET ============================================================ */ @media screen and (max-width: 800px) { #select_division .area_map .title { top:3%; left:0px; } #select_division .area_map .map .map1{ width:100%; display:block; } #select_division .area_map .map .map2{ display:none; } #select_division .area_box .area_title { padding:2px 5px 0; color:#000000; font-size:1.2em; font-weight:bold; } #select_division .area_box ul { padding:5px; } #select_division .area_map .title_map { display:none; } /* 北海道・東北地方 -------------------------------- */ .area01 { width:96%; position:absolute; top:95px; left:2%; } /* 関東地方 -------------------------------- */ .area02 { width:96%; position:absolute; top:165px; left:2%; } /* 東海地方 -------------------------------- */ .area03 { width:96%; position:absolute; top:235px; left:2%; } /* 関西地方 -------------------------------- */ .area04 { width:96%; position:absolute; top:305px; left:2%; } /* 北陸・信越地方 -------------------------------- */ .area05 { width:96%; position:absolute; top:375px;; left:2%; } /* 中国地方 -------------------------------- */ .area06 { width:96%; position:absolute; top:445px; left:2%; } /* 四国地方 -------------------------------- */ .area07 { width:96%; position:absolute; top:515px; left:2%; } /* 九州地方 -------------------------------- */ .area08 { width:96%; position:absolute; top:585px; left:2%; } #select_division .area_bottom { display:none; } } /* SMARTPHONE ============================================================ */ @media screen and (max-width: 600px) { #select_division { width:100%; max-width:600px; margin:0 auto; } #select_division #main_contents { width:100%; max-width:600px; height:auto; margin:0 auto; padding:0; overflow:hidden; background:none; } #select_division #main_contents h1 { display:none; } #select_division .area_map { margin: 0; width: 100%; max-width:600px; min-width:320px; height:auto; position: relative; } #select_division .area_map .map { display:none; } #select_division .area_map .title { width: 300px; height: 60px; position:static; margin:15px auto 0; } #select_division a { display:none; } #select_division .area_button, #select_division .farminfo_button { display:block; width:300px; height:80px; margin:20px auto; position:static; } #select_division .area_button a, #select_division .farminfo_button a { display:block; width:300px; height:80px; color:#FFFFFF!important; font-size:1.4em; font-weight:bold; line-height:80px; text-align:center; text-decoration:none; border-radius:5px; background: #005b45; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWI0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQwMzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #005b45 0%, #004030 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005b45), color-stop(100%,#004030)); background: -webkit-linear-gradient(top, #005b45 0%,#004030 100%); background: -o-linear-gradient(top, #005b45 0%,#004030 100%); background: -ms-linear-gradient(top, #005b45 0%,#004030 100%); background: linear-gradient(to bottom, #005b45 0%,#004030 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005b45', endColorstr='#004030',GradientType=0 ); opacity:1; } #select_division .area_button a:hover { opacity:0.8; } #select_division .area_button a img, #select_division .farminfo_button a img { margin:0 5px 0 10px; } #select_division .area_bottom { display:none; } #select_division .area_box { display:none; } } @charset "utf-8"; .mapboxgl-ctrl-top-left, .mapboxgl-ctrl-bottom-left { transition: transform 0.5s; } .mapboxgl-ctrl-top-left.open, .mapboxgl-ctrl-bottom-left.open { transform: translateX(426px); transition: transform 0.5s; } /* SidePanel ------------------------------------- */ #SidePanel { font-size: 1rem; line-height:24px; } #SidePanel-open { width: 426px; height: 100%; background-color: #FFFFFF; position: absolute; top: 0; left: 0; z-index: 10; box-sizing: border-box; -webkit-box-sizing: border-box; transform: translate(-426px); transition: transform 0.5s; display: flex; flex-direction: column; } #SidePanel-open.open { transform: translateZ(0); transition: transform 0.5s; } #SidePanel-open table { border: none; background: #fff; } #SidePanel-open h3.others { display: none; margin-bottom: 0px; padding: 8px 0 8px 25px; background-position: 5px 9px !important; border-left: 5px solid #006302; } #SidePanel-open td { margin-left: 0px; } #SidePanel-open td.vicinity_table_sub_text_color { background-color: #E8E8E8; font-weight: bold; padding: 1% 21px 1% 21px; } #SidePanel_Footer h3.others, #SidePanel_Footer div.accordion_contents { display: none; } #SidePanel_Footer h3 .others { padding: 0 0 0 40px; background-color: #F3E9CD; background-image: url(./img/icon_close.png) !important; background-repeat: no-repeat !important; background-position: 10px 5px !important; cursor: pointer; } #SidePanel_Footer h3 .others .selected { background-image: url(./img/icon_open.png) !important; background-repeat: no-repeat !important; background-position: 10px 5px !important; } #SidePanel_Tab { position: relative; margin: 0; box-sizing: border-box; width: 100%; background-color: #E5EAFC; padding-top: 12px; margin-bottom: 10px; box-shadow: inset 0px 3px 6px #0000001A; } #SidePanel_Tab ul { margin: 0; list-style: none; box-sizing: border-box; } #SidePanel_Tab li { cursor: pointer; box-sizing: border-box; width: 23%; height: auto; min-width: 23%; max-height: 36px; float: left; text-align: center; font-weight: bold; font-size: 1em; color: #FFFFFF; background: #707070; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 8px 0px; margin: 3px 0 0 5px; } #SidePanel_Tab li:hover { opacity: 0.8; } #SidePanel_Tab li.active { background: #FFFFFF; color: #666E95; } #SidePanel_Tab li span { display: inline-block; vertical-align: middle; } #SidePanel_Tab li#Vicinity_Tab { width: auto; padding-left: 15px; padding-right: 15px; color: #C1213C; background-color: #FFFFFF; } .vicinity_active span { color: #C1213C; background:#FFFFFF; } #SidePanel_Header { } #SidePanel_Body { overflow: auto; width: 100%; height: calc(100% - 50px); box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; left: 0; background: none; font-family: 'メイリオ', '游ゴシック', 'ヒラギノ角ゴシック', 'NotoSans', sans-serif; } #SidePanel_Body .unselected_farm_message { padding: 0.5em; margin: 0.2em 0.5em; line-height: 1.2; } #Variable_Boundary { height: 1px; overflow-y: auto; background-color: transparent; cursor: ns-resize; position: relative; display: block; } #SidePanel_Footer { width: 100%; box-sizing: border-box; position: relative; left: 0; background: none; resize: vertical; bottom: 0; } #SidePanel_Footer ul { max-height: 276px; overflow-y: auto; margin: 5px 0; } #SidePanel_Footer li { padding: 5px 20px; } #SidePanel_Footer .SidePanelnegative a { display: block; margin: 0 auto; padding: 0.5em 1em; box-sizing: border-box; text-align: center; font-weight: bold; color: #FFFFFF !important; text-decoration: none; background-color: #707070; border-radius: 5px; } #SidePanel_Footer .SidePanelnegative a:hover { opacity: 0.8; } #SidePanel_Footer .SidePanelnegative a.disabled:hover { cursor: default; opacity: 1.0; } .SidePanelItem { box-sizing: border-box; width: 100%; font-size:1em; } .SidePanelItem > tbody > tr { display: block; width: 100%; min-width: 100%; text-align: left; } .SidePanelItem > tbody > tr#vicinitymode_farmNaviSimulation { margin-top: 5px; } .SidePanelItem > tbody > tr > th { display: flex; padding: 5px 0px 3px 21px; box-sizing: border-box; white-space: normal; height: auto; border: none; align-items:center; } .SidePanelItem > tbody > tr > th > span { display: inline-block; vertical-align: middle; margin-right: 3px; } .SidePanelItem > tbody > tr > td { display: block; min-height: 2em; padding: 7px 8px 7px 21px; box-sizing: border-box; border: none; min-height: 40px; } .SidePanelItem > tbody > tr > td.tibanVisibility { padding-top: 0.5625em; } .SidePanelItem #hanrei_selector table > tbody > tr > td { border: none; } .SidePanelItem #hanrei_selector table > tbody > tr > td.hannrei_item_name { width: 100%; padding: 4px 0px 4px 6px; } .SidePanelItem #hanrei_selector table th { border: none; } table.SidePanelItem > tbody > tr > th.vicinity_table_sub_text, vicinity_table_sub_text_color { background: #666E95 !important; /*table thが優先されるため!importantで指定 */ color: #ffffff !important; /*table thが優先されるため!importantで指定 */ font-weight: bold; height: auto; min-height: 36px; padding: 7px 11px 5px 21px; } table.SidePanelItem > tbody > tr > th.vicinity_table_sub_text_color { padding: 7px 11px 5px 21px; height: auto; justify-content: space-between; } table.SidePanelItem > tbody > tr > th.vicinity_table_height { height: 32px; padding: 1% 21px 1% 21px; } .SidePanelItem .SidePanelItem_division { padding: 7px 11px 5px 21px; height: auto; } .SidePanelItem input[type=checkbox] { margin-top: -2px; } .SidePanelItem input[type=radio] { margin-left: -2px; accent-color: #22242B; } .SidePanelItem .radio_label { margin-top: 3px; word-break: break-all; display: inline-block; width: calc(100% - 25px); vertical-align: top; } .SidePanelItem > tbody > tr > td > div > a#button_start_simulation { border-radius: 20px; background: #22242B; } .SidePanelItem > tbody > tr > td > div > a#button_start_shiborikomi { border-radius: 20px; background: #FFFFFF; color: #22242B !important; height: 30px; width: 90%; } .SidePanelItem .info { background-color: #F3E9CD; padding: 10px 15px; } .SidePanelItem select { width: 100%; min-width: 80%; height: 36px; font-size: 1em !important; padding: 0px 60px 0px 10px; margin:1px 0px 1px 0px; } .SidePanelItem select.measuresize { width: 90%; line-height: 1.5em; } .SidePanelItem select option { } .SidePanelItem input.address { box-sizing: border-box; width: 100%; height: 36px; border: 1px solid #666E95; border-radius: 9px; margin: 1px 0 1px 0; } .SidePanelItem input.address:read-only { background-color: #F2F2F2; } .SidePanelItem #searchAddressResult input.address { background: #FFFFFF !important; border: none; font-size: 1em !important; margin-left: 1px; } .SidePanelItem #searchAddressResult input.address:focus-visible { outline: none; } .SidePanelItem a#showHanreiPaletteDialog { cursor: pointer; background: #FFFFFF; border: 2px solid #666E95; border-radius: 18px; color: #666E95 !important; line-height: 18px; float: right; font-size: 0.875em; padding: 1px 12px 1px 12px; } .SidePanelItem a#addressClear { cursor: pointer; background: #666E95; border: 2px solid #FFFFFF; border-radius: 18px; width: 122px; line-height: 21px; font-size: 0.875em; padding: 2px 12px 2px 12px; } .SidePanelItem a#addressLink, .SidePanelItem a#addressLink_sidepanel { cursor: pointer; background: #FFFFFF; border: 2px solid #666E95; border-radius: 18px; color: #666E95 !important; width: 52px; height: 18px; display: inline-block; line-height: 18px; padding: 3px 0; font-size: 0.875em; } .SidePanelItem .hanrei_item td.hanrei_entry { display: inline-block; border-radius: 10px; vertical-align: text-top; padding: 0.4375em; margin-top: 5px; } .Simulation > tbody > tr > th { background-color: #e7609e; } .Simulation > tbody > tr > td { background-color: #e597b2; } .AreaInfo table td, table th { padding: 0.3em; } .button_fright{ float:right; } .SidePanelItemFooter .SidePanelItem > tbody > tr > td { padding-top: 0.94em; padding-bottom: 0.94em; } #Basicmatters { display: none; } #Basicmatters.active { display: block; box-sizing: border-box; } #Balloon { display: none; } #Balloon.active { display: block; box-sizing: border-box; } #FramLabel { display: none; } #FramLabel.active { display: block; box-sizing: border-box; } #FramiSearch_Footer { display: none; padding: 10px 0; background: #666E95; } #FramiSearch_Footer table, #FramiSearch_Footer th { background: none; border: none; color: #FFFFFF; } #FramiSearch_Footer.active { display: block; } #FramiSearch_Footer > .SidePanelItem > tbody > tr > td { padding: 0; } FramiSearch_Footer { } #FramiSearch { display: none; } #FramiSearch.active { display: block; box-sizing: border-box; } .vicinity_hanrei_item li { padding-top: 4px; padding-bottom: 4px; } .SidePanelPositive#showVicinityDialog{ padding: 4px 12.25px; } .positive a#button_start_simulation { line-height: 2.2em; } li.positive_vicinity { margin-bottom: 3px; } li.positive_vicinity.clearfix { margin-bottom: 0px; } #hanrei_AreaOnRegistry table > tbody > tr:nth-child(odd) > td:nth-child(2) { padding: 1px 0px 1px 0px; } #hanrei_AreaOnRegistry table > tbody > tr:nth-child(even) > td:nth-child(2) { padding: 4px 0px 0px 0px; } #hanrei_AreaOnRegistry table > tbody > tr:nth-child(1) > td:nth-child(2), #hanrei_AreaOnRegistry table > tbody > tr:nth-child(2) > td:nth-child(2) { padding: 4px 0px 4px 0px; } #hanrei_AreaOnRegistry table > tbody > tr:nth-child(9) > td:nth-child(2) { padding: 10px 0px 4px 0px; } #hanrei_AreaOnRegistry table > tbody > tr:nth-child(8) > td:nth-child(2){ padding: 14px 0px 6px 0px; } #hanrei_AreaOnRegistry table > tbody > tr:nth-child(odd) > td:nth-child(3), #hanrei_AreaOnRegistry table > tbody > tr:nth-child(odd) > td:nth-child(4) { padding: 1px 0px 1px 10px; } #hanrei_AreaOnRegistry table > tbody > tr:nth-child(odd) > td:nth-child(5) { padding: 1px 16px 1px 10px; } #hanrei_AreaOnRegistry table > tbody > tr:nth-child(even) > td:nth-child(3), #hanrei_AreaOnRegistry table > tbody > tr:nth-child(even) > td:nth-child(4) { padding: 4px 0px 4px 10px; } #hanrei_AreaOnRegistry table > tbody > tr:nth-child(even) > td:nth-child(5) { padding: 4px 16px 4px 10px; } #area_on_registry_label1_to, #area_on_registry_are_label1_to, #area_on_registry_label2_to, #area_on_registry_are_label2_to { padding-left: 20px; width: 100%; } span.align-right{ margin-left: auto; } .SidePanelItem .button_in_table#bookmark_insert { margin: 2px 0 2px 0; } .SidePanelItem #hatena img, #FramiSearch_Footer img { position: absolute; top: 50%; transform: translateY(-50%); } .SidePanelItem .button_align{ position: relative; } /* TABLET ============================================================ */ @media screen and (max-width: 1024px) { .SidePanelItem .button_in_table#hatena { margin-top: 9px; margin-bottom: 5px; } .SidePanelItem .button_in_table { display: inline-block; float: none; } .SidePanelItem .addressLink_responsive { float: left; } } @media screen and (max-width: 800px) { .mapboxgl-ctrl-top-left.open { transform: translateX(360px); } .mapboxgl-ctrl-bottom-left.open { transform: translateX(360px); } #SidePanel-open { width: 360px; } #SidePanel-open table { display: table; border-top: none; } #SidePanel-open .button_two_center li { margin: 0 15px; width: 90%; } .SidePanelItem > tbody > tr > th, .SidePanelItem > tbody > tr > td, .SidePanelItem .SidePanelItem_division { white-space: normal; height: auto; } .SidePanelItem input[type=checkbox] { width: 18px; height: 18px; } .SidePanelItem .positive a, .SidePanelItem .negative a { padding: 0.1em 1em; } .SidePanelItem .text_next_button { word-break: break-word; white-space: normal; width: 100%; } } @media screen and (max-width: 800px) { .SidePanelItem select { padding: 0px 40px 5px 10px; } #SidePanel_Tab li{ font-size: 0.875em; } .SidePanelItem > tbody > tr > th, .SidePanelItem > tbody > tr > td { width: 100%; } .SidePanelItem > tbody > tr > th:has(button){ display: inline-block; } .SidePanelItem select.measuresize { background-position: center; padding-bottom: 0; } .SidePanelItem #hanrei_selector table > tbody > tr > td.hannrei_item_name { width: 88%; } .button_fright { float: none; } #hanrei_AreaOnRegistry input { width: 5em; } } /* SMARTPHONE ============================================================ */ @media screen and (max-width: 600px) { #SidePanel-open table { display: table; border-top: none; } .SidePanelItem > tbody > tr > th, .SidePanelItem > tbody > tr > td { white-space: normal; height: auto; } .SidePanelItem input[type=checkbox] { width: 18px; height: 18px; } .SidePanelItem #searchAddressResult input.address { margin: 0px; padding: 0%; font-size: 0.6875rem !important; } .SidePanelItem .text_next_button { word-break: break-word; white-space: normal; line-height: 2.0em; width: 100%; } .SidePanelItem .button_in_table { display: inline-block; float: none; margin-top: 5px; } .SidePanelItem .button_in_table#hatena { margin-top: 9px; } .SidePanelItem .addressLink_responsive { float: left; } .SidePanelItem > tbody > tr > td > div > a#button_start_shiborikomi { height: 25px; } #hanrei_AreaOnRegistry input { width: 5em; font-size: inherit; } .mapboxgl-ctrl-top-left, .mapboxgl-ctrl-top-left.open { transform: none; } td#shiborikomi_addr { padding: 4px 0px 4px 21px; } } @media screen and (max-width: 480px) { div .accordion_contents { font-size: 0.9em; } .mapboxgl-ctrl-bottom-left.open { transform: translateX(calc(80vw)); } #SidePanel-open { width: 80vw; } #SidePanel-open table { display: table; border-top: none; } #SidePanel_Tab { height: 45px; } #SidePanel_Tab ul { height: 100%; } #SidePanel_Tab li { height: 2.6em; padding: 1px; font-size: 0.7em; } #SidePanel_Footer li { padding: 2px 20px; } .SidePanelItem > tbody > tr > th, .SidePanelItem > tbody > tr > td { white-space: normal; } .SidePanelItem input[type=checkbox] { width: 18px; height: 18px; } .SidePanelItem .positive a, .SidePanelItem .negative a { padding: 0.2em 1em; } .SidePanelItem a#addressClear { font-size: 0.6875rem; } .SidePanelItem .text_next_button { word-break: break-word; white-space: normal; line-height: 2.0em; width: 100%; } #FramiSearch_Footer th { margin-top: -10px; } } @media screen and (max-width: 375px) { .SidePanelItem select { height: 26px; padding: 0px 30px 0px 10px; } .SidePanelItem select.measuresize { height: 20px; } .mapboxgl-ctrl-top-left, .mapboxgl-ctrl-top-left.open { transform: scale(0.8) translate(-10%, -12%); } } @media screen and (max-width: 320px) { .SidePanelItem #hatena img { top: 80%; } } .CaseMainImg { border: none; padding: 0; } .CaseMainImg img { display: block; width: 100%; height: auto; } .CaseArticleCardList { overflow: hidden; margin-top: 3.75em; } .CaseArticleCardList > ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -14px; } .CaseArticleCardList > ul > li { box-sizing: border-box; padding: 14px; width: 50%; } @media screen and (max-width: 800px) { .CaseArticleCardList > ul { margin: -8px; } .CaseArticleCardList > ul > li { padding: 8px; } } @media screen and (max-width: 600px) { .CaseArticleCardList > ul { display: block; margin: -8px -6px; } .CaseArticleCardList > ul > li { padding: 8px 6px; width: 100%; } } .CaseArticleCard { border: 2px solid #E8E8E8; border-radius: 0.5em; height: 551px; cursor: pointer; } .CaseArticleCard:hover, .CaseArticleCard:focus { border-color: #666E95; } .CaseArticleCard .card_detail { padding: 0 1.75em; /* 28px */ } .CaseArticleCard p .description { font-size: 1em; line-height: 1.5em; } .CaseArticleCard__img { display: block; margin: 0 0 5px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; height: auto; max-height: 47.4%; width: 100%; border-radius: 0.25em 0.25em 0 0; aspect-ratio: 16/9; object-fit: cover; object-position: 50% 50%; } .CaseArticleCard:hover .CaseArticleCard__img { opacity: .8; } .CaseArticleCard__img img { display: block; width: 100%; } .CaseArticleCard__description { margin: 10px 0; } .CaseArticleCard__history, .CaseArticleCard__name { font-size: 0.875em; line-height: 21px; } .CaseArticleCard__title { color: #333333; border: none; margin: 8px 0 0 0; padding: 0; line-height: 28px; font-weight: bold; } .CaceArticleHeader { margin: 2.3125em 0 3.75em; } .CaceArticleHeader::after { content: ""; display: table; clear: both; } .CaceArticleHeader__cont { float: left; max-width: calc(50% - 14px); font-size: 1em; line-height: 1.5em; } .CaceArticleHeader__title { font-size: 1.75em; color: #000000; letter-spacing: 0px; line-height: 42px; font-weight: bold; margin: 10px 0 20px 0; } .CaceArticleHeader__desc { font-size: 1em; line-height: 1.5em; color: #333333; margin-bottom: .75em } .CaceArticleHeader__history, .CaceArticleHeader__name { font-size: .875em; line-height: 1.5em; color: #333333; } .CaceArticleHeader__name.CaseIntro13 div { margin-top: 16px; } .CaceArticleHeader__name.CaseIntro13 div p:last-child { margin-top: 4px; } .CaceArticleHeader__name.CaseIntro13 div p a { line-height: 1.5em; color: #666e95; } .CaceArticleHeader__name.CaseIntro13 div p a:hover { text-decoration: none; } .CaceArticleHeader__name.CaseIntro13 div p img { width: 12px; height: 12px; vertical-align: middle; margin-bottom: 2px; } .CaceArticleHeader__share { clear: both; padding: 1.25em 0 0; } .CaceArticleHeader__share.CaseIntro13 { padding: 1.125em 0 0; } .CaceArticleHeader__img { float: right; max-width: calc(50% - 14px); } .CaceArticleHeader__img.CaseIntro13 { width: 100%; } .CaceArticleHeader__img.CaseIntro3 { max-height: 349px; } .CaceArticleHeader__img.CaseIntro5 { max-height: 263px; } .CaceArticleHeader__img.CaseIntro7 { max-height: 316px; } .CaceArticleHeader__img.CaseIntro12, #case_intro_8 .CaceArticleHeader__img, #case_intro_10 .CaceArticleHeader__img { width: calc(50% - 14px); } #case_intro_2 p.breadcrumb, #case_intro_4 p.breadcrumb, #case_intro_6 p.breadcrumb, #case_intro_8 p.breadcrumb, #case_intro_10 p.breadcrumb, #case p.breadcrumb { line-height: 21px; } .article_text { margin-bottom: 3.75em; } #case_intro_8 .article_text { margin-bottom: 0; } #case_intro_10 .article_text { margin-bottom: 1.875em; } .article_text p { margin-bottom:1.5em; } @media only screen and (max-width: 912px) and (min-width: 769px) { .CaseArticleCard { height: 600px; } } @media only screen and (max-width: 768px) and (min-width: 600px) { .CaseArticleCard { height: 570px; } .CaseArticleCard .card_detail { padding: 0 1em; } } @media only screen and (max-width: 600px) { .CaseArticleCard { height: auto; padding-bottom: 1.5em; } .CaceArticleHeader__cont { float: none; width: 100%; max-width: 100%; } .CaceArticleHeader__img { float: none; display: block; margin-top: 1em; width: 100%; height: auto; max-width: 100%; } #case_intro_8 .CaceArticleHeader__img, #case_intro_10 .CaceArticleHeader__img { width: 100%; } .CaceArticleHeader__img.CaseIntro12 { width: 100%; } } .CaceArticleH3-b { margin: 2em 0 1em; font-size: 125%; color: #ff9800; } .CaceArticleH3-c { margin-bottom: 0.875em; font-size: 1.125em; font-weight: bold; color: #333333; line-height: 1.5em; } .CaceArticlePhoto { margin: 1.875em auto; text-align: center; } .CaceArticlePhoto.photo_last { margin-bottom: 3.75em; } .CaceArticlePhoto.CaseIntro7 { max-width: 450px; } .CaceArticlePhoto img { display: block; margin: 0 auto; max-width: 100%; height: auto; } .CaceArticlePhoto figcaption { display: block; margin: 12px 0 0; text-align: left; font-size: 0.875em; color: #333333; padding-left: calc((100% - 500px)/2); line-height: 21px; } #case_intro_8 .CaceArticlePhoto figcaption { padding-left: calc((100% - 450px)/2); max-width: 450px; } .CaceArticlePhoto2 { margin: 1.875em auto; display: flex; justify-content: center; align-items: center; } .CaceArticlePhoto2 img {} .CaceArticlePhoto2 figcaption { margin: 0 0 0 16px; font-size: 0.875em; line-height: 1.5em; color: #333333; } @media only screen and (max-width: 600px) { .CaceArticlePhoto2 { flex-direction: column; } .CaceArticlePhoto2 figcaption { margin: .5em 0 0; } } .CaceArticleBlock { margin: 1em 0; } .CaceArticleBlock.immigration_trial_house { display: flex; } .CaceArticleBlock.immigration_trial_house div { max-width: 702px;; } .CaceArticleBlock::after { content: ""; display: table; clear: both; } .CaceArticleBlock div .block_title { margin-bottom: 16px; font-size: 1.125em; font-weight: bold; color: #333333; } .CaceArticleInterview div .block_content, .CaceArticleBlock div .block_content { font-size: 1em; color: #333333; margin-bottom: 1em; } .CaceArticleBlock div .block_content a { color: #666e95; } .CaceArticleBlock div .block_content a:hover { text-decoration: none; } .CaceArticleBottom .CaceArticleBottom__cite img, .CaceArticleBlock div .block_content img { width: 12px; height: 12px; vertical-align: middle; margin-bottom: 2px; } .CaceArticleBlock figure { width: 200px; } .CaceArticleBlock figure.type-32 { width: 134px; } .CaceArticleBlock figure img { display: block; width: 100%; height: auto; } .CaceArticleBlock figure figcaption { display: block; margin: 12px 0 0; text-align: center; font-size: .875em; min-width: 10em; line-height: 1.5em; color: #333333; } #case_intro_2 .CaceArticleBlock figure figcaption.small { min-width: 100px; } div.CaceArticleBlock.CaseIntro5 figure figcaption, div.CaceArticleBlock.CaseIntro3 figure figcaption { min-width: auto; } #case_intro_4 .CaceArticleBlock figure img.small { max-width: 108px; } #case_intro_4 .CaceArticleBlock figure, #case_intro_4 .CaceArticleBlock figure figcaption.small { min-width: 108px; width: 108px; color: #333333; } .CaceArticleBlock.type--right figure { float: right; margin-left: 1.75em; } .CaceArticleBlock.type--left { padding-bottom: 1em; } .CaceArticleBlock.type--left figure { float: left; margin-right: 1.75em; } @media only screen and (max-width: 600px) { .CaceArticleBlock figure { width: 120px; } .CaceArticleBlock.type--right figure { margin-left: 10px; } .CaceArticleBlock.type--left figure { margin-right: 10px; } } .CaceArticleInterview { display: -webkit-flex; display: flex; align-items: flex-start; margin-top: 1.75em; padding: 1.875em; border-radius: 8px; background-color: #F4F4F4; } div.CaceArticleInterview.CaseIntro11, div.CaceArticleInterview.CaseIntro5, div.CaceArticleInterview.CaseIntro9, div.CaceArticleInterview.CaseIntro3 { display: flex; align-items: flex-end; margin-top: 3.75em; } div.CaceArticleInterview.CaseIntro7 { margin-top: 3.75em; } .CaceArticleInterview__cont { -webkit-flex-grow: 1; flex-grow: 1; } .CaceArticleInterview__heading { color: #666e95; font-size: .875em; font-weight: bold; line-height: 1.5em; margin-bottom: .28575em; } .CaceArticleInterview__lead { font-size: 1.125em; font-weight: bold; line-height: 1.5em; color: #333333; margin-bottom: 16px; } .CaceArticleInterview__lead.CaseIntro11{ margin-top:24px; } .CaseIntro11 p a { color: #666e95; font-size: 1em; line-height: 1.5em; } .CaseIntro11 p a:hover { text-decoration: none; } .CaseIntro11 p img { width: 0.75em; height: 0.75em; vertical-align: middle; margin-bottom: 1px; } #case_intro_6 div.CaceArticleInterview__lead { margin-bottom: 4px; line-height: 24px; } .CaceArticleInterview__img { display: flex; margin-left: 1.75em; } #case_intro_8 .CaceArticleInterview__img { display: flex; flex-direction: column; align-items: center; } #case_intro_8 .CaceArticleInterview__img div { margin-top: 12px; line-height: 21px; color: #333333; } .CaceArticleInterview__img img { height: auto; } @media only screen and (max-width: 600px) { .CaceArticleInterview { display: block; } div.CaceArticleInterview.CaseIntro9, div.CaceArticleInterview.CaseIntro11, div.CaceArticleInterview.CaseIntro5, div.CaceArticleInterview.CaseIntro3 { display: block; } .CaceArticleInterview__img { display: block; margin: 10px 0 0; text-align: center; max-width: 100%; } } .CaceArticleBottom { margin: 1.875em 0; overflow: hidden; height: 21px; } .CaceArticleBottom__cite { float: right; font-size: .875em; color: #333333; line-height: 1.5em; } .CaceArticleBottom__cite a { color: #666e95; } .CaceArticleBottom__cite a:hover { color: #666e95; text-decoration: none; } .CaceArticleBottom__share { float: left; } @media only screen and (max-width: 600px) { .CaceArticleBottom__cite, .CaceArticleBottom__share { text-align: center; } .CaceArticleBottom { display: flex; flex-direction: column-reverse; overflow: visible; width: 100%; row-gap: 0.5em; height: auto; margin: 1em 0; } } .CaceArticleBack { margin-top: 3.75em; } .CaceArticleShare { display: inline-block; vertical-align: top; background: #fff; padding: 0; border-radius: 5px; margin-left: -0.35em; height: 1.25em; } .CaceArticleShare .fb-like { height: 1.25em; } .CaceArticleHr { margin: 3.75em 0; background-color: #E0E2EA; border: none; } .CaceArticleDl { margin: 0; font-size: 1em; line-height: 1.5em; color: #333333; } .CaceArticleDl dt { margin: 1em 0 0; font-weight: bold; } .CaceArticleDl dd { margin: .25em 0 0; } .CaceArticle28Photos { margin: 0 auto; max-width: 711px; } .CaceArticle28Photos > div { display: flex; justify-content: start; align-items: flex-start; } .CaceArticle28Photos figure { margin: 0.375em 0 1.375em 1.75em; display: flex; justify-content: center; align-items: center; } .CaceArticle28Photos figure.CaseIntro5 { margin-bottom: 0; } .CaceArticle28Photos figure img {} .CaceArticle28Photos figure figcaption { margin: 0 0 0 16px; font-size: 0.875em; line-height: 1.5em; color: #333333; } .CaceArticle28Photos figure.CaseIntro5 figcaption { margin-top: 1.5em; } @media only screen and (max-width: 600px) { .CaceArticle28Photos > div { display: block; } .CaceArticle28Photos figure { margin: 1.5em 0; } } .CaceArticle27Photos { display: flex; flex-wrap: wrap; margin: 0 auto; width: 560px; } .CaceArticle27Photos figure { box-sizing: border-box; margin: 1.875em 0.875em 0 0.875em; width: 250px; } .CaceArticle27Photos figure img { display: block; } .CaceArticle27Photos figure figcaption { margin: 12px 0 0; font-size: .875em; line-height: 21px; color: #333333; } @media only screen and (max-width: 600px) { .CaceArticle27Photos { display: block; width: 250px; } .CaceArticle27Photos figure { margin: 20px 0; } } .CaceArticle25Photos1 { display: flex; flex-wrap: wrap; margin: 1.875em auto; width: 560px; } .CaceArticle25Photos1 figure { box-sizing: border-box; margin: 0px 0.875em; width: 250px; } .CaceArticle25Photos1 figure img { display: block; } .CaceArticle25Photos1 figure figcaption { margin: 12px 0 0; font-size: 0.875em; line-height: 21px; color: #333333; } @media only screen and (max-width: 600px) { .CaceArticle25Photos1 { display: block; width: 250px; } .CaceArticle25Photos1 figure { margin: 20px 0; } } .CaceArticle24Photos { display: flex; justify-content: center; align-items: flex-start; margin: 0 auto; max-width: 816px; } .CaceArticle24Photos figure { box-sizing: border-box; margin: 0.375em 0.875em; } .CaceArticle24Photos figure:nth-child(1) {width: 41.13%;/*247px*/} .CaceArticle24Photos figure:nth-child(2) {width: 53.87%;/*323px*/} .CaceArticle24Photos figure img { display: block; width: 100%; height: auto; } .CaceArticle24Photos figure figcaption { margin: 12px 0 0; text-align: left; font-size: 0.875em; line-height: 1.5em; color: #333333; } @media only screen and (max-width: 600px) { .CaceArticle24Photos { display: block; } .CaceArticle24Photos figure { margin: 3em auto; } .CaceArticle24Photos figure:nth-child(1), .CaceArticle24Photos figure:nth-child(2) {width: auto} } .CaceArticle24Photo1, .CaceArticle24Photo2 { margin: 2.125em auto; display: flex; justify-content: center; align-items: flex-start; max-width: 816px; } .CaceArticle24Photo2 figure, .CaceArticle24Photo1 figure { display: flex; justify-content: center; align-items: flex-start; box-sizing: border-box; margin: 0 0.875em; } .CaceArticle24Photo2 figure { flex-direction: row-reverse; padding: 0.375em 0; } .CaceArticle24Photo1 img, .CaceArticle24Photo2 img { max-width: 392px; } .CaceArticle24Photo1 figcaption, .CaceArticle24Photo2 figcaption { max-width: 380px; text-align: left; font-size: 0.875em; color: #333333; line-height: 1.5em; margin-left: 16px; } .CaceArticle24Photo2 figcaption { margin: 0 16px 0 0; } @media only screen and (max-width: 600px) { .CaceArticle24Photo1, .CaceArticle24Photo2 { display: block; margin: 2em auto; } .CaceArticle24Photo1 figure, .CaceArticle24Photo2 figure { display: block; margin: 0 auto; } .CaceArticle24Photo1 img, .CaceArticle24Photo2 img { display: block; width: 100%; height: auto; max-width: 100%; } .CaceArticle24Photo1 figcaption, .CaceArticle24Photo2 figcaption { margin: .5em 0 0; width: auto; font-size: 90%; max-width: 100%; } } .CaceArticle23Photos { display: flex; flex-wrap: wrap; margin: 0 auto 3.75em auto; width: 560px; } .CaceArticle23Photos figure { box-sizing: border-box; margin: 0 0.875em; width: 250px; } .CaceArticle23Photos figure img { display: block; } .CaceArticle23Photos figure figcaption { margin: 12px 0 0; font-size: 0.875em; color: #333333; line-height: 21px; } .tag_name { width: 95px; height: 23px; background: #666E95; color: #FFFFFF; border-radius: 0.25em; font-size: 0.875em; margin-top: 20px; } @media only screen and (max-width: 600px) { .CaceArticle23Photos { display: block; width: 250px; } .CaceArticle23Photos figure { margin: 20px 0; } } .CaceArticle22Photos { display: flex; justify-content: center; margin: 1.875em auto; } .CaceArticle22Photos figure { box-sizing: border-box; padding: 0 0.875em; width: 33.33%; max-width: 278px; } .CaceArticle22Photos figure img { display: block; width: 100%; height: auto; max-width: 250px; } .CaceArticle22Photos figure figcaption { margin: 12px 0 0; font-size: 0.875em; line-height: 1.5em; color: #333333; } @media only screen and (max-width: 600px) { .CaceArticle22Photos { display: block; max-width: 250px; } .CaceArticle22Photos figure { padding: 0.625em 0; width: auto; max-width: auto; } } .CaceArticle22Photo1 { display: flex; margin: 1.875em auto; max-width: 538px; } .CaceArticle22Photo1 img {} .CaceArticle22Photo1 figcaption { display: block; margin: 0 0 0 16px; font-size: 0.875em; line-height: 1.5em; color: #333333; } .CaceArticle22Photo1 figcaption p.caption { display: block; margin: 0 0 5px; } #case_intro_2 .CaceArticleInterview .CaceArticleInterview__img { margin-top: 75px; } #case_intro_10 .CaceArticleInterview .CaceArticleInterview__img { margin-top: 17px; } @media only screen and (max-width: 600px) { .CaceArticle22Photo1 { display: block; } .CaceArticle22Photo1 img { display: block; margin: 0 auto; } .CaceArticle22Photo1 figcaption { margin: .5em 0 0; } .CaceArticle22Photo1 figcaption p.caption { text-align: center; } #case_intro_10 .CaceArticleInterview .CaceArticleInterview__img, #case_intro_2 .CaceArticleInterview .CaceArticleInterview__img { margin-top: 1em; } } .CaceArticle21Photos { display: block; margin: 1.875em auto; max-width: 540px; } .CaceArticle21Photos figure { margin: 1.875em 0; overflow: hidden; } .CaceArticle21Photos figure img { float: left; width: 200px; height: auto; } .CaceArticle21Photos figure figcaption { overflow: hidden; padding: 0 0 0 16px; font-size: 0.875em; color: #333333; line-height: 1.5em; } @media only screen and (max-width: 600px) { .CaceArticle21Photos figure img { width: 150px; } /*.CaceArticle21Photos figure { margin: 20px 0; }*/ } .CaceArticleContent_Description { line-height: 1.5em; } .CaceArticle20Photo { margin: 1.875em auto; max-width: 390px; } .CaceArticle20Photo img { display: block; width: 100%; height: auto; } .CaceArticle20Photo figcaption { margin-top: 12px; text-align: left; font-size: 0.875em; line-height: 1.5em; color: #333333; } #case_intro_2 .CaceArticleInterview { margin-top: 2.75em; } #case_intro_2 .CaceArticleBlock { margin-bottom: 2em; } #case_intro_2 .CaceArticleInterview .CaceArticleInterview__cont .block_content { margin-bottom: 0; } #case_intro_4 .CaceArticleInterview, #case_intro_6 .CaceArticleInterview, #case_intro_10 .CaceArticleInterview { margin-top: 3.75em; } #case_intro_6 .CaceArticleH3-c, #case_intro_10 .CaceArticleH3-c { margin-bottom: 18px; } #case_intro_6 .block_content { margin-bottom: 1em; } #case_intro_8 .CaceArticleInterview { margin-top: 3.75em; }