/** * @license * MyFonts Webfont Build ID 3664537, 2018-10-31T05:48:04-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: PFDINTextStd-Light by Parachute * URL: https://www.myfonts.com/fonts/parachute/pf-din-text-pro/light-124045/ * * Webfont: PFDINTextStd-Medium by Parachute * URL: https://www.myfonts.com/fonts/parachute/pf-din-text-pro/medium-124045/ * * * License: https://www.myfonts.com/viewlicense?type=web&buildid=3664537 * Licensed pageviews: 5,000,000 * Webfonts copyright: Copyright (c) 2002 Parachute®, www.parachute.gr. All rights reserved. * * © 2018 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @import url("https://hello.myfonts.net/count/37ea99"); @font-face {font-family: 'PFDINTextStd-Light';src: url('site_gotokyo/fonts/webfonts/37EA99_0_0.eot');src: url('site_gotokyo/fonts/webfonts/37EA99_0_0.eot?#iefix') format('embedded-opentype'),url('site_gotokyo/fonts/webfonts/37EA99_0_0.woff2') format('woff2'),url('site_gotokyo/fonts/webfonts/37EA99_0_0.woff') format('woff'),url('site_gotokyo/fonts/webfonts/37EA99_0_0.ttf') format('truetype');} @font-face {font-family: 'PFDINTextStd-Medium';src: url('site_gotokyo/fonts/webfonts/37EA99_1_0.eot');src: url('site_gotokyo/fonts/webfonts/37EA99_1_0.eot?#iefix') format('embedded-opentype'),url('site_gotokyo/fonts/webfonts/37EA99_1_0.woff2') format('woff2'),url('site_gotokyo/fonts/webfonts/37EA99_1_0.woff') format('woff'),url('site_gotokyo/fonts/webfonts/37EA99_1_0.ttf') format('truetype');} @charset "utf-8"; /* ================================================== Reset ================================================== */ *, *:before, *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } body { margin:0; padding:0; line-height:1.6; color:#222633; background-color:transparent; } h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, blockquote, form, input, fieldset, legend { margin:0; padding:0; } img, fieldset { border:none; } li, dt, dd { line-height:1.4; } table { font-size:100%; line-height:1.6; word-break: break-all; } form, input, select, textarea { font-size:100%; } #tmp_main, .footer_cnt, .copyright { clear:both; } #tmp_main, #tmp_contents { width:100%; } #tmp_hnavi_s, #tmp_sma_lmenu, #tmp_sma_rmenu { display:none; } /* ================================================== skip ================================================== */ .skip { width:1px; color:#000000; font-size:0.1%; line-height:0.1; background-color:#FFFFFF; position:absolute; left:-3000px; z-index:9999; } a.skip { color:#003377; background-color:#FFFFFF; text-align:center; padding:2px 0; top:auto; } a.skip:active { display:block; width:99.99%; font-size:100%; line-height:1.6; top:0; left:0; } a.skip:focus { display:block; width:99.99%; font-size:100%; line-height:1.6; top:0; left:0; } /* ================================================== Required to CMS-8341 ================================================== */ input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="reset"] { -webkit-appearance:none; border-radius:0; } /* image ============================== */ .float_lft { margin-right:20px !important; margin-bottom:10px !important; clear:both; float:left; } .float_rgt { margin-bottom:10px !important; margin-left:20px !important; clear:both; float:right; } .clear { clear:both; } /* Styles ================================================== */ /* noicon */ ul.noicon { margin-left:3.2em !important; text-indent:-1.5em !important; list-style:none !important; list-style-image:none !important; } ul.noicon ul, ul.noicon ol, ul.noicon p, ul.noicon h1, ul.noicon h2, ul.noicon h3, ul.noicon h4, ul.noicon h5, ul.noicon h6, ul.noicon table, ul.noicon div { text-indent:0 !important; } ul ul.noicon, ol ul.noicon { margin-left:1.5em !important; text-indent:-1.5em !important; } /* underline */ .underline { text-decoration:underline; } /* strike */ .strike { text-decoration:line-through; } /* indent */ div.section, blockquote { padding:0 0 0 1em; } .space_lft1 { padding-left:1em; } /*! jQuery UI - v1.12.1 - 2018-12-09 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.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-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-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.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-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-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-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("site_gotokyo/style/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("site_gotokyo/style/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("site_gotokyo/style/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("site_gotokyo/style/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("site_gotokyo/style/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("site_gotokyo/style/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("site_gotokyo/style/images/ui-icons_777777_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"; /* ================================================== Setting by CMS sheets ================================================== */ input, select, textarea { font-family: "PFDINTextStd-Light", sans-serif; } .lang_jp input, .lang_jp select, .lang_jp textarea { font-family: "PFDINTextStd-Light", "メイリオ", Meiryo, sans-serif; } body #tmp_contents p em { font-size:105%; } .lang_jp body #tmp_contents p em { font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; } a:link { color:#003377; } body { font-size:87.5%; font-family: "PFDINTextStd-Light", sans-serif; } .lang_jp body { font-family: "PFDINTextStd-Light", "メイリオ", Meiryo, sans-serif; } body.fix_body { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .container { margin: 0 auto; width: 1260px; padding: 0 60px; } #calendar-dlg .calendar_page_sending_navi:after, #calendar-dlg .box_expand_calendar:before, #calendar-dlg .box_expand_calendar:after, .event_search_control_wrap li:after, .event_search_cnts:after, .clearfix:before, .clearfix:after, .container:before, .container:after , .event_search_control_wrap:after, #tmp_contents .section_locals_spot .locals_items:before, .section_locals_spot .locals_items:before, #tmp_contents .section_locals_spot .locals_items:after, .section_locals_spot .locals_items:after{ content: ""; display: table; clear: both; } /* Styles ================================================== */ /* text */ .txt_red { color:#990000; /* Setting by CMS sheets */ } .txt_green { color:#007500; /* Setting by CMS sheets */ } .txt_big { font-size:130%; /* Setting by CMS sheets */ } .txt_small { font-size:86%; /* Setting by CMS sheets */ } /* bgcolor */ td.bg_red, th.bg_red { color:inherit; background-color:#FCECEC; /* Setting by CMS sheets */ } td.bg_yellow, th.bg_yellow { color:inherit; background-color:#FBFBDF; /* Setting by CMS sheets */ } td.bg_blue, th.bg_blue { color:inherit; background-color:#EBF9FC; /* Setting by CMS sheets */ } td.bg_gray, th.bg_gray { color:inherit; background-color:#E9E9E9; /* Setting by CMS sheets */ } td.bg_green, th.bg_green { color:inherit; background-color:#EDFBEE; /* Setting by CMS sheets */ } td.bg_purple, th.bg_purple { color:inherit; background-color:#EDE9FA; /* Setting by CMS sheets */ } /* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */ /* ================================================== Base-Layout ================================================== */ #tmp_wrapper { min-width: 1260px; margin:0 auto; } /* Slider */ .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list{ position: relative; display: block; overflow-x: hidden; margin: 0; padding: 0; } .slick-list:focus{ outline: none; } .slick-list.dragging{ cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } #tmp_map_slider2 .slick-track{ margin:0; } .slick-track:before, .slick-track:after{ display: table; content: ''; } .slick-track:after{ clear: both; } .slick-loading .slick-track{ visibility: hidden; } .slick-slide{ display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide{ float: right; } .slick-slide img{ display: block; width:100%; height:auto; } .slick-slide.slick-loading img{ display: none; } .slick-slide.dragging img{ pointer-events: none; } .slick-initialized .slick-slide{ display: block; } .slick-loading .slick-slide{ visibility: hidden; } .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* header ================================================== */ #tmp_header_wrap{ background-color: #222633; color: #ffffff; } #tmp_header { position: relative; background: transparent; color: #ffffff; position: fixed; top: 0; right: 0; left: 0; z-index: 10000; border-bottom: 1px solid transparent; transition: background 400ms; } #tmp_header > .container{ padding: 28px 60px 24px } #tmp_header.active, #tmp_header.slide_active { background: #ffffff; color: #333333; } #tmp_hlogo { float: left; -webkit-transition: opacity 250ms; transition: opacity 250ms; } .format_top #tmp_hlogo { opacity: 0; } #tmp_header.active #tmp_hlogo, #tmp_header.slide_active #tmp_hlogo { opacity: 1; } #tmp_hlogo h1, #tmp_hlogo p { display:block; width: 137px; height:37px; background: url(site_gotokyo/images/logo_wide_sumi.png) no-repeat; background-size: 100% auto; } .format_free #tmp_hlogo h1, .format_free #tmp_hlogo p { background: url(site_gotokyo/images/logo_wide_white.png) no-repeat; background-size: 100% auto; } .format_free .active #tmp_hlogo h1, .format_free .active #tmp_hlogo p, .format_free .slide_active #tmp_hlogo h1, .format_free .slide_active #tmp_hlogo p, .format_search #tmp_hlogo p { background: url(site_gotokyo/images/logo_wide_sumi.png) no-repeat; background-size: 100% auto; } .lang_jp #tmp_hlogo h1, .lang_jp #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_jp_b_w340.png) no-repeat; background-size: 100% auto; height:39px; } .format_free.lang_jp #tmp_hlogo h1, .format_free.lang_jp #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_jp_w_w340.png) no-repeat; background-size: 100% auto; } .format_free.lang_jp .active #tmp_hlogo h1, .format_free.lang_jp .active #tmp_hlogo p, .format_free.lang_jp .slide_active #tmp_hlogo h1, .format_free.lang_jp .slide_active #tmp_hlogo p, .format_search.lang_jp #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_jp_b_w340.png) no-repeat; background-size: 100% auto; } .lang_en #tmp_hlogo h1, .lang_en #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_en_b_w340.png) no-repeat; background-size: 100% auto; height:39px; } .format_free.lang_en #tmp_hlogo h1, .format_free.lang_en #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_en_w_w340.png) no-repeat; background-size: 100% auto; } .format_free.lang_en .active #tmp_hlogo h1, .format_free.lang_en .active #tmp_hlogo p, .format_free.lang_en .slide_active #tmp_hlogo h1, .format_free.lang_en .slide_active #tmp_hlogo p, .format_search.lang_en #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_en_b_w340.png) no-repeat; background-size: 100% auto; } .lang_cn #tmp_hlogo h1, .lang_cn #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_ch_b_w340.png) no-repeat; background-size: 100% auto; height:39px; } .format_free.lang_cn #tmp_hlogo h1, .format_free.lang_cn #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_ch_w_w340.png) no-repeat; background-size: 100% auto; } .format_free.lang_cn .active #tmp_hlogo h1, .format_free.lang_cn .active #tmp_hlogo p, .format_free.lang_cn .slide_active #tmp_hlogo h1, .format_free.lang_cn .slide_active #tmp_hlogo p, .format_search.lang_cn #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_ch_b_w340.png) no-repeat; background-size: 100% auto; } .lang_tc #tmp_hlogo h1, .lang_tc #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_tc_b_w340.png) no-repeat; background-size: 100% auto; height:39px; } .format_free.lang_tc #tmp_hlogo h1, .format_free.lang_tc #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_tc_w_w340.png) no-repeat; background-size: 100% auto; } .format_free.lang_tc .active #tmp_hlogo h1, .format_free.lang_tc .active #tmp_hlogo p, .format_free.lang_tc .slide_active #tmp_hlogo h1, .format_free.lang_tc .slide_active #tmp_hlogo p, .format_search.lang_tc #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_tc_b_w340.png) no-repeat; background-size: 100% auto; } .lang_kr #tmp_hlogo h1, .lang_kr #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_kr_b_w340.png) no-repeat; background-size: 100% auto; height:39px; } .format_free.lang_kr #tmp_hlogo h1, .format_free.lang_kr #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_kr_w_w340.png) no-repeat; background-size: 100% auto; } .format_free.lang_kr .active #tmp_hlogo h1, .format_free.lang_kr .active #tmp_hlogo p, .format_free.lang_kr .slide_active #tmp_hlogo h1, .format_free.lang_kr .slide_active #tmp_hlogo p, .format_search.lang_kr #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_kr_b_w340.png) no-repeat; background-size: 100% auto; } .lang_th #tmp_hlogo h1, .lang_th #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_th_b_w340.png) no-repeat; background-size: 100% auto; height:39px; } .format_free.lang_th #tmp_hlogo h1, .format_free.lang_th #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_th_w_w340.png) no-repeat; background-size: 100% auto; } .format_free.lang_th .active #tmp_hlogo h1, .format_free.lang_th .active #tmp_hlogo p, .format_free.lang_th .slide_active #tmp_hlogo h1, .format_free.lang_th .slide_active #tmp_hlogo p, .format_search.lang_th #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_th_b_w340.png) no-repeat; background-size: 100% auto; } .lang_de #tmp_hlogo h1, .lang_de #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_de_b_w340.png) no-repeat; background-size: 100% auto; height:39px; } .format_free.lang_de #tmp_hlogo h1, .format_free.lang_de #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_de_w_w340.png) no-repeat; background-size: 100% auto; } .format_free.lang_de .active #tmp_hlogo h1, .format_free.lang_de .active #tmp_hlogo p, .format_free.lang_de .slide_active #tmp_hlogo h1, .format_free.lang_de .slide_active #tmp_hlogo p, .format_search.lang_de #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_de_b_w340.png) no-repeat; background-size: 100% auto; } .lang_fr #tmp_hlogo h1, .lang_fr #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_fr_b_w340.png) no-repeat; background-size: 100% auto; height:39px; } .format_free.lang_fr #tmp_hlogo h1, .format_free.lang_fr #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_fr_w_w340.png) no-repeat; background-size: 100% auto; } .format_free.lang_fr .active #tmp_hlogo h1, .format_free.lang_fr .active #tmp_hlogo p, .format_free.lang_fr .slide_active #tmp_hlogo h1, .format_free.lang_fr .slide_active #tmp_hlogo p, .format_search.lang_fr #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_fr_b_w340.png) no-repeat; background-size: 100% auto; } .lang_it #tmp_hlogo h1, .lang_it #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_it_b_w340.png) no-repeat; background-size: 100% auto; height:39px; } .format_free.lang_it #tmp_hlogo h1, .format_free.lang_it #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_it_w_w340.png) no-repeat; background-size: 100% auto; } .format_free.lang_it .active #tmp_hlogo h1, .format_free.lang_it .active #tmp_hlogo p, .format_free.lang_it .slide_active #tmp_hlogo h1, .format_free.lang_it .slide_active #tmp_hlogo p, .format_search.lang_it #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_it_b_w340.png) no-repeat; background-size: 100% auto; } .lang_es #tmp_hlogo h1, .lang_es #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_es_b_w340.png) no-repeat; background-size: 100% auto; height:39px; } .format_free.lang_es #tmp_hlogo h1, .format_free.lang_es #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_es_w_w340.png) no-repeat; background-size: 100% auto; } .format_free.lang_es .active #tmp_hlogo h1, .format_free.lang_es .active #tmp_hlogo p, .format_free.lang_es .slide_active #tmp_hlogo h1, .format_free.lang_es .slide_active #tmp_hlogo p, .format_search.lang_es #tmp_hlogo p { background: url(site_gotokyo/images/logo/flogo_wide_sumi_es_b_w340.png) no-repeat; background-size: 100% auto; } #tmp_hlogo a { display:block; width:137px; height:37px; color: #ffffff; background-color: transparent; } .lang_jp #tmp_hlogo a { height:39px; } #tmp_hlogo h1 span, #tmp_hlogo p span { display:block; width:137px; height:37px; position:relative; z-index:-1; overflow:hidden; text-indent: -9999px; } /* gnavi ================================================== */ .gnavi { color:inherit; float: left; margin-left: 98px; } .gnavi ul { list-style:none; display: flex; justify-content: center; } .gnavi li { vertical-align: top; list-style:none; } .gnavi li { display: inline-block; vertical-align: top; margin: 0 24px; } .gnavi a { display: block; font-size: 142.8%; padding: 4px 0; text-decoration: none; color: #ffffff; font-family: "PFDINTextStd-Medium", sans-serif; background-color: transparent; } .lang_jp .gnavi a { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .slide_active .gnavi a , .active .gnavi a { color: #222633; position: relative; } .active.gnavi a.active, .slide_active .gnavi a.active, .gnavi .active a, .gnavi a:hover, .gnavi a:focus { color: #f13c33; -webkit-transition: 250ms; transition: 250ms; } .gnavi a.active:before { content: ''; position: absolute; top: 54px; left: 50%; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #e8e9ea transparent; display: inline-block; width: 8px; height: 8px; margin-left: -8px; } #tmp_means { float: right; } #tmp_setting { list-style: none; } #tmp_setting .setting_item, #tmp_setting .setting_item_language { float: left; position: relative; margin-right: 12px; } #tmp_setting .setting_item_language{ overflow: hidden; } #tmp_setting .setting_item:last-child { margin-right: 0; } #tmp_setting .setting_item > a, #tmp_setting .setting_item_language > label { text-decoration: none; text-indent: -99999px; display: inline-block; color: #ffffff; background-color: transparent; cursor: pointer; } .setting_shared { background: url(site_gotokyo/images/icon/icon_header_option_white.png) no-repeat; background-size: 100% auto; width: 37px; height: 37px; } .setting_language { background: url(site_gotokyo/images/icon/icon_glode_white.png) no-repeat; background-size: 23px auto; -webkit-background-size: 23px auto; -moz-background-size: 23px auto; background-position: center center; width: 37px; height: 37px; } .setting_rs { background: url(site_gotokyo/images/icon/icon_rs_white.png) no-repeat; background-size: 80% auto; background-position:center center; width: 34px; height: 34px; } .setting_item_language:hover .setting_language, .setting_language:active, .setting_item .setting_language:focus{ background-image: url(site_gotokyo/images/icon/icon_glode_red.png); } .slide_active .setting_rs.active, .slide_active .setting_rs:hover, .slide_active .setting_rs:focus, .active .setting_rs.active, .active .setting_rs:hover, .active .setting_rs:focus, .setting_rs.active, .setting_rs:hover, .setting_rs:focus { background-image: url(site_gotokyo/images/icon/icon_rs_red.png); } .format_search .setting_language, .format_customizing .setting_language{ background-image: url(site_gotokyo/images/icon/icon_glode.png); } .format_search .setting_rs, .format_customizing .setting_rs{ background-image: url(site_gotokyo/images/icon/icon_rs.png); } .setting_language_select{ position: absolute; top: 0; left: 0; width: 255px; height: 37px; opacity: 0; cursor: pointer; z-index: 1; } .slide_active .setting_shared , .active .setting_shared { background: url(site_gotokyo/images/icon/icon_header_option.png) no-repeat; background-size: 100% auto; } .slide_active .setting_language , .active .setting_language { background-image: url(site_gotokyo/images/icon/icon_glode.png); } .slide_active .setting_rs, .active .setting_rs { background-image: url(site_gotokyo/images/icon/icon_rs.png); } .setting_item:hover .setting_shared, .setting_shared:active, .setting_item .setting_shared:focus { background: url(site_gotokyo/images/icon/icon_header_option_on.png) no-repeat; background-size: 100% auto; } .setting_fav { background: url(site_gotokyo/images/icon/icon_header_fav_white.png) no-repeat; background-size: 100% auto; width: 38px; height: 38px; } .setting_item:hover .setting_fav, .setting_fav:active, .setting_item .setting_fav:focus { background: url(site_gotokyo/images/icon/icon_header_fav_on.png) no-repeat; background-size: 100% auto; } .slide_active .setting_fav, .active .setting_fav { background: url(site_gotokyo/images/icon/icon_header_fav.png) no-repeat; background-size: 100% auto; } .setting_fav.active, .setting_fav:hover, .setting_fav:focus { background: url(site_gotokyo/images/icon/icon_header_fav_on.png) no-repeat; background-size: 100% auto; } .setting_search { background: url(site_gotokyo/images/icon/icon_header_search_white.png) no-repeat; background-size: 100% auto; width: 34px; height: 34px; } .setting_item:hover .setting_search, .setting_search:active, .setting_item .setting_search:focus { background: url(site_gotokyo/images/icon/icon_header_search_on.png) no-repeat; background-size: 100% auto; } .slide_active .setting_search, .active .setting_search { background: url(site_gotokyo/images/icon/icon_header_search.png) no-repeat; background-size: 100% auto; } .setting_search.active, .setting_search:hover, .setting_search:focus { background: url(site_gotokyo/images/icon/icon_header_search_on.png) no-repeat; background-size: 100% auto; } #tmp_my_favorites .container { padding: 0; } #tmp_my_favorites .favorite_menu { padding: 25px 60px; font-size: 185.7%; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_my_favorites .favorite_menu { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .favorites_signed { position: relative; background-color: #e8e9ea; padding: 15px 45px; color: #222633; } .signed_items { padding: 50px 0; } .signed_items .tokyo_description, .signed_items .signed_description, .signed_items .signed_plugin { padding: 0 15px; } .signed_close { display: block; text-indent: -9999px; width: 4.7619%; position: absolute; left: 0; top: 0; bottom: 0; } .signed_close a { cursor: pointer; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(site_gotokyo/images/icon/icon_close.png) no-repeat center center; background-size: 9px 9px; } .signed_items .signed_title { font-size: 114.2%; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp .signed_items .signed_title { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .signed_description { float: left; max-width: 33.33%; } .signed_plugin { margin-top: 13px; float: left; width: 33.33%; text-align: right; } .drop_down_overlay{ position: fixed; top: 0; left: 0; z-index: 999; background: #222633; color: #ffffff; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 0.3s ease all; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; } .drop_down_overlay.active{ opacity: 0.6; visibility: visible; } /* header_panel ================================================== */ .header_panel { position: absolute; top: 100%; margin: 0 auto; display: none; width: 1260px; left: 0; right: 0; background: #ffffff; color: #222633; z-index: 9999; overflow: hidden; max-height: calc(100vh - 130px); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16); border-top: 10px solid #e8e9ea; } .header_panel .header_panel_inside{ max-height: calc(100vh - 140px); overflow: auto; } .fsize_big2 .header_panel .header_panel_inside{ max-height: calc(100vh - 290px); } .format_local_active .header_panel .header_panel_inside, .format_accessibility_active .header_panel .header_panel_inside{ max-height: calc(100vh - 180px); overflow: auto; } .format_local_active .header_panel{ max-height: calc(100vh - 170px); } .format_accessibility_active .header_panel{ max-height: calc(100vh - 170px); } .format_accessibility_active.format_local_active .header_panel .header_panel_inside{ max-height: calc(100vh - 230px); } .format_accessibility_active.format_local_active .header_panel{ max-height: calc(100vh - 220px); } .header_panel .container { width: 100%; height: 100%; background: #ffffff; padding: 52px 60px; color: #222633; } #tmp_header_search .container { padding: 0; } #tmp_header_search .search_header_panel { padding: 16px 60px 26px; background: #d3d4d6; color: #222633; } #tmp_header_search .search_header_inner { width: 49.93388%; position: relative; } .fsize_big2 #tmp_header_search .search_header_inner{ width: 75%; } .search_header_input{ padding: 0 40px 0 20px; font-size: 142.8%; height: 40px; line-height: 42px; display: block; width: 100%; overflow: hidden; background-color: #ffffff; outline: none; overflow: hidden; border: 1px solid #dcdcdc; color: #222633; font-family: 'PFDINTextStd-Light',sans-serif; } .lang_jp .search_header_input{ font-family: "PFDINTextStd-Light", "メイリオ", Meiryo, sans-serif; } .search_header_inner .search_header_btn { right: 5px; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; overflow: hidden; cursor: pointer; border: 0; text-indent: -999px; background: transparent url(site_gotokyo/images/icon/icon_header_search.png) no-repeat; background-size: 100%; color: #222633; } .search_tag_list { padding: 27px 20px 20px 60px; background: #e8e9ea; color: #222633; } .search_near_by{ display: none; } .search_tag_list .search_tag_title { font-size: 200%; font-family: "PFDINTextStd-Medium", sans-serif; margin-bottom: -1px; } .lang_jp .search_tag_list .search_tag_title { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .search_tag_list_items { list-style: none; width: 100%; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp .search_tag_list_items { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .search_tag_list_items .item { margin: 10px 6px 0 0; display: inline-block; vertical-align: top; line-height: 1; letter-spacing: normal; } .search_tag_list_items .item:last-child{ margin-right: 0; } .search_tag_list_items .item a { padding: 9px 10px 8px; display: block; line-height: 1.2; background-color: #ffffff; -webkit-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; text-decoration: none; color: #222633; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp .search_tag_list_items .item a { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .search_tag_list_items .item a:hover, .search_tag_list_items .item a:focus { background-color: #f13c33; color: #ffffff; } .event_seach_panel{ padding: 9px 20px 40px; background: #e8e9ea; color: #222633; } .event_seach_panel .event_search_ttl { font-size: 200%; font-family: "PFDINTextStd-Medium", sans-serif; margin-bottom: -1px; padding: 0 40px; } .lang_jp .event_seach_panel .event_search_ttl { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .tourist_search_cnt, .event_search_cnt{ float: left; width: 50%; font-family: "PFDINTextStd-Medium", sans-serif; margin: 0 0 27px; } .lang_jp .tourist_search_cnt, .lang_jp .event_search_cnt{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .tourist_search_cnt{ padding: 7px 31px 0 40px; } .event_search_cnt{ padding: 9px 23px 0 49px; } .event_search_subttl{ font-size: 128.6%; margin: 0 0 12px; } .event_search_control_wrap{ margin: 0 0 16px; } .event_search_control_wrap label{ font-size: 114.3%; color: #757575; padding: 7px 0 0; display: inline-block; } .event_search_control_wrap .event_search_control{ float: right; width: 409px; } .tourist_search_cnt .event_search_control_wrap .event_search_control{ width: 355px; } .event_search_control_wrap ul{ list-style: none; background-color: #ffffff; padding: 11px 11px 2px 19px; margin: 0 0 11px; } .event_search_control_wrap li{ padding: 0 29px 10px 0; position: relative; } .event_search_control_wrap .btn_open_calendar{ width: 19px; height: 19px; position: absolute; background: #ffffff url(site_gotokyo/images/icon/calendar.png) 0 0 no-repeat; /*top: 2px;*/ bottom:43%; right: 0; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; text-indent: -999px; overflow: hidden; text-decoration: none; } .event_search_control_wrap .btn_open_calendar.disable{ cursor: no-drop; } .event_search_control_wrap li input{ width: 263px; border: 1px solid #757575; float: right; height: auto; min-height: 26px; padding: 0 10px; } .event_search_control_wrap li input.invalid, .event_search_control_wrap li input.error{ background-color: #f13c33; color: #ffffff; } .event_search_control_wrap li label{ color: #222633; padding: 2px 0 0; width: auto; min-width: 85px; } .event_search_control_wrap .event_search_control select{ width: 100%; border: none; font-size: 114.3%; font-family: inherit; padding: 9px 15px 7px; border: 1px solid #aaaaaa; } .event_search_submit_wrap{ width: 100%; float: left; text-align: center; padding: 0 0 0 18px; } .event_search_submit_wrap .search_header_btn { font-size: 142.8%; font-family: "PFDINTextStd-Medium", sans-serif; color: #ffffff; background-color: #222633; border: none; width: 100%; display: inline-block; max-width: 360px; padding: 3px 10px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; cursor: pointer; min-height: 40px; } .lang_jp .event_search_submit_wrap .search_header_btn{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .event_search_submit_wrap .search_header_btn:hover, .event_search_submit_wrap .search_header_btn:active, .event_search_submit_wrap .search_header_btn:focus{ background-color: #f13c33; } .ui-widget.ui-widget-content{ border: 1px solid #d3d4d6; padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .ui-draggable .ui-dialog-titlebar{ display: none; } #calendar-dlg{ width: 100%; background-color: #ffffff; color: #222633; padding: 9px 9px 10px; } #calendar-dlg .box_expand_calendar{ margin: 0 -5px; } #calendar-dlg .box_expand_calendar .box_calendar{ float: left; width: 33.3%; padding: 0 5px; } #calendar-dlg .box_expand_calendar .box_calendar table{ width: 100%; border: 1px solid #bbbbbb; border-collapse: collapse; border-spacing: 0; } #calendar-dlg .box_expand_calendar .box_calendar th, #calendar-dlg .box_expand_calendar .box_calendar td{ border: 1px solid #bbbbbb; text-align: center; } #calendar-dlg .box_expand_calendar .box_calendar caption { color: #333333; font-family: "PFDINTextStd-Medium", sans-serif; text-align: left; background-color: transparent; line-height: 1.3; margin: 0 0 1px; font-size: 108%; } #calendar-dlg .lang_jp .box_expand_calendar .box_calendar caption { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #calendar-dlg .box_expand_calendar .box_calendar td span{ cursor: pointer; display: block; } #calendar-dlg .box_expand_calendar .box_calendar th{ color: inherit; font-weight: normal; background-color: #EEEEEE; width: 14.28%; } #calendar-dlg .box_expand_calendar .box_calendar th.sun{ color: #d11818; } #calendar-dlg .box_expand_calendar .box_calendar th.sat{ color: #005eaa; } #calendar-dlg .box_expand_calendar .box_calendar .today { display: block; color: #222633; background-color: #feff99; font-family: "PFDINTextStd-Medium", sans-serif; border-color: #ffffff; } #calendar-dlg .lang_jp .box_expand_calendar .box_calendar .today { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #calendar-dlg .close_dialog{ float: right; text-decoration: none; color: #005eaa; background-color: transparent; padding: 5px 3px 0px 0; line-height: 1.5; } #calendar-dlg .close_dialog:hover, #calendar-dlg .close_dialog:focus, #calendar-dlg .close_dialog:active{ text-decoration: underline; } #calendar-dlg .calendar_page_sending_navi{ padding: 5px 0 1px; } #calendar-dlg .calendar_page_sending_navi ul{ list-style: none; } #calendar-dlg .calendar_page_sending_navi a{ display: inline-block; } #calendar-dlg .calendar_page_sending_navi .prev{ float: left; } #calendar-dlg .calendar_page_sending_navi .calendar_multi_prev{ text-decoration: none; padding: 0 0 0 13px; position: relative; } #calendar-dlg .calendar_page_sending_navi .calendar_multi_prev:before{ content: ''; width: 7px; height: 9px; border-right: 7px solid #1a71a5; border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; position: absolute; left: 0; top: 5px; } #calendar-dlg .calendar_page_sending_navi .next{ float: right; } #calendar-dlg .calendar_page_sending_navi .calendar_multi_next{ text-decoration: none; padding: 0 13px 0 0; position: relative; } #calendar-dlg .calendar_page_sending_navi .calendar_multi_next:before{ content: ''; width: 7px; height: 9px; border-left: 7px solid #1a71a5; border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; position: absolute; right: 0; top: 5px; } #calendar-dlg .btn_close:hover, #calendar-dlg .btn_close:focus, #calendar-dlg .btn_close:active, #calendar-dlg .calendar_multi_next:hover, #calendar-dlg .calendar_multi_next:focus, #calendar-dlg .calendar_multi_next:active, #calendar-dlg .calendar_page_sending_navi .calendar_multi_prev:hover, #calendar-dlg .calendar_page_sending_navi .calendar_multi_prev:focus, #calendar-dlg .calendar_page_sending_navi .calendar_multi_prev:active{ text-decoration: underline; } @media screen and (min-width : 741px) and (max-width : 1259px) { .event_search_control_wrap .event_search_control { float: none; width: auto; } .event_search_control_wrap li label { width: auto; display: block; } .event_search_control_wrap li input { width: 90%; float: none; height: auto; min-height: auto; } .event_search_control_wrap .btn_open_calendar { position: static; float: right; } .tourist_search_cnt .event_search_control_wrap .event_search_control { width:100%; } } #tmp_area_guides .arrow { left: 42.5%; } #tmp_see_do .arrow { left: 55.2%; } #tmp_plan_your_trip .arrow { left: 68.2%; } #tmp_my_favorites .arrow { left: 89.6%; } #tmp_header_search .arrow { left: 93.4%; } .must_see_left { float: left; width: 280px; } .must_see_left_list { list-style: none; } .must_see_left_list .item { margin-bottom: 18px; } .must_see_left_list .item a { text-decoration: none; font-size: 142.8%; color: #222633; background: #ffffff; font-family: "PFDINTextStd-Medium", sans-serif; } .must_see_left_list .item:first-child { border-bottom: #e8e9ea 4px solid; padding-bottom: 15px; max-width: 200px; width: 90%; } .must_see_left_list .item:first-child a { font-size: 150%; } .lang_jp .must_see_left_list .item a { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .must_see_left_list .item a:hover, .must_see_left_list .item a:focus { color: #f13c33; } .must_see_right { float: left; width: 75%; } .must_see_right .title { font-size: 171.4%; margin-bottom: 16px; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp .must_see_right .title { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .must_see_right_list { list-style: none; margin: 0 -8px; } .must_see_right_list .item { float: left; width: 33.333%; padding: 0 8px; margin-bottom: 16px; } .must_see_right_list .item:nth-child(3n+1) { clear: left; } .must_see_right_list .item img { max-width: 100%; height: auto; } .must_see_right_list .item a { position: relative; display: block; line-height: 0; color: #ffffff; background-color: #222633; text-shadow:2px 2px 8px #000000, 2px 0px 8px #000000, 0px 2px 8px #000000, 0px 0px 8px #000000; } /* .must_see_right_list .item a:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, right top, from(#222633), color-stop(56%, transparent)); background-image: linear-gradient(to right top, #222633, transparent 56%); } */ .must_see_right_list .item .text{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; line-height: 1.1; padding: 16px; font-size: 142.8%; color: #ffffff; background-color: transparent; max-height: 100%; overflow: auto; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp .must_see_right_list .item .text{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .see_and_do_body_left { width: 50%; float: left; min-width: 300px; } .see_and_do_image_list, .see_and_do_list { list-style: none; } .see_and_do_list .item { margin-bottom: 18px; margin-right: 1%; width: 48%; display: inline-block; vertical-align: top; } .see_and_do_list .item a { text-decoration: none; font-size: 142.8%; color: #222633; background-color: #ffffff; font-family: "PFDINTextStd-Medium", sans-serif; } .see_and_do_list .item:first-child { border-bottom: #e8e9ea 4px solid; padding-bottom: 15px; width: 95%; display: block; } .see_and_do_list .item:first-child a { font-size: 150%; } .lang_jp .see_and_do_list .item a { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .see_and_do_list .item a:hover, .see_and_do_list .item a:focus { color: #f13c33; } .see_and_do_body_right { overflow: hidden; } .header_panel .title { font-size: 171.4%; margin-bottom: 16px; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp .header_panel .title { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .see_and_do_image_list { margin: 0 -5px; } .see_and_do_image_list .item { float: left; width: 32%; padding: 0 1% 0 0; margin-bottom: 1%; } .see_and_do_image_list .item:nth-child(4n+1) { } .see_and_do_image_list .item:nth-child(n+7) { display:none; } #tmp_wrapper .see_and_do_image_list .item img { max-width: 100%; vertical-align: top; max-width: 150%; width: 150%; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: -webkit-transform 500ms; transition: -webkit-transform 500ms; transition: transform 500ms; transition: transform 500ms, -webkit-transform 500ms; } #tmp_wrapper .see_and_do_image_list .item img.no_img { } .see_and_do_image_list .item a { position: relative; display: block; line-height: 1; padding-bottom: 100%; overflow: hidden; color: #ffffff; background-color: #222633; } .see_and_do_image_list .item a:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } .see_and_do_image_list .item .text{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; line-height: 1.1; padding: 16px; font-size: 142.8%; color: #ffffff; background-color: transparent; max-height: 100%; overflow: auto; font-family: "PFDINTextStd-Medium", sans-serif; } /* test .see_and_do_image_list .item .text { overflow: auto; } .see_and_do_image_list .item .text::-webkit-scrollbar { width: 5px; background: #F1F1F1; } .see_and_do_image_list .item .text::-webkit-scrollbar:horizontal { height: 5px; background: #F1F1F1; } .see_and_do_image_list .item .text::-webkit-scrollbar-thumb { background: #C1C1C1; border-radius: 2px; } .see_and_do_image_list .item .text::-webkit-scrollbar-thumb:horizontal { background: #C1C1C1; border-radius: 2px; } */ .lang_jp .see_and_do_image_list .item .text{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .plan_your_trip_body_left { float: left; width: 284px; } .plan_your_trip_list { list-style: none; } .plan_your_trip_list .item { margin-bottom: 18px; } .plan_your_trip_list .item a { text-decoration: none; font-size: 142.8%; color: #222633; background-color: #ffffff; font-family: "PFDINTextStd-Medium", sans-serif; } .plan_your_trip_list .item:first-child { border-bottom: #e8e9ea 4px solid; padding-bottom: 15px; max-width: 200px; width: 90%; } .plan_your_trip_list .item:first-child a { font-size: 150%; } .lang_jp .plan_your_trip_list .item a { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .plan_your_trip_list .item a:hover, .plan_your_trip_list .item a:focus { color: #f13c33; } .must_see_body_right {overflow: hidden;} .must_see_body_right .title { font-size: 171.4%; margin-bottom: 16px; } .must_see_image_list_items { list-style: none; margin: 0 -8px; } .must_see_image_list .item { float: left; width: 33.333%; padding: 0 8px; margin-bottom: 16px; } .must_see_image_list .item:nth-child(3n+1) { clear: left; } .must_see_image_list .item img { max-width: 100%; height: auto; } .must_see_image_list .item a { position: relative; display: block; line-height: 0; color: #ffffff; background-color: #333333; } .must_see_image_list .item .text{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; line-height: 1.1; padding: 16px; font-size: 142.8%; color: #ffffff; background-color: transparent; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp .must_see_image_list .item .text{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .header_share { display: none; position: absolute; right: -106px; top: 54px; left: auto; width: 240px; max-height: none; -webkit-transition: top 250ms; transition: top 250ms; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12); background-color: #e8e9ea; z-index: 99999; color: #222633; } .header_share:before { border-width: 0 9px 9px 9px; margin-right: 110px; position: absolute; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent transparent #e8e9ea transparent; margin-left: auto; top: -8px; left: 50%; margin-left: -9px; } .share_header { padding: 25px 29px 20px; border-bottom: solid 1px #222633; font-size: 114.2%; } .share_body { padding: 20px 29px; } .share_items { list-style: none; } .share_items .item { display: block; margin-bottom: 30px; } .share_items .item:last-child { margin-bottom: 10px; } .share_items .item a { text-decoration: none; color: #222633; background-color: #e8e9ea; font-size: 128.5%; min-height: 36px; display: block; padding: 6px 0 0 52px; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp .share_items .item a { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .share_items .item a:hover, .share_items .item a:focus { color: #f13c33; } .btn_facebook { background: url(site_gotokyo/images/icon/icon_facebook.png) no-repeat 3px center; background-size: 32px auto; } .btn_twitter { background: url(site_gotokyo/images/icon/icon_twitter_trans.png) no-repeat 3px center; background-size: 32px auto; } .btn_google { background: url(site_gotokyo/images/icon/icon_sns_google.png) no-repeat 3px center; background-size: 32px auto; } .btn_webchat { background: url(site_gotokyo/images/icon/icon_wechat_trans.png) no-repeat 3px center; background-size: 32px auto; } .btn_weibo { background: url(site_gotokyo/images/icon/icon_weibo.png) no-repeat 3px center; background-size: 32px auto; } .btn_mail { background: url(site_gotokyo/images/icon/icon_sns_email.png) no-repeat left center; background-size: 36px auto; } .btn_copy { background: url(site_gotokyo/images/icon/icon_sns_link.png) no-repeat left center; background-size: 36px auto; } /* 20190827 add_footer ================================================== */ #tmp_add_footer { position: fixed; bottom: 0; width: 100%; z-index: 2000; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; } /* format_local_active ================================================== */ #tmp_local_bar { display: none; background-color: #ffffff; } .format_local_active #tmp_local_bar { display: block; padding: 15px 0; background-color: #ffffff; color: #222633; } #tmp_local_bar .txt { width: 88.69231%; float: left; font-size: 100%; } #tmp_local_bar .txt a{ color: #282828; background-color: transparent; margin: 0; } #tmp_local_button { display: table; line-height: 1.2; text-align: center; color: #ffffff; overflow: hidden; background-color: #58c0ae; width: 60px; padding: 3px; border-radius: 18px; font-size: 85.7%; margin: 0 0 0 8px; float: right; text-decoration: none; font-weight: bold; } #tmp_local_bar .txt a:hover, #tmp_local_bar .txt a:focus, #tmp_local_bar .txt a:active { color: #f13c33; } #tmp_local_button:hover, #tmp_local_button:focus, #tmp_local_button:active { color: #fbf2f0; background-color: #f13c33; } /* format_font_color ================================================== */ .format_accessibility_active #tmp_font_color { display: block; background-color: #e5e5e5; color: #282828; } #tmp_font_color .font_color_inner { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -moz-flex; display: flex; -ms-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 6px 0; } #tmp_font_color .font_color_cnt { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -moz-flex; display: flex; -ms-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #tmp_font_color .font_color_cnt .item_link { width: 150px; } .format_top #tmp_font_color .font_color_cnt .item_link { width: 180px; } #tmp_font_color .font_color_cnt .item_link_ttl { line-height: 1.2; font-weight: bold; color: #282828; background-color: transparent; font-size: 100%; } #tmp_font_color .font_color_cnt .item_link a { text-decoration: underline; font-size: 100%; color: #282828; background-color: transparent; } #tmp_font_color .font_color_cnt .item_link a:hover, #tmp_font_color .font_color_cnt .item_link a:focus, #tmp_font_color .font_color_cnt .item_link a:active { color: #f13c33; } #tmp_font_color .font_color_cnt .item_txt { width: calc(100% - 150px); font-size: 100%; } #tmp_font_color .font_color_close { text-decoration: none; display: block; width: 24px; height: 24px; background: transparent url(site_gotokyo/images/icon/icon_gnavi_close.png) no-repeat; color: #282828; background-size: 100%; } /* tmp_pankuzu ================================================== */ #tmp_pankuzu { margin-top: 60px; background-color: #222633; color: #ffffff; font-size: 114.2%; padding: 16px 0 14px; } #tmp_pankuzu a { color: #ffffff; text-decoration: none; } #tmp_pankuzu a:first-child { text-transform: uppercase; } #tmp_pankuzu a:hover, #tmp_pankuzu a:focus { text-shadow: 0px 0px 2px #ffffff; -moz-text-shadow: 0px 0px 2px #ffffff; -webkit-text-shadow: 0px 0px 2px #ffffff; } #tmp_pankuzu ul { list-style: none; list-style-image: none; } #tmp_pankuzu ul li { display: inline-block; vertical-align: top; } #tmp_pankuzu ul li span { } /* section banner top ================================================== */ .section_banner_top { position: relative; overflow: hidden; width: 100%; color: #ffffff; background-color: #222633; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-position: center center; } .section_banner_top:after{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } .type_visual_small .section_banner_top { height:660px; } .section_banner_top_single .section_banner_top:after{ content:normal; } .section_banner_top.fixed_height { height: 660px !important; } .hamamatsucho { background: transparent url(site_gotokyo/images/hamamatsucho/banner.jpeg) no-repeat; background-size: cover; background-position: center center; } .tsukiji { background: transparent url(site_gotokyo/images/main/keyvisual_banner.jpg) no-repeat; background-size: cover; background-position: center center; } .getting_around_banner { background: transparent url(site_gotokyo/images/main/getting_around_banner.jpg) no-repeat; background-size: cover; background-position: center center; } .guide_services_banner { background: transparent url(site_gotokyo/images/main/guide_services_banner.jpg) no-repeat; background-size: cover; background-position: center center; } .walk_banner { background: transparent url(site_gotokyo/images/main/banner_kanbai.jpeg) no-repeat; background-size: cover; background-position: center center; } .local_go { background: transparent url(site_gotokyo/images/main/locals_go_banner.jpg) no-repeat; background-size: cover; background-position: center center; } .see_do { background: transparent url(site_gotokyo/images/main/banner_seedo.jpeg) no-repeat; background-size: cover; background-position: center center; } .izu_islands { background: transparent url(site_gotokyo/images/izu_island/banner.jpeg) no-repeat; background-size: cover; background-position: center center; } .buses { background: transparent url(site_gotokyo/images/buses/banner.jpeg) no-repeat; background-size: cover; background-position: center center; } .section_banner_top.akigawa { max-height: 570px; overflow: hidden; background-size: contain; background-position: center center; background: #383b47 url(site_gotokyo/images/akigawa/banner.jpeg) no-repeat; background-size: 1260px auto; background-position: center center; } .section_banner_top .banner_top_cnt { position: absolute; width: 100%; top: 50%; margin: 0; z-index: 2; -webkit-transform: translateY(-45%); transform: translateY(-45%); } .fsize_big2 .section_banner_top .banner_top_cnt{ margin-top: 30px; overflow: auto; max-height: 50%; } .format_local_active .section_banner_top .banner_top_cnt{ margin: 35px 0 0; } .section_banner_top .banner_top_image, .section_banner_top .banner_top_spimage{ display: none; } .section_banner_top .banner_top_image_single{ background-color: #383b47; text-align: center; position: relative; color: #ffffff; overflow: hidden; } .section_banner_top .banner_top_image_single .inside { position: relative; margin: 0 auto; width: 1260px; height: 570px; z-index:10; text-align: center; } .section_banner_top .banner_top_image_single .banner_top_image_single_sp { display:none; } .section_banner_top .banner_top_image_single.noimage { } .section_banner_top .banner_top_image_single.noimage .inside { /*height:210px;*/ height:100px;/*ファーストビュー調整*/ } .section_banner_top .banner_top_image_single .inside img{ max-width: 100%; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height:auto; } .format_machi .section_banner_top .banner_top_image_single .inside img { max-height:100%; width:auto; } .section_banner_top .banner_top_image img{ position: absolute; width: 100%; height: auto; top: 50%; left: 0; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); } .section_banner_top .visual_lead{ overflow: hidden; } .section_banner_top .visual_lead .visual_text{ padding: 11px 20px 10px; float: left; background: #ffffff; color: #222633; line-height: 1.2; font-size: 114.3%; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp .section_banner_top .visual_lead .visual_text{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .section_banner_top .visual_detail { background-color: transparent; color: #ffffff; font-size: 71.4%; z-index: 2; margin: 43px 0 0; display: inline-block; } .section_banner_top .banner_top_ttl { font-size: 428.5%; line-height: 1.1; color: #ffffff; background-color: transparent; padding: 40px 0; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp .section_banner_top .banner_top_ttl { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .section_banner_top .banner_top_desc { font-size: 142.8%; line-height: 1.3; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp .section_banner_top .banner_top_desc { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .section_banner_top .banner_top_icons { position: absolute; width: 100%; bottom: 61px; z-index: 10; } .section_banner_top .banner_top_icons.noimage { position: static; bottom: auto; padding:0 0 30px; background-color: #383b47; } .section_banner_top_single .section_banner_top .banner_top_icons { bottom:30px; } .section_banner_top .top_icon_heart { background: transparent url('site_gotokyo/images/icon/icon_heart_white.png') no-repeat; color: #ffffff; background-size: 100%; width: 60px; height: 60px; position: relative; float: right; cursor: pointer; } .section_banner_top .top_icon_heart.active { background-image: url('site_gotokyo/images/icon/icon_heart_active.png'); } /* section_navigation ================================================== */ .section_navigation { padding: 50px 0 10px; } .section_navigation .navigation_items_list { list-style: none; width: 33.33%; float: left; padding: 0 15px; margin-bottom: 40px !important; } .section_navigation .navigation_items_list:nth-child(3n+1) { clear: both; } .section_navigation .navigation_items { margin: 0 -15px !important; } .section_navigation .navigation_items_cnt { border-top: solid 10px #e5e5e5; border-left: solid 10px #e5e5e5; padding: 36px 0 22px 41px; } .section_navigation .navigation_items_cnt a { font-size: 157.1%; color: #222633; text-decoration: none; } .section_navigation .navigation_items_cnt a:hover, .section_navigation .navigation_items_cnt a:focus { color: #e7001d; } .section_navigation .navigation_items_cnt .items_cnt { padding: 5px 0 5px 100px; height: 60px; display: table-cell; vertical-align: middle; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp .section_navigation .navigation_items_cnt .items_cnt { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .section_navigation .navigation_items_cnt .items_cnt span { display: block; } .icon_immigration { background: #ffffff url(site_gotokyo/images/icon/icon_immigration.png) no-repeat left center; } .icon_visitors { background: #ffffff url(site_gotokyo/images/icon/icon_visitors.png) no-repeat left center; } .icon_airport { background: #ffffff url(site_gotokyo/images/icon/icon_airport.png) no-repeat left center; } .icon_where_stay { background: #ffffff url(site_gotokyo/images/icon/icon_wifi.png) no-repeat left center; } .icon_suggested { background: #ffffff url(site_gotokyo/images/icon/icon_customs.png) no-repeat left center; } .icon_around { background: #ffffff url(site_gotokyo/images/icon/icon_around.png) no-repeat left center; } .icon_pdf { background: #ffffff url(site_gotokyo/images/icon/icon_pdf2.png) no-repeat left center; } .icon_info { background: #ffffff url(site_gotokyo/images/icon/icon_info.png) no-repeat left center; } .icon_tax_free { background: #ffffff url(site_gotokyo/images/icon/icon_tax_free.png) no-repeat left center; } .icon_tips_for_budget { background: #ffffff url(site_gotokyo/images/icon/icon_tips_for_budget.png) no-repeat left center; } /* footer ================================================== */ #tmp_footer { padding:5px 0 10px; color:inherit; } /* fnavi */ .fnavi { padding:0 15px 5px 0; color:inherit; list-style:none; } .fnavi_icon{ float: right; letter-spacing: -.4em; } .fnavi_icon li{ list-style: none; display: inline-block; vertical-align: top; margin: 0 0 0 11px; } .fnavi_icon li a { display: block; width: 40px; height: 32px; text-decoration: none; overflow:hidden; background-color: #FFFFFF; } .fnavi_icon li a span { position: relative; z-index: -1; } .fnavi_icon li .icon_fb { background: #FFFFFF url(site_gotokyo/images/icon/icon_facebook.png) no-repeat center center; } .fnavi_icon li .icon_tw { background: #FFFFFF url(site_gotokyo/images/icon/icon_twitter.png) no-repeat center center; background-size: auto 28px; } .fnavi_icon li .icon_yt { background: #FFFFFF url(site_gotokyo/images/icon/icon_youtube.png) no-repeat center center; background-size: auto 24px; } .fnavi_icon li .icon_wc { background: #FFFFFF url(site_gotokyo/images/icon/icon_wechat.png) no-repeat center center; } .fnavi_icon li .icon_wei { background: #FFFFFF url(site_gotokyo/images/icon/icon_weibo.png) no-repeat center center; } .fnavi_icon li .icon_nav { background: #FFFFFF url(site_gotokyo/images/icon/icon_naver.png) no-repeat center center; } .fnavi_icon li .icon_ins { background: #FFFFFF url(site_gotokyo/images/icon/icon_instagram.png) no-repeat center center; } .fnavi_icon li .icon_fb, .fnavi_icon li .icon_wc, .fnavi_icon li .icon_wei, .fnavi_icon li .icon_nav, .fnavi_icon li .icon_ins { background-size: auto 32px; } .fnavi li { margin:0 7px 0 0; padding:0 7px 0 0; white-space:nowrap; float:left; line-height: 1.7; position:relative; } .lang_jp .fnavi li:after { content:""; display:block; position:absolute; right:-1px; border-right:1px solid #222633; width:0; height:60%; top:0; bottom:0; margin:auto; } .fnavi li a{ text-decoration: none; color: #222633; background: #FFFFFF; font-family: "PFDINTextStd-Medium", sans-serif; font-size:114.2%; } .lang_jp .fnavi li a { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .fnavi li a:hover{ color: #f13c33; } .fnavi li:last-child { margin-right:0; } .footer_cnt { padding:0 10px; } .footer_cnt address { margin:0 0 5px; font-style:normal; } .footer_cnt address span { margin:0 1em 0 0; } .copyright { text-align:right; font-size: 96.4%; padding: 31px 0; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp .copyright { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_footer .footer_wrapper{ overflow: hidden; padding: 50px 0 30px 0; } #tmp_footer .footer_logo{ width: 227px; float: left; } #tmp_footer .footer_wrapper .logo a{ display: block; background: transparent url(site_gotokyo/images/flogo_wide_sumi.png) no-repeat; background-size: 100%; width: 227px; height: 61px; text-indent: -9999px; } .lang_jp #tmp_footer .footer_wrapper .logo a{ background-image:url(site_gotokyo/images/flogo_wide_sumi_jp.png); height:64px; } .lang_en #tmp_footer .footer_wrapper .logo a{ background-image:url(site_gotokyo/images/logo/flogo_wide_sumi_en_b_w340.png); height:64px; } .lang_cn #tmp_footer .footer_wrapper .logo a{ background-image:url(site_gotokyo/images/logo/flogo_wide_sumi_ch_b_w340.png); height:64px; } .lang_tc #tmp_footer .footer_wrapper .logo a{ background-image:url(site_gotokyo/images/logo/flogo_wide_sumi_tc_b_w340.png); height:64px; } .lang_kr #tmp_footer .footer_wrapper .logo a{ background-image:url(site_gotokyo/images/logo/flogo_wide_sumi_kr_b_w340.png); height:64px; } .lang_th #tmp_footer .footer_wrapper .logo a{ background-image:url(site_gotokyo/images/logo/flogo_wide_sumi_th_b_w340.png); height:64px; } .lang_de #tmp_footer .footer_wrapper .logo a{ background-image:url(site_gotokyo/images/logo/flogo_wide_sumi_de_b_w340.png); height:64px; } .lang_it #tmp_footer .footer_wrapper .logo a{ background-image:url(site_gotokyo/images/logo/flogo_wide_sumi_it_b_w340.png); height:64px; } .lang_fr #tmp_footer .footer_wrapper .logo a{ background-image:url(site_gotokyo/images/logo/flogo_wide_sumi_fr_b_w340.png); height:64px; } .lang_es #tmp_footer .footer_wrapper .logo a{ background-image:url(site_gotokyo/images/logo/flogo_wide_sumi_es_b_w340.png); height:64px; } #tmp_footer .footer_selectboxes{ float: right; width: 18.6em; position: relative; border-left: 10px solid #e5e5e5; border-bottom: 10px solid #e5e5e5; background: transparent url(site_gotokyo/images/icon_arrow_down_sumi.png) no-repeat top right; background-size: 20px 20px; padding: 0 0 20px 22px; } #tmp_footer .footer_selectboxes:hover{ border-left: 10px solid #222633; border-bottom: 10px solid #222633; } #tmp_footer .footer_selectbox_placeholder{ flex-grow: 2; -webkit-box-flex: 2; line-height: 1; color: #222633; background: transparent; font-size: 157.1%; font-weight: bold; } #tmp_footer .footer_selectbox-input{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; opacity: 0; cursor: pointer; font-size: 96.4%; } .footer_link .fnavi{ width: 55%; float: left; } .lang_jp .footer_link .fnavi { width:68%; } .lang_jp .footer_link .fnavi a { font-size:100%; } .lang_cn .footer_link .fnavi { width:50%; } .lang_tc .footer_link .fnavi { width:50%; } .lang_kr .footer_link .fnavi { width:55%; } .lang_th .footer_link .fnavi { width:78%; } .lang_it .footer_link .fnavi { width:75%; } .lang_es .footer_link .fnavi { width:70%; } .lang_fr .footer_link .fnavi { width:87%; } .pnavi{ display: none; } /* 20190619 add */ /* 20191031 add */ #tmp_footer .copyright { padding: 10px 0 31px; } #tmp_footer .footer_link2 { clear: both; } #tmp_footer .fnavi_tripadvisor { text-align: right; clear: both; padding: 33px 0 0; } #tmp_footer .fnavi_weather { display:none; } #tmp_footer .fnavi_weather { text-align: right; clear: both; padding: 10px 0 0; } #tmp_footer .fnavi_weather a { text-decoration: none; color: #222633; background: #FFFFFF; font-family: "PFDINTextStd-Medium", sans-serif; font-size: 100%; } #tmp_footer .fnavi_weather a:hover{ color: #f13c33; } /* ================================================== layout ================================================== */ #tmp_contents .section_ttl .section_ttl_h, #tmp_main .section_ttl .section_ttl_h { font-size: 228.5%; color: #222633; background-color: transparent; line-height: 1; margin: 0 0 28px; float: left; padding: 0; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .section_ttl .section_ttl_h, .lang_jp #tmp_main .section_ttl .section_ttl_h { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .section_ttl .btn_see_all, #tmp_main .section_ttl .btn_see_all{ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; float: right; text-align: center; text-decoration: none; font-size: 114.3%; background-color: #222633; color: #ffffff; padding: 6px 14px 7px; line-height: 1.1; min-width: 82px; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .section_ttl .btn_see_all, .lang_jp #tmp_main .section_ttl .btn_see_all{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .section_ttl .btn_see_all:hover, #tmp_main .section_ttl .btn_see_all:hover, #tmp_contents .section_ttl .btn_see_all:focus, #tmp_main .section_ttl .btn_see_all:focus, #tmp_contents .section_ttl .btn_see_all:active, #tmp_main .section_ttl .btn_see_all:active{ background-color: #f13c33 } /* 20190412 add */ #tmp_contents .section_ttl .btn_see_all.b_margin, #tmp_main .section_ttl .btn_see_all.b_margin { margin:40px 0 -50px; } #tmp_contents .section_ttl .btn_see_all.b_margin2, #tmp_main .section_ttl .btn_see_all.b_margin2 { margin:0 0 -20px; } @media screen and (min-width : 741px) and (max-width : 1259px) { #tmp_contents .section_ttl .btn_see_all.b_margin2, #tmp_main .section_ttl .btn_see_all.b_margin2 { margin:0; } } /* ================================================== slider new_and_now ================================================== */ #tmp_contents .section_slider_body, .section_slider_body{ padding: 50px 0; margin: 0 auto; overflow-x: hidden; } #tmp_contents .section_slider_body .slider_ttl h2, .section_slider_body .slider_ttl h2{ font-size: 228.6%; margin: 0 0 30px; padding: 0; float: left; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .section_slider_body .slider_ttl h2, .lang_jp .section_slider_body .slider_ttl h2{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .section_slider_body .slider_ttl .btn_see_all, .section_slider_body .slider_ttl .btn_see_all{ -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; float: right; text-align: center; text-decoration: none; font-size: 114.3%; background-color: #222633; color: #ffffff; padding: 6px 14px 5px; line-height: 1.2; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .section_slider_body .slider_ttl .btn_see_all, .lang_jp .section_slider_body .slider_ttl .btn_see_all{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .section_slider_body .slider_ttl .btn_see_all:hover, .section_slider_body .slider_ttl .btn_see_all:hover, #tmp_contents .section_slider_body .slider_ttl .btn_see_all:active, .section_slider_body .slider_ttl .btn_see_all:active, #tmp_contents .section_slider_body .slider_ttl .btn_see_all:focus, .section_slider_body .slider_ttl .btn_see_all:focus{ background-color: #f13c33; } #tmp_contents .section_slider_body .slider_ttl:after, .section_slider_body .slider_ttl:after{ content: ''; display: table; clear: both; } #tmp_contents .section_slider_body .slider_body_inner, .section_slider_body .slider_body_inner{ position: relative; overflow: hidden; } #tmp_contents .section_slider_body .slider_body_inner{ padding: 0 0 50px; } #tmp_contents .section_slider_body .slider_body_inner:before, .section_slider_body .slider_body_inner:before, #tmp_contents .section_slider_body .slider_body_inner:after, .section_slider_body .slider_body_inner:after{ content: ""; position: absolute; top: 0; z-index: 2; display: block; width: calc((100% - 1140px) / 2); height: 100%; background-color: rgba(255, 255, 255, 0.8); color: #222633; } #tmp_contents .section_slider_body .slider_body_inner:before, .section_slider_body .slider_body_inner:before{ left: 0; } #tmp_contents .section_slider_body .slider_body_inner:after, .section_slider_body .slider_body_inner:after{ right: 0; } #tmp_contents .section_slider_body .slider_inner, .section_slider_body .slider_inner{ position: relative; display: block; overflow: hidden; outline: 0; width: 100%; text-decoration: none; } #tmp_contents .section_slider_body .slider_wrapper, .section_slider_body .slider_wrapper{ width: 1044px; margin:0; clear:both; } #tmp_contents .section_slider_body .section_slider_single .slider_wrapper, .section_slider_body .section_slider_single .slider_wrapper, #tmp_contents .section_slider_body_three_column .slider_wrapper, .section_slider_body_three_column .slider_wrapper{ width: 1140px; } #tmp_contents .section_slider_body .slider_image, .section_slider_body .slider_image{ position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #tmp_contents .section_slider_body .slider_date, .section_slider_body .slider_date { position: absolute; bottom: 0; right: 0; padding: 5px 10px; color: #ffffff; font-size: 100%; background-color: #222633; } #tmp_contents .section_slider_body.event_sg .slider_image, .section_slider_body.event_sg .slider_image { width:100%; height:166px; overflow:hidden; background-color: #E5E5E5; } #tmp_contents .section_slider_body.event_sg .slider_image img, .section_slider_body.event_sg .slider_image img { position: relative; top: 50%; left: 50%; /*top: 0\9; left: 0\9;*/ max-width: inherit; max-width: initial; width: auto; height: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #tmp_contents .section_slider_body .slider_image .ins_icon, .section_slider_body .slider_image .ins_icon { position: absolute; right: 10px; bottom: 10px; width: 36px; height: 36px; display: block; text-indent: -1987px; background: transparent url(site_gotokyo/images/icon/icon_sns_instagram_white.png) 0 0 no-repeat; background-size: 36px 36px; color: transparent; } .color_blue #tmp_contents .section_slider_body .slider_image .ins_icon, .color_blue .section_slider_body .slider_image .ins_icon, .color_yellow #tmp_contents .section_slider_body .slider_image .ins_icon, .color_yellow .section_slider_body .slider_image .ins_icon, .color_black #tmp_contents .section_slider_body .slider_image .ins_icon, .color_black .section_slider_body .slider_image .ins_icon { display: none; } #tmp_contents .section_slider_body .slider_label, .section_slider_body .slider_label{ display: block; position: absolute; color: #ffffff; bottom: 0; right: 0; padding: 5px 10px 4px; background-color: #222633; } #tmp_contents .section_slider_body .slick-track, .section_slider_body .slick-track{ margin-left: 0; } #tmp_contents .section_slider_body .slick-slide, .section_slider_body .slick-slide{ margin: 0 12px 0 0; } #tmp_contents .section_slider_body_three_column .slick-slide, .section_slider_body_three_column .slick-slide{ margin: 0 30px 0 0; } #tmp_contents .section_slider_body .slick-list, .section_slider_body .slick-list{ overflow: visible; } #tmp_contents .section_slider_body .slider_single_slides .slick-list, .section_slider_body .slider_single_slides .slick-list { overflow:hidden; } #tmp_contents .section_slider_body .slick-arrow , .section_slider_body .slick-arrow, .section_map_slider2 .slick-arrow { position: absolute; top: 71px; height: 0; background-size: 100% auto; background-color: #ffffff; background-repeat: no-repeat; width: 50px; padding-top: 50px; text-indent: 99999px; cursor: pointer; border: none; z-index: 999; } #tmp_contents .section_slider_body_three_column .slick-arrow, .section_slider_body_three_column .slick-arrow, .section_map_slider2 .slick-arrow { top: 100px } #tmp_contents .section_slider_body .slick-prev, .section_slider_body .slick-prev { left: -75px; background-image: url(site_gotokyo/images/icon/larrow.png) !important; background-position: 50% 50%; } #tmp_contents .section_slider_body .slick-arrow.slick-disabled.slick-prev, .section_slider_body .slick-arrow.slick-disabled.slick-prev, .section_map_slider2 .slick-arrow.slick-disabled { opacity: 0; } #tmp_contents .section_slider_body .slick-arrow.slick-disabled.slick-prev, .section_slider_body .slick-arrow.slick-disabled.slick-prev { display:none !important; } #tmp_contents .section_slider_body .slick-next, .section_slider_body .slick-next { right: -165px; background-image: url(site_gotokyo/images/icon/rarrow.png) !important; background-position: 50% 50%; } #tmp_contents .section_slider_body_three_column .section_slider_body .slick-next, .section_slider_body_three_column .section_slider_body .slick-next { right:-80px; } #tmp_contents .section_slider_body_three_column .section_slider_body .slick-prev, .section_slider_body_three_column .section_slider_body .slick-prev { left:-80px; } .section_map_slider2 .slick-next { background-image: url(site_gotokyo/images/icon/rarrow.png) !important; background-position: 50% 50%; right:-50px; } .section_map_slider2 .slick-prev { background-image: url(site_gotokyo/images/icon/larrow.png) !important; background-position: 50% 50%; left:-50px; } #tmp_contents .section_slider_body .slick-next:hover, .section_slider_body .slick-next:hover{ background-image: url(site_gotokyo/images/icon/rarrow_mo.png); } #tmp_contents .section_slider_body .slick-prev:hover, .section_slider_body .slick-prev:hover{ background-image: url(site_gotokyo/images/icon/larrow_mo.png); } #tmp_contents .section_slider_body .slider_small, .section_slider_body .slider_small{ height: 150px; overflow-y: scroll; position: relative; border-left: 10px solid #e5e5e5; border-bottom: 10px solid #e5e5e5; padding: 0 0 45px 29px; margin-top: 18px; color: #222633; width: 100%; line-height: 1.3; z-index: 5; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .section_slider_body .slider_small, .lang_jp .section_slider_body .slider_small{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .section_slider_body .slider_inner:hover .slider_small, .section_slider_body .slider_inner:hover .slider_small{ border-left: 10px solid #222633; border-bottom: 10px solid #222633; } #tmp_contents .section_slider_body .activity_name, .section_slider_body .activity_name{ display: block; font-size: 114.2%; padding: 0 0 5px; line-height: 1.5; } #tmp_contents .section_slider_body .name_title, .section_slider_body .name_title{ font-size: 157.1%; } .lang_jp #tmp_contents .section_slider_body .name_title, .lang_jp .section_slider_body .name_title{ font-size: 115%; } #tmp_contents .section_slider_body .description, .section_slider_body .description{ display: block; font-size: 114.2%; } #tmp_contents .section_slider_body .date, .section_slider_body .date{ display: block; font-size: 114.2%; font-weight: normal; margin: 10px 0 0; color: #333333; } /* ================================================== end slider new_and_now ================================================== */ /* ================================================= Single Slider ================================================== */ .slider_single_slide { position: relative; } .slider_single_slide a:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, right top, from(#222633), color-stop(56%, transparent)); background-image: linear-gradient(to right top, #222633, transparent 56%); } .slider_single_slide .text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 11px 35px 54px; color: #ffffff; z-index: 9; } #tmp_contents .slider_single_slide .text .ttl{ font-size: 228.6%; padding: 0; margin: 0 0 14px; } #tmp_contents .slider_single_slide .text .desc{ font-size: 137.1%; padding: 0; } #tmp_contents .section_slider_body .slider_single_slide .slick-slide, .section_slider_body .slider_single_slide .slick-slide { margin:0; } #tmp_contents .slider_single_slides .slick-arrow, .slider_single_slides .slick-arrow { content: ""; position: absolute; top: 50%; transform: translateY(-50%); height: 0; background-size: 100% auto; background-color: transparent; background-repeat: no-repeat; width: 50px; padding-top: 50px; text-indent: -99999px; cursor: pointer; border: none; z-index: 999; } #tmp_contents .slider_single_slides .slick-prev, .slider_single_slides .slick-prev { left: -65px; background-image: url(site_gotokyo/images/icon/larrow.png); background-position: 50% 50%; } #tmp_contents .slider_single_slides .slick-disabled, .slider_single_slides .slick-disabled { display:none !important; } #tmp_contents .slider_single_slides .slick-prev:hover, .slider_single_slides .slick-prev:hover { background-image: url(site_gotokyo/images/icon/larrow_mo.png); } #tmp_contents .slider_single_slides .slick-next, .slider_single_slides .slick-next { right: -60px; background-image: url(site_gotokyo/images/icon/rarrow.png); background-position: 50% 50%; } #tmp_contents .slider_single_slides .slick-next:hover, .slider_single_slides .slick-next:hover { background-image: url(site_gotokyo/images/icon/rarrow_mo.png); } #tmp_contents .slider_single_slides .slick-dots { position: absolute; top: 95%; left: 50%; -webkit-transform: translate(-50%, -95%); transform: translate(-50%, -95%); -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; line-height: 1; font-size: 0; width: auto; padding-right: 0; padding-left: 0; box-sizing: border-box; margin-right: auto; margin-left: auto; z-index: 3; list-style:none; } #tmp_contents .slider_single_slides .slick-dots li { line-height: 1; font-size: 0; margin: 0 7.5px; } #tmp_contents .slider_single_slides .slick-dots button { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 10px; height: 0; line-height: 1; font-size: 0; padding: 10px 0 0; overflow: visible; border: 0; background: 0; margin: 0; outline: 0; cursor: pointer; } #tmp_contents .slider_single_slides .slick-dots button:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 50%; height: 50%; border: 0; border-radius: 100%; background: #dcdcdc; } #tmp_contents .slider_single_slides .slick-dots .slick-active button:before { width: 100%; height: 100%; top: -2px; left: -2px; background: #383b47; border: 2px solid #e5e5e5; } #tmp_contents .slider_single_slides .slick-dots li:hover button:before { background: #383b47; } /* ================================================== section_instagram ================================================== */ #tmp_instagram .section_ttl .section_ttl_h{ margin: 0 0 12px; line-height: 1.5em; } #tmp_instagram{ padding: 38px 0 50px; } #tmp_instagram .ins_inner{ padding: 78px 0 50px; } #tmp_instagram .ins_ttl{ margin: 0 0 23px; } #tmp_instagram .ins_ttl p{ font-size: 114.3%; clear: both; padding: 0; } #tmp_instagram .ins_cnt .ins_lists{ list-style: none; margin: 0 -6px; } #tmp_instagram .ins_cnt .inst_modal{ display: none; } #tmp_instagram .ins_cnt a.ins_item { position: relative; display: block; word-break: break-all; } #tmp_instagram .ins_cnt a.ins_item:hover .inst_modal { display: table; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); } #tmp_instagram .ins_cnt a.ins_item:hover .inst_modal a { display: table-cell; text-align: center; vertical-align: middle; color: #FFFFFF; text-decoration: none; font-size: 128.5%; pointer-events: none; } #tmp_instagram .ins_hidden{ display: none; } #tmp_instagram .ins_cnt li{ float: left; width: 19%; padding: 0; margin: 0 1% 1% 0; } #tmp_instagram .ins_cnt li:nth-child(5n) { margin: 0 0 1% 0; } #tmp_instagram .ins_cnt li:nth-child(n+16) { display: none; } #tmp_instagram .ins_cnt li.ins_hidden_item { display: block; } #tmp_instagram .ins_cnt .image{ display: block; height: auto; position: relative; } #tmp_instagram .ins_cnt .image img{ max-width: 100%; height: auto; display: block; } #tmp_instagram .ins_cnt .image:before{ content: ''; width: 36px; height: 36px; background: url(site_gotokyo/images/icon/icon_sns_instagram_white.png) 0 0 no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; position: absolute; right: 10px; bottom: 10px; } #tmp_instagram .btn_showmore_wrap{ text-align: center; padding-top: 16px; clear: both; } .mod_grid_accordion .btn_showmore_wrap .btn_showmore, #tmp_instagram .btn_showmore_wrap .btn_showmore{ padding: 8px 10px 9px; font-size: 142.8%; display: block; background-color: #222633; color: #ffffff; margin: 0 auto; max-width: 360px; text-decoration: none; line-height: 1.2; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -webkit-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp .mod_grid_accordion .btn_showmore_wrap .btn_showmore, .lang_jp #tmp_instagram .btn_showmore_wrap .btn_showmore{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .mod_grid_accordion .btn_showmore_wrap .btn_showmore:hover, .mod_grid_accordion .btn_showmore_wrap .btn_showmore:active, .mod_grid_accordion .btn_showmore_wrap .btn_showmore:focus, #tmp_instagram .btn_showmore_wrap .btn_showmore:hover, #tmp_instagram .btn_showmore_wrap .btn_showmore:active, #tmp_instagram .btn_showmore_wrap .btn_showmore:focus{ color: #ffffff; background-color: #f13c33; } #tmp_popup_ins_layout .ins_modal, #tmp_instagram .ins_modal{ position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); overflow: auto; padding: 20px 0; /* display: -webkit-box; display: -ms-flexbox; display: flex; */ display:block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 300ms all; -o-transition: 300ms all; transition: 300ms all; visibility: hidden; opacity: 0; } #tmp_popup_ins_layout .ins_modal.active, #tmp_instagram .ins_modal.active{ opacity: 1; visibility: visible; } #tmp_popup_ins_layout .ins_modal .ins_modal_close, #tmp_instagram .ins_modal .ins_modal_close{ position: absolute; text-indent: -9999px; z-index: 4; width: 20px; height: 20px; background: transparent url(site_gotokyo/images/icon/icon_modal_close.png) 0 0 no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; -webkit-transition: 200ms background-image; -o-transition: 200ms background-image; transition: 200ms background-image; top: 28px; left: 30px; } #tmp_popup_ins_layout .ins_modal .ins_modal_close:hover, #tmp_popup_ins_layout .ins_modal .ins_modal_close:focus, #tmp_popup_ins_layout .ins_modal .ins_modal_close:active, #tmp_instagram .ins_modal .ins_modal_close:hover, #tmp_instagram .ins_modal .ins_modal_close:focus, #tmp_instagram .ins_modal .ins_modal_close:active{ background-image: url(site_gotokyo/images/icon/icon_modal_close_on.png); } #tmp_popup_ins_layout .ins_modal_cnt, #tmp_instagram .ins_modal_cnt{ position: relative; margin: 0 auto; max-width: 500px; width: 39.8vw; background-color: #ffffff; color: #222633; } #tmp_popup_ins_layout .ins_modal_cnt .avatar, #tmp_instagram .ins_modal_cnt .avatar{ width: 2.6vw; display: block; overflow: hidden; } #tmp_popup_ins_layout .ins_modal_cnt .avatar img, #tmp_instagram .ins_modal_cnt .avatar img{ width:100%; height:auto; } #tmp_popup_ins_layout .ins_modal_cnt .image, #tmp_instagram .ins_modal_cnt .image{ display: block; position: relative; } #tmp_popup_ins_layout .ins_modal_cnt .image img, #tmp_instagram .ins_modal_cnt .image img{ width: 100%; height: auto; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } #tmp_popup_ins_layout .active .ins_modal_cnt .image img, #tmp_instagram .active .ins_modal_cnt .image img{ opacity: 1; } #tmp_popup_ins_layout .ins_modal_cnt .image .ins_icon , #tmp_instagram .ins_modal_cnt .image .ins_icon { display:none; } #tmp_popup_ins_layout .active .ins_modal_cnt .image .ins_icon , #tmp_instagram .active .ins_modal_cnt .image .ins_icon { position: absolute; right: 10px; bottom: 10px; width: 48px; height: 48px; display: block; text-indent: -1987px; background: transparent url(site_gotokyo/images/icon/icon_sns_instagram_white.png) 0 0 no-repeat; background-size: 48px 48px; color: transparent; } #tmp_popup_ins_layout .ins_modal_cnt .cnt, #tmp_instagram .ins_modal_cnt .cnt{ background-color: #ffffff; color: #222633; } #tmp_popup_ins_layout .ins_modal_cnt .cnt .text_upper, #tmp_instagram .ins_modal_cnt .cnt .text_upper{ padding: 1.6vw 2.8vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #tmp_popup_ins_layout .ins_modal_cnt .name, #tmp_instagram .ins_modal_cnt .name{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(70% - 15px); margin-left: 1.2vw; font-weight: normal; color: inherit; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_popup_ins_layout .ins_modal_cnt .name, .lang_jp #tmp_instagram .ins_modal_cnt .name{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_popup_ins_layout .ins_modal_cnt .number, #tmp_instagram .ins_modal_cnt .number{ display: block; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; text-align: right; font-size: 87.5%; } #tmp_popup_ins_layout .ins_modal_cnt .ins_slides a, #tmp_instagram .ins_modal_cnt .ins_slides a{ text-decoration: none; color: inherit; background-color: transparent; position: relative; display: block; } #tmp_popup_ins_layout .ins_modal_cnt .ins_slides a.no_link , #tmp_instagram .ins_modal_cnt .ins_slides a.no_link { pointer-events: none; } #tmp_popup_ins_layout .ins_modal_cnt a:hover .name, #tmp_instagram .ins_modal_cnt a:hover .name, #tmp_popup_ins_layout .ins_modal_cnt a:hover .number, #tmp_instagram .ins_modal_cnt a:hover .number, #tmp_popup_ins_layout .ins_modal_cnt a:focus .name, #tmp_instagram .ins_modal_cnt a:focus .name, #tmp_popup_ins_layout .ins_modal_cnt a:focus .number, #tmp_instagram .ins_modal_cnt a:focus .number, #tmp_popup_ins_layout .ins_modal_cnt a:active .name, #tmp_instagram .ins_modal_cnt a:active .name, #tmp_popup_ins_layout .ins_modal_cnt a:active .number, #tmp_instagram .ins_modal_cnt a:active .number, #tmp_popup_ins_layout .ins_modal_cnt .cnt_text_lower a:active .placename, #tmp_popup_ins_layout .ins_modal_cnt .cnt_text_lower a:hover .placename { color: #f13c33; -webkit-transition: color 300ms; transition: color 300ms; } #tmp_popup_ins_layout .ins_modal_cnt .cnt .text_lower, #tmp_instagram .ins_modal_cnt .cnt .text_lower, #tmp_popup_ins_layout .ins_modal_cnt .cnt_text_lower { padding: 0.8vw 2.8vw; background-color: #e5e5e5; color: inherit; font-size: 114.3%; } #tmp_popup_ins_layout .ins_modal_cnt .slick-arrow, #tmp_instagram .ins_modal_cnt .slick-arrow{ width: 4.7vw; position: absolute; top: 0; z-index: 2; width: 5.33333vw; height: 100%; text-indent: -9999px; padding: 0; margin: 0; border: 0; cursor: pointer; background-color: transparent; color: #222633; outline: 0; } #tmp_popup_ins_layout .ins_modal_cnt .slick-prev, #tmp_instagram .ins_modal_cnt .slick-prev{ left: 15px; background-image: url(site_gotokyo/images/icon/icon_modal_arrow_right.png); background-position: 0 240px; -webkit-background-size: 20px auto; background-size: 20px auto; background-repeat: no-repeat; } #tmp_popup_ins_layout .ins_modal_cnt .slick-prev:hover, #tmp_instagram .ins_modal_cnt .slick-prev:hover, #tmp_popup_ins_layout .ins_modal_cnt .slick-prev:active, #tmp_instagram .ins_modal_cnt .slick-prev:active, #tmp_popup_ins_layout .ins_modal_cnt .slick-prev:focus , #tmp_instagram .ins_modal_cnt .slick-prev:focus { background-image: url(site_gotokyo/images/icon/icon_modal_arrow_right_on.png); } #tmp_popup_ins_layout .ins_modal_cnt .slick-next, #tmp_instagram .ins_modal_cnt .slick-next{ right: 15px; background-image: url(site_gotokyo/images/icon/icon_modal_arrow_left.png); background-position: right 240px; -webkit-background-size: 20px auto; background-size: 20px auto; background-repeat: no-repeat; } #tmp_popup_ins_layout .ins_modal_cnt .slick-next:hover, #tmp_instagram .ins_modal_cnt .slick-next:hover, #tmp_popup_ins_layout .ins_modal_cnt .slick-next:active, #tmp_instagram .ins_modal_cnt .slick-next:active, #tmp_popup_ins_layout .ins_modal_cnt .slick-next:focus , #tmp_instagram .ins_modal_cnt .slick-next:focus { background-image: url(site_gotokyo/images/icon/icon_modal_arrow_left_on.png); } #tmp_popup_ins_layout .ins_modal_cnt .name{ font-size: 114.3%; margin-left: 73px; } #tmp_popup_ins_layout .ins_modal_cnt .cnt .text_lower .placename{ margin: 0 0 0 73px; display: block; } #tmp_popup_ins_layout .ins_modal_cnt .cnt_text_lower .placename{ margin: 0 0 0 73px; display: block; } #tmp_popup_ins_layout .ins_modal_cnt .avatar + .name{ margin-left: 1.2vw } /* ================================================== CMS-function ================================================== */ /* ================================================== CMS-library ================================================== */ /* ================================================== CMS-parts ================================================== */ /* col2 ================================================== */ /* col2_cms */ table.col2 { width:99%; border-collapse:collapse; border-spacing:0; } table.col2 td.col2L, table.col2 td.col2R { width:50%; padding: 0; vertical-align:top; text-align:left; } table.col2 td.col2L { border-right: 6px solid #FFFFFF; } table.col2 td.col2R { border-left: 6px solid #FFFFFF; } /* col2_pub */ #tmp_contents div.col2 { width:100%; margin: 0; } div.col2 div.col2L { width: 50%; float:left; padding: 0 3px 0 0; clear:both; } div.col2 div.col2R { width: 50%; float:left; padding: 0 0 0 3px; } /* nestcol2 */ table.col2 table.col2 td.col2L { padding:0; } div.col2 div.col2 div.col2L { width:48%; margin-right:4%; } div.col2 div.col2 div.col2R { width:48%; } /* fixed_col2 */ div.fixed_col2 { width:100%; } div.fixed_col2 div.fixed_col2L { display:table; width:48.5%; margin-right:2%; float:left; } div.fixed_col2 div.fixed_col2R { display:table; width:48.5%; float:right; } /* col3 ================================================== */ table.col3 { width:99%; border-collapse:collapse; border-spacing:0; } table.col3 td.col3L, table.col3 td.col3M, table.col3 td.col3R { width:33.33%; padding:0; vertical-align:top; text-align:left; } table.col3 td.col3L, table.col3 td.col3M { border-right: 0; } div.col3 { width:100%; } div.col3 div.col3L, div.col3 div.col3M { display:table-cell; width:31.7%; margin-right:2%; float:left; } div.col3 div.col3R { display:table-cell; width:31.7%; float:left; } /* ================================================== section_map_region ================================================== */ .section_map_region { padding: 70px 0 50px; } .format_free .col_main .map_region{ padding: 70px 0 50px; } #tmp_map_region .map_region_header, .map_region_header { max-width: 1140px; margin: 0 auto 28px; } #tmp_map_region .map_region_header_inner h2, .map_region_header_inner h2 { font-size: 228.5%; line-height: 1.2; margin: 0 0 30px; padding: 0; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_map_region .map_region_header_inner h2, .lang_jp .map_region_header_inner h2 { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_map_region .section .map_body, .section .map_body { max-width: 1140px; margin: 0 auto; } #tmp_map_region .map_body_inner, .map_region .map_body_inner { width: auto; margin-right: auto; margin-left: auto; position: relative; } #tmp_map_region .map_wrapper, .map_region .map_wrapper { background-color: #333333; background-image: none; background-position: center center; background-repeat: no-repeat; background-attachment: local; background-size: cover; display: none; color: #ffffff; } #tmp_map_region .map_return, .map_region .map_return { top: 30px; left: 30px; display: none; position: absolute; z-index: 8; font-weight: bold; } #tmp_map_region .map_return a, .map_region .map_return a { background: url(site_gotokyo/images/icon/icon_map_arrow_left.png); background-position: left center; background-repeat: no-repeat; background-size: contain; padding-left: 19px; color: #ffffff; font-size: 142.8%; } #tmp_map_region .map_return a:active, #tmp_map_region .map_return a:focus, #tmp_map_region .map_return a:hover, .map_region .map_return a:active, .map_region .map_return a:focus, .map_region .map_return a:hover{ background-image: url(site_gotokyo/images/icon/icon_map_arrow_left_on.png); } #tmp_map_region .map_region_region, .map_region .map_region_region { position: relative; height: 570px; display: -webkit-box; display: -ms-flexbox; display: -moz-flex; display: flex; -ms-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } #tmp_map_region .map_return a, .map_return a { font-size: 142.8%; text-decoration: none; } #tmp_map_region .map_area_tokyo h3, .map_area_tokyo h3 { font-size: 200%; margin-bottom: 16px; } #tmp_map_region .map_region_area, .map_region .map_region_area { width: 50%; height: auto; margin: 0; position: relative; padding-left: 45px; padding-right: 15px; padding: 3em 15px 3em 45px; } #tmp_map_region .map_region_area .region_ttl, .map_region .map_region_area .region_ttl{ font-size: 87.5%; margin: 0 0 16px; } #tmp_map_region .map_region_area ul, .map_region .map_region_area ul { list-style: none; line-height: 1.8; margin: 0; } #tmp_map_region .map_region_area a, .map_region .map_region_area a { color: #ffffff; background-color: transparent; text-decoration: none; font-size: 200%; line-height: 1.8; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_map_region .map_region_area a, .lang_jp .map_region .map_region_area a { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_map_region .map_region_area .sub_area_list, .map_region .map_region_area .sub_area_list{ float: left; } #tmp_map_region .map_region_area .sub_area_list.second, .map_region .map_region_area .sub_area_list.second{ float: right; } #tmp_map_region .map_region_area .sub_area_list a, .map_region .map_region_area .sub_area_list a{ font-size: 136.1%; } #tmp_map_region .map_region_tokyo, .map_region .map_region_tokyo { width: 50%; height: 420px; margin: 0; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); padding-right: 45px; } #tmp_map_region .map_tokyo_link, .map_region .map_tokyo_link { top: 30px; right: 30px; position: absolute; } #tmp_map_region .map_tokyo_link a, .map_region .map_tokyo_link a { color: #ffffff; background-color: transparent; font-size: 142.8%; font-weight: bold; text-decoration: none; } #tmp_map_region a:hover, #tmp_map_region a:focus, #tmp_map_region a:active, #tmp_map_region a.hover, .map_region a:hover, .map_region a:focus, .map_region a:active, .map_region a.hover { color: #f13c33; } /* ================================================== tmp_map_location_list ================================================== */ #tmp_map_location_list{ height: 480px; } #tmp_map_popup_location_list{ height: calc(100vh - 210px) } /* ================================================== section_map_slider ================================================== */ .section_map_location_list{ padding: 0 0 50px; } #tmp_contents .section_profile + .section_map_location_list, #tmp_keywords + .section_map_location_list{ padding-top: 50px; } .section_map_location_list .section_ttl{ padding: 0 0 2px; } #tmp_map_slider2 .container, #tmp_map_slider .container{ position: relative; } #tmp_map_slider2 .map_slider_wrap, #tmp_map_slider .map_slider_wrap{ padding: 12px 0 0; } #tmp_map_slider .slick_slides_wrap{ position: relative; overflow:hidden; } #tmp_map_slider2 .slick_slides_wrap { position:relative; overflow:hidden; } #tmp_map_slider .slick_slides{ width: 192px; } /* .section_map_slider2 .slick-list:before { content:""; display:block; width:100px; height:100%; position:absolute; top:0; left:-100px; background-color:#FFFFFF; color:#222633; z-index:1; } .section_map_slider2 .slick-list:after { content:""; display:block; width:100px; height:100%; position:absolute; top:0; right:-100px; background-color:#FFFFFF; color:#222633; z-index:1; } */ #tmp_map_slider2 .slick-list, #tmp_map_slider .slick-list{ overflow: visible; } #tmp_map_slider2 .slick_arrow, #tmp_map_slider .slick_arrow{ width: 50px; height: 100%; position: absolute; top: 0; overflow: hidden; text-indent: -9999px; z-index: 1; background-color: #ffffff; color: #222633; background-repeat: no-repeat; display: none; } #tmp_my_favorites #tmp_map_slider2 .slick_arrow, #tmp_my_favorites #tmp_map_slider .slick_arrow{ display: block; } #tmp_map_slider2 .slick_next, #tmp_map_slider .slick_next { display: block; } #tmp_map_slider2 .slick_arrow.active, #tmp_map_slider .slick_arrow.active{ display: block; } #tmp_map_slider2 .slick_arrow span, #tmp_map_slider .slick_arrow span{ position: absolute; width: 46px; height: 46px; background-size: 48px 48px; -webkit-background-size: 48px 48px; -moz-background-size: 48px 48px; background-position: center center; top: 40px; } #tmp_map_slider .slick_prev { left: 0; } #favorite_menu_map #tmp_map_slider .slick_prev, #tmp_map_slider2 .slick_prev { left: -52px; } #tmp_map_slider2 .slick_prev span, #tmp_map_slider .slick_prev span{ left: -15px; background-image: url('site_gotokyo/images/icon/larrow.png'); } #tmp_map_slider2 .slick_prev:hover span, #tmp_map_slider2 .slick_prev:focus span, #tmp_map_slider2 .slick_prev:active span, #tmp_map_slider .slick_prev:hover span, #tmp_map_slider .slick_prev:focus span, #tmp_map_slider .slick_prev:active span{ background-image: url('site_gotokyo/images/icon/larrow_mo.png'); } #tmp_map_slider .slick_next { right: 0; } #favorite_menu_map #tmp_map_slider .slick_next, #tmp_map_slider2 .slick_next { right: -52px; } #tmp_map_slider2 .slick_next span, #tmp_map_slider .slick_next span{ right: -15px; background-image: url('site_gotokyo/images/icon/rarrow.png'); } #tmp_map_slider2 .slick_next:hover span, #tmp_map_slider2 .slick_next:focus span, #tmp_map_slider2 .slick_next:active span, #tmp_map_slider .slick_next:hover span, #tmp_map_slider .slick_next:focus span, #tmp_map_slider .slick_next:active span{ /*background-image: url('site_gotokyo/images/icon/rarrow_mo.png');*/ } #tmp_map_slider2 .map_slider_inner, #tmp_map_slider .map_slider_inner{ position: relative; display: block; overflow: hidden; outline: 0; text-decoration: none; padding: 0 12px 0 0; } #tmp_map_slider2 .map_slider_inner:hover .cnt, #tmp_map_slider2 .slick-current .map_slider_inner .cnt, #tmp_map_slider .map_slider_inner:hover .cnt, #tmp_map_slider .slick-current .map_slider_inner .cnt{ border-color: #222633; } #tmp_map_slider2 .map_slider_inner .image, #tmp_map_slider .map_slider_inner .image{ position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: auto; height: 120px; padding:0; } #tmp_map_slider2 .map_slider_inner .image .ins_icon, #tmp_map_slider .map_slider_inner .image .ins_icon { position: absolute; right: 10px; bottom: 10px; max-width: 24px; width: 22%; height: 0; padding: 22% 0 0; display: block; text-indent: -1987px; background: transparent url(site_gotokyo/images/icon/icon_sns_instagram_white.png) center bottom no-repeat; background-size: 100% auto; color: transparent; } #tmp_map_slider2 .map_slider_inner img, #tmp_map_slider .map_slider_inner img{ max-width: 100%; } #tmp_map_slider2 .map_slider_inner .cnt, #tmp_map_slider .map_slider_inner .cnt{ border-left: 10px solid #e5e5e5; border-bottom: 10px solid #e5e5e5; margin-top: 12px; height: 150px; overflow-y: scroll; padding: 0 0 52px 14px; display: block; color: #222633; background-color: #ffffff; } #tmp_map_slider2 .map_slider_inner .category, #tmp_map_slider .map_slider_inner .category{ font-size: 114.3%; display: block; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_map_slider .map_slider_inner .category{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_map_slider2 .map_slider_inner .image, #tmp_map_slider .map_slider_inner .image{ height: auto; } /* ================================================== section_figure_column2 ================================================== */ #tmp_contents .mod_figure_header, .mod_figure_header { margin: 0 auto 30px; } #tmp_contents .mod_figure_list, .mod_figure_list { overflow: hidden; list-style: none; padding: 0; margin: 0 -6px; } #tmp_contents .mod_figure_item, .mod_figure_item { float: left; width: 25%; padding: 0 6px 12px; margin: 0; } #tmp_contents .mod_figure_item ul, .mod_figure_item ul{ margin: 0; padding: 16px 10px 14px 20px; list-style: none; } #tmp_contents .mod_figure_item ul li, .mod_figure_item ul li{ margin: 0 0 0.3em; } #tmp_contents .mod_figure_item:nth-child(4n + 1), .mod_figure_item:nth-child(4n + 1) { clear: left; } #tmp_contents .mod_figure_item:nth-child(4n), .mod_figure_item:nth-child(4n) { clear: right; } #tmp_contents .mod_figure_item a, .mod_figure_item a{ background-color: #333333; color: #ffffff; } .mod_figure_item a:active .mod_figure_text, .mod_figure_item a:focus .mod_figure_text, .mod_figure_item a:hover .mod_figure_text, #tmp_contents .mod_figure .mod_figure_item a:active .mod_figure_text, #tmp_contents .mod_figure .mod_figure_item a:focus .mod_figure_text, #tmp_contents .mod_figure .mod_figure_item a:hover .mod_figure_text { color: #f13c33; } #tmp_contents .mod_figure_item ul li a, .mod_figure_item ul li a{ font-size: 114.6%; text-decoration: none; background-color: #ffffff; color: #222633; } #tmp_contents .mod_figure_item ul li a:hover, #tmp_contents .mod_figure_item ul li a:active, #tmp_contents .mod_figure_item ul li a:focus, .mod_figure_item ul li a:active, .mod_figure_item ul li a:focus, .mod_figure_item ul li a:hover{ text-decoration: underline; } #tmp_contents .mod_figure_inner, .mod_figure_inner { position: relative; display: block; } #tmp_contents .mod_figure_image, .mod_figure_image { position: relative; overflow: hidden; } #tmp_explore_tokyo .mod_figure_image{ height: 150px } #tmp_explore_tokyo .mod_figure_image img{ position: absolute; bottom: 0; width: 100%; height: auto; } #tmp_contents .mod_figure_image:before, .mod_figure_image:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.05); } #tmp_explore_tokyo .mod_figure_image:before{ background-color: #222633; opacity: 0.4; } #tmp_contents .mod_figure_image > img, .mod_figure_image > img { height: auto; max-width: 100%; vertical-align: top; } #tmp_contents .mod_figure_text, .mod_figure_text { position: absolute; top: 50%; right: 0; left: 0; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; display: block; width: 100%; text-align: center; line-height: 1; word-wrap: break-word; color: #fff; font-size: 130%; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .mod_figure_text, .lang_jp .mod_figure_text { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .mod_figure_subtext, .mod_figure_subtext{ display: block; font-weight: normal; padding: 10px 10px 0; font-size: 87.5%; } .format_free #tmp_contents .mod_figure { padding: 50px 0 38px; margin-bottom: 0; } #tmp_contents .mod_figure_subtext, .mod_figure_subtext{ font-family: "PFDINTextStd-Light", sans-serif; } .lang_jp #tmp_contents .mod_figure_subtext, .lang_jp .mod_figure_subtext{ font-family: "PFDINTextStd-Light", "メイリオ", Meiryo, sans-serif; } /* ================================================== The Best of Tokyo ================================================== */ #tmp_contents #tmp_best_tokyo { padding: 78px 0 50px; width: 100%; } #tmp_contents #tmp_best_tokyo .section_best_list { list-style: none; margin: 0 -8px; } #tmp_contents #tmp_best_tokyo .section_best_list .best_list_item { float: left; width: 33.333%; padding: 0 8px; margin-bottom: 16px; } #tmp_contents #tmp_best_tokyo .section_best_list .best_list_item:nth-child(3n+1) { clear: left; } #tmp_contents #tmp_best_tokyo .section_best_list .best_list_item img { width: 100%; height: auto; } #tmp_contents #tmp_best_tokyo .section_best_list .best_list_item_image:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, right top, from(#222633), color-stop(56%, transparent)); background-image: linear-gradient(to right top, #222633, transparent 56%); } #tmp_contents #tmp_best_tokyo .section_best_list .best_list_item a { position: relative; display: block; line-height: 0; color: #ffffff; background-color: #222633; } #tmp_contents #tmp_best_tokyo .section_best_list .best_list_item .best_list_item_ttl { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; line-height: 1.1; padding: 16px; color: #ffffff; font-weight: bold; background-color: transparent; } #tmp_contents #tmp_best_tokyo .section_best_list .best_list_item .best_list_item_ttl .best_list_item_ttl_h { width: 70%; font-size: 142.8%; margin-bottom: 5px; padding: 0; } /* ================================================== section_calendar ================================================== */ #tmp_event_calendar { padding: 20px 0 50px; } #tmp_event_calendar .calendar_inner { position: relative; overflow:hidden; } #tmp_event_calendar .calendar_inner:before, #tmp_event_calendar .calendar_inner:after { content: ""; position: absolute; /* width: calc((100% - 1140px) / 2 - 20 * 1px);*/ width: calc((100% - 1140px) / 2); height: calc(100% - 42px); background-color: rgba(255, 255, 255, 0.8); display: inline-block; z-index: 1; top: 0; bottom: 0; } #tmp_event_calendar .calendar_inner .slick-slider { width:1140px; margin:0 auto; } #tmp_event_calendar .slick-initialized .slick-slide { margin: 0 12px 0 0; } #tmp_event_calendar .calendar_inner:before { left: 0; } #tmp_event_calendar .calendar_inner:after { right: 0; } #tmp_event_calendar .calendar_inner_item { width: 249px; position: relative; } #tmp_event_calendar .calendar_inner_item .calendar_img:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.05); } #tmp_event_calendar .calendar_inner_item .calendar_item_link { display: block; position: relative; background-color: #333333; color: #ffffff; } #tmp_event_calendar .calendar_inner_item .calendar_text { position: absolute; bottom: 20px; left: 20px; z-index: 2; line-height: 1.4; font-size: 150%; color: #ffffff; overflow: hidden; background-color: transparent; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_event_calendar .calendar_inner_item .calendar_text { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_event_calendar .calendar_inner_item img { width: 100%; } #tmp_event_calendar .calendar_inner .slick-list { width:1044px; overflow:inherit; } #tmp_event_calendar .calendar_inner .slick-list .slick-list_inner { width:1024px; } #tmp_event_calendar .calendar_inner_slider .slick-arrow { /*width: 60px; position: absolute; top: 0; bottom: 0; z-index: 10; height: 100%; font-size: 0; line-height: 0; padding: 0; border: 0; margin: 0; background: transparent; cursor: pointer; outline: 0;*/ position: absolute; top: 50%; margin: -25px 0 0; height: 0; background-size: 100% auto; background-color: #fff; background-repeat: no-repeat; width: 50px; padding-top: 50px; text-indent: 99999px; cursor: pointer; border: none; z-index: 999; } #tmp_event_calendar .calendar_inner_slider .slick-prev { left: calc((100% - 1140px) / 2 - 66px); background: #FFFFFF url(site_gotokyo/images/icon/slick_previous.png) no-repeat 50% 50%; } /* #tmp_event_calendar .calendar_inner_slider .slick-prev:hover, #tmp_event_calendar .calendar_inner_slider .slick-prev:focus { background: transparent url(site_gotokyo/images/icon/slick_previous_hv.png) no-repeat left center; } */ #tmp_event_calendar .calendar_inner_slider .slick-next { right: calc((100% - 1140px) / 2 - 66px); background: #FFFFFF url(site_gotokyo/images/icon/slick_next.png) no-repeat 50% 50%; } /* #tmp_event_calendar .calendar_inner_slider .slick-next:hover, #tmp_event_calendar .calendar_inner_slider .slick-next:focus { background: transparent url(site_gotokyo/images/icon/slick_next_hv.png) no-repeat right center; } */ .calendar_season { padding: 0; margin-top: 20px; position: relative; height: 22px; } .calendar_season.december, .calendar_season.january, .calendar_season.february { background-color: #3e448d; position: relative; color: #ffffff; } .calendar_season.may, .calendar_season.august, .calendar_season.november, .calendar_season.february { margin-left: -21px; } .calendar_season.march:before, .calendar_season.june:before, .calendar_season.september:before, .calendar_season.december:before { content: ""; display: inline-block; margin-left: -16px; width: 31px; height: 100%; background-color: inherit; -webkit-transform: skewX(-40deg); transform: skewX(-40deg); vertical-align: top; color: inherit; position: absolute; } .calendar_season.april:before, .calendar_season.july:before, .calendar_season.october:before, .calendar_season.january:before { display: inline-block; margin-left: -21px; width: 21px; height: 22px; vertical-align: top; content: ""; color: transparent; background-color: inherit; } .calendar_season.may:after, .calendar_season.august:after, .calendar_season.november:after, .calendar_season.february:after { display: inline-block; width: calc(100% + 13px); height: 22px; content: ""; color: transparent; background-color: inherit; -webkit-transform: skewX(-40deg); transform: skewX(-40deg); position: absolute; } .calendar_season.september, .calendar_season.october, .calendar_season.november { background-color: #e9b320; } .calendar_season.june span, .calendar_season.december span, .calendar_season.september span, .calendar_season.march span { color: #ffffff; padding: 0 0 0 34px; font-weight:bold; } .calendar_season.march span{ background-color: #f76d71; } .calendar_season.december span{ background-color: #3e448d; } .calendar_season.june span{ background-color: #7baf38; } .calendar_season.september span{ background-color: #e9b320; } .calendar_season.june, .calendar_season.july, .calendar_season.august { background-color: #7baf38; } .calendar_season.march, .calendar_season.april, .calendar_season.may { background-color: #f76d71; } #tmp_event_calendar p { padding: 0 !important; } /* ================================================== disaster ================================================== */ #tmp_disaster{ padding: 60px 0 15px; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_disaster{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_disaster .disaster_block_alert{ border-top: 10px solid #f13c33; border-left: 13px solid #f13c33; padding: 20px 28px 46px; color: #f23b35; background-color: #ffffff; margin: 0 0 60px; } #tmp_disaster .disaster_block_warning{ border-top: 10px solid #e9b31f; border-left: 13px solid #e9b31f; padding: 20px 28px 46px; color: #e9b31f; background-color: #ffffff; margin: 0 0 60px; } #tmp_disaster .disaster_ttl h2{ font-size: 181%; margin: 0px 0 12px; font-weight: 400; } #tmp_disaster .disaster_cnt{ font-size: 118%; } #tmp_disaster .disaster_cnt p { color: #222633; margin: 0 0 0.8em; } #tmp_disaster ul{ list-style: none; } #tmp_disaster ul li{ margin: 0 0 1px; } /* ================================================== accessibility ================================================== */ /* model_change ================================================== */ .wrap_mc_pc, .wrap_mc_sp { display: none; } .disp_pc .wrap_mc_sp, .disp_pc .wrap_mc_sp #tmp_switch_sp_style { display: block; } .disp_pc #tmp_hnavi_s, .disp_pc #tmp_sma_lmenu, .disp_pc #tmp_sma_rmenu { display:none; } /* ================================================== accessibility style change:color ================================================== */ /* change_color commons ================================================== */ .color_blue #tmp_wrapper, .color_blue #tmp_wrapper *, .color_yellow #tmp_wrapper, .color_yellow #tmp_wrapper *, .color_black #tmp_wrapper, .color_black #tmp_wrapper * { background-image:none !important; list-style-image:none !important; } .color_blue .header_panel .header_panel_inside, .color_yellow .header_panel .header_panel_inside, .color_black .header_panel .header_panel_inside, .color_blue #tmp_share_page, .color_yellow #tmp_share_page, .color_black #tmp_share_page{ border-width: 1px!important; border-style: solid!important; } .color_black #tmp_contents .left_block a[target="_blank"]:after, .color_yellow #tmp_contents .left_block a[target="_blank"]:after, .color_blue #tmp_contents .left_block a[target="_blank"]:after, .color_black .section_banner_top_single .banner_top_icons, .color_yellow .section_banner_top_single .banner_top_icons, .color_blue .section_banner_top_single .banner_top_icons{ display: none; } .color_blue #tmp_wrapper .setting_shared, .color_yellow #tmp_wrapper .setting_shared, .color_black #tmp_wrapper .setting_shared{ background: url(site_gotokyo/images/icon/icon_header_option_white.png) no-repeat !important; background-position: center center !important; } .color_blue #tmp_wrapper .setting_rs, .color_yellow #tmp_wrapper .setting_rs, .color_black #tmp_wrapper .setting_rs { background: url(site_gotokyo/images/icon/icon_rs_white.png) no-repeat !important; background-size: 80% auto !important; background-position:center center !important; } .color_blue #tmp_wrapper .setting_language, .color_yellow #tmp_wrapper .setting_language, .color_black #tmp_wrapper .setting_language { background: url(site_gotokyo/images/icon/icon_glode_white.png) no-repeat !important; background-size: 23px auto !important; background-position: center center !important; } .color_blue #tmp_wrapper .setting_fav, .color_yellow #tmp_wrapper .setting_fav, .color_black #tmp_wrapper .setting_fav{ background: url(site_gotokyo/images/icon/icon_header_fav_white.png) no-repeat !important; background-position: center center !important; } .color_blue #tmp_wrapper .setting_search, .color_yellow #tmp_wrapper .setting_search, .color_black #tmp_wrapper .setting_search{ background: url(site_gotokyo/images/icon/icon_header_search_white.png) no-repeat !important; background-position: center center !important; } .color_blue #tmp_event_cal_cnt .calendar .today, .color_yellow #tmp_event_cal_cnt .calendar .today, .color_black #tmp_event_cal_cnt .calendar .today { background-color:transparent !important; } .color_blue #tmp_wrap_main #tmp_cate_ttl h1, .color_yellow #tmp_wrap_main #tmp_cate_ttl h1, .color_black #tmp_wrap_main #tmp_cate_ttl h1 { padding:0 !important; border:none !important; } .color_blue #tmp_header, .color_yellow #tmp_header, .color_black #tmp_header{ border-bottom: 1px solid #222633; } .color_blue #tmp_footer, .color_yellow #tmp_footer, .color_black #tmp_footer{ border: 1px solid #222633; } .color_blue #tmp_hlogo h1 span, .color_blue #tmp_hlogo p span, .color_blue #tmp_hlogo .cap_logo, .color_yellow #tmp_hlogo h1 span, .color_yellow #tmp_hlogo p span, .color_yellow #tmp_hlogo .cap_logo, .color_black #tmp_hlogo h1 span, .color_black #tmp_hlogo p span, .color_black #tmp_hlogo .cap_logo{ width: auto!important; height: auto!important; text-indent: 0!important; visibility: inherit!important; z-index: inherit!important; } .color_blue #tmp_hlogo .cap_logo, .color_yellow #tmp_hlogo .cap_logo, .color_black #tmp_hlogo .cap_logo{ top: 5em!important; } /* headding */ .color_blue #tmp_wrap_main h1, .color_blue #tmp_wrap_main h2, .color_blue #tmp_wrap_main h3, .color_blue #tmp_wrap_main h4, .color_blue #tmp_wrap_main h5, .color_blue #tmp_wrap_main h6, .color_yellow #tmp_wrap_main h1, .color_yellow #tmp_wrap_main h2, .color_yellow #tmp_wrap_main h3, .color_yellow #tmp_wrap_main h4, .color_yellow #tmp_wrap_main h5, .color_yellow #tmp_wrap_main h6, .color_black #tmp_wrap_main h1, .color_black #tmp_wrap_main h2, .color_black #tmp_wrap_main h3, .color_black #tmp_wrap_main h4, .color_black #tmp_wrap_main h5, .color_black #tmp_wrap_main h6 { padding:5px !important; border:none !important; } .color_blue.format_top #tmp_wrap_main h1, .color_blue.format_top #tmp_wrap_main h2, .color_blue.format_top #tmp_wrap_main h3, .color_blue.format_top #tmp_wrap_main h4, .color_blue.format_top #tmp_wrap_main h5, .color_blue.format_top #tmp_wrap_main h6, .color_yellow.format_top #tmp_wrap_main h1, .color_yellow.format_top #tmp_wrap_main h2, .color_yellow.format_top #tmp_wrap_main h3, .color_yellow.format_top #tmp_wrap_main h4, .color_yellow.format_top #tmp_wrap_main h5, .color_yellow.format_top #tmp_wrap_main h6, .color_black.format_top #tmp_wrap_main h1, .color_black.format_top #tmp_wrap_main h2, .color_black.format_top #tmp_wrap_main h3, .color_black.format_top #tmp_wrap_main h4, .color_black.format_top #tmp_wrap_main h5, .color_black.format_top #tmp_wrap_main h6 { border:none !important; padding:0 !important; } /* icon */ .color_blue #tmp_wrap_main a.icon_pdf, .color_blue #tmp_wrap_main a.icon_word, .color_blue #tmp_wrap_main a.icon_excel, .color_yellow #tmp_wrap_main a.icon_pdf, .color_yellow #tmp_wrap_main a.icon_word, .color_yellow #tmp_wrap_main a.icon_excel, .color_black #tmp_wrap_main a.icon_pdf, .color_black #tmp_wrap_main a.icon_word, .color_black #tmp_wrap_main a.icon_excel { margin:0 !important; padding:0 !important; } .color_blue #tmp_instagram .active .ins_modal_cnt .image .ins_icon, .color_yellow #tmp_instagram .active .ins_modal_cnt .image .ins_icon, .color_black #tmp_instagram .active .ins_modal_cnt .image .ins_icon { display: none; } /* used_bg_img */ .color_blue #tmp_wrapper .used_bg_img, .color_yellow #tmp_wrapper .used_bg_img, .color_black #tmp_wrapper .used_bg_img { width:auto !important; height:auto !important; } .color_blue #tmp_wrapper .used_bg_img a, .color_yellow #tmp_wrapper .used_bg_img a, .color_black #tmp_wrapper .used_bg_img a { width:auto !important; height:auto !important; text-decoration:underline !important; } .color_blue #tmp_wrapper .used_bg_img span, .color_yellow #tmp_wrapper .used_bg_img span, .color_black #tmp_wrapper .used_bg_img span { z-index:1 !important; height:auto !important; } /* for Firefox3.0 */ .color_blue #tmp_wrap_main caption, .color_yellow #tmp_wrap_main caption, .color_black #tmp_wrap_main caption { background-color:transparent !important; } /* bg:blue /* text:yellow /* link:white ================================================== */ .color_blue #tmp_wrapper, .color_blue #tmp_wrapper * { color:#FFFF00 !important; background-color:#00008B !important; border-color:#FFFF00 !important; } .color_blue #tmp_wrapper a, .color_blue #tmp_wrapper a span, .color_blue #tmp_wrapper button, .color_blue #tmp_wrapper .used_bg_img a span, .color_blue #tmp_wrapper input[type="submit"], .color_blue #tmp_wrapper input[type="button"], .color_blue #tmp_wrapper input[type="reset"] { color:#FFFFFF !important; background-color:transparent !important; } .color_blue #tmp_wrap_main h1 { border:3px solid yellow !important; } .color_blue #tmp_wrap_main h2 { border-bottom:1px solid yellow !important; border-left:3px solid yellow !important; } .color_blue #tmp_wrap_main h3 { border-left:3px solid yellow !important; } /* for google box */ .color_blue #tmp_wrap_main #tmp_gmap_box, .color_blue #tmp_wrap_main #tmp_gmap_box * { color:#222633 !important; background-color:transparent !important; border-color:yellow !important; list-style-image:none !important; } .color_blue #tmp_wrap_main #tmp_gmap_box a { color:#7777CC !important; } /* bg:yellow /* text:black /* link:blue ================================================== */ .color_yellow #tmp_wrapper, .color_yellow #tmp_wrapper * { color:#222633 !important; background-color:#FFFF00 !important; border-color:#222633 !important; } .color_yellow #tmp_wrapper a, .color_yellow #tmp_wrapper a span, .color_yellow #tmp_wrapper button, .color_yellow #tmp_wrapper .used_bg_img a span, .color_yellow #tmp_wrapper input[type="submit"], .color_yellow #tmp_wrapper input[type="button"], .color_yellow #tmp_wrapper input[type="reset"] { color:#0000FF !important; background-color:transparent !important; } .color_yellow #tmp_wrap_main h1 { border:3px solid black !important; } .color_yellow #tmp_wrap_main h2 { border-bottom:1px solid black !important; border-left:3px solid black !important; } .color_yellow #tmp_wrap_main h3 { border-left:3px solid black !important; } /* for google box */ .color_yellow #tmp_wrap_main #tmp_gmap_box, .color_yellow #tmp_wrap_main #tmp_gmap_box * { color:#222633 !important; background-color:transparent !important; border-color:black !important; list-style-image:none !important; } .color_yellow #tmp_wrap_main #tmp_gmap_box a { color:#7777CC !important; } /* bg:black /* text:yellow /* link:white ================================================== */ .color_black #tmp_wrapper, .color_black #tmp_wrapper * { color:#FFFF00 !important; background-color:#222633 !important; border-color:#FFFF00 !important; } .color_black #tmp_wrapper a, .color_black #tmp_wrapper a span, .color_black #tmp_wrapper button, .color_black #tmp_wrapper .used_bg_img a span, .color_black #tmp_wrapper input[type="submit"], .color_black #tmp_wrapper input[type="button"], .color_black #tmp_wrapper input[type="reset"] { color:#FFFFFF !important; background-color:transparent !important; } .color_black #tmp_wrap_main h1 { border:3px solid yellow !important; } .color_black #tmp_wrap_main h2 { border-left:3px solid yellow !important; border-bottom:1px solid yellow !important; } .color_black #tmp_wrap_main h3 { border-left:3px solid yellow !important; } /* for google box */ .color_black #tmp_wrap_main #tmp_gmap_box, .color_black #tmp_wrap_main #tmp_gmap_box * { background-color:transparent !important; color:#222633 !important; border-color:yellow !important; list-style-image:none !important; } .color_black #tmp_wrap_main #tmp_gmap_box a { color:#7777CC !important; } /* ================================================== accessibility style change:font-size ================================================== */ /* small ================================================== */ .fsize_small { font-size:75% !important; } /* big ================================================== */ .fsize_big { font-size:125% !important; } /* biggest(doubled) ================================================== */ .fsize_big2 { font-size:175% !important; } /* ================================================== favorite ================================================== */ .saved_articles { width: 1140px; margin: 0 auto; } #favorite_menu_saved #tmp_map_slider2 .container, #favorite_menu_map #tmp_map_slider .container { width: 1140px; margin: 0 auto; } #favorite_menu_saved #tmp_map_slider2, #favorite_menu_map #tmp_map_slider { padding-top: 12px; padding-bottom: 50px; overflow:hidden; } #favorite_menu_saved #tmp_map_slider2 .slick_slides, #favorite_menu_map #tmp_map_slider .slick_slides { width:209px; } #favorite_menu_saved #tmp_map_slider2 .slick_prev span, #favorite_menu_map #tmp_map_slider .slick_prev span { left: 0; } #favorite_menu_saved #tmp_map_slider2 .slick_next span, #favorite_menu_map #tmp_map_slider .slick_next span { right: 0; } /* ================================================== 災害情報 ================================================== */ #tmp_wrap_emergency { } #tmp_wrap_emergency #tmp_emergency_btn { border-bottom:1px solid #f13c33; } #tmp_wrap_emergency.open #tmp_emergency_btn { border-bottom:none; } #tmp_wrap_emergency #tmp_emergency_btn .btn_open { border: 1px solid #f13c33; border-top: 3px solid #f13c33; border-bottom: 1px solid #FFFFFF; display: inline-block; width: 19%; margin: 0 0 0 81%; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; } #tmp_wrap_emergency.open #tmp_emergency_btn .btn_open { border: 1px solid #f13c33; border-top: 3px solid #f13c33; border-bottom: 1px solid #FFFFFF; margin: 0 0 -1px 81%; } #tmp_wrap_emergency #tmp_emergency_btn .btn_open a { color:#f13c33; text-decoration:none; padding: 8px 32px 8px 16px; display: block; min-height: 38px; background:#FFFFFF url(site_gotokyo/images/icon/icon_emergency_off.gif) no-repeat right 50%; } #tmp_wrap_emergency.open #tmp_emergency_btn .btn_open a { background:#FFFFFF url(site_gotokyo/images/icon/icon_emergency_on.gif) no-repeat right 50%; } #tmp_wrap_emergency #tmp_emergency { display: none; } #tmp_wrap_emergency.open #tmp_emergency { border-top:1px solid #f13c33; border-bottom:1px solid #f13c33; width: 100%; padding: 24px 0; display: block; } #tmp_wrap_emergency #tmp_emergency .container { display: table; } #tmp_wrap_emergency #tmp_emergency #tmp_emergency_ttl { width:184px; height:160px; background-color:#f13c33; display: table-cell; vertical-align: middle; text-align: center; } #tmp_wrap_emergency #tmp_emergency #tmp_emergency_ttl p { color:#FFFFFF; font-size:157.1%; } #tmp_wrap_emergency #tmp_wrap_emergency_cnt { display: table-cell; padding: 7px 0 0 53px; } #tmp_wrap_emergency #tmp_wrap_emergency_cnt #tmp_emergency_cnt { } #tmp_wrap_emergency #tmp_wrap_emergency_cnt #tmp_emergency_cnt ul { list-style: none; list-style-image: none; } #tmp_wrap_emergency #tmp_wrap_emergency_cnt #tmp_emergency_cnt ul li { font-size: 114.2%; margin: 0 0 6px; } #tmp_wrap_emergency #tmp_wrap_emergency_cnt #tmp_emergency_cnt ul li span { } #tmp_wrap_emergency #tmp_wrap_emergency_cnt #tmp_emergency_cnt ul li span.day { margin: 0 16px 0 0; } #tmp_wrap_emergency #tmp_wrap_emergency_cnt #tmp_emergency_cnt ul li span.time { margin: 0 16px 0 0; } #tmp_wrap_emergency #tmp_wrap_emergency_cnt #tmp_emergency_cnt ul li span.cnt { } #tmp_wrap_emergency #tmp_wrap_emergency_cnt #tmp_emergency_cnt .btn_see_all { text-align:right; } .lang_jp #tmp_wrap_emergency #tmp_wrap_emergency_cnt #tmp_emergency_cnt .btn_see_all a { font-family: PFDINTextStd-Medium, メイリオ, Meiryo, sans-serif; } #tmp_wrap_emergency #tmp_wrap_emergency_cnt #tmp_emergency_cnt .btn_see_all a { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; float: right; text-align: center; text-decoration: none; font-size: 114.3%; background-color: #222633; color: #ffffff; padding: 6px 14px 7px; line-height: 1.1; min-width: 82px; font-family: "PFDINTextStd-Medium",sans-serif; } #tmp_wrap_emergency #tmp_wrap_emergency_cnt #tmp_emergency_cnt .btn_see_all a:hover, #tmp_wrap_emergency #tmp_wrap_emergency_cnt #tmp_emergency_cnt .btn_see_all a:focus, #tmp_wrap_emergency #tmp_wrap_emergency_cnt #tmp_emergency_cnt .btn_see_all a:active { background-color: #f13c33; } #tmp_contents #sys_emergency ul { } #tmp_contents #sys_emergency ul li { } #tmp_contents #sys_emergency ul li span { } #tmp_contents #sys_emergency ul li span.day { margin: 0 16px 0 0; } #tmp_contents #sys_emergency ul li span.time { margin: 0 16px 0 0; } #tmp_contents #sys_emergency ul li span.cnt { } /* ================================================== clearfix ================================================== */ /* for modern browser */ #tmp_header:after, #tmp_hnavi:after, .gnavi:after, .gnavi ul:after, #tmp_main:after, #tmp_main_menu:after, #tmp_main:after, #tmp_lnavi:after, #tmp_lnavi_ttl:after, #tmp_lnavi_cnt:after, #tmp_event_cal:after, #tmp_event_cal_ttl:after, #tmp_event_cal_cnt .cal_navi:after, #tmp_wrap_custom_update:after, #tmp_custom_update:after, #tmp_social_plugins:after, .plugin:after, .pnavi:after, #tmp_inquiry:after, #tmp_inquiry_ttl:after, #tmp_inquiry_cnt:after, #tmp_feedback:after, #tmp_feedback_ttl:after, #tmp_feedback_cnt:after, #tmp_feedback_cnt fieldset:after, #tmp_publicity_cnt:after, #tmp_footer:after, .fnavi:after, .footer_cnt:after, div.col2:after, div.fixed_col2:after, div.col3:after, .box_faq:after, .box_faq_ttl:after, .box_faq_cnt:after, #tmp_main .section_ttl:after { content: ""; /* Do not edit */ display: table; /* Do not edit */ clear: both; /* Do not edit */ } @media screen and (min-width : 741px) and (max-width : 1259px) { #tmp_wrapper { min-width:inherit; } .container, .header_panel { width:auto; } /* header */ #tmp_header > .container{ padding: 28px 4.7619% 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #tmp_means { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity 250ms; transition: opacity 250ms; } .gnavi { margin:0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity 250ms; transition: opacity 250ms; position: static; -webkit-transform: none; transform: none; display: block; } .gnavi ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } .gnavi li { margin:0 10px; } .gnavi a { font-size: 1.25rem; } .must_see_left { float: left; width: 23%; margin-right: 1.5%; } .see_and_do_body_left { margin-right: 1.5%; } #tmp_map_region .map_region_tokyo svg, .map_region .map_region_tokyo svg{ width:100%; } #tmp_map_region .map_region_area .sub_area_list.second, .map_region .map_region_area .sub_area_list.second { clear:both; float:left; } /* top */ #tmp_contents .section_slider_body .slider_wrapper, .section_slider_body .slider_wrapper{ width: 100%; } #tmp_contents .section_slider_body .slick-arrow , .section_slider_body .slick-arrow { width:2.38095vw; padding-top: 2.38095vw; } #tmp_contents .section_slider_body .slick-prev, .section_slider_body .slick-prev{ left: -15px; } #tmp_contents .section_slider_body .slick-next, .section_slider_body .slick-next{ right: -15px; } #tmp_contents .section_slider_body .slider_body_inner:before, .section_slider_body .slider_body_inner:before, #tmp_contents .section_slider_body .slider_body_inner:after, .section_slider_body .slider_body_inner:after{ width: calc((120px) / 2); } #tmp_event_calendar .calendar_inner .slick-slider, #tmp_event_calendar .calendar_inner .slick-list { width: 90.47619%; } #tmp_event_calendar .calendar_inner_slider .slick-prev { left: -15px; } #tmp_event_calendar .calendar_inner_slider .slick-next { right: -15px; } #tmp_event_calendar .calendar_inner_slider .slick-prev, #tmp_event_calendar .calendar_inner_slider .slick-prev:hover, #tmp_event_calendar .calendar_inner_slider .slick-prev:focus, #tmp_event_calendar .calendar_inner_slider .slick-next, #tmp_event_calendar .calendar_inner_slider .slick-next:hover, #tmp_event_calendar .calendar_inner_slider .slick-next:focus { -webkit-background-size: 30px 30px; background-size: 30px 30px; } #tmp_event_calendar .calendar_inner:before, #tmp_event_calendar .calendar_inner:after { width: calc((120px) / 2); } .section_tips .mod_tips_items .mod_tip_list { padding-left: 3.1746vw !important; } .section_best_new .best_of_tokyo, #tmp_main .section_best .best_banner_inner { height:400px !important; } #tmp_instagram .ins_cnt .image { height:auto; } #tmp_explore_tokyo .mod_figure_image { height:13vw; } .section_ad_slider .ad_slider_slick .slick-list { width:90.47619% !important; } .section_ad_slider .ad_slider_slick:before, .section_ad_slider .ad_slider_slick:after { width: calc((10%) / 2) !important; } .section_ad_slider .ad_slider_slick .slick-prev { left: calc((10%) / 2 - 30px) !important; background-size: 30px 30px !important; } .section_ad_slider .ad_slider_slick .slick-next { right: calc((10%) / 2 - 30px) !important; background-size: 30px 30px !important; } .section_keyvisual .weather_inner { right: 4.7619% !important; } /* spot */ #tmp_contents .split_right { width:25% !important; } #tmp_contents .split_left { width: 70.03984% !important; } #tmp_contents .header_text { } #tmp_contents .link_block, #tmp_contents .rnavi { width:auto !important; padding:0 !important; } .left_block.sptb_block, #tmp_contents .left_block.sptb_block { width: auto !important; } .left_block, #tmp_contents .left_block { width: 70.03984% !important; } #tmp_contents .header_buttons { } #tmp_contents .header_text { width:70.03984% !important; padding-right:20px !important; } /* apps */ #tmp_contents .col3 .app_links a { width: 100% !important; background-size: 100% auto !important; } #tmp_contents .col3 .app_left { width:40% !important; } .type_visual_small .section_banner_top { height:auto; padding-top:50.76923%; overflow:hidden; } .section_banner_top .banner_top_image_single .inside { width:auto; } } @media screen and (min-width : 741px) and (max-width : 1259px) { .gnavi a { font-size: 1.0rem; } #tmp_contents .section_slider_body .name_title, .section_slider_body .name_title { font-size:115%; } #tmp_contents .section_slider_body .slider_small, .section_slider_body .slider_small{ padding-left:15px; } .section_tips .mod_tips_items .mod_tip_item .mod_tip_ttl { font-size:1.125rem; } .section_tips .mod_tips_items .mod_tip_list { padding-left:1.5873vw !important; } .section_tips .mod_tips_items .mod_tip_item .mod_tip_ttl { padding-left:6.3429vw; } .section_tips .mod_tips_items .mod_tip_item .icon_home_whats_on, .section_tips .mod_tips_items .mod_tip_item .icon_home_popular, .section_tips .mod_tips_items .mod_tip_item .icon_home_area { background-size:4.7619vw auto; background-position:left top; } .section_navigation .navigation_items_cnt { padding-top:2.1428vw; padding-left:2.1428vw; } .section_navigation .navigation_items_cnt .items_cnt { padding:0 0 0 6.9047vw; background-size:4.7619vw auto !important; } #tmp_main .section_best .section_best_list .best_list_item { width:31.5% !important; padding:0 !important; margin:0 2.6% 2.6% 0; } #tmp_main .section_best .section_best_list .best_list_item:nth-child(3n) { margin-right:0; } #tmp_contents .section_slider_body .section_slider_single .slider_wrapper, .section_slider_body .section_slider_single .slider_wrapper, #tmp_contents .section_slider_body_three_column .slider_wrapper, .section_slider_body_three_column .slider_wrapper { width:auto; } #tmp_contents .mod_figure_text, .mod_figure_text { font-size:1.4rem; } #tmp_event_calendar .calendar_inner .slick-slider, #tmp_event_calendar .calendar_inner .slick-list { margin:0 auto; } #favorite_menu_saved #tmp_map_slider2 .container, #favorite_menu_map #tmp_map_slider .container { width:90%; } #tmp_my_favorites .favorite_menu { padding:25px 4.864%; } .saved_articles { width:auto; padding: 0 4.864%; } #tmp_contents .seaction_split { width:72.03984% !important; } #tmp_contents .seaction_split .split_inner { width:auto !important; } #tmp_contents iframe { width:100%; } /* #tmp_contents .section_slider_body.event_sg .slider_image { width:100%; height:auto; overflow:auto; } #tmp_contents .section_slider_body.event_sg .slider_image img { position: static; top: auto; left: auto; max-width: 100%; width: auto; height: auto; -webkit-transform:none; -ms-transform:none; transform:none; } */ } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }@charset "utf-8"; /* ================================================== Required to CMS-8341 ================================================== */ #tmp_contents h1 { margin:0 0 0.8em; clear:both; /* Do not edit */ font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents h1 { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents h2{ padding: 0.7em 0; clear:both; /* Do not edit */ line-height: 1.25; font-size: 200%; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents h2 { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents h2.nobottom { padding-bottom:0; } #tmp_contents .slider_ttl h2{ font-size: 228.5%; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .slider_ttl h2 { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .left_block h2:first-child, #tmp_contents .left_block h3:first-child{ padding-top: 0; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .left_block h2:first-child { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents h3{ clear:both; /* Do not edit */ font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents h3 { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents h4{ font-size: 114.3%; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents h4 { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents h4, #tmp_contents h5, #tmp_contents h6 { margin:1.5em 0 0.8em; clear:both; /* Do not edit */ } #tmp_contents table { word-break: normal; } #tmp_contents .word_wrap { word-wrap: break-word; } #tmp_contents p { /* Do not edit */ font-size: 114.3%; padding: 1.1em 0 1.9em; } .lang_jp #tmp_contents p { font-size: 100%; } #tmp_contents p.np { padding: 0; } #tmp_contents p.image_wrapper{ padding: 1.1em 0 18px; line-height: 0; } #tmp_contents p.no_padding{ padding: 0; } #tmp_contents p.nobottom{ padding-bottom:0 !important; } #tmp_contents p.notop{ padding-top:0 !important; } #tmp_contents p.image_caption{ padding: 0 0 18px; } #tmp_contents ul { margin:0 0 1em 3.2em; /* Do not edit */ list-style-image:url(templates/gotokyo_free/images/icon/list_icon.gif); /* Do not edit */ } #tmp_contents ol { margin:0 0 1em 3.2em; /* Do not edit */ list-style-image:none; /* Do not edit */ } #tmp_contents ul li, #tmp_contents ol li { margin:0 0 0.5em; /* Do not edit */ } #tmp_contents ul.list_icon li { padding-left:12px; margin-left:-12px; background:url(templates/gotokyo_free/images/icon/list_icon.gif) left 0.4em no-repeat; } #tmp_contents ul ul, #tmp_contents ul ol, #tmp_contents ol ul, #tmp_contents ol ol { margin:0.3em 0 0 1.5em; /* Do not edit */ } #tmp_contents hr { height:1px; /* Do not edit */ color:#CCCCCC; /* Do not edit */ background-color:#CCCCCC; /* Do not edit */ border:none; /* Do not edit */ clear:both; /* Do not edit */ } #tmp_contents .hid_cnt .rnavi { /*display:none; 20191217修正*/ } #tmp_contents .rnavi { width:1260px; margin:0 auto; padding:0 60px; position:relative; } #tmp_contents .rnavi .day { margin:20px auto 0; float:right; position:absolute; right:0; } #tmp_contents .rnavi .day p { padding:0; } .format_search #tmp_contents .rnavi .day { position:relative; } /* ================================================== parts ================================================== */ /* img_cap ================================================== */ table.img_cap { margin:0 0 0.3em; border-collapse:collapse; border-spacing:0; } table.img_cap td { padding:0; } div.img_cap { margin:0 0 0.3em; } div.img_cap img { margin:0 !important; } /* outline ================================================== */ #tmp_contents .outline { margin: 2.1em 0 2.1em; /* Do not edit */ clear:both; /* Do not edit */ } #tmp_contents iframe{ border: none; } #tmp_contents table.outline { width:100%; /* Do not edit */ border-collapse:collapse; /* Do not edit */ border-spacing: 0; /* Do not edit */ } #tmp_contents table.outline td { padding:30px 30px 25px; color:inherit; background-color:#e5e5e5; } #tmp_contents div.outline { padding:30px 30px 25px; color:inherit; background-color:#e5e5e5; } #tmp_contents .parts_red_line table.outline td { background: none; border: 3px solid #990000; } #tmp_contents .parts_red_line div.outline { background: none; border: 3px solid #990000; } #tmp_contents .outline h3{ font-size: 186%; margin: 0 0 25px; padding: 0; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .outline h3{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .outline ul { list-style: none; margin-left: 0; text-indent: -1em; padding-left: 1em; font-size: 114.6%; } #tmp_contents .outline ul li:before{ content: '\30FB'; } #tmp_contents .outline ol { margin-left:24px; /* Do not edit */ } #tmp_contents .outline ul ul, #tmp_contents .outline ul ol, #tmp_contents .outline ol ul, #tmp_contents .outline ol ol { margin:0.3em 0 0 24px; /* Do not edit */ } #tmp_contents .outline a { color: #222633; text-decoration: none; } #tmp_contents .outline a:hover, #tmp_contents .outline a:focus, #tmp_contents .outline a:active { text-decoration: underline; } /* box_btn ================================================== */ #tmp_contents ul.box_btn { margin:0 0 0.8em; /* Do not edit */ padding:0; list-style:none; list-style-image:none; } #tmp_contents ul.box_btn li { margin:0 0 10px 0; padding:10px; color:inherit; background:url(templates/free/images/contents/box_bg.jpg) no-repeat left top; border:1px solid #BBCCDD; } /* box_info ================================================== */ #tmp_contents .box_info { margin:0 0 0.8em; /* Do not edit */ border:1px solid #AABBCC; clear:both; /* Do not edit */ } #tmp_contents table.box_info { width:100%; /* Do not edit */ border-collapse:collapse; /* Do not edit */ border-spacing:0; /* Do not edit */ } #tmp_contents .box_info .box_info_ttl { padding:3px 7px; color:inherit; font-weight:bold; background-color:#DDEEFF; border-bottom:1px solid #BBCCDD; } #tmp_contents .box_info .box_info_ttl p { margin-bottom:0; /* Do not edit */ } #tmp_contents .box_info .box_info_cnt { padding:10px 10px 0; } #tmp_contents .box_info ul { margin-bottom:0.8em; /* Do not edit */ margin-left:24px; /* Do not edit */ } #tmp_contents .box_info ol { margin-bottom:0.8em; /* Do not edit */ margin-left:24px; /* Do not edit */ } #tmp_contents .box_info ul ul, #tmp_contents .box_info ul ol, #tmp_contents .box_info ol ul, #tmp_contents .box_info ol ol { margin:0.3em 0 0 24px; /* Do not edit */ } /* box_link ================================================== */ #tmp_contents .box_link { margin:0 0 0.8em; /* Do not edit */ border:1px solid #AABBCC; clear:both; /* Do not edit */ } #tmp_contents table.box_link { width:100%; /* Do not edit */ border-collapse:collapse; /* Do not edit */ border-spacing:0; /* Do not edit */ } #tmp_contents .box_link .box_link_ttl { padding:3px 7px; color:inherit; font-weight:bold; background-color:#DDEEFF; border-bottom:1px solid #BBCCDD; } #tmp_contents .box_link .box_link_ttl p { margin-bottom:0; /* Do not edit */ } #tmp_contents .box_link .box_link_cnt { padding:10px 10px 0; } #tmp_contents .box_link ul { margin-bottom:0.8em; /* Do not edit */ margin-left:24px; /* Do not edit */ } #tmp_contents .box_link ol { margin-bottom:0.8em; /* Do not edit */ margin-left:24px; /* Do not edit */ } #tmp_contents .box_link ul ul, #tmp_contents .box_link ul ol, #tmp_contents .box_link ol ul, #tmp_contents .box_link ol ol { margin:0.3em 0 0 24px; /* Do not edit */ } /* box_menu ================================================== */ #tmp_contents .box_menu { margin:0 0 0.8em; /* Do not edit */ background:url(templates/free/images/contents/box_bg.jpg) no-repeat left top; border:1px solid #AABBCC; clear:both; /* Do not edit */ } #tmp_contents table.box_menu { width:100%; /* Do not edit */ border-collapse:collapse; /* Do not edit */ border-spacing:0; /* Do not edit */ } #tmp_contents table.box_menu td { padding:5px 10px 0; } #tmp_contents div.box_menu { padding:10px 10px 0; } #tmp_contents .box_menu h2 { margin:0 0 0.8em; padding:0; color:inherit; font-size:100%; background:none; border:none; } #tmp_contents .box_menu ul { margin-bottom:0.8em; /* Do not edit */ margin-left:24px; /* Do not edit */ } #tmp_contents .box_menu ol { margin-bottom:0.8em; /* Do not edit */ margin-left:24px; /* Do not edit */ } #tmp_contents .box_menu ul ul, #tmp_contents .box_menu ul ol, #tmp_contents .box_menu ol ul, #tmp_contents .box_menu ol ol { margin:0.3em 0 0 24px; /* Do not edit */ } /* datatable enquete_table ================================================== */ #tmp_contents table.datatable, #tmp_contents table.enquete_table { margin: 2.3em 0 2.3em; color:inherit; background-color:#FFFFFF; border-collapse:collapse; /* Do not edit */ border-spacing:0; /* Do not edit */ border:1px solid #AABBCC; word-break: break-all; width: 100%; } #tmp_contents table.datatable th, #tmp_contents table.enquete_table th { padding: 8px 14px; color:inherit; background-color: #eae9e9; border: 1px solid #dcdcdc; } #tmp_contents table.datatable td, #tmp_contents table.enquete_table td { padding: 8px 14px; border: 1px solid #dcdcdc; word-break: break-word; font-weight: 700; } #tmp_contents table.datatable caption, #tmp_contents table.enquete_table caption { padding:0 0 0.5em; /* Do not edit */ font-weight:bold; /* Do not edit */ text-align:left; /* Do not edit */ } #tmp_contents table.datatable p { margin:0; /* Do not edit */ } #tmp_contents table.datatable ul, #tmp_contents table.datatable ol, #tmp_contents table.enquete_table ul, #tmp_contents table.enquete_table ol { margin:0.2em 0 0 24px; /* Do not edit */ } #tmp_contents table.datatable ul ul, #tmp_contents table.datatable ul ol, #tmp_contents table.datatable ol ul, #tmp_contents table.datatable ol ol, #tmp_contents table.enquete_table ul ul, #tmp_contents table.enquete_table ul ol, #tmp_contents table.enquete_table ol ul, #tmp_contents table.enquete_table ol ol { margin:0.3em 0 0 24px; /* Do not edit */ } #tmp_contents table.enquete_table { width:100%; /* Do not edit */ } #tmp_contents table.enquete_table th { width:20%; /* Do not edit */ } #tmp_contents table.enquete_table .nes, #tmp_contents table.enquete_table .memo { color:#990000; /* base.css > Styles > .text_red */ font-weight:normal; /* Do not edit */ background-color:transparent; /* Do not edit */ } /* form_btn */ #tmp_contents .enquete_button { margin:15px 0; /* Do not edit */ text-align:center; /* Do not edit */ } /* bgcolor */ /* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */ /* Setting by CMS sheets */ #tmp_contents table.datatable table th.bg_red { color:inherit; background-color:#FCECEC; /* base.css > Styles > th.bg_red */ } #tmp_contents table.datatable table th.bg_yellow { color:inherit; background-color:#FBFBDF; /* base.css > Styles > th.bg_yellow */ } #tmp_contents table.datatable table th.bg_blue { color:inherit; background-color:#EBF9FC; /* base.css > Styles > th.bg_blue */ } #tmp_contents table.datatable table th.bg_gray { color:inherit; background-color:#E9E9E9; /* base.css > Styles > th.bg_gray */ } #tmp_contents table.datatable table th.bg_green { color:inherit; background-color:#EDFBEE; /* base.css > Styles > th.bg_green */ } #tmp_contents table.datatable table th.bg_purple { color:inherit; background-color:#EDE9FA; /* base.css > Styles > th.bg_purple */ } /* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */ /* nest-datatable ================================================== */ #tmp_contents table.datatable table, #tmp_contents table.enquete_table table { border:none; /* Do not edit */ } #tmp_contents table.datatable table th, #tmp_contents table.enquete_table table th { color:inherit; /* Do not edit */ background-color:transparent; /* Do not edit */ border:none; /* Do not edit */ } #tmp_contents table.datatable table td, #tmp_contents table.enquete_table table td { border:none; /* Do not edit */ } #tmp_contents table.datatable table.datatable { border:1px solid #AABBCC; /* = table.datatable */ } #tmp_contents table.datatable table.datatable th { color:inherit; /* Do not edit */ background-color:#DDEEFF; /* = table.datatable th */ border:1px solid #AABBCC; /* = table.datatable th */ } #tmp_contents table.datatable table.datatable td { border:1px solid #AABBCC; /* = table.datatable td */ } /* system */ /* 404 ================================================== */ .format_404 #tmp_contents .left_block { padding: 0; } .format_404 #tmp_contents .left_block p { font-family: "PFDINTextStd-Medium", sans-serif; font-size: 200%; padding: 0 0 0.7em; margin: 0; } /* ================================================= 展覧会 =================================================== */ #tmp_contents #tmp_exhibition { clear:both; padding: 3em 0; } #tmp_contents #tmp_exhibition .wrap_exhibition { clear:both; margin: 3em 0 0; padding: 0 0 2em; border-bottom: 1px solid #cccccc; } #tmp_contents #tmp_exhibition .wrap_exhibition:first-child { margin: 2em 0 0; } #tmp_contents #tmp_exhibition .wrap_exhibition:last-child { border-bottom:none; } #tmp_contents #tmp_exhibition .wrap_exhibition p { padding: 0; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_img { width:25%; display:inline-block; vertical-align: top; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_img img { max-width: 100%; height: auto; max-height: 300px; width: auto; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_area { padding: 0 0 0 5%; display:inline-block; vertical-align: top; width: 70%; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_area a { color: #222633; text-decoration: none; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_area a:focus, #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_area a:hover { color: #f13c33; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_ttl { margin: 0 0 1em; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_ttl .ttl { font-size: 128.5%; font-weight: bold; display: inline-block; vertical-align: top; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_ttl .pricing { float: right; display: inline-block; vertical-align: top; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_cnt p { font-size: 114.2%; margin: 0 0 0.6em; } /* page_navi */ #tmp_contents #tmp_exhibition p.info { padding: 0; margin: 1em 0; } #tmp_contents #tmp_exhibition #tmp_search_navi { border-top:2px solid #cccccc; border-bottom:2px solid #cccccc; } #tmp_contents #tmp_exhibition #tmp_search_list_navi { display: inline-block; width: 20%; text-align: center; vertical-align: top; } #tmp_contents #tmp_exhibition #tmp_search_list_navi p { padding: 19px 0 20px; font-size: 114.3%; } #tmp_contents #tmp_exhibition #tmp_search_page_navi { display: inline-block; width: 70%; margin: 0 0 0 5%; vertical-align: top; } #tmp_contents #tmp_exhibition #tmp_search_page_navi ul { list-style:none; list-style-image:none; text-align:center; display:block; margin:0; padding:10px 0; } #tmp_contents #tmp_exhibition #tmp_search_page_navi ul li { display:inline-block; font-size:114.3%; margin:5px 3px; } #tmp_contents #tmp_exhibition #tmp_search_page_navi ul li a { padding:5px; border:1px solid #E4E4E4; background-color:#FFFFFF; color:#333333; text-decoration:none; display:block; } #tmp_contents #tmp_exhibition #tmp_search_page_navi ul .prev a, #tmp_contents #tmp_exhibition #tmp_search_page_navi ul .next a { border:1px solid #333333; background-color:#333333; color:#FFFFFF; padding:5px 20px; } #tmp_contents #tmp_exhibition #tmp_search_page_navi ul li.active a { border:1px solid #f13c33; background-color:#f13c33; color:#FFFFFF; } #tmp_contents #tmp_exhibition #tmp_search_page_navi2 { */ margin: 1em 0 0; border-top:2px solid #cccccc; border-bottom:2px solid #cccccc; } #tmp_contents #tmp_exhibition #tmp_search_page_navi2 ul { list-style:none; list-style-image:none; text-align:center; display:block; margin:0; padding:10px 0; } #tmp_contents #tmp_exhibition #tmp_search_page_navi2 ul li { display:inline-block; font-size:114.3%; margin:5px 3px; } #tmp_contents #tmp_exhibition #tmp_search_page_navi2 ul li a { padding:5px; border:1px solid #E4E4E4; background-color:#FFFFFF; color:#333333; text-decoration:none; display:block; } #tmp_contents #tmp_exhibition #tmp_search_page_navi2 ul .prev a, #tmp_contents #tmp_exhibition #tmp_search_page_navi2 ul .next a { border:1px solid #333333; background-color:#333333; color:#FFFFFF; padding:5px 20px; } #tmp_contents #tmp_exhibition #tmp_search_page_navi2 ul li.active a { border:1px solid #f13c33; background-color:#f13c33; color:#FFFFFF; } /* ================================================== Search Result Page ===================================================*/ .format_search #tmp_hlogo p { background: url(site_gotokyo/images/logo_wide_sumi.png) no-repeat; background-size: 100% auto; } .format_search.lang_jp #tmp_hlogo p { background: url(site_gotokyo/images/logo_wide_sumi_jp.png) no-repeat; background-size: 100% auto; } .format_search #tmp_header { background-color: #ffffff; color: #222633; } .format_search .gnavi a { color: #383b47; background-color: transparent; } .format_search .section_banner_result { padding: 91px 0 0; } .format_photo .section_banner_result .container, .format_time .section_banner_result .container { width:1080px; } .format_search .section_banner_result .banner_result_cnt { padding: 4.56140351% 0 2.45614035%; } .format_search .section_banner_result .banner_result_lead { margin-bottom: 8px; font-family:PFDINTextStd-Medium,sans-serif; } .format_search .section_banner_result .banner_result_ttl { font-size: 342.8%; line-height: 1.1; color: #222633; background-color: transparent; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp.format_search .section_banner_result .banner_result_ttl { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } .format_accessibility_active.format_local_active.format_search .section_banner_result { margin: 193px 0 0; } .format_accessibility_active.format_local_active.format_search.format_shuun.format_sys .section_banner_result { margin: 143px 0 0; } .format_local_active.format_search .section_banner_result { margin: 143px 0 0; } .format_accessibility_active.format_search .section_banner_result { margin: 141px 0 0; } .format_search .setting_shared, .format_customizing .setting_shared { background: url(site_gotokyo/images/icon/icon_header_option_black.png) no-repeat; background-size: 100% auto; width: 37px; height: 37px; } .format_search .setting_fav, .format_customizing .setting_fav { background: url(site_gotokyo/images/icon/icon_header_fav_black.png) no-repeat; background-size: 100% auto; width: 38px; height: 38px; } .format_search .setting_search, .format_customizing .setting_search { background: url(site_gotokyo/images/icon/icon_header_search_black.png) no-repeat; background-size: 100% auto; width: 34px; height: 34px; } .format_search .section_banner_top:after { background-color: #ffffff; } .format_search .section_result .container { width:auto; padding:0; } .format_search .section_result .result_ttl { padding-top:5.79365079%; } #tmp_popup_layout { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000000; width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; background-color: rgba(0,0,0,.5); color: #222633; } #tmp_popup_layout .popup_body { width: 500px; margin: 15px auto; position: relative; } #tmp_popup_layout .popup_cnt .popup_img { display: block; background-color: #383b47; color: #222633; padding: 70px 0; } #tmp_popup_layout .popup_close { display: block; width: 50px; height: 50px; top: 10px; left: 10px; position: absolute; background: #383b47 url(site_gotokyo/images/icon/icon_modal_close.png) center center no-repeat; color: #ffffff; background-size: 20px 20px; text-indent: -1987px; } #tmp_popup_layout .popup_close:hover { background: #383b47 url(site_gotokyo/images/icon/icon_modal_close_on.png) center center no-repeat; background-size: 20px 20px; } .popup_body .search_cnt { background-color: #ffffff; color: #222633; padding: 22px 40px; } .search_cnt .search_date { font-size: 114.3%; background-color: transparent; color: #222633; display: block; font-weight: bold; } .search_cnt .search_ttl { font-size: 228.6%; background-color: transparent; color: #222633; display: block; line-height: 1.5; font-weight: bold; } .search_cnt p { padding-top: 48px; } #tmp_popup_layout .search_link { padding: 1.58730159vw 0; } #tmp_popup_layout .search_more { width: 100%; margin: 0 -8px; display: block; } #tmp_popup_layout .search_more:before, #tmp_popup_layout .search_more:after { content: ""; display: table; clear: both; } #tmp_popup_layout .search_more .more_item { float: left; width: 50%; padding: 0 8px; list-style: none; } #tmp_popup_layout .search_more .more_item a { display: block; text-decoration: none; background-color: #222633; background-size: 100%; color: #ffffff; font-size: 114.3%; font-weight: bold; padding: 8px 10px 8px 32px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; text-align: center; } #tmp_popup_layout .search_more .more_item a.see_map { background: #222633 url(site_gotokyo/images/icon/icon_view-map.png) 10px center no-repeat; color: #ffffff; background-size: 24px; } #tmp_popup_layout .search_more .more_item a.more_info { background: #222633 url(site_gotokyo/images/icon/icon_more-info.png) 10px center no-repeat; color: #ffffff; background-size: 24px; } #tmp_popup_layout .search_more .more_item a:hover, #tmp_popup_layout .search_more .more_item a:focus, #tmp_popup_layout .search_more .more_item a:active { background-color: #f13c33; } #tmp_popup_layout .popup_overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; } #tmp_map_popup{ position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; height: 100%; color: #222633; background-color: #ffffff; overflow: auto; visibility: hidden; opacity: 0; } #tmp_map_popup.active{ opacity: 1; visibility: visible; } #tmp_map_popup #tmp_map_popup_location_list{ display: none; } #tmp_map_popup.active #tmp_map_popup_location_list{ display: block; } #tmp_map_popup .btn_close{ position: fixed; z-index: 999999; left: 35px; text-decoration: none; width: 45px; height: 45px; overflow: hidden; text-indent: -9999px; top: 15px; background: transparent url(site_gotokyo/images/icon/icon_modal_close_black.png) left center no-repeat; background-size: 20px auto; -moz-background-size: 20px auto; -webkit-background-size: 20px auto; } #tmp_map_popup .btn_close:hover, #tmp_map_popup .btn_close:focus, #tmp_map_popup .btn_close:active{ background-image: url(site_gotokyo/images/icon/icon_modal_close_on.png); } #tmp_map_popup .map_slider_wrap{ margin: 1.58730159vw 2.77777778vw; overflow: hidden; padding: 0; } #tmp_map_popup .slick_slides{ width: 209px; } #tmp_map_popup .slick_slides_wrap{ overflow: visible; } #tmp_map_popup .slick_arrow{ background-color: transparent; z-index: 2; } #tmp_map_popup .container:before, #tmp_map_popup .container:after{ position: absolute; width: 100%; top: 0; height: 100%; display: block; background-color: #ffffff; color: #000000; z-index: 1; opacity: 0.8; } #tmp_map_popup .container:before{ right: 100%; margin-right: -55px; } #tmp_map_popup .container:after{ left: 100%; margin-left: -60px; } #tmp_map_popup .slick_next{ right: -25px; } #tmp_map_popup .slick_next span{ right: 15px; top: 50px; } #tmp_map_popup .slick_prev{ left: -25px; } #tmp_map_popup .slick_prev span{ left: 15px; top: 50px; } #tmp_map_popup .map_slider_inner .category{ font-size: 87.5%; } #tmp_map_popup .map_slider_inner .name{ font-family: "PFDINTextStd-Medium", sans-serif } .lang_jp #tmp_map_popup .map_slider_inner .name{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_map_popup .map_slider_inner .cnt{ margin-top: 18px; padding: 0 0 24px 21px; height: 130px; overflow: auto; } body.popup_active{ overflow: hidden; } /* SLIMBOX */ #lbOverlay { position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 100000; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(system/images/slimbox2/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; margin-top: 20px } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(system/images/slimbox2/prevlabel.gif) no-repeat 0 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(system/images/slimbox2/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family: "PFDINTextStd-Light", sans-serif; font-size: 10px; color: #000; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } .lang_jp #lbBottom { font-family: "PFDINTextStd-Light", "メイリオ", Meiryo, sans-serif; } /* #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #000; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } */ #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(site_gotokyo/images/icon/closelabel.gif) no-repeat center; margin: 0px 0; outline: none; } #lbCaption { margin-right: 0px; margin-top:5px; font-size: 14px; } #lbNumber { margin-right: 71px; color:#000; font-size:12px } #lbCaption { font-weight: normal; } #gdHead { padding: 5px 10px; position: relative; z-index: 1; } /*agent_area_list*/ #tmp_contents ul.agent_area_list { list-style: none; margin-left: 0; } #tmp_contents ul.agent_area_list li { display: inline-block; width: 16%; } #tmp_contents ul.agent_area_list li a { text-decoration: none; font-size: 142.9%; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } /*btn_showmore*/ .section_result .btn_showmore_wrap { text-align: center; padding-top: 16px; } .section_result .btn_showmore_wrap .btn_showmore { padding: 5px 0 4px; font-size: 142.8%; display: block; background-color: #222633; color: #ffffff; margin: 0 auto; max-width: 360px; text-decoration: none; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -webkit-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; } .section_result .btn_showmore_wrap .btn_showmore:hover, .section_result .btn_showmore_wrap .btn_showmore:active, .section_result .btn_showmore_wrap .btn_showmore:focus { color: #ffffff; background-color: #f13c33; } /* ================================================== 検索エリア ================================================== */ #tmp_contents #tmp_wrap_gallery_contents { width:100%; float:right; } #tmp_contents #tmp_gallery_contents { margin:0 -15px 0 210px; } #tmp_contents #tmp_gallery_search_cnt p { padding:0; margin-bottom:0; } #tmp_contents #tmp_gallery_search #tmp_gallery_search_cnt { margin:0 15px 20px 0; padding:6px 0 7px 29px; background:url(templates/gotokyo_free/images/contents/gallery/box_search_bg.gif) repeat left top; } #tmp_contents #tmp_gallery_search #tmp_gallery_search_cnt .wrap_search_colL, #tmp_contents #tmp_gallery_search #tmp_gallery_search_cnt .wrap_search_colR { float:left; line-height:1.0; } #tmp_contents #tmp_gallery_search #tmp_gallery_search_cnt .wrap_search_colL { width:378px; } #tmp_contents #tmp_gallery_search #tmp_gallery_search_cnt .search_colL { margin:0 59px 0 0; padding:13px 19px 14px 0; border-right:1px solid #FFFFFF; } #tmp_contents #tmp_gallery_search #tmp_gallery_search_cnt .search_colL #area_name { width:260px; border:1px solid #ABADB3; vertical-align:top; min-height:18px; height:20px; margin:0; } #tmp_contents #tmp_gallery_search #tmp_gallery_search_cnt .wrap_search_colR { padding:13px 0 14px 0; } #tmp_contents #tmp_gallery_search #tmp_gallery_search_cnt p.area_ttl { margin:0 0 4px; } #tmp_contents #tmp_gallery_search #tmp_gallery_search_cnt p.keyword_ttl { margin:0 0 4px; } #tmp_contents #tmp_gallery_search #tmp_gallery_search_cnt p.area_ttl, #tmp_contents #tmp_gallery_search #tmp_gallery_search_cnt p.keyword_ttl { color:#FFFFFF; } #tmp_contents #tmp_gallery_search #tmp_gallery_search_cnt #gallery_keyword { width:242px; border:1px solid #ABADB3; vertical-align:top; min-height:18px; height:20px; } #tmp_gallery_search_cnt .search_colR #search_btn_detail { width: 66px; height: 20px; border:none; font-size:75%; background-color:#222633; color:#FFFFFF; cursor:pointer; } /* box_result_list ============================== */ #tmp_contents #tmp_search_result { clear:both; } #tmp_contents #tmp_search_result_list p.nendai { font-size:150%; margin-bottom:0; font-weight:bold; padding:0; } #tmp_contents #tmp_search_result_list #tmp_gallery_photo { margin:0; list-style:none; list-style-image:none; letter-spacing: -.34em; } #tmp_contents #tmp_search_result_list #tmp_gallery_photo li { width:138px !important; height:138px !important; margin:0 15px 15px 0; display:inline-block; vertical-align:top; letter-spacing:normal; text-align:center; position:relative; } *:first-child+html #tmp_contents #tmp_search_result_list #tmp_gallery_photo li { display:inline; } * html #tmp_contents #tmp_search_result_list #tmp_gallery_photo li { display:inline; } #tmp_contents #tmp_search_result_list #tmp_gallery_photo li a { text-decoration:none; } #tmp_contents #tmp_search_result_list #tmp_gallery_photo li a span { display:block; position:absolute; top:0; left:0; width:138px; height:138px; background-color:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000, gradienttype=0); color:#FFFFFF; font-size:14px; text-align:left; line-height:1.5; vertical-align:middle; cursor:pointer; overflow:hidden; opacity:0; transition:all 0.6s; } #tmp_contents #tmp_search_result_list #tmp_gallery_photo li a span span { display:table-cell; position:static; background-color:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00000000, endcolorstr=#00000000, gradienttype=0); padding:0 8px; width:138px; height:138px; } #tmp_contents #tmp_search_result_list #tmp_gallery_photo li a:hover span { opacity:1; overflow:inherit; height:100%; } *:first-child+html #tmp_contents #tmp_search_result_list #tmp_gallery_photo li a span span { display:block !important; } * html #tmp_contents #tmp_search_result_list #tmp_gallery_photo li a span span { display:block !important; } /* ================================================== photolibrary ================================================== */ /* photolibrary ============================== */ #tmp_contents.photolibrary h1 { margin-bottom:10px; } #tmp_contents #tmp_photo_search { margin:0 0 0; clear:both; } #tmp_contents #tmp_photo_search_ttl h2 { margin:0; padding:0; border:none; background:none; font-size:0.1%; } #tmp_contents #tmp_photo_search_cnt { padding:5px 15px 5px 19px; color:#444444; background-color:#F0F0F9; } #tmp_contents #tmp_photo_search_cnt .photo_colL, #tmp_contents #tmp_photo_search_cnt .photo_colR, #tmp_contents #tmp_photo_search_cnt .photo_colMS, #tmp_contents #tmp_photo_search_cnt .photo_colMG { float:left; } #tmp_contents #tmp_photo_search_cnt .photo_colL { width:250px; margin-right:15px; background:url(/photo/shared/templates/free_en/images/contents/photolib/line.gif) repeat-y right top; } #tmp_contents #tmp_photo_search_cnt .photo_colMS { width:111px; margin-right:15px; background:url(/photo/shared/templates/free_en/images/contents/photolib/line.gif) repeat-y right top; } #tmp_contents #tmp_photo_search_cnt .photo_colMG { width:183px; margin-right:15px; background:url(/photo/shared/templates/free_en/images/contents/photolib/line.gif) repeat-y right top; } #tmp_contents #tmp_photo_search_cnt .photo_colR p.keyword_ttl { margin-top:7px; margin-bottom:5px; } #tmp_contents #tmp_photo_search_cnt .photo_colMS p.season_ttl { margin-top:9px; margin-bottom:5px; } #tmp_contents #tmp_photo_search_cnt .photo_colMG p.genre_ttl { margin-top:9px; margin-bottom:5px; } #tmp_contents #tmp_photo_search_cnt .photo_colL p.area_ttl { margin-top:9px; margin-bottom:5px; } #tmp_contents #tmp_photo_search_cnt .photo_colL select, #tmp_contents #tmp_photo_search_cnt .photo_colMS select, #tmp_contents #tmp_photo_search_cnt .photo_colMG select{ margin:0; } #tmp_contents #tmp_photo_search_cnt .photo_colL select{ width:235px; height:21px; } #tmp_contents #tmp_photo_search_cnt .photo_colMS select{ width:104px; height:21px; } #tmp_contents #tmp_photo_search_cnt .photo_colMG select{ width:168px; height:21px; } #tmp_contents #tmp_photo_search_cnt .photo_colR { width:321px; } #tmp_contents #tmp_photo_search_cnt .photo_colR #sch_keyword { width:245px; } #tmp_contents #tmp_photo_search_cnt .photo_colR .sch_keyword input { vertical-align:middle; } #tmp_contents #tmp_photo_search_cnt .photo_colR .sch_keyword input#keywords{ width:163px; height:21px; border:1px solid #CCCCCC; box-shadow:0 0 0 3px #EEEEEE; margin-right:21px; } #tmp_contents #tmp_photo_search_cnt .photo_colR .sch_keyword input#search_btn_detail { background-color:transparent; color:#222633; cursor:pointer; } #tmp_contents #tmp_photo_search_cnt .box_often_keyword_cnt ul { border:1px solid #C5C5E4; list-style:none; } #tmp_contents .photolib .box_result_list_photo_l { text-align:center; width: 220px; height: 165px; background-size: cover; background-position: center center; background-repeat: no-repeat; } #tmp_contents .photolib .box_result_list_photo_l .preview { margin-bottom:0; } #tmp_contents .oncart { clear: both; } #tmp_contents.photolibrary .request_btn { padding:5px 0 0; clear:both; text-align:center; } #tmp_contents.photolibrary .btn_grope { text-align:right; } #tmp_contents.photolibrary .btn_grope img { margin-left:15px; } #tmp_contents .button { margin-top:10px; margin-bottom:24px; text-align:center; clear:both; } #tmp_contents .button img { margin:0 10px; } /* page_sending_navi ============================== */ #tmp_contents .page_sending_navi { margin:15px 0; padding:10px 0; font-size:133%; text-align:center; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; clear:both; } #tmp_contents .page_sending_navi .prev { display:inline-block; margin:0 2px 0 0; vertical-align:middle; } #tmp_contents .page_sending_navi .prev a { display:inline-block; padding:2px 14px 2px 24px; color:#444444; background:#FFFFFF url(/photo/shared/templates/free_en/images/contents/photolib/prev_icon.gif) no-repeat left center; border:1px solid #CCCCCC; text-decoration:none; } #tmp_contents .page_sending_navi ul { display:inline-block; margin:0; vertical-align:middle; list-style:none; } #tmp_contents .page_sending_navi li { display:inline-block; margin:0 1px; } #tmp_contents .page_sending_navi li a { display:inline-block; padding:5px 8px; color:#444444; background-color:#CCCCCC; text-decoration:none; } #tmp_contents .page_sending_navi li a:hover { text-decoration:underline; } #tmp_contents .page_sending_navi li span { display:inline-block; padding:5px 7px; color:#FFFFFF; background-color:#444444; } #tmp_contents .page_sending_navi .next { display:inline-block; margin:0 0 0 8px; vertical-align:middle; } #tmp_contents .page_sending_navi .next a { display:inline-block; padding:2px 24px 4px 14px; color:#444444; background:#FFFFFF url(/photo/shared/templates/free_en/images/contents/photolib/next_icon.gif) no-repeat right center; border:1px solid #CCCCCC; text-decoration:none; } #tmp_contents .page_sending_navi .next a:hover, #tmp_contents .page_sending_navi .prev a:hover { text-decoration:underline; } * html #tmp_contents .page_sending_navi .prev, * html #tmp_contents .page_sending_navi .prev a, * html #tmp_contents .page_sending_navi ul, * html #tmp_contents .page_sending_navi li, * html #tmp_contents .page_sending_navi li a, * html #tmp_contents .page_sending_navi li span, * html #tmp_contents .page_sending_navi .next, * html #tmp_contents .page_sending_navi .next a { display:inline !important; } *:first-child+html #tmp_contents .page_sending_navi .prev, *:first-child+html #tmp_contents .page_sending_navi .prev a, *:first-child+html #tmp_contents .page_sending_navi ul, *:first-child+html #tmp_contents .page_sending_navi li, *:first-child+html #tmp_contents .page_sending_navi li a, *:first-child+html #tmp_contents .page_sending_navi li span, *:first-child+html #tmp_contents .page_sending_navi .next, *:first-child+html #tmp_contents .page_sending_navi .next a { display:inline !important; } #tmp_contents .page_sending_navi p { margin-bottom:0; padding:0; } /* ================================================= Stock Photos =================================================== */ .btn_grope { text-align: right; } .btn_grope a { display: inline-block; margin: 0 0 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 165px; height: 48px; text-align: left; padding: 15px 14px; color: #FFFFFF !important; text-decoration: none; font-family: "PFDINTextStd-Light", sans-serif; font-weight: bold; } .lang_jp .btn_grope a { font-family: "PFDINTextStd-Light", "メイリオ", Meiryo, sans-serif; } /* .btn_grope a { display: inline-block; margin: 0 0 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 165px; height: 48px; text-align: left; padding: 15px 14px; color: #FFFFFF !important; text-decoration: none; font-family: 'Roboto', sans-serif; font-weight: bold; } */ .btn_grope a:first-child{ background: #222633 url(templates/gotokyo_free/images/contents/stockphotos/guide_icon.jpg) no-repeat right 13px center; } .btn_grope a:last-child{ background: #222633 url(templates/gotokyo_free/images/contents/stockphotos/cart_icon.jpg) no-repeat right 11px center; } #tmp_contents #tmp_photo_search_ttl { background: #222633; padding: 6px; border: none; } #tmp_contents #tmp_photo_search_ttl h2 { font-size: 157%; } #tmp_contents #tmp_photo_search_ttl a { display: block; color: #FFFFFF; text-decoration: none; min-height:35px; background:url(templates/gotokyo_free/images/contents/stockphotos/detail_ttl_off.jpg) right top no-repeat; } #tmp_contents #tmp_photo_search_ttl.active a { background-image:url(templates/gotokyo_free/images/contents/stockphotos/detail_ttl_on.jpg); } #tmp_contents #tmp_photo_search_ttl a span { padding: 4px 0 0 10px; display: block; } #tmp_contents #tmp_photo_search_cnt { background: #FFFFFF; } #tmp_contents .photolibrary #tmp_result_list { height: auto; overflow:visible; padding: 0 0 0 16px; border: none; } #tmp_contents #tmp_photo_search { margin-bottom: 20px; } #tmp_contents #tmp_photo_search_cnt { padding: 0; } #tmp_contents .search_info .number_cases { padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #tmp_contents #tmp_photo_search_cnt .photo_colL, #tmp_contents #tmp_photo_search_cnt .photo_colMS, #tmp_contents #tmp_photo_search_cnt .photo_colMG, #tmp_contents #tmp_photo_search_cnt .photo_colR { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 3px; background: none; margin-right:20px; } #tmp_contents #tmp_photo_search_cnt p, #tmp_contents #tmp_photo_search_cnt p, #tmp_contents #tmp_photo_search_cnt p, #tmp_contents #tmp_photo_search_cnt p{ padding: 0 15px; } #tmp_contents #tmp_photo_search_cnt .photo_colMS p.season_ttl, #tmp_contents #tmp_photo_search_cnt .photo_colMG p.genre_ttl, #tmp_contents #tmp_photo_search_cnt p.area_ttl, #tmp_contents #tmp_photo_search_cnt p.season_ttl, #tmp_contents #tmp_photo_search_cnt p.genre_ttl, #tmp_contents #tmp_photo_search_cnt p.keyword_ttl{ width: 100%; color: #333333; font-size: 142.8%; padding: 3px 17px; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #tmp_contents #tmp_photo_search_cnt .photo_colL p.area_ttl{ margin-bottom: 20px; } #tmp_contents #tmp_photo_search_cnt .photo_colR p.keyword_ttl{ margin-bottom: 20px; } #search_btn_detail{ background: #000000; border: none; color: #FFFFFF; padding: 2px 5px; } #tmp_contents .photolibrary #tmp_result_list .box_result_list_l, #tmp_contents .photolibrary #tmp_result_list .box_result_list_m, #tmp_contents .photolibrary #tmp_result_list .box_result_list_r{ width: 222px !important; background: #FFFFFF; float: left; border: none; } #tmp_contents .photolibrary #tmp_result_list .box_result_list_l, #tmp_contents .photolibrary #tmp_result_list .box_result_list_m{ margin:0 16px 16px 0; } #tmp_contents .photolibrary #tmp_result_list .box_result_list_l:nth-child(4n) { margin-right:0; } #tmp_contents .photolibrary #tmp_result_list .box_result_list_l:nth-child(4n+1) { clear:both; } #tmp_contents .photolibrary .box_result_list_photo { padding: 0; border:1px solid #CCCCCC; } #tmp_contents .photolibrary .box_result_list_photo_l, #tmp_contents .photolibrary .box_result_list_photo_r{ float: none; } #tmp_contents .photolibrary .box_result_list_photo_r{ margin: 0; padding: 8px 0 0; } #tmp_contents .photolibrary .box_result_list_photo_r .title{ color: #222633; padding: 0 8px; font-size: 85.7%; margin-bottom:0.3em; } #tmp_contents .photolibrary .box_result_list_photo_r .photo_cate { color: #222633; padding: 0 10px; font-size: 85.7%; margin-bottom:0.3em; } #tmp_contents .photolibrary .box_result_list_photo_r .title span, #tmp_contents .photolibrary .box_result_list_photo_r .photo_cate span { color: #999999; margin-bottom:0.3em; } #tmp_contents .photolibrary .box_result_list_photo_r .btn { padding: 0 10px 10px; margin-bottom:0; } #tmp_contents .photolibrary .box_result_list_photo_r .btn a{ display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 30px; text-align: left; line-height:1.1; padding: 8px 16px 5px 16px; color: #ED1C24; text-decoration: none; font-size:87.5%; font-family: "PFDINTextStd-Light", sans-serif; font-weight: bold; background: #FFFFFF url(templates/gotokyo_free/images/contents/stockphotos/cart_icon2.jpg) no-repeat right 11px center; background-size: 20px auto; border:1px solid #ED1C24; } .lang_jp #tmp_contents .photolibrary .box_result_list_photo_r .btn a{ font-family: "PFDINTextStd-Light", "メイリオ", Meiryo, sans-serif; } /* #tmp_contents .photolibrary .box_result_list_photo_r .btn a{ display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 30px; text-align: left; line-height:1.1; padding: 8px 16px 5px 16px; color: #ED1C24; text-decoration: none; font-size:87.5%; font-family: 'Roboto', sans-serif; font-weight: bold; background: #FFFFFF url(templates/gotokyo_free/images/contents/stockphotos/cart_icon2.jpg) no-repeat right 11px center; background-size: 20px auto; border:1px solid #ED1C24; } */ #tmp_contents .page_sending_navi li a { background: #FFFFFF; border: 1px solid #DDDDDD; } #tmp_contents .page_sending_navi li span { background: #ED1C24; } #tmp_contents .page_sending_navi .prev a { color: #FFFFFF; background: #333333 url(templates/gotokyo_free/images/contents/stockphotos/prev_icon.jpg) no-repeat left 10px center; } #tmp_contents .page_sending_navi .next a { color: #FFFFFF; background: #333333 url(templates/gotokyo_free/images/contents/stockphotos/next_icon.jpg) no-repeat right 10px center; } #tmp_contents .photolibrary .backto_btn, #tmp_contents .photolibrary .request_btn { } #tmp_contents .photolibrary .backto_btn a, #tmp_contents .photolibrary .request_btn a { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 165px; height: 48px; text-align: left; padding: 15px 14px; color: #FFFFFF; text-decoration: none; font-family: "PFDINTextStd-Light", sans-serif; font-weight: bold; background: #222633 url(templates/gotokyo_free/images/contents/stockphotos/guide_icon.jpg) no-repeat right 13px center; } .lang_jp #tmp_contents .photolibrary .backto_btn a, .lang_jp #tmp_contents .photolibrary .request_btn a { font-family: "PFDINTextStd-Light", "メイリオ", Meiryo, sans-serif; } /* #tmp_contents .photolibrary .backto_btn a, #tmp_contents .photolibrary .request_btn a { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 165px; height: 48px; text-align: left; padding: 15px 14px; color: #FFFFFF; text-decoration: none; font-family: 'Roboto', sans-serif; font-weight: bold; background: #222633 url(templates/gotokyo_free/images/contents/stockphotos/guide_icon.jpg) no-repeat right 13px center; } */ #tmp_contents .photolibrary .request_btn { text-align:center; } #tmp_contents .photolibrary .request_btn a { width: 185px; } /* page_sending_navi ============================== */ #tmp_contents .page_sending_navi ul { list-style:none; } #tmp_contents .page_sending_navi .prev a, #tmp_contents .page_sending_navi .next a { border:none; } #tmp_contents .page_sending_navi .prev a { background:#333333 url(templates/gotokyo_free/images/contents/stockphotos/prev_icon.png) no-repeat left center; } #tmp_contents .page_sending_navi .next a { background:#333333 url(templates/gotokyo_free/images/contents/stockphotos/next_icon.png) no-repeat right center; } #tmp_contents .search_info { position:relative; padding:0 0 5px; font-size:114.2%; } #tmp_contents .search_info .conditions { width:30%; font-weight:bold; /* position:absolute; top:0; left:0; */ padding:0; float:left; } #tmp_contents .search_info .conditions .search_value { font-weight:normal; margin-left:8px; } #tmp_contents .search_info .number_cases { width:40%; margin:0 30%; padding:0; text-align:center; font-weight:bold; } /* ================================================== Font and color ================================================== */ #tmp_contents .font_block h3{ padding-top: 1.5em; } #tmp_contents .font_block ol { margin: 0 0 30px 1.2em; } #tmp_contents .font_block ol li { margin: 0; line-height: 1.5; font-size: 114.3%; } /* ================================================= Results =================================================== */ .section_result .result_ttl { padding: 26px 0; display: flex; justify-content: space-between; } .section_result .result_ttl .result_count { width: 75%; flex-grow: 2; margin: 0; } .section_result .result_ttl .result_count_number { font-size: 2rem; color: #222633; background-color: transparent; font-weight: bold; } .section_result .result_ttl .result_count_text { font-size: 157.1%; color: #222633; background-color: transparent; font-weight: bold; } .section_result .result_ttl .result_tabs { display: flex; justify-content: flex-end; align-items: center; list-style: none !important; } .section_result .result_tabs a { text-decoration: none; } .section_result .result_tabs .result_icon_list { display: inline-block; background: transparent url(site_gotokyo/images/icon/icon_td_tiles.png) no-repeat left center; color: #222633; width: 40px; height: 40px; background-size: 100%; } .section_result .result_tabs .result_icon_list:hover, .section_result .result_tabs .result_icon_list:focus, .section_result .result_tabs .result_icon_list:active, .section_result .result_tabs .result_icon_list.active { background-image: url(site_gotokyo/images/icon/icon_td_tiles_on.png); } .section_result .result_tabs .result_icon_list_bar { display: inline-block; background: transparent url(site_gotokyo/images/icon/icon_td_list.png) no-repeat left center; color: #222633; width: 40px; height: 40px; background-size: 100%; } .section_result .result_tabs .result_icon_list_bar:hover, .section_result .result_tabs .result_icon_list_bar:focus, .section_result .result_tabs .result_icon_list_bar:active, .section_result .result_tabs .result_icon_list_bar.active { background-image: url(site_gotokyo/images/icon/icon_td_list_on.png); } .section_result .result_tabs .result_icon_map { display: inline-block; background: transparent url(site_gotokyo/images/icon/icon_td_map.png) no-repeat left center; color: #222633; width: 40px; height: 40px; background-size: 100%; } .section_result .result_tabs .result_icon_map:hover, .section_result .result_tabs .result_icon_map:focus, .section_result .result_tabs .result_icon_map:active, .section_result .result_tabs .result_icon_map.active { background-image: url(site_gotokyo/images/icon/icon_td_map_on.png); } .section_result .result_ttl .result_tabs:before, .section_result .result_ttl .result_tabs:after { content: ""; display: table; clear: both; } .result_cnt .result_lists { list-style: none !important; margin: 0 -15px !important; } .result_cnt .result_lists:before, .result_cnt .result_lists:after { content: ""; display: table; clear: both; } .result_cnt .result_hidden { display: none; } .result_cnt .result_lists li { float: left; width: 20%; padding: 0 15px; margin: 0 0 30px; position: relative; } .result_cnt .result_lists li:nth-child(5n) { clear: right; } .result_cnt .result_lists li:nth-child(5n + 1) { clear: left; } .result_cnt .result_lists a { text-decoration: none; display:block; cursor: pointer; } .result_cnt .result_lists .result_image { width:100%; height:0; overflow:hidden; background-color: #E5E5E5; position:relative; padding:66.67% 0 0; } .result_cnt .result_lists .result_image .ins_icon { position: absolute; right: 10px; bottom: 10px; max-width: 36px; width: 22%; height: 0; padding: 22% 0 0; display: block; text-indent: -1987px; background: transparent url(site_gotokyo/images/icon/icon_sns_instagram_white.png) center bottom no-repeat; background-size: 100% auto; color: transparent; } .result_nt .result_cnt .result_lists .result_image { padding:100% 0 0; } .result_cnt .result_lists .result_image img { position: absolute; top: 50%; left: 50%; /*top: 0\9; left: 0\9;*/ max-width: inherit !important; max-width: initial !important; width: auto; height: 100% !important; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .result_cnt .result_lists .result_date { position: absolute; left: 0; bottom: 5px; display: block; font-size: 71.4%; background-color: #2b2b2b; color: #ffffff; padding: 3px 9px 2px; margin: 0 0 3px; } .result_cnt .result_lists .result_text { margin: 10px 0 0; padding: 0 0 10px 10px; border-left: 10px solid #e5e5e5; border-bottom: 10px solid #e5e5e5; min-height: 103px; } .result_cnt .result_lists .result_category { font-size: 85.7%; display: block; color: #9c9c9c; background-color: transparent; font-weight: bold; } .result_cnt .result_lists .result_name { line-height: 1; margin: 3px 0 0 0; font-size: 114.3%; font-weight: bold; color: #222633; background-color: transparent; } .lang_jp .result_cnt .result_lists .result_name, .lang_cn .result_cnt .result_lists .result_name, .lang_tc .result_cnt .result_lists .result_name, .lang_kr .result_cnt .result_lists .result_name, .lang_th .result_cnt .result_lists .result_name { font-weight:normal; } @media only screen and (min-width : 741px){ .result_cnt .result_lists a:hover .result_category, .result_cnt .result_lists a:focus .result_category, .result_cnt .result_lists a:active .result_category, .result_cnt .result_lists a:hover .result_name, .result_cnt .result_lists a:focus .result_name, .result_cnt .result_lists a:active .result_name{ color: #e7001d; } } .result_cnt .result_lists_bar { list-style: none !important; margin: 0 -77px !important; } .result_cnt .result_lists_bar:before, .result_cnt .result_lists_bar:after { content: ""; display: table; clear: both; } .result_cnt .result_lists_bar li { float: left; width: 50%; padding: 0 77px; margin: 0 0 15px !important; } .result_cnt .result_lists_bar li:nth-child(2n) { clear: right; } .result_cnt .result_lists_bar li:nth-child(2n + 1) { clear: left; } .result_cnt .result_lists_bar a { text-decoration: none; } .result_cnt .result_lists_bar .result_item { position: relative; } .result_cnt .result_lists_bar .result_image { position: relative; overflow: hidden; width: 100px; height: auto !important; float: right; } .result_cnt .result_lists_bar .result_image .ins_icon { position: absolute; right: 10px; bottom: 10px; max-width: 36px; width: 22%; height: 0; padding: 22% 0 0; display: block; text-indent: -1987px; background: transparent url(site_gotokyo/images/icon/icon_sns_instagram_white.png) center bottom no-repeat; background-size: 100% auto; color: transparent; } .result_cnt .result_lists_bar .result_image img { width: 100px; height: auto; } .result_cnt .result_lists_bar .result_date { left: 0; bottom: 5px; display: block; font-size: 100%; background-color: transparent; color: #222633; } .result_cnt .result_lists_bar .result_text { padding: 0 115px 10px 10px; border-bottom: 10px solid #e5e5e5; min-height: 146px; position: relative; } .result_cnt .result_lists_bar .result_category { font-size: 85.7%; display: block; color: #9c9c9c; background-color: transparent; } .result_cnt .result_lists_bar .result_name { line-height: 1; margin: 3px 0 0 0; font-size: 114.3%; font-weight: bold; color: #222633; background-color: transparent; } .result_cnt .result_lists_bar a:hover .result_category, .result_cnt .result_lists_bar a:focus .result_category, .result_cnt .result_lists_bar a:active .result_category, .result_cnt .result_lists_bar a:hover .result_name, .result_cnt .result_lists_bar a:focus .result_name, .result_cnt .result_lists_bar a:active .result_name, .result_cnt .result_lists_bar a:hover .result_date, .result_cnt .result_lists_bar a:focus .result_date, .result_cnt .result_lists_bar a:active .result_date{ color: #e7001d; } /* ================================================== photo ================================================== */ .gallery_container { width:960px; margin:60px auto 0; } #tmp_contents .gallery_container p { font-size:100%; } #tmp_contents .gallery_container a.txt_red { color:#990000; text-decoration:none; } .gallery_main .col_main { padding:0; } .gallery_main #tmp_contents { background:url(templates/free/images/contents/gallery/gallery_contents_bg.gif) repeat-y left top; padding-bottom:0; } * html .gallery_main #tmp_contents { padding-bottom:0; } .gallery_main .pnavi { clear:both; position:fixed; right:10px; bottom:10px; padding:0 17px 0 0; } /* ================================================== navi ================================================== */ /* ynavi ============================== */ #tmp_contents #tmp_ynavi { width:150px; position:relative; z-index:1; float:left; margin:0 -150px 0 0; position:relative; } #tmp_contents #tmp_ynavi ul { margin:0; list-style:none; list-style-image:none; min-height:40em; height:auto !important; height:40em; } #tmp_contents #tmp_ynavi ul ul { display:none !important; } #tmp_contents #tmp_ynavi li { background:#EFEFEF url(templates/gotokyo_free/images/contents/gallery/nav_border.jpg) bottom center no-repeat; margin-bottom:0; } #tmp_contents #tmp_ynavi a { display:block; background:url(templates/gotokyo_free/images/contents/gallery/nav_bg.jpg) right 24px no-repeat; } #tmp_contents #tmp_ynavi a:hover { background-image:none; } #tmp_contents #tmp_ylist1 a, #tmp_contents #tmp_ylist2 a, #tmp_contents #tmp_ylist3 a, #tmp_contents #tmp_ylist4 a, #tmp_contents #tmp_ylist5 a, #tmp_contents #tmp_ylist6 a { width:150px; padding:7px 0 6px; text-align:center; color:#222633; background-color:transparent; text-decoration:none; } #tmp_contents #tmp_ynavi a:hover span { display:block; background-color:#222633; color:#FFFFFF; } /* #tmp_contents #tmp_ylist1 a, #tmp_contents #tmp_ylist1 a span { height:37px; } #tmp_contents #tmp_ylist2 a, #tmp_contents #tmp_ylist2 a span { height:39px; } #tmp_contents #tmp_ylist3 a, #tmp_contents #tmp_ylist3 a span { height:39px; } #tmp_contents #tmp_ylist4 a, #tmp_contents #tmp_ylist4 a span { height:42px; } #tmp_contents #tmp_ylist5 a, #tmp_contents #tmp_ylist5 a span { height:40px; } #tmp_contents #tmp_ylist6 a, #tmp_contents #tmp_ylist6 a span { height:40px; } */ #tmp_contents #tmp_ylist1.on a { background-position:-300px top; } #tmp_contents #tmp_ylist2.on a { background-position:-300px -37px; } #tmp_contents #tmp_ylist3.on a { background-position:-300px -76px; } #tmp_contents #tmp_ylist4.on a { background-position:-300px -115px; } #tmp_contents #tmp_ylist5.on a { background-position:-300px -157px; } #tmp_contents #tmp_ylist6.on a { background-position:-300px -197px; } /* #tmp_contents #tmp_ylist1 a { background-position:left top; } #tmp_contents #tmp_ylist1.active a, #tmp_contents #tmp_ylist1 a:hover, #tmp_contents #tmp_ylist1 a:focus { background-position:-150px top; } #tmp_contents #tmp_ylist2 a { background-position:left -37px; } #tmp_contents #tmp_ylist2.active a, #tmp_contents #tmp_ylist2 a:hover, #tmp_contents #tmp_ylist2 a:focus { background-position:-150px -37px; } #tmp_contents #tmp_ylist3 a { background-position:left -76px; } #tmp_contents #tmp_ylist3.active a, #tmp_contents #tmp_ylist3 a:hover, #tmp_contents #tmp_ylist3 a:focus { background-position:-150px -76px; } #tmp_contents #tmp_ylist4 a { background-position:left -115px; } #tmp_contents #tmp_ylist4.active a, #tmp_contents #tmp_ylist4 a:hover, #tmp_contents #tmp_ylist4 a:focus { background-position:-150px -115px; } #tmp_contents #tmp_ylist5 a { background-position:left -157px; } #tmp_contents #tmp_ylist5.active a, #tmp_contents #tmp_ylist5 a:hover, #tmp_contents #tmp_ylist5 a:focus { background-position:-150px -157px; } #tmp_contents #tmp_ylist6 a { background-position:left -197px; } #tmp_contents #tmp_ylist6.active a, #tmp_contents #tmp_ylist6 a:hover, #tmp_contents #tmp_ylist6 a:focus { background-position:-150px -197px; } */ #tmp_contents #tmp_ynavi ul li span { display:block; width:150px; overflow:hidden; padding:5px 5px 2px; } #tmp_contents #tmp_ynavi li li a { display:inline-block !important; height:auto !important; } #tmp_contents #tmp_ynavi li li a span { height:auto !important; } /* drop_down_hidden */ #tmp_contents #tmp_ynavi .drop_down_hidden { display:none; color:#FFFFFF; position:absolute; left:150px; top:-10px; z-index:10; background-color:rgba(0,0,0,0.85); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#DD000000, endcolorstr=#DD000000, gradienttype=0); } #tmp_contents #tmp_ynavi li:hover .drop_down_hidden { display:block; } /* #tmp_contents #tmp_ylist1 .drop_down_hidden { top:-10px; } #tmp_contents #tmp_ylist2 .drop_down_hidden { top:-47px; } #tmp_contents #tmp_ylist3 .drop_down_hidden { top:-86px; } #tmp_contents #tmp_ylist4 .drop_down_hidden { top:-125px; } #tmp_contents #tmp_ylist5 .drop_down_hidden { top:-167px; } #tmp_contents #tmp_ylist6 .drop_down_hidden { top:-207px; left:150px !important; right:auto !important; } */ #tmp_contents #tmp_ynavi .drop_down_hidden ul { display:block !important; padding:4px 0; font-size:114%; text-align:center; background-color:rgba(0,0,0,0.6); list-style:none; } #tmp_contents #tmp_ynavi .drop_down_hidden li { background:none; } #tmp_contents #tmp_ynavi .drop_down_hidden li a { padding:6px 30px; width:auto; text-decoration:none; color:#FFFFFF; background-color:transparent; background-image:none; } #tmp_contents #tmp_ynavi .drop_down_hidden li a:hover { text-decoration:underline; } /* ================================================== メニューエリア ================================================== */ #tmp_contents #tmp_menu_area { clear: both; } #tmp_contents #tmp_menu_area_ttl { } #tmp_contents #tmp_menu_area_ttl h2 { } #tmp_contents #tmp_menu_area_cnt { clear: both; } #tmp_contents #tmp_menu_area_cnt .area_parent { display: inline-block; vertical-align: top; width: 40%; } #tmp_contents #tmp_menu_area_cnt .area_parent .parent { position: relative; overflow: hidden; max-width: 325px; padding: 0; } #tmp_contents #tmp_menu_area_cnt .area_parent .parent .img { } #tmp_contents #tmp_menu_area_cnt .area_parent .parent .img:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; width: 100%; height: 100%; background-color: #222633; opacity: 0.4; } #tmp_contents #tmp_menu_area_cnt .area_parent .parent .img img { width: auto; vertical-align: top; } #tmp_contents #tmp_menu_area_cnt .area_parent .parent .txt { position: absolute; top: 50%; right: 0; left: 0; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; display: block; width: 100%; text-align: center; line-height: 1; word-wrap: break-word; color: #fff; font-size: 130%; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents #tmp_menu_area_cnt .area_parent .parent .txt { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents #tmp_menu_area_cnt .area_list { display: inline-block; vertical-align: top; width: 59%; } #tmp_contents #tmp_menu_area_cnt ul { margin: 0; padding: 0 10px 14px 1em; list-style: none; } #tmp_contents #tmp_menu_area_cnt ul li { margin: 0 0 0.4em; vertical-align: top; } #tmp_contents #tmp_menu_area_cnt ul li a { font-size: 114.6%; text-decoration: none; background-color: #ffffff; color: #222633; } #tmp_contents #tmp_menu_area_cnt ul li a:hover, #tmp_contents #tmp_menu_area_cnt ul li a:active, #tmp_contents #tmp_menu_area_cnt ul li a:focus { text-decoration: underline; } /* ================================================== clearfix ================================================== */ /* for modern browser */ #tmp_contents #tmp_gallery_search_cnt:after, #tmp_contents #tmp_search_result_list:after, #tmp_contents #tmp_gallery_photo:after, .gallery_container:after, #tmp_photo_search_ttl:after, #tmp_photo_search_cnt:after, .box_result_list:after, #tmp_contents .search_info:after, #tmp_contents .section_locals_spot .locals_items_cnt:after, .section_locals_spot .locals_items_cnt:after, #tmp_contents div.outline:after, #tmp_contents div.box_info:after, #tmp_contents div.box_info_ttl:after, #tmp_contents div.box_info_cnt:after, #tmp_contents div.box_link:after, #tmp_contents div.box_link_ttl:after, #tmp_contents div.box_link_cnt:after, #tmp_contents div.box_menu:after, #tmp_contents div.box_menu_ttl:after, #tmp_contents div.box_menu_cnt:after, #tmp_contents .box_photo:after, #tmp_contents #tmp_gallery_search_cnt:after, #tmp_contents #tmp_search_result_list:after, #tmp_contents #tmp_gallery_photo:after { content: ""; /* Do not edit */ display: table; /* Do not edit */ clear: both; /* Do not edit */ }@charset "utf-8"; /* ================================================== contents ================================================== */ #tmp_contents .txt_bold { font-weight: bold; padding: 0; } #tmp_contents .split_tips { padding-top: 50px; } #tmp_contents .col3 { list-style: none; margin: 0 -24px; width: auto; } #tmp_contents .col3 .col3L, #tmp_contents .col3 .col3M, #tmp_contents .col3 .col3R { padding: 0 24px; overflow: hidden; margin: 0 0 10px; } #tmp_contents .col3 a:hover, #tmp_contents .col3 a:focus, #tmp_contents .col3 a:active { color: #e7001d; border-color: #222633; } #tmp_contents .col3 a { padding-top: 0; padding-bottom: 0; display: table; } #tmp_contents .here_btn { max-width:240px; font-size:142.8%; margin:80px 0 20px; text-align:center; padding:0; } #tmp_contents .here_btn a, #tmp_contents .left_block .here_btn a { background-color:#222633; color:#FFFFFF; text-decoration:none; border-radius:100px; display:block; padding:5px; font-family: "PFDINTextStd-Light", sans-serif; } .lang_jp #tmp_contents .here_btn a, .lang_jp #tmp_contents .left_block .here_btn a { font-family: "PFDINTextStd-Light", "メイリオ", Meiryo, sans-serif; } #tmp_contents .here_btn a:hover, #tmp_contents .left_block .here_btn a:hover, #tmp_contents .left_block .here_btn a:focus, #tmp_contents .left_block .here_btn a:active { background-color:#f13c33; color:#FFFFFF; } #tmp_contents .col2 { width: 100%; } #tmp_contents .col2 .col2 .col2L, #tmp_contents .col2 .col2 .col2R { border-bottom: 10px solid #FFFFFF; } #tmp_contents .col2 p { padding: 0.9em 0; } #tmp_contents .col2 { list-style: none; margin-left: 0; } #tmp_contents .col2 .col2 a { display: block; line-height: 0; position: relative; } #tmp_contents .col2 .col2 a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #222633; opacity: 0.05; } #tmp_contents .col2 .col2 img { max-width: 100%; height: auto; } #tmp_contents .col2 .col2 span { position: absolute; top: 50%; right: 0; left: 0; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 100%; text-align: center; line-height: 1; font-size: 144%; word-wrap: break-word; font-weight: bold; color: #ffffff; padding: 0 3px; } @media screen and (min-width : 741px) and (max-width : 1259px) { #tmp_contents .col3 .col3L, #tmp_contents .col3 .col3M, #tmp_contents .col3 .col3R { padding: 0 2%; overflow: hidden; margin: 0 0 10px; } } /* ================================================== Index Page ================================================== */ /* ================================================== section_profile ================================================== */ /* ================================================== section_locals_spot ================================================== */ #tmp_contents .section_locals_spot, .section_locals_spot{ padding: 50px 0; } #tmp_contents .section_locals_spot .locals_items, .section_locals_spot .locals_items { list-style: none; margin: 0; } #tmp_contents .section_locals_spot .locals_items_list, .section_locals_spot .locals_items_list { margin: 0; padding: 50px 0; display: block; } #tmp_contents .section_locals_spot .locals_items_cnt, .section_locals_spot .locals_items_cnt { border-bottom: solid 10px #e5e5e5; border-left: solid 10px #e5e5e5; padding: 0 0 42px 21px; } #tmp_contents .section_locals_spot .locals_items_cnt a, .section_locals_spot .locals_items_cnt a { text-decoration: none; color: #222633; background-color: transparent; line-height: 1.5; position: relative; } #tmp_contents .section_locals_spot .locals_items_cnt .locals_image, .section_locals_spot .locals_items_cnt .locals_image{ float:right; margin:0 0 10px 10px; width:100px; } #tmp_contents .section_locals_spot .locals_items_cnt .locals_image img, .section_locals_spot .locals_items_cnt .locals_image img{ max-width:100%; height:auto; } #tmp_contents .section_locals_spot .locals_items_cnt .locals_name, .section_locals_spot .locals_items_cnt .locals_name{ font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .section_locals_spot .locals_items_cnt .locals_name, .lang_jp .section_locals_spot .locals_items_cnt .locals_name{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .section_locals_spot .locals_items_cnt a:after, .section_locals_spot .locals_items_cnt a:after{ display: none; } #tmp_contents .section_locals_spot .locals_items_cnt span, .section_locals_spot .locals_items_cnt span { display: block; } #tmp_contents .section_locals_spot .locals_items_cnt .locals_ttl { font-size: 114.3%; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .section_locals_spot .locals_items_cnt .locals_ttl { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .section_locals_spot .locals_name, .section_locals_spot .locals_name { font-size: 228.5%; } #tmp_contents .section_locals_spot .locals_des, .section_locals_spot .locals_des { line-height: 1.3; } #tmp_contents .section_locals_spot .locals_items_cnt a:hover, .section_locals_spot .locals_items_cnt a:hover, #tmp_contents .section_locals_spot .locals_items_cnt a:focus, .section_locals_spot .locals_items_cnt a:focus, #tmp_contents .section_locals_spot .locals_items_cnt a:active, .section_locals_spot .locals_items_cnt a:active { color: #e7001d; } /* ================================================== section_slider_header ================================================== */ /* getting around ================================================== */ #tmp_contents .getting_around_tips { padding: 30px 0 50px; } #tmp_contents .getting_around_tips h2{ font-size: 257.1%; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .getting_around_tips h2{ font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .getting_around_tips .getting_around_tips_heading { padding: 0; } /*tip_link*/ #tmp_contents .tip_link, #tmp_contents .col3 .tip_link { text-decoration: none; display: flex; padding: 24px 0; color: #222633; background-color: transparent; border-bottom: 10px solid #e5e5e5; overflow: hidden; transition: 0.3s ease color; } #tmp_contents a.tip_link:active, #tmp_contents a.tip_link:focus, #tmp_contents a.tip_link:hover{ color: #e7001d; border-color: #222633; } #tmp_contents .col2L .tip_link{ margin-right: 11px; } #tmp_contents .col2R .tip_link{ margin-left: 11px; } #tmp_contents .tip_link .tip_img { margin: 0; padding: 24px 0; line-height: 0; } #tmp_contents .col3 .tip_link .tip_img img{ min-width: 96px; max-width:100px; } #tmp_contents .col2 .tip_link .tip_img img{ max-width: 164px; } #tmp_contents .tip_link .tip_img + .tip_cnt{ padding-left: 24px; } #tmp_contents .tip_link .tip_cnt { overflow: hidden; /*display: table-cell;*/ vertical-align: top; width: 70%; padding: 24px 12px 24px 0; } #tmp_contents .tip_link .tip_cnt + .tip_img{ padding: 24px 0; display: table-cell; vertical-align: top; width: 30%; } #tmp_contents .tip_link .tip_ttl { font-size: 128.5%; line-height: 1; margin: 0 0 6px; padding: 0; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .tip_link .tip_ttl { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .col2 .tip_link .tip_ttl{ margin: 0 0 20px; } #tmp_contents .tip_link .tip_des { font-size: 114.3%; line-height: 1.3; margin: 0; padding: 0; } #tmp_contents .col2 .tip_link .tip_link_more { display: inline-block; color: #e7001d; background: transparent url(site_gotokyo/images/icon/rarrow_mo.png) no-repeat right center; background-size: 15px; padding-right: 15px; font-weight: bold; } #tmp_contents .col2 .tip_link .tip_link_more:hover, #tmp_contents .col2 .tip_link .tip_link_more:focus, #tmp_contents .col2 .tip_link .tip_link_more:active { text-decoration: underline; } /* rep /en/agent/index.html */ #tmp_contents .custom_rep .wrap_tip_cnt, #tmp_contents .custom_rep .col3 .wrap_tip_cnt { display: table; } #tmp_contents .custom_rep .tip_link .tip_cnt { display: table-cell; vertical-align: middle; } #tmp_contents .wrap_prof_box .more_prof_txt { padding: 1.1em 0 0; } #tmp_contents .wrap_prof_box .show_more_detail_hidden { margin: 0; } .used_javascript #tmp_contents .wrap_prof_box .show_more_detail_hidden { display: block; } #tmp_contents .wrap_prof_box .show_more_detail_hidden .more_prof_txt { padding: 0 0 1.9em; } #tmp_contents .wrap_prof_box .show_more_detail_hidden .more_prof_txt span { display: inline; vertical-align: top; } #tmp_contents .wrap_prof_box .show_more_detail_hidden .more_prof_txt span span { display: inline-block; vertical-align: top; } #tmp_contents .wrap_prof_box .show_more_detail_hidden .more_prof_txt span .reptxt_show { display: inline; } #tmp_contents .wrap_prof_box .show_more_detail_hidden .more_prof_txt span .reptxt_show.view { } #tmp_contents .wrap_prof_box .show_more_detail_hidden .more_prof_txt span .reptxt_show.view:after { content:" ..."; display: inline; } #tmp_contents .wrap_prof_box .show_more_detail_hidden .more_prof_txt span .reptxt_hidden { display: none; } #tmp_contents .wrap_prof_box .show_more_detail_hidden .more_prof_txt span .reptxt_hidden.view { } #tmp_contents .wrap_prof_box .btn_show_more { } #tmp_contents .wrap_prof_box .btn_show_more a { margin: 0 10px; display: inline-block; text-decoration: none; background: #222633 url(site_gotokyo/images/icon/icon_btn_show_more_off.png) no-repeat 10px center; background-size: 16px; color: #ffffff; font-size: 100%; padding: 3px 15px 3px 38px !important; border-radius: 25px; font-weight: bold; } #tmp_contents .wrap_prof_box .btn_show_more a.more { background: #222633 url(site_gotokyo/images/icon/icon_btn_show_more_on.png) no-repeat 10px center; background-size: 16px; } #tmp_contents .wrap_prof_box .btn_show_more a:hover, #tmp_contents .wrap_prof_box .btn_show_more a:focus, #tmp_contents .wrap_prof_box .btn_show_more a:active { background-color: #f13c33; } /* ================================================== Section Anchor ===================================================*/ .section_banner_bottom { background-color: #222633; color: #ffffff; position: relative; } .fixed_menu { position: fixed; top: 91px; height: 60px; z-index: 999; width: 100%; } .format_local_active .fixed_menu{ top: 141px; } .fsize_big .fixed_menu{ top: 138px; } .fsize_big2 .fixed_menu{ top: 247px; } .format_accessibility_active.fsize_big .fixed_menu{ top: 206px; } .format_local_active.fsize_big .fixed_menu{ top: 222px; } .format_local_active.fsize_big2 .fixed_menu{ top: 353px; } .format_local_active.format_accessibility_active.fsize_big .fixed_menu{ top: 290px; } .format_local_active.format_accessibility_active.fsize_big2 .fixed_menu{ top: 486px; } .fixed_menu .anchor_item a { padding-top: 23px; } .anchor_block { list-style: none; } .anchor_item { display: inline-block; vertical-align: top; letter-spacing: normal; text-align: left; } .anchor_item a { position: relative; display: block; line-height: 1; font-size: 142.8%; padding: 36px 0 34px; margin: 0 40px 0 0; color: #ffffff; font-weight: bold; text-decoration: none; background-color: transparent; } .anchor_item a:hover, .anchor_item a:active, .anchor_item a.anchor_active { color: #f13c33; } .top_pankuzu { background-color: #e5e5e5; color: #222633; } .top_pankuzu .container { } .top_pankuzu .top_pankuzu_body { list-style: none; padding: 0 0 10px; margin: -6px 0 0; } .top_pankuzu .top_pankuzu_body:first-child { list-style: none; padding: 18px 0 10px; margin: 0; } .top_pankuzu .top_pankuzu_body .top_pankuzu_item { padding: 0; display: inline-block; position: relative; font-weight: bold; font-size: 85.7%; } .top_pankuzu .top_pankuzu_body:first-child .top_pankuzu_item { padding-top: 10px; } .top_pankuzu .top_pankuzu_body:last-child .top_pankuzu_item { padding-bottom: 10px; } .top_pankuzu .top_pankuzu_body .top_pankuzu_item a { text-decoration: none; color: #222633; background-color: transparent; } .top_pankuzu .top_pankuzu_body .top_pankuzu_item:hover, .top_pankuzu .top_pankuzu_body .top_pankuzu_item:focus, .top_pankuzu .top_pankuzu_body .top_pankuzu_item:active { text-decoration: underline; } .top_pankuzu .top_pankuzu_body .top_pankuzu_item:after { content: "/"; display: inline-block; vertical-align: top; line-height: 1; font-size: 0; letter-spacing: normal; color: #9c9c9c; font-size: 85.7%; padding: 5px 3px 0 5px; } .top_pankuzu .top_pankuzu_body .top_pankuzu_item.area_r_item:after, .top_pankuzu .top_pankuzu_body .top_pankuzu_item.area_p_item:after { padding: 0; padding-right: 5px; padding-left: 5px; padding-top: 5px; } .top_pankuzu .top_pankuzu_body .top_pankuzu_item:last-child:after { content: ''; } #tmp_contents .header_lower { /* overflow: hidden; */ padding-top: 60px; } #tmp_contents .header_text { width: 790px; padding-right: 50px; float: left; } #tmp_contents .header_buttons { float: left; width: 350px; } #tmp_contents .header_lower h1 { font-size: inherit; } #tmp_contents .header_lower h1 .header_eng { font-size: 257.1%; padding-bottom: 5px; display: block; } #tmp_contents .header_lower h1 .header_jpn { font-size: 142.8%; display: block; font-weight: normal; } #tmp_contents .header_address { font-size: 114.3%; background: transparent url(site_gotokyo/images/icon/icon_spot_address.png) no-repeat; background-size: 17px; color: #222633; padding-left: 25px; background-position: left top; } #tmp_contents .header_data { font-size: 114.3%; background: transparent url(site_gotokyo/images/icon/icon_spot_calendar.png) no-repeat; background-size: 17px; color: #222633; padding-left: 25px; background-position: left center; } #tmp_contents .buttons_wrapper { width: 240px; margin: 0 0 0 auto; list-style: none; } #tmp_contents .buttons_wrapper li { width: 100%; margin-bottom: 20px; } #tmp_contents .buttons_wrapper li a { display: block; background-size: 24px; background-position: left 10px center; padding:8px 14px 8px 38px; color: #ffffff; text-decoration: none; text-align: center; font-size: 114.3%; font-weight: bold; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } #tmp_contents .buttons_wrapper li a.advisor_hotel { background: #58c0ae url(site_gotokyo/images/icon/icon_book-now.png) 10px center no-repeat; background-size: 24px; } #tmp_contents .buttons_wrapper li a.see_map { background: #222633 url(site_gotokyo/images/icon/icon_view-map.png) 10px center no-repeat; background-size: 24px; } #tmp_contents .buttons_wrapper li a.train_info { background: #222633 url(site_gotokyo/images/icon/icon_train.png) 10px center no-repeat; background-size: 24px; } #tmp_contents .buttons_wrapper li a.more_info { background: #222633 url(site_gotokyo/images/icon/icon_more-info.png) 10px center no-repeat; background-size: 24px; } #tmp_contents .buttons_wrapper li a:hover, #tmp_contents .buttons_wrapper li a:focus, #tmp_contents .buttons_wrapper li a:active { color: #ffffff; background-color: #f13c33; } #tmp_contents .split_inner { padding-top: 50px; } #tmp_contents .split_inner:after { content: ""; clear: both; display: block; } #tmp_contents .split_inner h2 { margin-top: 0; } #tmp_contents .split_inner h2:first-child{ padding-top: 0; } #tmp_contents .split_left { float: left; width: 873px; padding-right: 20px; border-right: 10px #e5e5e5 solid; } #tmp_contents .split_right { float: right; width: 240px; } #tmp_contents .split_right .show_more_detail { margin-top:6px; } #tmp_contents .split_right .list_faq { padding:30px 0; } #tmp_contents .split_right .list_faq:first-child { padding-top:0; } #tmp_contents .advisor_hotel_url iframe { width: 100%; height: 400px; } #tmp_contents .advisor_url iframe { width: 100%; height: 300px; border: 1px #3cb371 solid; } #tmp_contents .faq_header h2 { font-size: 192.8%; margin: 0 0 30px; padding: 0; } #tmp_contents .faq_body_inner { margin-left: 0; margin-bottom:0; list-style:none; } #tmp_contents .faq_body .faq_item { background: transparent url(site_gotokyo/images/icon/icon_spot_access.png) no-repeat; padding-left: 32px; font-size: 114.3%; font-weight: bold; } #tmp_contents .faq_body .info_detail_list_item_website { background: transparent url(site_gotokyo/images/icon/icon_spot_website.png) no-repeat left 0.2em; background-size: 16px; padding-left: 28px; font-size: 114.3%; } #tmp_contents .faq_body .info_detail_list_item_website a { color:#000000; text-decoration:none; font-weight: bold; } #tmp_contents .faq_body .info_detail_list_item_email { background: transparent url(site_gotokyo/images/icon/icon_spot_email.png) no-repeat left 0.2em; background-size: 16px; padding-left: 28px; font-size: 114.3%; } #tmp_contents .faq_body .info_detail_list_item_email a { color:#000000; text-decoration:none; font-weight: bold; } #tmp_contents .faq_body .info_detail_list_item_tel { background: transparent url(site_gotokyo/images/icon/icon_spot_tel.png) no-repeat left 0.2em; background-size: 11px; padding-left: 28px; font-size: 114.3%; } /* split_notes ================================================== */ #tmp_contents .split_notes .notes_ttl { font-size: 114.3%; font-weight: bold; color: #222633; background-color: transparent; } #tmp_contents .notes_list { list-style: none; margin: 0; } #tmp_contents .notes_list .note_list_item { background: transparent url(site_gotokyo/images/icon/icon_dontmiss.png) 5px 7px no-repeat; padding: 0 0 0 16px; margin: 8px 0 0; font-weight: bold; font-size: 114.3%; color: #222633; } #tmp_contents .split_notes .notes_cmt { margin: 0; font-size: 114.3%; } /* ================================================== EndPage ================================================== */ #tmp_contents .section_navigation .navigation_items_cnt .items_cnt { padding: 0 0 0 100px; } #tmp_contents img { max-width: 100%; height: auto; } .left_block, #tmp_contents .left_block { width: 873px; padding: 50px 20px 0 0; } .left_block_no_padding .left_block, #tmp_contents .left_block_no_padding .left_block{ padding-top: 0; } #tmp_contents .left_block .lead_content h2 { padding: 18px 0; } #tmp_contents .left_block .lead_content p { padding: 18px 0 30px; } #tmp_contents .left_block_single{ width: 873px; } #tmp_contents .left_block a { position: relative; color: #222633; } #tmp_contents .left_block a[target="_blank"]:after { content: ''; display: inline-block; width: 12px; height: 12px; padding-right: 15px; background: transparent url(site_gotokyo/images/icon/icon_external_link.png) 100% 1px no-repeat; background-size: 12px 12px; } #tmp_contents .left_block a:hover, #tmp_contents .left_block a:focus, #tmp_contents .left_block a:active { text-decoration: none; color: #f13c33; } #tmp_contents .left_block a[target="_blank"]:hover:after, #tmp_contents .left_block a[target="_blank"]:focus:after, #tmp_contents .left_block a[target="_blank"]:active:after { background: transparent url(site_gotokyo/images/icon/icon_external_link_on.png) 100% 1px no-repeat; background-size: 12px 12px; } #tmp_contents .left_block .locals_items_list a[target="_blank"]:after, #tmp_contents .left_block .here_btn a[target="_blank"]:after { content: none; } #tmp_contents table.datatable td a, #tmp_contents table.enquete_table td a { color: #222633; } #tmp_contents table.datatable td a:hover, #tmp_contents table.datatable td a:focus, #tmp_contents table.datatable td a:active, #tmp_contents table.enquete_table td a:hover, #tmp_contents table.enquete_table td a:focus, #tmp_contents table.enquete_table td a:active { color: #f13c33; text-decoration: none; } #tmp_contents h3 { font-size: 171.4%; line-height: 1.25; margin: 0; padding: 0.7em 0 0; } .dontmiss_block { margin-top: 30px; margin-bottom: 30px; padding: 30px 30px 25px; color: #222633; background-color: #e5e5e5; } #tmp_contents .dontmiss_block h3 { font-size: 186%; margin: 0; } #tmp_contents .dontmiss_block .dontmiss_list { list-style: none; margin-left: 0; padding-top: 25px; } #tmp_contents .dontmiss_block .dontmiss_list .dontmiss_item { background: #e5e5e5 url(site_gotokyo/images/icon/icon_dontmiss.png) 5px 7px no-repeat; padding-left: 20px; padding-bottom: 2px; } /* ================================================= column3_block =================================================== */ #tmp_contents .column3_block ul, .column3_block ul { list-style: none; } #tmp_contents .column3_block h2, .column3_block h2 { margin: 0; line-height: 1.2; font-size: 257.1%; padding: 0; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .column3_block h2, .lang_jp .column3_block h2 { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; font-size: 200%; } #tmp_contents .column3_block .locals_items, .column3_block .locals_items { margin: 0 -24px; margin-bottom: 0; letter-spacing: -.4em; } #tmp_contents .column3_block ul .locals_items_list, .column3_block ul .locals_items_list { display: inline-block; vertical-align: top; width: 33.33%; padding: 36px 24px 0; margin: 0; letter-spacing: normal; } #tmp_contents .column3_block .locals_items_cnt, .column3_block .locals_items_cnt { border-left: none; padding: 0 0 24px 0; word-break: break-word; word-wrap: break-word; } #tmp_contents .column3_block .locals_name, .column3_block .locals_name{ font-size: 128.5%; } #tmp_contents .column3_block .icon_external .locals_name, .column3_block .icon_external .locals_name, #tmp_contents .column3_block .icon_pdf .locals_name, .column3_block .icon_pdf .locals_name { position: relative; display: inline-block; } #tmp_contents .column3_block .icon_external .locals_name:before, .column3_block .icon_external .locals_name:before, #tmp_contents .column3_block .icon_pdf .locals_name:before, .column3_block .icon_pdf .locals_name:before { content: ''; position: relative; width: 13px; height: 15px; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; background-size: 13px; -webkit-background-size: 13px; -moz-background-size: 13px; margin: 0 5px 0 0; } #tmp_contents .column3_block .icon_external .locals_name:before, .column3_block .icon_external .locals_name:before{ background-image: url(site_gotokyo/images/icon/icon_external_link.png); } #tmp_contents .column3_block .icon_pdf .locals_name:before, .column3_block .icon_pdf .locals_name:before{ background-image: url(site_gotokyo/images/icon/icon_pdf.png); } #tmp_contents .column3_block .locals_items_cnt .icon_external:hover .locals_name:before, .column3_block .locals_items_cnt .icon_external:hover .locals_name:before, #tmp_contents .column3_block .locals_items_cnt .icon_external:focus .locals_name:before, .column3_block .locals_items_cnt .icon_external:focus .locals_name:before, #tmp_contents .column3_block .locals_items_cnt .icon_external:active .locals_name:before, .column3_block .locals_items_cnt .icon_external:active .locals_name:before { background-image: url(site_gotokyo/images/icon/icon_external_link_on.png); } #tmp_contents .column3_block .locals_items_cnt .icon_pdf:hover .locals_name:before, .column3_block .locals_items_cnt .icon_pdf:hover .locals_name:before, #tmp_contents .column3_block .locals_items_cnt .icon_pdf:focus .locals_name:before, .column3_block .locals_items_cnt .icon_pdf:focus .locals_name:before, #tmp_contents .column3_block .locals_items_cnt .icon_pdf:active .locals_name:before, .column3_block .locals_items_cnt .icon_pdf:active .locals_name:before { background-image: url(site_gotokyo/images/icon/icon_pdf_on.png); } #tmp_contents .column3_block .locals_items_cnt:hover, .column3_block .locals_items_cnt:hover, #tmp_contents .column3_block .locals_items_cnt:focus, .column3_block .locals_items_cnt:focus, #tmp_contents .column3_block .locals_items_cnt:active, .column3_block .locals_items_cnt:active { border-color: #222633; } .column3_block .locals_items_cnt:hover, .column3_block .locals_items_cnt:hover a{ color:#e7001d !important; cursor:pointer; } #tmp_contents .column3_block .ref_link_area { margin: 0; padding: 0; font-size: 171.4%; line-height: 1.25; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .column3_block .ref_link_area { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } /* ================================================= =================================================== */ #tmp_contents .section_locals_spot .locals_des, .section_locals_spot .locals_des { font-size: 114.3%; font-family: "PFDINTextStd-Light", sans-serif; font-weight:normal; } .lang_jp #tmp_contents .section_locals_spot .locals_des, .lang_jp .section_locals_spot .locals_des { font-family: "PFDINTextStd-Light", "メイリオ", Meiryo, sans-serif; } #tmp_contents .keyword_block { padding: 50px 0; } #tmp_contents .keyword_block h2 { font-size: 200%; margin: 0; padding: 0 0 18px; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .keyword_block h2 { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .keyword_block ul.keyword_list { list-style: none; margin-left: 0; padding: 18px 0 0; } #tmp_contents .keyword_block ul.keyword_list li.keyword_item { display: inline-block; margin: 12px 12px 0 0; } #tmp_contents .keyword_block ul.keyword_list li.keyword_item a { padding: 10px 10px 9px; display: block; line-height: 1; background-color: #e5e5e5; color: #222633; font-weight: normal; text-decoration: none; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .keyword_block ul.keyword_list li.keyword_item a { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .keyword_block ul.keyword_list li.keyword_item a:hover, #tmp_contents .keyword_block ul.keyword_list li.keyword_item a:focus { color: #ffffff; background-color: #f13c33; } #tmp_contents .ins_ttl .section_ttl .section_ttl_h{ margin: 0 0 12px; line-height: 1.5em; } .ins_ttl{ margin: 0 0 23px; } .ins_ttl p{ font-size: 114.3%; clear: both; } .ins_cnt .ins_lists{ list-style: none; margin: 0 -6px; } .ins_hidden{ display: none; } .ins_cnt li{ float: left; width: 16.6%; padding: 0 6px 12px; } .ins_cnt .image{ display: block; height: 179px; position: relative; } .ins_cnt .image:before{ content: ''; width: 24px; height: 24px; background: url(site_gotokyo/images/icon/icon_sns_instagram_white.png) 0 0 no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; position: absolute; right: 10px; bottom: 10px; } .section_result .btn_showmore_wrap, .section_instagram .btn_showmore_wrap{ text-align: center; padding-top: 16px; } .section_result .btn_showmore_wrap .btn_showmore, .section_instagram .btn_showmore_wrap .btn_showmore{ padding: 5px 0 4px; font-size: 142.8%; display: block; background-color: #222633; color: #ffffff; margin: 0 auto; max-width: 360px; text-decoration: none; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -webkit-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; } .section_result .btn_showmore_wrap .btn_showmore:hover, .section_result .btn_showmore_wrap .btn_showmore:active, .section_result .btn_showmore_wrap .btn_showmore:focus, .section_instagram .btn_showmore_wrap .btn_showmore:hover, .section_instagram .btn_showmore_wrap .btn_showmore:active, .section_instagram .btn_showmore_wrap .btn_showmore:focus{ color: #ffffff; background-color: #f13c33; } .section_instagram .ins_modal{ position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); overflow: auto; padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 300ms all; -o-transition: 300ms all; transition: 300ms all; visibility: hidden; opacity: 0; } .section_instagram .ins_modal.active{ opacity: 1; visibility: visible; } .section_instagram .ins_modal .ins_modal_close{ position: absolute; text-indent: -9999px; z-index: 4; width: 20px; height: 20px; background: transparent url(site_gotokyo/images/icon/icon_modal_close.png) 0 0 no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; -webkit-transition: 200ms background-image; -o-transition: 200ms background-image; transition: 200ms background-image; top: 28px; left: 30px; } .section_instagram .ins_modal .ins_modal_close:hover, .section_instagram .ins_modal .ins_modal_close:focus, .section_instagram .ins_modal .ins_modal_close:active{ background-image: url(site_gotokyo/images/icon/icon_modal_close_on.png); } .ins_modal_cnt{ position: relative; margin: 0 auto; max-width: 500px; width: 39.8vw; background-color: #ffffff; color: #222633; } .ins_modal_cnt .avatar{ width: 2.6vw; display: block; overflow: hidden; } .ins_modal_cnt .image{ display: block; } .ins_modal_cnt .image img{ width: 100%; height: 500px; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .active .ins_modal_cnt .image img{ opacity: 1; } .ins_modal_cnt .cnt{ background-color: #ffffff; color: #222633; } .ins_modal_cnt .cnt .text_upper{ padding: 1.6vw 2.8vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ins_modal_cnt .name{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(70% - 15px); margin-left: 1.2vw; font-weight: bold; color: inherit; } .ins_modal_cnt .number{ display: block; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; text-align: right; font-size: 87.5%; } .ins_modal_cnt .ins_slides a{ text-decoration: none; color: inherit; background-color: transparent; position: relative; display: block; } .ins_modal_cnt a:hover .name, .ins_modal_cnt a:hover .number, .ins_modal_cnt a:focus .name, .ins_modal_cnt a:focus .number, .ins_modal_cnt a:active .name, .ins_modal_cnt a:active .number{ color: #f13c33; -webkit-transition: color 300ms; transition: color 300ms; } .ins_modal_cnt .cnt .text_lower{ padding: 0.8vw 2.8vw; background-color: #e5e5e5; color: inherit; font-size: 114.3%; } .ins_modal_cnt .slick-arrow{ width: 4.7vw; position: absolute; top: 0; z-index: 2; width: 5.33333vw; height: 100%; text-indent: -9999px; padding: 0; margin: 0; border: 0; cursor: pointer; background-color: transparent; color: #222633; outline: 0; } .ins_modal_cnt .slick-prev{ left: 15px; background-image: url(site_gotokyo/images/icon/icon_modal_arrow_right.png); background-position: 0 240px; -webkit-background-size: 20px auto; background-size: 20px auto; background-repeat: no-repeat; } .ins_modal_cnt .slick-next{ right: 15px; background-image: url(site_gotokyo/images/icon/icon_modal_arrow_left.png); background-position: right 240px; -webkit-background-size: 20px auto; background-size: 20px auto; background-repeat: no-repeat; } .block_bottom .slick-track { margin-left: 0; } .section_slider_body.locals_slider { margin: 0 0 50px; } #tmp_contents .show_more_detail, .show_more_detail { text-decoration: none; background: #222633 url(site_gotokyo/images/icon/icon_show-more-detail.png) no-repeat 10px center; background-size: 16px; color: #ffffff; font-size: 114.3%; padding: 3px 15px 3px 38px !important; border-radius: 15px; font-weight: bold; margin: 30px 0 0 0; } #tmp_contents .show_more_detail, .show_more_detail { display:none; } .used_javascript #tmp_contents .show_more_detail, .used_javascript .show_more_detail { display: inline-block; } #tmp_contents .show_more_detail:hover, #tmp_contents .show_more_detail:focus, #tmp_contents .show_more_detail:active { background-color: #f13c33; } #tmp_contents .show_more_detail_hidden { margin: 1.05263% 0 0 0; } .used_javascript #tmp_contents .show_more_detail_hidden { display: none; } /* ================================================== Section_pdf_download ================================================== */ #tmp_contents .section_pdf_download { margin-bottom: 50px; } #tmp_contents .section_pdf_download ul { list-style: none; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; margin-bottom: 35px; justify-content: space-between; } #tmp_contents .section_pdf_download h2 { font-size: 257.1%; padding: 50px 0 11px; } #tmp_contents .section_pdf_download h3 { font-size: 114.3%; } #tmp_contents .section_pdf_download .desc { display: block; font-weight: normal; } #tmp_contents .section_pdf_download ul li{ width: 43.15789%; margin: 1.4% 0; } #tmp_contents .section_pdf_download li p { padding: 0; font-size: 114.3%; } #tmp_contents .section_pdf_download ul li a.icon_pdf { text-decoration: none; font-weight: bold; display: inline-block; color: #222633; padding: 0; position: relative; } #tmp_contents .section_pdf_download ul li a.icon_pdf:before { content: ''; position: relative; width: 12px; height: 15px; display: inline-block; background: transparent url(site_gotokyo/images/icon/icon_pdf.png) no-repeat 0 3px; background-size: 12px; } #tmp_contents .section_pdf_download ul li a.icon_pdf:hover, #tmp_contents .section_pdf_download ul li a.icon_pdf:focus, #tmp_contents .section_pdf_download ul li a.icon_pdf:active { color: #f13c33; } #tmp_contents .section_pdf_download ul li a.icon_pdf:hover:before, #tmp_contents .section_pdf_download ul li a.icon_pdf:focus:before, #tmp_contents .section_pdf_download ul li a.icon_pdf:active:before { background: transparent url(site_gotokyo/images/icon/icon_pdf_on.png) no-repeat 0 3px; background-size: 12px; } #tmp_contents .section_pdf_download ul li a.icon_external { text-decoration: none; display: inline-block; color: #222633; padding: 0; position: relative; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .section_pdf_download ul li a.icon_external { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .section_pdf_download ul li a.icon_external:before, #tmp_contents .section_pdf_download ul li a[target="_blank"]:before { content: ''; position: relative; width: 17px; height: 15px; display: inline-block; background: transparent url(site_gotokyo/images/icon/icon_external_link.png) no-repeat 0 3px; background-size: 12px; } #tmp_contents .section_pdf_download ul li a.icon_external:hover, #tmp_contents .section_pdf_download ul li a.icon_external:focus, #tmp_contents .section_pdf_download ul li a.icon_external:active, #tmp_contents .section_pdf_download ul li a[target="_blank"]:hover, #tmp_contents .section_pdf_download ul li a[target="_blank"]:focus, #tmp_contents .section_pdf_download ul li a[target="_blank"]:active { color: #f13c33; } #tmp_contents .section_pdf_download ul li a.icon_external:hover:before, #tmp_contents .section_pdf_download ul li a.icon_external:focus:before, #tmp_contents .section_pdf_download ul li a.icon_external:active:before, #tmp_contents .section_pdf_download ul li a[target="_blank"]:hover:before, #tmp_contents .section_pdf_download ul li a[target="_blank"]:focus:before, #tmp_contents .section_pdf_download ul li a[target="_blank"]:active:before { background: transparent url(site_gotokyo/images/icon/icon_external_link_on.png) no-repeat 0 3px; background-size: 12px; } #tmp_contents .icon_col_external .tip_ttl:before { content: ''; position: relative; width: 17px; height: 15px; display: inline-block; background: transparent url(site_gotokyo/images/icon/icon_external_link.png) no-repeat 0 3px; background-size: 12px; } #tmp_contents .icon_col_external:hover .tip_ttl:before, #tmp_contents .icon_col_external:focus .tip_ttl:before, #tmp_contents .icon_col_external:active .tip_ttl:before { background: transparent url(site_gotokyo/images/icon/icon_external_link_on.png) no-repeat 0 3px; background-size: 12px; } /* ================================================== Opening_hours ================================================== */ /* ================================================== Price_info ================================================== */ /* ================================================== Facility_info ================================================== */ /* ================================================== promoter_info ================================================== */ /* ================================================== Other_info ================================================== */ /* ================================================== See_Do ================================================== */ #tmp_contents .mod_btn_horizontal{ padding: 50px 0 38px; } #tmp_contents .mod_btn_horizontal_wrap .mod_btn_horizontal{ padding-bottom: 0; } #tmp_contents .mod_btn_horizontal .horizontal_ttl h2{ padding: 0 0 30px; margin: 0; } #tmp_contents .mod_grid_accordion .btn_showmore_wrap{ text-align: center; padding: 26px 0 0; } #tmp_contents .mod_btn_horizontal .horizontal_ttl h2, #tmp_contents .mod_grid_accordion .accordion_ttl h2 { font-weight: normal; font-size: 228.6%; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .mod_btn_horizontal .horizontal_ttl h2, .lang_jp #tmp_contents .mod_grid_accordion .accordion_ttl h2 { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .mod_btn_horizontal .horizontal_cnt ul { margin: 0 -6px; list-style:none; } #tmp_contents .mod_btn_horizontal .horizontal_cnt .horizontal_item { width: 16.66%; float: left; list-style: none; padding: 0 6px; display: table; margin-bottom: 12px; } #tmp_contents .mod_btn_horizontal .horizontal_cnt .horizotal_item:nth-child(6n) { clear: right; } #tmp_contents .mod_btn_horizontal .horizontal_cnt .horizontal_item:nth-child(6n + 1) { clear: left; } #tmp_contents .mod_btn_horizontal .horizontal_cnt .horizontal_item_cnt { position: relative; display:block; vertical-align: middle; padding: 0; text-decoration:none; text-align: center; color: #ffffff; font-size: 142.8%; background-size: 100%; background-color: #333333; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .mod_btn_horizontal .horizontal_cnt .horizontal_item_cnt { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .mod_btn_horizontal .horizontal_cnt .horizontal_item_cnt .image { display: block; line-height: 0; } #tmp_contents .mod_btn_horizontal .horizontal_cnt .horizontal_item_cnt img { width:100%; height:auto; } #tmp_contents .mod_btn_horizontal .horizontal_cnt .horizontal_item_cnt .txt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); padding: 0 5px; } .fsize_big #tmp_contents .mod_btn_horizontal .horizontal_cnt .horizontal_item_cnt .txt, .fsize_big2 #tmp_contents .mod_btn_horizontal .horizontal_cnt .horizontal_item_cnt .txt{ overflow: auto; } #tmp_contents .mod_btn_horizontal .horizontal_cnt .horizontal_item_cnt:hover, #tmp_contents .mod_btn_horizontal .horizontal_cnt .horizontal_item_cnt:focus { color: #f13c33; } .interest_01 { background: transparent url(templates/gotokyo_free/images/see_do/interest_01.jpg) left center no-repeat; } .interest_02 { background: transparent url(templates/gotokyo_free/images/see_do/interest_02.jpg) left center no-repeat; } .interest_03 { background: transparent url(templates/gotokyo_free/images/see_do/interest_03.jpg) left center no-repeat; } .interest_04 { background: transparent url(templates/gotokyo_free/images/see_do/interest_04.jpg) left center no-repeat; } .interest_05 { background: transparent url(templates/gotokyo_free/images/see_do/interest_05.jpg) left center no-repeat; } .interest_06 { background: transparent url(templates/gotokyo_free/images/see_do/interest_06.jpg) left center no-repeat; } .interest_07 { background: transparent url(templates/gotokyo_free/images/see_do/interest_07.jpg) left center no-repeat; } .interest_08 { background: transparent url(templates/gotokyo_free/images/see_do/interest_08.jpg) left center no-repeat; } .interest_09 { background: transparent url(templates/gotokyo_free/images/see_do/interest_09.jpg) left center no-repeat; } .interest_10 { background: transparent url(templates/gotokyo_free/images/see_do/interest_10.jpg) left center no-repeat; } #tmp_contents .mod_grid_accordion { padding: 50px 0; } #tmp_contents .mod_grid_accordion .accordion_ttl h2{ padding: 0 0 20px; } #tmp_contents .mod_grid_accordion ul { margin: 0 -6px; } #tmp_contents .mod_grid_accordion .accordion_itemms_hidden{ display: none; } #tmp_contents .mod_grid_accordion .accordion_itemms_list:first-child { width: 50%; margin-top: 0; } #tmp_contents .mod_grid_accordion ul:nth-child(2n + 1) .accordion_itemms_list:nth-child(5){ clear: right; } #tmp_contents .mod_grid_accordion ul:nth-child(2n + 1) .accordion_itemms_list:nth-child(6){ clear: left; } #tmp_contents .mod_grid_accordion .accordion_itemms_list { width: 25%; float: left; list-style: none; padding: 0 6px; margin: 0; } #tmp_contents .mod_grid_accordion ul:nth-child(2n) .accordion_itemms_list{ float: right; } #tmp_contents .mod_grid_accordion .accordion_itemms_link { position: relative; display: block; text-decoration: none; color: #FFFFFF; background-color: #333333; } #tmp_contents .mod_grid_accordion .accordion_itemms_img { margin-top: 0; line-height: 0; padding-bottom: 0; padding-top: 0; margin-top: 10px; } #tmp_contents .mod_grid_accordion .accordion_itemms_img:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, right top, from(#222633), color-stop(56%, transparent)); background-image: linear-gradient(to right top, #222633, transparent 56%); background-color: transparent; } #tmp_contents .mod_grid_accordion .accordion_itemms_img img { width: 100%; } #tmp_contents .mod_grid_accordion .accordion_itemms_cnt { position: absolute; bottom: 0; left: 5px; font-size: 142.8%; padding: 5px 8px 11px 8px; z-index: 2; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .mod_grid_accordion .accordion_itemms_cnt { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .mod_grid_accordion .accordion_itemms_list:first-child .accordion_itemms_cnt { font-size: 228.6%; } #tmp_contents .section_slider_body .slick-slide img { width: 100%; height: auto; } #tmp_contents .section_slider_body .slider_small { height: auto; min-height: 150px; height: 150px; } #tmp_contents .section_slider_body.slider_box_auto .slider_small { min-height: auto; height: auto; } #tmp_contents .limit_height .slider_small{ height: 200px; } #tmp_contents #tmp_main .section_slider_body { margin-bottom: 130px; overflow: hidden; } #tmp_contents .section_slider_body .slider_height_small .slider_small{ height: 150px; } #tmp_contents .section_slider_body .slider_height_medium .slider_small{ height: 200px; } #tmp_contents .section_slider_body .slider_height_large .slider_small{ height: 250px; } #tmp_contents .section_slider_body.event_sg .slider_height_small .slider_small { /*height: 250px;*/ } /* ================================================= Kanpai =================================================== */ /* ================================================= Results =================================================== */ /* ================================================== Useful App ================================================== */ #tmp_contents .app_block { margin: 116px 0 0; } #tmp_contents .app_block:last-child{ margin-bottom: 50px } #tmp_contents .app_item { margin: 35px 0 0; padding-bottom: 34px; border-bottom: 10px solid #e5e5e5; } #tmp_contents .app_item:hover { border-color: #222633; } #tmp_contents .col3 .app_left { float: left; padding: 0; } #tmp_contents .col3 .app_img { padding: 0; margin-bottom: 35px; } #tmp_contents .col3 .app_langs { margin: 0; overflow: hidden; } #tmp_contents .col3 .app_lang { width: 25%; font-size: 85.7%; padding: 12px 0; margin-top: 4px; margin-bottom: 0; background-color: #dfecd3; color: #222633; float: left; text-align: center; } #tmp_contents .col3 .app_lang:nth-child(2n+1) { float: left; } #tmp_contents .col3 .app_lang:nth-child(2n) { float: right; } #tmp_contents .col3 .app_cnt { overflow: hidden; padding: 0 0 0 33px; } #tmp_contents .col3 .app_ttl { padding: 20px 0; font-size: 114.3%; font-weight: normal; } #tmp_contents .col3 .app_des { padding-bottom: 29px; font-size: 114.3%; line-height: 1.5; } #tmp_contents .app_links { margin: 0; } #tmp_contents .app_link_ggp a { background: url(site_gotokyo/images/useful/btn_google_play.png) no-repeat; } #tmp_contents .app_link_ios a { background: url(site_gotokyo/images/useful/btn_app_store.png) no-repeat; } #tmp_contents .app_links a, #tmp_contents .col3 .app_links a { border: none; padding: 0; float: none; display: block; width: 132px; height: 45px; margin-top: 10px; margin-left: 0; color: #222633; background-size: 100% auto; text-indent: -1789px; } #tmp_contents .app_links a { display: inline-block; } #tmp_contents .app_links a:hover, #tmp_contents .app_links a:focus, #tmp_contents .col3 .app_links a:hover, #tmp_contents .col3 .app_links a:focus { text-decoration: underline; } #tmp_contents .col3 .app_langs, #tmp_contents .app_links { list-style:none; } #tmp_contents .app_wifi li { float: left; padding: 1.1em 1em 1.9em 0; } /* ================================================== Sitemap_section ===================================================*/ /* ================================================== section_slider_single ===================================================*/ #tmp_contents .section_slider_single { margin: 3.06349% 0; } /* ================================================== Outline_general ===================================================*/ #tmp_contents .outline_general .outline ul { text-indent: 0; margin: 25px 0; padding: 0; list-style:none; } #tmp_contents .outline_general .outline h3 { padding: 18px 0; margin: 0; } #tmp_contents .outline_general .outline ul li { background: url(site_gotokyo/images/icon/icon_dontmiss.png) no-repeat 0 10px; background-size: 6px 4px; padding: 0 0 0 12px; margin: 0; line-height: 1.5; } #tmp_contents .outline_general .outline ul li:before { content: ''; display: none; } #tmp_contents .outline_general table td, #tmp_contents .outline_general table.outline td { padding: 15px 30px 15px; } /* ================================================== Outline_info ===================================================*/ /* ================================================== Search Result Page ===================================================*/ /* Format Customizing */ /* ================================================== Contact ===================================================*/ /* ================================================== guide services section ================================================== */ #tmp_contents .lead_content .heading_lead{ font-size: 114.3%; } #tmp_contents .lead_content ul { margin-left: 0; list-style:none; } #tmp_contents .lead_content ul li { font-size: 114.3%; margin: 0 0 0.5em; font-weight: normal; font-family: "PFDINTextStd-Medium", sans-serif; } .lang_jp #tmp_contents .lead_content ul li { font-family: "PFDINTextStd-Medium", "メイリオ", Meiryo, sans-serif; } #tmp_contents .lead_content ul li:before { content: '\30FB'; } #tmp_contents .lead_content .no_padding { padding: 0; } #tmp_contents .outline_general .outline { margin: 0; } /* ================================================== Event Calendar ================================================== */ #tmp_event_cal_refine_ttl h2{ font-size: 228.6%; margin: 0 0 11px; } #tmp_event_search{ background-color: #d3d4d6; color: #222633; border-top: 1px solid #e8e9ea; padding: 25px 38px; } #tmp_event_search .inside{ max-width: 560px; position: relative; } #tmp_event_search label{ display: none; } #tmp_event_search #event_keyword{ display: block; width: 100%; border: none; font-size: 157.1%; padding: 4px 40px 3px 20px; } #tmp_event_search #event_keyword_submit{ position: absolute; background: #ffffff url(site_gotokyo/images/icon/search.png) center center no-repeat; width: 40px; height: 100%; border: none; color: #222633; text-indent: -9999px; right: 5px; top: 0; z-index: 1; cursor: pointer; background-size: auto 61.66%; } #tmp_event_cal_refine_cnt{ background-color: #e8e9ea; color: #222633; } #tmp_event_cal_refine_cnt fieldset{ width: 50%; float: left; padding: 31px 37px 13px 38px; background-color: #e8e9ea; color: #222633; } #tmp_event_cal_refine_cnt legend{ font-size: 128.6%; font-weight: bold; float: left; width: 60px; padding: 4px 0 0; } #tmp_event_cal_refine_cnt fieldset ul{ float: left; margin: 0; color: #222633; background-color: #ffffff; padding: 9px 10px 5px 20px; width: 408px; list-style:none; } #tmp_event_cal_refine_cnt fieldset ul li{ position: relative; padding: 0 29px 0 0; margin: 0 0 0.8em; } #tmp_event_cal_refine_cnt fieldset ul li .btn_open_calendar{ position: absolute; right: 0; background: #ffffff url(site_gotokyo/images/icon/calendar.png) 0 0 no-repeat; color: #222633; width: 19px; height: 19px; top: 2px; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; text-indent: -999px; overflow: hidden; text-decoration: none; } #tmp_event_cal_refine_cnt fieldset ul li input{ width: 263px; float: right; border: 1px solid #757575; padding: 1px 10px; } #tmp_event_cal_refine_cnt fieldset ul li input.invalid, #tmp_event_cal_refine_cnt fieldset ul li input.error{ background-color: #f13c33; color: #ffffff; } #tmp_event_cal_refine_cnt fieldset ul li label{ font-size: 114.3%; font-weight: bold; padding: 3px 0 0; display: inline-block; } #tmp_event_cal_refine_btn{ width: 100%; float: left; text-align: center; } #tmp_event_cal_refine_btn #event_search_keyword{ font-size: 142.8%; font-weight: bold; color: #ffffff; background-color: #222633; border: none; width: 100%; display: inline-block; max-width: 360px; padding: 3px 10px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; cursor: pointer; } #tmp_event_cal_refine_btn #event_search_keyword:hover, #tmp_event_cal_refine_btn #event_search_keyword:active, #tmp_event_cal_refine_btn #event_search_keyword:focus{ background-color: #f13c33; } #tmp_event_cal_refine_cnt .event_area label{ float: left; width: 87px; font-weight: bold; font-size: 128.6%; padding: 5px 0 0 24px; } #tmp_event_cal_refine_cnt .event_area select{ width: 408px; font-weight: bold; font-size: 114.3%; padding: 7px 10px 7px 18px; border: none; float: right; } /* ================================================== contents ================================================== */ .gallery_container { width:960px; margin:60px auto 0; } #tmp_contents .gallery_container p { font-size:100%; } a.txt_red { color:#990000; text-decoration:none; } .gallery_main .col_main { padding:0; } .gallery_main #tmp_contents { background:url(templates/free/images/contents/gallery/gallery_contents_bg.gif) repeat-y left top; padding-bottom:0; } * html .gallery_main #tmp_contents { padding-bottom:0; } /* pnavi ============================== */ .gallery_main .pnavi { clear:both; position:fixed; right:10px; bottom:10px; padding:0 17px 0 0; } /* ================================================== navi ================================================== */ /* ynavi ============================== */ #tmp_contents #tmp_ynavi { width:150px; position:relative; z-index:1; float:left; margin:0 -150px 0 0; position:relative; } #tmp_contents #tmp_ynavi ul { margin:0; list-style:none; list-style-image:none; min-height:40em; height:auto !important; height:40em; } #tmp_contents #tmp_ynavi ul ul { display:none !important; } #tmp_contents #tmp_ynavi li { background:#EFEFEF url(templates/gotokyo_free/images/contents/gallery/nav_border.jpg) bottom center no-repeat; margin-bottom:0; } #tmp_contents #tmp_ynavi a { display:block; background:url(templates/gotokyo_free/images/contents/gallery/nav_bg.jpg) right 24px no-repeat; } #tmp_contents #tmp_ynavi a:hover { background-image:none; } #tmp_contents #tmp_ylist1 a, #tmp_contents #tmp_ylist2 a, #tmp_contents #tmp_ylist3 a, #tmp_contents #tmp_ylist4 a, #tmp_contents #tmp_ylist5 a, #tmp_contents #tmp_ylist6 a { width:150px; padding:7px 0 6px; text-align:center; color:#222633; background-color:transparent; text-decoration:none; } #tmp_contents #tmp_ynavi a:hover span { display:block; background-color:#222633; color:#FFFFFF; } /* #tmp_contents #tmp_ylist1 a, #tmp_contents #tmp_ylist1 a span { height:37px; } #tmp_contents #tmp_ylist2 a, #tmp_contents #tmp_ylist2 a span { height:39px; } #tmp_contents #tmp_ylist3 a, #tmp_contents #tmp_ylist3 a span { height:39px; } #tmp_contents #tmp_ylist4 a, #tmp_contents #tmp_ylist4 a span { height:42px; } #tmp_contents #tmp_ylist5 a, #tmp_contents #tmp_ylist5 a span { height:40px; } #tmp_contents #tmp_ylist6 a, #tmp_contents #tmp_ylist6 a span { height:40px; } */ #tmp_contents #tmp_ylist1.on a { background-position:-300px top; } #tmp_contents #tmp_ylist2.on a { background-position:-300px -37px; } #tmp_contents #tmp_ylist3.on a { background-position:-300px -76px; } #tmp_contents #tmp_ylist4.on a { background-position:-300px -115px; } #tmp_contents #tmp_ylist5.on a { background-position:-300px -157px; } #tmp_contents #tmp_ylist6.on a { background-position:-300px -197px; } /* #tmp_contents #tmp_ylist1 a { background-position:left top; } #tmp_contents #tmp_ylist1.active a, #tmp_contents #tmp_ylist1 a:hover, #tmp_contents #tmp_ylist1 a:focus { background-position:-150px top; } #tmp_contents #tmp_ylist2 a { background-position:left -37px; } #tmp_contents #tmp_ylist2.active a, #tmp_contents #tmp_ylist2 a:hover, #tmp_contents #tmp_ylist2 a:focus { background-position:-150px -37px; } #tmp_contents #tmp_ylist3 a { background-position:left -76px; } #tmp_contents #tmp_ylist3.active a, #tmp_contents #tmp_ylist3 a:hover, #tmp_contents #tmp_ylist3 a:focus { background-position:-150px -76px; } #tmp_contents #tmp_ylist4 a { background-position:left -115px; } #tmp_contents #tmp_ylist4.active a, #tmp_contents #tmp_ylist4 a:hover, #tmp_contents #tmp_ylist4 a:focus { background-position:-150px -115px; } #tmp_contents #tmp_ylist5 a { background-position:left -157px; } #tmp_contents #tmp_ylist5.active a, #tmp_contents #tmp_ylist5 a:hover, #tmp_contents #tmp_ylist5 a:focus { background-position:-150px -157px; } #tmp_contents #tmp_ylist6 a { background-position:left -197px; } #tmp_contents #tmp_ylist6.active a, #tmp_contents #tmp_ylist6 a:hover, #tmp_contents #tmp_ylist6 a:focus { background-position:-150px -197px; } */ #tmp_contents #tmp_ynavi ul li span { display:block; width:150px; overflow:hidden; padding:5px 5px 2px; } #tmp_contents #tmp_ynavi li li a { display:inline-block !important; height:auto !important; } #tmp_contents #tmp_ynavi li li a span { height:auto !important; } /* drop_down_hidden */ #tmp_contents #tmp_ynavi .drop_down_hidden { display:none; color:#FFFFFF; position:absolute; left:150px; top:-10px; z-index:10; background-color:rgba(0,0,0,0.85); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#DD000000, endcolorstr=#DD000000, gradienttype=0); } #tmp_contents #tmp_ynavi li:hover .drop_down_hidden { display:block; } /* #tmp_contents #tmp_ylist1 .drop_down_hidden { top:-10px; } #tmp_contents #tmp_ylist2 .drop_down_hidden { top:-47px; } #tmp_contents #tmp_ylist3 .drop_down_hidden { top:-86px; } #tmp_contents #tmp_ylist4 .drop_down_hidden { top:-125px; } #tmp_contents #tmp_ylist5 .drop_down_hidden { top:-167px; } #tmp_contents #tmp_ylist6 .drop_down_hidden { top:-207px; left:150px !important; right:auto !important; } */ #tmp_contents #tmp_ynavi .drop_down_hidden ul { display:block !important; padding:4px 0; font-size:114%; text-align:center; background-color:rgba(0,0,0,0.6); list-style:none; } #tmp_contents #tmp_ynavi .drop_down_hidden li { background:none; } #tmp_contents #tmp_ynavi .drop_down_hidden li a { padding:6px 30px; width:auto; text-decoration:none; color:#FFFFFF; background-color:transparent; background-image:none; } #tmp_contents #tmp_ynavi .drop_down_hidden li a:hover { text-decoration:underline; /* 東京マラソン */ /* SLIMBOX */ /* ================================================== ONE MORE STEP FROM TOKYO ================================================== */ /* ================================================== Profile of our Reps ================================================== */ /* Profile of our Reps ================================================== */ } /* ================================================== アニメマンガ ================================================== */ .anime_ad { display:block; background:url(site_gotokyo/images/icon/icon_spot_address.png) no-repeat left 0.5em; padding: 5px 20px; font-size: 90%; background-size:12px auto; } .anime_credit { display:block; background:url(templates/gotokyo_free/images/contents/anime/icon_ph.png) no-repeat left 0.5em; padding: 5px 20px; font-size: 90%; background-size:12px auto; } .google_map_location { height: 480px; } .section_map_location_list { padding-top:50px; } .btn_animeshowmore_wrap { margin: 50px auto; max-width: 1260px; width: 100%; padding: 0 60px; } .btn_animeshowmore { background:url(templates/gotokyo_free/images/contents/anime/bg_show.png) no-repeat center top; background-size:100% 100%; width: 100%; height: 100px; padding-left:95px; display: block; color: #FFF !important; text-decoration: none; font-size: 171%; } .lang_jp .btn_animeshowmore { font-family: Meiryo !important; } .btn_animeshowmore span { vertical-align: middle; display: table-cell; height: 100px; } #tmp_anime2 .slider_body_inner, #tmp_anime3 .slider_body_inner { padding-bottom:0 !important; } #tmp_contents #tmp_anime1 .section_ttl .section_ttl_h { float:none; } #tmp_contents #tmp_anime1 .section_ttl_s { padding-top:0; padding-bottom:0; } /* ================================================= anchor_horizontal_cnt =================================================== */ #tmp_contents .anchor_horizontal_cnt { clear:both; } #tmp_contents .anchor_horizontal_cnt ul { margin: 0; list-style: none; list-style-image: none; } #tmp_contents .anchor_horizontal_cnt li { display:inline-block; vertical-align:top; margin:0 10px 0.8em 0; } #tmp_contents .anchor_horizontal_cnt li a { color:#272727; background-color:#e5e5e5; background:#e5e5e5 url(templates/gotokyo_free/images/contents/icn_anchor_horizontal.png) no-repeat right center; text-decoration:none; font-size:92.8%; padding:8px 35px 5px 16px; border:1px solid #e5e5e5; border-radius:33px; display:block; font-weight: bold; } #tmp_contents .anchor_horizontal_cnt li a:active, #tmp_contents .anchor_horizontal_cnt li a:focus, #tmp_contents .anchor_horizontal_cnt li a:hover{ color: #e7001d; } /* ================================================== 東京旅行人気ランキング /th/best-attractions.html ================================================== */ #tmp_contents #tmp_famous_rank { max-width: 940px; width: 100%; margin: 0 auto; clear: both; } #tmp_contents #tmp_famous_rank p { padding: 0; margin: 0 0 0.8em; } #tmp_contents #tmp_famous_rank a { color:#AF0D21; text-decoration:none; } #tmp_contents #tmp_famous_rank a:hover { text-decoration:underline; } #tmp_contents #tmp_famous_rank h1, #tmp_contents #tmp_famous_rank h2, #tmp_contents #tmp_famous_rank h3 { background: none; border: none; } #tmp_contents #tmp_famous_rank h3 a { color:#AF0D21; background-color:transparent; text-decoration:none; } #tmp_contents #tmp_famous_rank h3 a:hover { text-decoration:underline; } #tmp_contents #tmp_famous_rank .top_ttl h2, #tmp_contents #tmp_famous_rank .top_lead p { padding: 0; height: 0; overflow: hidden; } #tmp_contents #tmp_famous_rank h2 { background-color: transparent; color: #ffffff; } #tmp_contents #tmp_famous_rank h3 { margin: 1.5em 0 0.8em; padding: 7px 10px 10px 0; } #tmp_contents #tmp_famous_rank #tmp_wrap_season h3 { text-align: center; } #tmp_contents #tmp_famous_rank #tmp_wrap_season .season_ttl a { color:#AF0D21; text-decoration:none; } #tmp_contents #tmp_famous_rank #tmp_wrap_season .season_ttl a:hover { text-decoration:underline; } #tmp_contents #tmp_famous_rank #tmp_wrap_top { padding-top: 40px; position: relative; } #tmp_contents #tmp_famous_rank .top_cnt { position: relative; z-index: 1; } #tmp_contents #tmp_famous_rank .top_lead { width: 620px; height: 156px; background: url(templates/gotokyo_free/images/contents/rank/lead_txt.png) no-repeat; margin: 0 auto 50px auto; } #tmp_contents #tmp_famous_rank .top_anc { max-width: 876px; width: 100%; margin: 0 auto 40px; background-color: #ffffff; } #tmp_contents #tmp_famous_rank .top_anc ul { list-style: none; margin: 0; padding: 10px 11px 0; letter-spacing: -.4em; text-align: center; } #tmp_contents #tmp_famous_rank .top_anc ul li { margin-bottom: 1px; display: inline-block; vertical-align: top; } #tmp_contents #tmp_famous_rank .top_anc ul li a { display: block; vertical-align: top; width:284px; height: 100px; margin-right: 1px; background: url(templates/gotokyo_free/images/contents/rank/anchor_th_area.jpg) no-repeat; overflow:hidden; letter-spacing: normal; } #tmp_contents #tmp_famous_rank .top_anc ul li.anc_spot a { background-image: url(templates/gotokyo_free/images/contents/rank/anchor_th_spot.jpg); margin-right: 0; } #tmp_contents #tmp_famous_rank .top_anc ul li.anc_common a { background-image: url(templates/gotokyo_free/images/contents/rank/anchor_th_common.jpg); margin-right: 0; } #tmp_contents #tmp_famous_rank .top_anc ul li.anc_model a { background-image: url(templates/gotokyo_free/images/contents/rank/anchor_th_model.jpg); } #tmp_contents #tmp_famous_rank .top_anc ul li.anc_season a { background-image: url(templates/gotokyo_free/images/contents/rank/anchor_th_season.jpg); } #tmp_contents #tmp_famous_rank .top_anc ul li.anc_souvenir a { background-image: url(templates/gotokyo_free/images/contents/rank/anchor_th_souvenir.jpg); } #tmp_contents #tmp_famous_rank .top_anc ul li:last-child a { margin-right: 0; } #tmp_contents #tmp_famous_rank .top_lead_txt { width: 850px; margin: 0 auto 40px; background-color: #ffffff; } #tmp_contents #tmp_famous_rank .fa_lead { color: #ffffff; background-color: transparent; width: 720px; width: 76.6%; margin: auto; margin-bottom: 30px; } #tmp_contents #tmp_famous_rank #tmp_wrap_area { background: url(templates/gotokyo_free/images/contents/rank/bg_lead2.jpg) no-repeat; background-size: 100% auto; padding-top: 170px; } #tmp_contents #tmp_famous_rank #tmp_wrap_spot { background: url(templates/gotokyo_free/images/contents/rank/bg_lead3.jpg) no-repeat; background-size: 100% auto; padding-top: 170px; } #tmp_contents #tmp_famous_rank #tmp_wrap_common { background: url(templates/gotokyo_free/images/contents/rank/bg_lead4.jpg) no-repeat; background-size: 100% auto; padding-top: 170px; } #tmp_contents #tmp_famous_rank #tmp_wrap_model { background: url(templates/gotokyo_free/images/contents/rank/bg_lead5.jpg) no-repeat; background-size: 100% auto; padding-top: 170px; } #tmp_contents #tmp_famous_rank #tmp_wrap_season { background: url(templates/gotokyo_free/images/contents/rank/bg_lead6.jpg) no-repeat; background-size: 100% auto; padding-top: 170px; } #tmp_contents #tmp_famous_rank #tmp_wrap_souvenir { background: url(templates/gotokyo_free/images/contents/rank/bg_lead7.jpg) no-repeat; background-size: 100% auto; padding-top: 183px; margin-bottom:60px; } #tmp_contents #tmp_famous_rank #tmp_wrap_area h2, #tmp_contents #tmp_famous_rank #tmp_wrap_spot h2, #tmp_contents #tmp_famous_rank #tmp_wrap_common h2, #tmp_contents #tmp_famous_rank #tmp_wrap_model h2, #tmp_contents #tmp_famous_rank #tmp_wrap_season h2, #tmp_contents #tmp_famous_rank #tmp_wrap_souvenir h2 { margin: 0 auto 15px auto; text-align: center; font-size: 263%; } #tmp_contents #tmp_famous_rank #tmp_wrap_souvenir h2 { margin-bottom:146px; } #tmp_contents #tmp_famous_rank .area_cnt { width: 92%; margin: auto; } #tmp_contents #tmp_famous_rank .fe_lead { width: 900px; margin-bottom: 20px; } #tmp_contents #tmp_famous_rank .more_link a { display: block; width: 40%; margin: 50px auto 60px auto; padding: 20px 10px 20px 30px; text-align: center; color: #333333; background: transparent; border: 2px solid #DB2A2A; text-decoration: none; } #tmp_contents #tmp_famous_rank .more_link a:hover { text-decoration: underline; } #tmp_contents #tmp_famous_rank .more_link a span { padding: 0 5%; background: url(templates/gotokyo_free/images/contents/rank/other_link_icon.gif) no-repeat left center; background-size: 10px auto; font-size: 114.3%; display: block; } #tmp_contents #tmp_famous_rank .more_link2 a { padding: 0 0 0 15px; background: url(templates/gotokyo_free/images/contents/rank/other_link_icon.gif) no-repeat left center; background-size: 10px auto; } #tmp_contents #tmp_famous_rank #tmp_wrap_common a { text-decoration: none; color: #D70B0B; } #tmp_contents #tmp_famous_rank #tmp_wrap_common a:hover { text-decoration:underline; } #tmp_contents #tmp_famous_rank .col2 .col2L { display:table; width:48.5%; margin-right:2%; float:left; } #tmp_contents #tmp_famous_rank .col2 .col2R { display:table; width:48.5%; float:left; } #tmp_contents #tmp_famous_rank .col3 { margin:0; } #tmp_contents #tmp_famous_rank .col3 .col3L, #tmp_contents #tmp_famous_rank .col3 .col3M { padding: 0; margin: 0; display:table; width:31.7%; margin-right:2%; float:left; } #tmp_contents #tmp_famous_rank .col3 .col3R { padding: 0; margin: 0; display:table; width:31.7%; float:left; } #tmp_contents #tmp_famous_rank .col3 a { display: inline; } #tmp_contents #tmp_famous_rank #tmp_wrap_common .col2L, #tmp_contents #tmp_famous_rank #tmp_wrap_common .col2R, #tmp_contents #tmp_famous_rank #tmp_wrap_common .col3L, #tmp_contents #tmp_famous_rank #tmp_wrap_common .col3M, #tmp_contents #tmp_famous_rank #tmp_wrap_common .col3R { border:5px solid #cccccc; margin-right: 30px; margin-bottom: 30px; width: 414px; margin-right: 3.5%; width: 48%; min-height: 410px; padding: 0 15px 10px; background: url(templates/gotokyo_free/images/contents/rank/bg_common.gif); } #tmp_contents #tmp_famous_rank #tmp_wrap_common h3 { padding-top: 150px; margin: 0; } #tmp_contents #tmp_famous_rank #tmp_wrap_common .col3L, #tmp_contents #tmp_famous_rank #tmp_wrap_common .col3M, #tmp_contents #tmp_famous_rank #tmp_wrap_common .col3R { width: 266px; width: 30.9%; margin-bottom: 60px; min-height: 435px; } #tmp_contents #tmp_famous_rank #tmp_wrap_common .col2L h3{ background: url(templates/gotokyo_free/images/contents/rank/common_icon1.jpg) no-repeat center 20px; } #tmp_contents #tmp_famous_rank #tmp_wrap_common .col2R h3{ background: url(templates/gotokyo_free/images/contents/rank/common_icon2.jpg) no-repeat center 20px; } #tmp_contents #tmp_famous_rank #tmp_wrap_common .col3L h3{ background: url(templates/gotokyo_free/images/contents/rank/common_icon3.jpg) no-repeat center 20px; } #tmp_contents #tmp_famous_rank #tmp_wrap_common .col3M h3{ background: url(templates/gotokyo_free/images/contents/rank/common_icon4.jpg) no-repeat center 20px; } #tmp_contents #tmp_famous_rank #tmp_wrap_common .col3R h3{ background: url(templates/gotokyo_free/images/contents/rank/common_icon5.jpg) no-repeat center 20px; } #tmp_contents #tmp_famous_rank #tmp_wrap_common .col2R, #tmp_contents #tmp_famous_rank #tmp_wrap_common .col3R { margin-right: 0; } #tmp_contents #tmp_famous_rank .top_ttl h2, #tmp_contents #tmp_famous_rank .top_ttl p, #tmp_contents #tmp_famous_rank .top_lead span, #tmp_contents #tmp_famous_rank .top_anc ul li span { padding: 0; height: 0; position: relative; z-index: -1; overflow:hidden; } #tmp_contents #tmp_famous_rank .other_info { padding: 20px 13% 20px; background-color: #eeeeee; color: #333333; font-size: 114.3%; width: auto; display: table; } #tmp_contents #tmp_famous_rank .other_info span { margin-right: 20px; } #tmp_contents #tmp_famous_rank .other_info a { display: table-cell; width: 330px; width: 54%; padding:30px 3% 30px 8%; background-color: #333333; color: #ffffff; } #tmp_contents #tmp_famous_rank .other_info a span { margin-right: 0; padding-right: 20%; background: url(templates/gotokyo_free/images/contents/rank/more_info_icon.jpg) no-repeat right center; background-size: 20px; display: block; } /* ================================================= 展覧会 =================================================== */ #tmp_contents #tmp_exhibition { clear:both; padding: 3em 0; } #tmp_contents #tmp_exhibition .wrap_exhibition { clear:both; margin: 3em 0 0; padding: 0 0 2em; border-bottom: 1px solid #cccccc; } #tmp_contents #tmp_exhibition .wrap_exhibition:first-child { margin: 2em 0 0; } #tmp_contents #tmp_exhibition .wrap_exhibition:last-child { border-bottom:none; } #tmp_contents #tmp_exhibition .wrap_exhibition p { padding: 0; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_img { width:25%; display:inline-block; vertical-align: top; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_img img { max-width: 100%; height: auto; max-height: 300px; width: auto; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_area { padding: 0 0 0 5%; display:inline-block; vertical-align: top; width: 70%; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_area a { color: #222633; text-decoration: none; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_area a:focus, #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_area a:hover { color: #f13c33; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_ttl { margin: 0 0 1em; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_ttl .ttl { font-size: 128.5%; font-weight: bold; display: inline-block; vertical-align: top; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_ttl .pricing { float: right; display: inline-block; vertical-align: top; } #tmp_contents #tmp_exhibition .wrap_exhibition .exhibition_cnt p { font-size: 114.2%; margin: 0 0 0.6em; } /* page_navi */ #tmp_contents #tmp_exhibition p.info { padding: 0; margin: 1em 0; } #tmp_contents #tmp_exhibition #tmp_search_navi { border-top:2px solid #cccccc; border-bottom:2px solid #cccccc; } #tmp_contents #tmp_exhibition #tmp_search_list_navi { display: inline-block; width: 20%; text-align: center; vertical-align: top; } #tmp_contents #tmp_exhibition #tmp_search_list_navi p { padding: 19px 0 20px; font-size: 114.3%; } #tmp_contents #tmp_exhibition #tmp_search_page_navi { display: inline-block; width: 70%; margin: 0 0 0 5%; vertical-align: top; } #tmp_contents #tmp_exhibition #tmp_search_page_navi ul { list-style:none; list-style-image:none; text-align:center; display:block; margin:0; padding:10px 0; } #tmp_contents #tmp_exhibition #tmp_search_page_navi ul li { display:inline-block; font-size:114.3%; margin:5px 3px; } #tmp_contents #tmp_exhibition #tmp_search_page_navi ul li a { padding:5px; border:1px solid #E4E4E4; background-color:#FFFFFF; color:#333333; text-decoration:none; display:block; } #tmp_contents #tmp_exhibition #tmp_search_page_navi ul .prev a, #tmp_contents #tmp_exhibition #tmp_search_page_navi ul .next a { border:1px solid #333333; background-color:#333333; color:#FFFFFF; padding:5px 20px; } #tmp_contents #tmp_exhibition #tmp_search_page_navi ul li.active a { border:1px solid #f13c33; background-color:#f13c33; color:#FFFFFF; } #tmp_contents #tmp_exhibition #tmp_search_page_navi2 { */ margin: 1em 0 0; border-top:2px solid #cccccc; border-bottom:2px solid #cccccc; } #tmp_contents #tmp_exhibition #tmp_search_page_navi2 ul { list-style:none; list-style-image:none; text-align:center; display:block; margin:0; padding:10px 0; } #tmp_contents #tmp_exhibition #tmp_search_page_navi2 ul li { display:inline-block; font-size:114.3%; margin:5px 3px; } #tmp_contents #tmp_exhibition #tmp_search_page_navi2 ul li a { padding:5px; border:1px solid #E4E4E4; background-color:#FFFFFF; color:#333333; text-decoration:none; display:block; } #tmp_contents #tmp_exhibition #tmp_search_page_navi2 ul .prev a, #tmp_contents #tmp_exhibition #tmp_search_page_navi2 ul .next a { border:1px solid #333333; background-color:#333333; color:#FFFFFF; padding:5px 20px; } #tmp_contents #tmp_exhibition #tmp_search_page_navi2 ul li.active a { border:1px solid #f13c33; background-color:#f13c33; color:#FFFFFF; } /* ================================================== 観光情報センター オンライン観光案内 ================================================== */ #tmp_contents #tmp_online_tourist { clear:both; } #tmp_contents #tmp_online_tourist .online_tourist_navi { margin: 1em 0 2em; } #tmp_contents #tmp_online_tourist .online_tourist_navi ul { list-style: none; list-style-image: none; letter-spacing: -.4em; margin: 0; } #tmp_contents #tmp_online_tourist .online_tourist_navi li { display: inline-block; vertical-align: top; letter-spacing: normal; margin: 0; } #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_navi2 li { width: 50%; } #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_navi2 li a { text-decoration: none; display: block; background-color: #54C3F1; text-align: center; color: #FFFFFF; border-right: 1px solid #FFFFFF; padding: 2px 0; font-size: 114.3%; } #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_navi2 li a.active, #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_navi2 li a:focus, #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_navi2 li a:hover { opacity: 0.6; } #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_navi4 li { width: 26%; padding: 0 4% 0 0; background: #FFFFFF url(templates/gotokyo_free/images/contents/online_tourist/guide_navi4_arr.jpg) no-repeat right 70px; background-size: 15% auto; } #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_navi4 li:last-child { padding: 0; width: 22%; background:none; } #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_navi5 li { width: 20%; padding: 0 1% 0 0; } #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_btn2 li { vertical-align: middle; } #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_btn2 li { width: 17%; text-align: right; } #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_btn2 li:first-child { width: 65%; text-align: left; } #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_btn2 li:first-child a.active, #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_btn2 li:first-child a:focus, #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_btn2 li:first-child a:hover { opacity: 0.6; } @media screen and (min-width : 741px) and (max-width : 1259px) { #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_btn2 li { width: auto; text-align: left; } #tmp_contents #tmp_online_tourist .online_tourist_navi.guide_btn2 li:first-child { width: 100%; } } #tmp_contents #tmp_online_tourist .online_tourist_list { list-style: none; list-style-image: none; margin: 0 0 2em; } #tmp_contents #tmp_online_tourist table .online_tourist_list { margin: 0; } #tmp_contents #tmp_online_tourist .online_tourist_list li { padding: 12px 0 10px 50px; margin: 0.5em 0; } #tmp_contents #tmp_online_tourist .online_tourist_list .icn_chrome { background: #FFFFFF url(templates/gotokyo_free/images/contents/online_tourist/icn_chrome.png) no-repeat left center; } #tmp_contents #tmp_online_tourist .online_tourist_list .icn_edge { background: #FFFFFF url(templates/gotokyo_free/images/contents/online_tourist/icn_edge.png) no-repeat left center; } #tmp_contents #tmp_online_tourist .online_tourist_list .icn_safari { background: #FFFFFF url(templates/gotokyo_free/images/contents/online_tourist/icn_safari.png) no-repeat left center; } #tmp_contents #tmp_online_tourist .online_tourist_list .icn_firefox { background: #FFFFFF url(templates/gotokyo_free/images/contents/online_tourist/icn_firefox.png) no-repeat left center; } #tmp_contents #tmp_online_tourist .online_tourist_cnt { margin: 3em auto 2em; } #tmp_contents #tmp_online_tourist .online_tourist_cnt .online_tourist_faq_cnt { border-left:1px solid #ececec; border-right:1px solid #ececec; border-bottom:1px solid #ececec; margin: 0 10px; } #tmp_contents #tmp_online_tourist .online_tourist_cnt .online_tourist_faq_cnt.no_border { border:none; } #tmp_contents #tmp_online_tourist .online_tourist_cnt .online_tourist_faq_cnt p { padding:0; margin: 0; } #tmp_contents #tmp_online_tourist .online_tourist_cnt h3, #tmp_contents #tmp_online_tourist .online_tourist_cnt .online_tourist_faq_q { background-color: #ececec; font-size: 114.3%; font-weight: normal; padding: 5px 10px; } #tmp_contents #tmp_online_tourist .online_tourist_cnt .online_tourist_faq_a { padding: 1.1em 10px 1.9em; } #tmp_contents #tmp_online_tourist .online_tourist_cnt h3 { margin:0 0 0.8em } #tmp_contents #tmp_online_tourist .online_tourist_cnt h3 a { color: #222633; text-decoration: none; background: #ececec url(templates/gotokyo_free/images/contents/online_tourist/icn_open.png) no-repeat right center; display: block; padding: 2px 0; } #tmp_contents #tmp_online_tourist .online_tourist_cnt h3 a.active { color: #222633; background: #ececec url(templates/gotokyo_free/images/contents/online_tourist/icn_close.png) no-repeat right center; } #tmp_contents #tmp_online_tourist .online_tourist_cnt .online_tourist_faq_a { } #tmp_contents #tmp_online_tourist .online_tourist_cnt .online_tourist_faq_a table td { vertical-align: top; } #tmp_contents #tmp_online_tourist .online_tourist_cnt .online_tourist_faq_a table td:first-child { width: 10%; text-align: right; } .lang_en #tmp_contents #tmp_online_tourist .online_tourist_cnt .online_tourist_faq_a table td:first-child { width: 18%; } .lang_de #tmp_contents #tmp_online_tourist .online_tourist_cnt .online_tourist_faq_a table td:first-child { width: 28%; } .lang_it #tmp_contents #tmp_online_tourist .online_tourist_cnt .online_tourist_faq_a table td:first-child { width: 22%; } .lang_es #tmp_contents #tmp_online_tourist .online_tourist_cnt .online_tourist_faq_a table td:first-child { width: 25%; } .lang_fr #tmp_contents #tmp_online_tourist .online_tourist_cnt .online_tourist_faq_a table td:first-child { width: 20%; } .lang_th #tmp_contents #tmp_online_tourist .online_tourist_cnt .online_tourist_faq_a table td:first-child { width: 16%; } #tmp_contents #tmp_online_tourist .online_tourist_cnt h4 { border-bottom: 1px solid #222633; font-weight: bold; } #tmp_contents #tmp_online_tourist .online_tourist_cnt p { padding: 0; margin: 0 0 0.8em; } #tmp_contents #tmp_online_tourist .online_tourist_cnt .ttl { font-weight: bold; padding: 0; margin: 0; } #tmp_contents #tmp_online_tourist .online_tourist_cnt .online_tourist_box { border: 1px solid #222633; padding: 10px 15px 5px; margin: 0 0 0.8em; } /* ================================================== ガイドサービスページへ動画の挿入 ================================================== */ #tmp_contents .left_block a[target="_blank"].no_icon:after { display: none; } /* ================================================== clearfix ================================================== */ /* for modern browser */ #tmp_map:after, #tmp_contents #tmp_facilities_btn:after, #tmp_contents #tmp_facilities_btn ul:after, #tmp_event_cal_tab:after, #tmp_event_cal_tab ul:after, #tmp_event_cal_refine:after, #tmp_event_cal_refine_ttl:after, #tmp_event_cal_refine_cnt:after, #tmp_event_cal_refine_cnt dl:after, #tmp_event_cal_refine_cnt dd:after, #tmp_event_cal_refine_cnt dd ul:after, #tmp_event_main:after, #tmp_contents .event_col3:after, #tmp_lnavi_event_cal:after, #tmp_lnavi_event_cal_ttl:after, #tmp_lnavi_event_cal_cnt:after, #tmp_lnavi_event_cal .cal_navi:after, #tmp_contents .mod_btn_horizontal .horizontal_cnt ul:after, #tmp_contents .mod_grid_accordion ul:after, #tmp_event_cal_refine_cnt fieldset:after, #tmp_event_cal_refine_cnt fieldset ul li:after { content: ""; /* Do not edit */ display: table; /* Do not edit */ clear: both; /* Do not edit */ } /* ================================================== clearfix ================================================== */ /* for modern browser */ #tmp_contents #tmp_gallery_search_cnt:after, #tmp_contents #tmp_search_result_list:after, #tmp_contents #tmp_gallery_photo:after, .gallery_container:after, #tmp_photo_search_ttl:after, #tmp_photo_search_cnt:after, .box_result_list:after, #tmp_contents .search_info:after, #tmp_contents .section_locals_spot .locals_items_cnt:after, .section_locals_spot .locals_items_cnt:after, #tmp_contents #tmp_one_more_step .question_box1:after, #tmp_contents #tmp_one_more_step .answear_box1:after, #tmp_contents #tmp_one_more_step .question_box2:after, #tmp_contents #tmp_one_more_step .answear_box2:after, #tmp_contents #tmp_one_more_step .question_box3:after, #tmp_contents #tmp_one_more_step .answear_box3:after, #tmp_contents #tmp_one_more_step .question_box4:after, #tmp_contents #tmp_one_more_step .answear_box4:after, #tmp_contents ul.city_list:after, #tmp_contents .company_list_col2:after, #tmp_contents .company_list_col3:after, #tmp_contents .hotel_ta_area:after, #tmp_contents #tmp_exhibition .wrap_exhibition:after, #tmp_contents #tmp_famous_rank .top_anc ul:after { content:"."; /* 変更しなぁE*/ display:block; /* 変更しなぁE*/ height:0; /* 変更しなぁE*/ font-size:0.1%; /* 変更しなぁE*/ line-height:0.1; /* 変更しなぁE*/ clear:both; /* 変更しなぁE*/ visibility:hidden; /* 変更しなぁE*/ } /* for IE7.0 */ *:first-child+html #tmp_contents #tmp_gallery_search_cnt, *:first-child+html #tmp_contents #tmp_search_result_list, *:first-child+html #tmp_contents #tmp_gallery_photo, *:first-child+html #tmp_contents .section_locals_spot .locals_items_cnt, *:first-child+html .section_locals_spot .locals_items_cnt, *:first-child+html #tmp_contents ul.city_list, *:first-child+html #tmp_contents .company_list_col2, *:first-child+html #tmp_contents .company_list_col3, *:first-child+html #tmp_contents .hotel_ta_area, *:first-child+html #tmp_contents #tmp_exhibition .wrap_exhibition, *:first-child+html #tmp_contents #tmp_famous_rank .top_anc ul { min-height:1%; /* 変更しなぁE*/ } /* for IE6.0 */ * html #tmp_contents #tmp_gallery_search_cnt, * html #tmp_contents #tmp_search_result_list, * html #tmp_contents #tmp_gallery_photo, * html #tmp_contents .section_locals_spot .locals_items_cnt, * html .section_locals_spot .locals_items_cnt, * html #tmp_contents ul.city_list, * html #tmp_contents .company_list_col2, * html #tmp_contents .company_list_col3, * html #tmp_contents .hotel_ta_area, * html #tmp_contents #tmp_exhibition .wrap_exhibition, * html #tmp_contents #tmp_famous_rank .top_anc ul { display:inline-block; /* 変更しなぁE*/ } /* for Firefox */ /* ================================================== print ================================================== */ @media print { body { background:#FFFFFF !important; } #tmp_wrapper { width:100% !important; } #tmp_header { margin-bottom:10px !important; padding-bottom:10px !important; color:#222633 !important; background:#FFFFFF !important; border-bottom:1px solid #222633 !important; } #tmp_footer { margin-top:10px !important; padding-top:10px !important; color:#222633 !important; background:#FFFFFF !important; border-top:1px solid #222633 !important; } .gnavi, .wrap_col_lft_navi, .wrap_col_rgt_navi, .pnavi, .fnavi, .plugin, #tmp_social_plugins, #tmp_inquiry_cnt .inquiry_btn, #tmp_feedback, #tmp_pankuzu, #tmp_means { display:none !important; } .wrap_col_nm, .column_lnavi .wrap_col_main, .column_rnavi .wrap_col_main { float:none !important; } body, #tmp_pankuzu { background:none !important; } .wrap_col_nm, .wrap_col_nm2, .col_main { margin:0 !important; padding:0 !important; } #tmp_contents .box_gmap { margin:0; padding:170px 0 0 0; position:relative; top:-170px; page-break-before:always; } .copyright { text-align:left !important; } #tmp_main:after, .col_nm:after { content:"."; /* Do not edit */ height:1px; /* Do not edit */ } #tmp_header { position:static !important; top: auto !important; right: auto !important; left: auto !important; z-index: auto !important; } #tmp_header > .container { padding: 10px 4.7619% 0 !important; } .section_banner_top { margin-top:0 !important; } #tmp_hlogo, #tmp_hlogo * { background: #ffffff !important; color: #333333 !important; } #tmp_hlogo a, #tmp_hlogo h1, #tmp_hlogo p { width: auto !important; height: auto !important; } #tmp_hlogo h1 span, #tmp_hlogo p span { width: auto !important; height: auto !important; position: static !important; z-index: auto !important; overflow: visible !important; text-indent: initial !important; } }