html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline} html{line-height:1} ol,ul{list-style:none} table{border-collapse:collapse;border-spacing:0} caption,th,td{text-align:left;font-weight:normal;vertical-align:middle} q,blockquote{quotes:none} q:before,q:after,blockquote:before,blockquote:after{content:"";content:none} a img{border:none} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block} /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url("../fonts/fontawesome-webfont.eot?v=4.3.0");src:url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal} .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)} .fa-lg{font-size:1.33333em;line-height:0.75em;vertical-align:-15%} .fa-2x{font-size:2em} .fa-3x{font-size:3em} .fa-4x{font-size:4em} .fa-5x{font-size:5em} .fa-fw{width:1.28571em;text-align:center} .fa-ul{padding-left:0;margin-left:2.14286em;list-style-type:none} .fa-ul>li{position:relative} .fa-li{position:absolute;left:-2.14286em;width:2.14286em;top:0.14286em;text-align:center} .fa-li.fa-lg{left:-1.85714em} .fa-border{padding:.2em .25em .15em;border:solid 0.08em #eee;border-radius:.1em} .pull-right{float:right} .pull-left{float:left} .fa.pull-left{margin-right:.3em} .fa.pull-right{margin-left:.3em} .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear} .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)} @-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)} } @keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)} } .fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)} .fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)} .fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)} :root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none} .fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle} .fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center} .fa-stack-1x{line-height:inherit} .fa-stack-2x{font-size:2em} .fa-inverse{color:#fff} .fa-glass:before{content:""} .fa-music:before{content:""} .fa-search:before{content:""} .fa-envelope-o:before{content:""} .fa-heart:before{content:""} .fa-star:before{content:""} .fa-star-o:before{content:""} .fa-user:before{content:""} .fa-film:before{content:""} .fa-th-large:before{content:""} .fa-th:before{content:""} .fa-th-list:before{content:""} .fa-check:before{content:""} .fa-remove:before,.fa-close:before,.fa-times:before{content:""} .fa-search-plus:before{content:""} .fa-search-minus:before{content:""} .fa-power-off:before{content:""} .fa-signal:before{content:""} .fa-gear:before,.fa-cog:before{content:""} .fa-trash-o:before{content:""} .fa-home:before{content:""} .fa-file-o:before{content:""} .fa-clock-o:before{content:""} .fa-road:before{content:""} .fa-download:before{content:""} .fa-arrow-circle-o-down:before{content:""} .fa-arrow-circle-o-up:before{content:""} .fa-inbox:before{content:""} .fa-play-circle-o:before{content:""} .fa-rotate-right:before,.fa-repeat:before{content:""} .fa-refresh:before{content:""} .fa-list-alt:before{content:""} .fa-lock:before{content:""} .fa-flag:before{content:""} .fa-headphones:before{content:""} .fa-volume-off:before{content:""} .fa-volume-down:before{content:""} .fa-volume-up:before{content:""} .fa-qrcode:before{content:""} .fa-barcode:before{content:""} .fa-tag:before{content:""} .fa-tags:before{content:""} .fa-book:before{content:""} .fa-bookmark:before{content:""} .fa-print:before{content:""} .fa-camera:before{content:""} .fa-font:before{content:""} .fa-bold:before{content:""} .fa-italic:before{content:""} .fa-text-height:before{content:""} .fa-text-width:before{content:""} .fa-align-left:before{content:""} .fa-align-center:before{content:""} .fa-align-right:before{content:""} .fa-align-justify:before{content:""} .fa-list:before{content:""} .fa-dedent:before,.fa-outdent:before{content:""} .fa-indent:before{content:""} .fa-video-camera:before{content:""} .fa-photo:before,.fa-image:before,.fa-picture-o:before{content:""} .fa-pencil:before{content:""} .fa-map-marker:before{content:""} .fa-adjust:before{content:""} .fa-tint:before{content:""} .fa-edit:before,.fa-pencil-square-o:before{content:""} .fa-share-square-o:before{content:""} .fa-check-square-o:before{content:""} .fa-arrows:before{content:""} .fa-step-backward:before{content:""} .fa-fast-backward:before{content:""} .fa-backward:before{content:""} .fa-play:before{content:""} .fa-pause:before{content:""} .fa-stop:before{content:""} .fa-forward:before{content:""} .fa-fast-forward:before{content:""} .fa-step-forward:before{content:""} .fa-eject:before{content:""} .fa-chevron-left:before{content:""} .fa-chevron-right:before{content:""} .fa-plus-circle:before{content:""} .fa-minus-circle:before{content:""} .fa-times-circle:before{content:""} .fa-check-circle:before{content:""} .fa-question-circle:before{content:""} .fa-info-circle:before{content:""} .fa-crosshairs:before{content:""} .fa-times-circle-o:before{content:""} .fa-check-circle-o:before{content:""} .fa-ban:before{content:""} .fa-arrow-left:before{content:""} .fa-arrow-right:before{content:""} .fa-arrow-up:before{content:""} .fa-arrow-down:before{content:""} .fa-mail-forward:before,.fa-share:before{content:""} .fa-expand:before{content:""} .fa-compress:before{content:""} .fa-plus:before{content:""} .fa-minus:before{content:""} .fa-asterisk:before{content:""} .fa-exclamation-circle:before{content:""} .fa-gift:before{content:""} .fa-leaf:before{content:""} .fa-fire:before{content:""} .fa-eye:before{content:""} .fa-eye-slash:before{content:""} .fa-warning:before,.fa-exclamation-triangle:before{content:""} .fa-plane:before{content:""} .fa-calendar:before{content:""} .fa-random:before{content:""} .fa-comment:before{content:""} .fa-magnet:before{content:""} .fa-chevron-up:before{content:""} .fa-chevron-down:before{content:""} .fa-retweet:before{content:""} .fa-shopping-cart:before{content:""} .fa-folder:before{content:""} .fa-folder-open:before{content:""} .fa-arrows-v:before{content:""} .fa-arrows-h:before{content:""} .fa-bar-chart-o:before,.fa-bar-chart:before{content:""} .fa-twitter-square:before{content:""} .fa-facebook-square:before{content:""} .fa-camera-retro:before{content:""} .fa-key:before{content:""} .fa-gears:before,.fa-cogs:before{content:""} .fa-comments:before{content:""} .fa-thumbs-o-up:before{content:""} .fa-thumbs-o-down:before{content:""} .fa-star-half:before{content:""} .fa-heart-o:before{content:""} .fa-sign-out:before{content:""} .fa-linkedin-square:before{content:""} .fa-thumb-tack:before{content:""} .fa-external-link:before{content:""} .fa-sign-in:before{content:""} .fa-trophy:before{content:""} .fa-github-square:before{content:""} .fa-upload:before{content:""} .fa-lemon-o:before{content:""} .fa-phone:before{content:""} .fa-square-o:before{content:""} .fa-bookmark-o:before{content:""} .fa-phone-square:before{content:""} .fa-twitter:before{content:""} .fa-facebook-f:before,.fa-facebook:before{content:""} .fa-github:before{content:""} .fa-unlock:before{content:""} .fa-credit-card:before{content:""} .fa-rss:before{content:""} .fa-hdd-o:before{content:""} .fa-bullhorn:before{content:""} .fa-bell:before{content:""} .fa-certificate:before{content:""} .fa-hand-o-right:before{content:""} .fa-hand-o-left:before{content:""} .fa-hand-o-up:before{content:""} .fa-hand-o-down:before{content:""} .fa-arrow-circle-left:before{content:""} .fa-arrow-circle-right:before{content:""} .fa-arrow-circle-up:before{content:""} .fa-arrow-circle-down:before{content:""} .fa-globe:before{content:""} .fa-wrench:before{content:""} .fa-tasks:before{content:""} .fa-filter:before{content:""} .fa-briefcase:before{content:""} .fa-arrows-alt:before{content:""} .fa-group:before,.fa-users:before{content:""} .fa-chain:before,.fa-link:before{content:""} .fa-cloud:before{content:""} .fa-flask:before{content:""} .fa-cut:before,.fa-scissors:before{content:""} .fa-copy:before,.fa-files-o:before{content:""} .fa-paperclip:before{content:""} .fa-save:before,.fa-floppy-o:before{content:""} .fa-square:before{content:""} .fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:""} .fa-list-ul:before{content:""} .fa-list-ol:before{content:""} .fa-strikethrough:before{content:""} .fa-underline:before{content:""} .fa-table:before{content:""} .fa-magic:before{content:""} .fa-truck:before{content:""} .fa-pinterest:before{content:""} .fa-pinterest-square:before{content:""} .fa-google-plus-square:before{content:""} .fa-google-plus:before{content:""} .fa-money:before{content:""} .fa-caret-down:before{content:""} .fa-caret-up:before{content:""} .fa-caret-left:before{content:""} .fa-caret-right:before{content:""} .fa-columns:before{content:""} .fa-unsorted:before,.fa-sort:before{content:""} .fa-sort-down:before,.fa-sort-desc:before{content:""} .fa-sort-up:before,.fa-sort-asc:before{content:""} .fa-envelope:before{content:""} .fa-linkedin:before{content:""} .fa-rotate-left:before,.fa-undo:before{content:""} .fa-legal:before,.fa-gavel:before{content:""} .fa-dashboard:before,.fa-tachometer:before{content:""} .fa-comment-o:before{content:""} .fa-comments-o:before{content:""} .fa-flash:before,.fa-bolt:before{content:""} .fa-sitemap:before{content:""} .fa-umbrella:before{content:""} .fa-paste:before,.fa-clipboard:before{content:""} .fa-lightbulb-o:before{content:""} .fa-exchange:before{content:""} .fa-cloud-download:before{content:""} .fa-cloud-upload:before{content:""} .fa-user-md:before{content:""} .fa-stethoscope:before{content:""} .fa-suitcase:before{content:""} .fa-bell-o:before{content:""} .fa-coffee:before{content:""} .fa-cutlery:before{content:""} .fa-file-text-o:before{content:""} .fa-building-o:before{content:""} .fa-hospital-o:before{content:""} .fa-ambulance:before{content:""} .fa-medkit:before{content:""} .fa-fighter-jet:before{content:""} .fa-beer:before{content:""} .fa-h-square:before{content:""} .fa-plus-square:before{content:""} .fa-angle-double-left:before{content:""} .fa-angle-double-right:before{content:""} .fa-angle-double-up:before{content:""} .fa-angle-double-down:before{content:""} .fa-angle-left:before{content:""} .fa-angle-right:before{content:""} .fa-angle-up:before{content:""} .fa-angle-down:before{content:""} .fa-desktop:before{content:""} .fa-laptop:before{content:""} .fa-tablet:before{content:""} .fa-mobile-phone:before,.fa-mobile:before{content:""} .fa-circle-o:before{content:""} .fa-quote-left:before{content:""} .fa-quote-right:before{content:""} .fa-spinner:before{content:""} .fa-circle:before{content:""} .fa-mail-reply:before,.fa-reply:before{content:""} .fa-github-alt:before{content:""} .fa-folder-o:before{content:""} .fa-folder-open-o:before{content:""} .fa-smile-o:before{content:""} .fa-frown-o:before{content:""} .fa-meh-o:before{content:""} .fa-gamepad:before{content:""} .fa-keyboard-o:before{content:""} .fa-flag-o:before{content:""} .fa-flag-checkered:before{content:""} .fa-terminal:before{content:""} .fa-code:before{content:""} .fa-mail-reply-all:before,.fa-reply-all:before{content:""} .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:""} .fa-location-arrow:before{content:""} .fa-crop:before{content:""} .fa-code-fork:before{content:""} .fa-unlink:before,.fa-chain-broken:before{content:""} .fa-question:before{content:""} .fa-info:before{content:""} .fa-exclamation:before{content:""} .fa-superscript:before{content:""} .fa-subscript:before{content:""} .fa-eraser:before{content:""} .fa-puzzle-piece:before{content:""} .fa-microphone:before{content:""} .fa-microphone-slash:before{content:""} .fa-shield:before{content:""} .fa-calendar-o:before{content:""} .fa-fire-extinguisher:before{content:""} .fa-rocket:before{content:""} .fa-maxcdn:before{content:""} .fa-chevron-circle-left:before{content:""} .fa-chevron-circle-right:before{content:""} .fa-chevron-circle-up:before{content:""} .fa-chevron-circle-down:before{content:""} .fa-html5:before{content:""} .fa-css3:before{content:""} .fa-anchor:before{content:""} .fa-unlock-alt:before{content:""} .fa-bullseye:before{content:""} .fa-ellipsis-h:before{content:""} .fa-ellipsis-v:before{content:""} .fa-rss-square:before{content:""} .fa-play-circle:before{content:""} .fa-ticket:before{content:""} .fa-minus-square:before{content:""} .fa-minus-square-o:before{content:""} .fa-level-up:before{content:""} .fa-level-down:before{content:""} .fa-check-square:before{content:""} .fa-pencil-square:before{content:""} .fa-external-link-square:before{content:""} .fa-share-square:before{content:""} .fa-compass:before{content:""} .fa-toggle-down:before,.fa-caret-square-o-down:before{content:""} .fa-toggle-up:before,.fa-caret-square-o-up:before{content:""} .fa-toggle-right:before,.fa-caret-square-o-right:before{content:""} .fa-euro:before,.fa-eur:before{content:""} .fa-gbp:before{content:""} .fa-dollar:before,.fa-usd:before{content:""} .fa-rupee:before,.fa-inr:before{content:""} .fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:""} .fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:""} .fa-won:before,.fa-krw:before{content:""} .fa-bitcoin:before,.fa-btc:before{content:""} .fa-file:before{content:""} .fa-file-text:before{content:""} .fa-sort-alpha-asc:before{content:""} .fa-sort-alpha-desc:before{content:""} .fa-sort-amount-asc:before{content:""} .fa-sort-amount-desc:before{content:""} .fa-sort-numeric-asc:before{content:""} .fa-sort-numeric-desc:before{content:""} .fa-thumbs-up:before{content:""} .fa-thumbs-down:before{content:""} .fa-youtube-square:before{content:""} .fa-youtube:before{content:""} .fa-xing:before{content:""} .fa-xing-square:before{content:""} .fa-youtube-play:before{content:""} .fa-dropbox:before{content:""} .fa-stack-overflow:before{content:""} .fa-instagram:before{content:""} .fa-flickr:before{content:""} .fa-adn:before{content:""} .fa-bitbucket:before{content:""} .fa-bitbucket-square:before{content:""} .fa-tumblr:before{content:""} .fa-tumblr-square:before{content:""} .fa-long-arrow-down:before{content:""} .fa-long-arrow-up:before{content:""} .fa-long-arrow-left:before{content:""} .fa-long-arrow-right:before{content:""} .fa-apple:before{content:""} .fa-windows:before{content:""} .fa-android:before{content:""} .fa-linux:before{content:""} .fa-dribbble:before{content:""} .fa-skype:before{content:""} .fa-foursquare:before{content:""} .fa-trello:before{content:""} .fa-female:before{content:""} .fa-male:before{content:""} .fa-gittip:before,.fa-gratipay:before{content:""} .fa-sun-o:before{content:""} .fa-moon-o:before{content:""} .fa-archive:before{content:""} .fa-bug:before{content:""} .fa-vk:before{content:""} .fa-weibo:before{content:""} .fa-renren:before{content:""} .fa-pagelines:before{content:""} .fa-stack-exchange:before{content:""} .fa-arrow-circle-o-right:before{content:""} .fa-arrow-circle-o-left:before{content:""} .fa-toggle-left:before,.fa-caret-square-o-left:before{content:""} .fa-dot-circle-o:before{content:""} .fa-wheelchair:before{content:""} .fa-vimeo-square:before{content:""} .fa-turkish-lira:before,.fa-try:before{content:""} .fa-plus-square-o:before{content:""} .fa-space-shuttle:before{content:""} .fa-slack:before{content:""} .fa-envelope-square:before{content:""} .fa-wordpress:before{content:""} .fa-openid:before{content:""} .fa-institution:before,.fa-bank:before,.fa-university:before{content:""} .fa-mortar-board:before,.fa-graduation-cap:before{content:""} .fa-yahoo:before{content:""} .fa-google:before{content:""} .fa-reddit:before{content:""} .fa-reddit-square:before{content:""} .fa-stumbleupon-circle:before{content:""} .fa-stumbleupon:before{content:""} .fa-delicious:before{content:""} .fa-digg:before{content:""} .fa-pied-piper:before{content:""} .fa-pied-piper-alt:before{content:""} .fa-drupal:before{content:""} .fa-joomla:before{content:""} .fa-language:before{content:""} .fa-fax:before{content:""} .fa-building:before{content:""} .fa-child:before{content:""} .fa-paw:before{content:""} .fa-spoon:before{content:""} .fa-cube:before{content:""} .fa-cubes:before{content:""} .fa-behance:before{content:""} .fa-behance-square:before{content:""} .fa-steam:before{content:""} .fa-steam-square:before{content:""} .fa-recycle:before{content:""} .fa-automobile:before,.fa-car:before{content:""} .fa-cab:before,.fa-taxi:before{content:""} .fa-tree:before{content:""} .fa-spotify:before{content:""} .fa-deviantart:before{content:""} .fa-soundcloud:before{content:""} .fa-database:before{content:""} .fa-file-pdf-o:before{content:""} .fa-file-word-o:before{content:""} .fa-file-excel-o:before{content:""} .fa-file-powerpoint-o:before{content:""} .fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:""} .fa-file-zip-o:before,.fa-file-archive-o:before{content:""} .fa-file-sound-o:before,.fa-file-audio-o:before{content:""} .fa-file-movie-o:before,.fa-file-video-o:before{content:""} .fa-file-code-o:before{content:""} .fa-vine:before{content:""} .fa-codepen:before{content:""} .fa-jsfiddle:before{content:""} .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:""} .fa-circle-o-notch:before{content:""} .fa-ra:before,.fa-rebel:before{content:""} .fa-ge:before,.fa-empire:before{content:""} .fa-git-square:before{content:""} .fa-git:before{content:""} .fa-hacker-news:before{content:""} .fa-tencent-weibo:before{content:""} .fa-qq:before{content:""} .fa-wechat:before,.fa-weixin:before{content:""} .fa-send:before,.fa-paper-plane:before{content:""} .fa-send-o:before,.fa-paper-plane-o:before{content:""} .fa-history:before{content:""} .fa-genderless:before,.fa-circle-thin:before{content:""} .fa-header:before{content:""} .fa-paragraph:before{content:""} .fa-sliders:before{content:""} .fa-share-alt:before{content:""} .fa-share-alt-square:before{content:""} .fa-bomb:before{content:""} .fa-soccer-ball-o:before,.fa-futbol-o:before{content:""} .fa-tty:before{content:""} .fa-binoculars:before{content:""} .fa-plug:before{content:""} .fa-slideshare:before{content:""} .fa-twitch:before{content:""} .fa-yelp:before{content:""} .fa-newspaper-o:before{content:""} .fa-wifi:before{content:""} .fa-calculator:before{content:""} .fa-paypal:before{content:""} .fa-google-wallet:before{content:""} .fa-cc-visa:before{content:""} .fa-cc-mastercard:before{content:""} .fa-cc-discover:before{content:""} .fa-cc-amex:before{content:""} .fa-cc-paypal:before{content:""} .fa-cc-stripe:before{content:""} .fa-bell-slash:before{content:""} .fa-bell-slash-o:before{content:""} .fa-trash:before{content:""} .fa-copyright:before{content:""} .fa-at:before{content:""} .fa-eyedropper:before{content:""} .fa-paint-brush:before{content:""} .fa-birthday-cake:before{content:""} .fa-area-chart:before{content:""} .fa-pie-chart:before{content:""} .fa-line-chart:before{content:""} .fa-lastfm:before{content:""} .fa-lastfm-square:before{content:""} .fa-toggle-off:before{content:""} .fa-toggle-on:before{content:""} .fa-bicycle:before{content:""} .fa-bus:before{content:""} .fa-ioxhost:before{content:""} .fa-angellist:before{content:""} .fa-cc:before{content:""} .fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:""} .fa-meanpath:before{content:""} .fa-buysellads:before{content:""} .fa-connectdevelop:before{content:""} .fa-dashcube:before{content:""} .fa-forumbee:before{content:""} .fa-leanpub:before{content:""} .fa-sellsy:before{content:""} .fa-shirtsinbulk:before{content:""} .fa-simplybuilt:before{content:""} .fa-skyatlas:before{content:""} .fa-cart-plus:before{content:""} .fa-cart-arrow-down:before{content:""} .fa-diamond:before{content:""} .fa-ship:before{content:""} .fa-user-secret:before{content:""} .fa-motorcycle:before{content:""} .fa-street-view:before{content:""} .fa-heartbeat:before{content:""} .fa-venus:before{content:""} .fa-mars:before{content:""} .fa-mercury:before{content:""} .fa-transgender:before{content:""} .fa-transgender-alt:before{content:""} .fa-venus-double:before{content:""} .fa-mars-double:before{content:""} .fa-venus-mars:before{content:""} .fa-mars-stroke:before{content:""} .fa-mars-stroke-v:before{content:""} .fa-mars-stroke-h:before{content:""} .fa-neuter:before{content:""} .fa-facebook-official:before{content:""} .fa-pinterest-p:before{content:""} .fa-whatsapp:before{content:""} .fa-server:before{content:""} .fa-user-plus:before{content:""} .fa-user-times:before{content:""} .fa-hotel:before,.fa-bed:before{content:""} .fa-viacoin:before{content:""} .fa-train:before{content:""} .fa-subway:before{content:""} .fa-medium:before{content:""} @-moz-keyframes three-quarters-loader{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)} 100%{-moz-transform:rotate(360deg);transform:rotate(360deg)} } @-webkit-keyframes three-quarters-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes three-quarters-loader{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)} } .three-quarters-loader:not(:required){-moz-animation:three-quarters-loader 1250ms infinite linear;-webkit-animation:three-quarters-loader 1250ms infinite linear;animation:three-quarters-loader 1250ms infinite linear;border:15px solid #000;border-right-color:transparent;border-radius:30px;box-sizing:border-box;display:inline-block;position:relative;overflow:hidden;text-indent:-9999px;width:60px;height:60px} html,body{height:100%} body{font-size:13px;font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;line-height:1.5;color:#333;background-color:#FFF;-webkit-font-smoothing:antialiased} a{color:#333;text-decoration:none} img{vertical-align:bottom} button{-moz-appearance:none;-webkit-appearance:none;background:none;margin:0;padding:0;outline:none;border:none;cursor:pointer} @media screen and (min-width: 867px){body{min-width:1024px} } @media screen and (max-width: 867px -1){body{min-width:inherit} } .mod-loader .mod-loader-shapes{z-index:100000;width:100%;height:100%;position:fixed;left:0;top:0;*zoom:1} .mod-loader .mod-loader-shapes:after{content:"";display:table;clear:both} .mod-loader .mod-loader-shapes>div{width:5%;height:100%;float:left;background-color:#fff;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;-webkit-transition:all 500ms ease;transition:all 500ms ease} .mod-loader .mod-loader-rotate{z-index:100001;position:fixed;top:50%;left:50%;margin:-30px 0 0 -30px} .ielte9 .mod-loader .mod-loader-rotate:before{content:'Loading...';text-align:center} .mod-loader.mod-loader-loaded .mod-loader-shapes>div{-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0)} .mod-loader.mod-loader-loaded .mod-loader-rotate{display:none} .ielte9 .mod-loader.mod-loader-loaded{display:none} .mod-logo-container{z-index:10;background-color:#000;text-align:center} .mod-logo-container .title{color:#fff;letter-spacing:1px;text-shadow:0 0 20px #fff} @media screen and (min-width: 867px){.mod-logo-container{width:174px;height:174px;position:fixed;left:28px;top:10px;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPjxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');background-size:100%;background-image:-webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, rgba(255,255,255,0.15)),color-stop(50%, rgba(255,255,255,0.15)),color-stop(51%, rgba(255,255,255,0)),color-stop(100%, rgba(255,255,255,0)));background-image:-moz-linear-gradient(top, rgba(255,255,255,0.15),rgba(255,255,255,0.15) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0));background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.15),rgba(255,255,255,0.15) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0));background-image:linear-gradient(to bottom right, rgba(255,255,255,0.15),rgba(255,255,255,0.15) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0));box-shadow:0 0 20px rgba(255,255,255,0.5)} .mod-logo-container .logo{padding:48px 0 28px} .mod-logo-container .title{font-size:21px} .mod-downButton{position:absolute;bottom:0;overflow:hidden;left:-30px;width:61px;height:61px;border-radius:31px;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease;-webkit-transform:translate3d(0, 0, 0)} .mod-downButton button{position:absolute;bottom:0;left:-45px;width:150px;height:150px;font-size:18px;padding-bottom:10px;text-align:center;color:#fff;background:#000 url(../img/home/arrow_next.png) no-repeat 50% 88%;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease} .mod-downButton:hover{left:-75px;width:150px;height:150px;border-radius:75px} .mod-downButton:hover button{left:0;background-color:rgba(0,0,0,0.8)} } @media screen and (max-width: 866px){.mod-logo-container{width:100%} .mod-logo-container .logo{text-align:left} .mod-logo-container .logo img{display:none} .mod-logo-container .logo:before{content:'';display:inline-block;width:170px;height:40px;background:url(../img/common/logo_sp.png) no-repeat;background-size:170px 40px;vertical-align:top} } .mod-fixed-navi{position:fixed;right:0;z-index:102;background-color:#000} .mod-fixed-navi a,.mod-fixed-navi strong{color:#fff;padding:0 5px;display:block} .mod-fixed-navi a:before,.mod-fixed-navi strong:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);vertical-align:middle;margin-right:2px;width:20px;text-align:center} .mod-fixed-navi strong{font-weight:bold} .mod-fixed-navi strong:before{font-weight:normal} .mod-fixed-navi p a:before{content:"";font-size:16px;vertical-align:.02em} .mod-fixed-navi .sub a:before,.mod-fixed-navi .sub strong:before,.mod-fixed-navi .language a:before,.mod-fixed-navi .language strong:before{content:""} .mod-fixed-navi .sub a[target="_blank"]:before,.mod-fixed-navi .sub strong[target="_blank"]:before,.mod-fixed-navi .language a[target="_blank"]:before,.mod-fixed-navi .language strong[target="_blank"]:before{content:""} @media screen and (min-width: 867px){.mod-fixed-navi{top:10px;*zoom:1} .mod-fixed-navi:after{content:"";display:table;clear:both} .mod-fixed-navi a{white-space:nowrap;line-height:30px} .mod-fixed-navi a:hover{background-color:#fff;color:#000} .mod-fixed-navi p{float:left;width:130px} .mod-fixed-navi p a:before{content:"";font-size:16px;vertical-align:.02em} .mod-fixed-navi .sub{float:left;position:relative} .mod-fixed-navi .sub:before{display:block;height:30px;width:30px;content:'';background:url(../img/common/icon_more.png) no-repeat 50% 50%} .mod-fixed-navi .sub ul{position:absolute;right:0;top:100%;height:0;width:160px;overflow:hidden;background-color:#000;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;-webkit-transition:all 500ms ease;transition:all 500ms ease} /* 160105 1750 .mod-fixed-navi .sub:hover ul{background-color:rgba(0,0,0,0.7);height:120px} */ .mod-fixed-navi .sub:hover ul{background-color:rgba(0,0,0,0.7);height:150px} .mod-fixed-navi-opener{display:none} } @media screen and (max-width: 866px){.mod-fixed-navi{top:0;height:100%;overflow-x:hidden;overflow-y:auto;width:240px;box-sizing:border-box;padding-top:40px;-moz-transform:translate(240px, 0);-ms-transform:translate(240px, 0);-webkit-transform:translate(240px, 0);transform:translate(240px, 0);-moz-transition:all 500ms ease;-o-transition:all 500ms ease;-webkit-transition:all 500ms ease;transition:all 500ms ease} .navi-opened .mod-fixed-navi{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)} .mod-fixed-navi a,.mod-fixed-navi strong{padding-top:10px;padding-bottom:10px;font-size:14px} .mod-fixed-navi p{border-top:3px solid #333} .mod-fixed-navi ul{border-top:3px solid #333} .mod-fixed-navi ul li{border-bottom:1px solid #333} .mod-fixed-navi ul.language{border-top:2px solid #333} .mod-fixed-navi ul.language strong{color:#b9ff11} .mod-fixed-navi-opener button{position:fixed;z-index:120;top:7px;right:6px} .mod-fixed-navi-opener button:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);color:#fff;font-size:24px;display:inline-block;text-align:center;width:24px;height:24px;line-height:24px} .mod-fixed-navi-opener button.open:before{content:""} .navi-opened .mod-fixed-navi-opener button.open{display:none} .mod-fixed-navi-opener button.close{display:none} .mod-fixed-navi-opener button.close:before{content:""} .navi-opened .mod-fixed-navi-opener button.close{display:block} } .home{overflow-y:scroll} .content{overflow:hidden;visibility:hidden;position:absolute} .loaded .content{position:relative;visibility:visible} .content .content-sidenavi{position:absolute;right:20px;top:50%;margin-top:-100px;z-index:2;-moz-transform:translate(40px, 0);-ms-transform:translate(40px, 0);-webkit-transform:translate(40px, 0);transform:translate(40px, 0)} .content .content-sidenavi .main li{margin-top:6px;position:relative} .content .content-sidenavi .main li:first-child{margin-top:0} .content .content-sidenavi .main button,.content .content-sidenavi .main strong{display:inline-block;width:20px;height:20px;text-indent:-9999px;white-space:nowrap;overflow:hidden;border:none;background-color:#fff;vertical-align:top;border-radius:10px;border:4px solid #000;box-sizing:border-box} .content .content-sidenavi .main button{-moz-transition:background-color 300ms ease;-o-transition:background-color 300ms ease;-webkit-transition:background-color 300ms ease;transition:background-color 300ms ease} .content .content-sidenavi .main button:hover{background-color:#ffd200} .content .content-sidenavi .main strong{background-color:#b9ff11} .content .content-sidenavi .main .balloon{position:absolute;right:100%;top:-5px;padding:4px 8px;background-color:rgba(0,0,0,0.8);color:#fff;white-space:nowrap;display:inline-block;font-size:14px;visibility:hidden;opacity:0} .ie8 .content .content-sidenavi .main .balloon{background-color:#000} .content .content-sidenavi .main .balloon:after{content:'';display:inline-block;width:0;height:0;border-left:5px solid rgba(0,0,0,0.8);border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;left:100%;top:50%;margin-top:-5px} .ie8 .content .content-sidenavi .main .balloon:after{border-left:5px solid #000;border-top:5px solid transparent;border-bottom:5px solid transparent} .content .content-sidenavi .main li:hover .balloon{-moz-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease;-moz-transform:translate(-5px, 0);-ms-transform:translate(-5px, 0);-webkit-transform:translate(-5px, 0);transform:translate(-5px, 0);visibility:visible;opacity:1} .ie8 .content .content-sidenavi .main li:hover .balloon{right:120%} .content .content-sidenavi .sub{position:absolute;right:0;top:100%;background-color:#000;width:20px;height:30px;margin-top:5px;overflow:hidden;border-radius:10px;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;-webkit-transition:all 500ms ease;transition:all 500ms ease} .ie8 .content .content-sidenavi .sub{background-color:#000} .content .content-sidenavi .sub:hover{width:170px;height:150px;border-radius:0;background-color:rgba(0,0,0,0.8)} .ie8 .content .content-sidenavi .sub:hover{background-color:#000} .content .content-sidenavi .sub:before{display:block;height:30px;margin-right:8px;content:'';background:url(../img/common/icon_more.png) no-repeat 100% 50%} .content .content-sidenavi .sub a{white-space:nowrap;color:#fff;padding:0 5px;line-height:30px;display:block;font-size:14px} .content .content-sidenavi .sub a:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);content:"";vertical-align:middle;margin-right:2px;width:20px;text-align:center} .content .content-sidenavi .sub a[target="_blank"]:before{content:""} .content .content-sidenavi .sub a:hover{background-color:#fff;color:#000} @media screen and (min-width: 867px){.scrolling .content:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0} .content .content-header{position:absolute;-moz-transform:translate(0, -220px);-ms-transform:translate(0, -220px);-webkit-transform:translate(0, -220px);transform:translate(0, -220px)} .content .content-article{display:table;width:100%;height:100%} .content .content-article>*{display:table-cell;height:100%;vertical-align:middle} .content .content-article-center{width:100%} .content .content-article-left,.content .content-article-right{width:50%} .content .content-footer{position:absolute;left:50%;bottom:10px;z-index:20;-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-webkit-transform:translate(0, 100px);transform:translate(0, 100px)} .content.content-viewed .content-header,.content.content-viewed .content-sidenavi,.content.content-viewed .content-footer{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);-moz-transition:-moz-transform 500ms ease-out;-o-transition:-o-transform 500ms ease-out;-webkit-transition:-webkit-transform 500ms ease-out;transition:transform 500ms ease-out} .home .mod-fixed-navi{display:none} } @media screen and (max-width: 866px){.content{padding-top:40px;margin-bottom:-40px} .content .content-sidenavi{display:none} .content .content-footer{display:none} } .content-about{background:#fff url(../img/about/bg.jpg) no-repeat 50% 50%;background-size:cover} .content-about .content-article-center h1{font-size:30px;text-align:center;margin-bottom:20px;font-weight:bold} .content-about .content-article-center p{text-align:justify} .content-about .content-article-center p strong{font-weight:bold} .content-about .content-article-center ul li a{color:#36c;white-space:nowrap;display:block;padding:5px;font-size:14px} .content-about .content-article-center ul li a:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);content:"";margin-right:5px} .content-about .content-article-center ul li a[target="_blank"]:before{content:""} .content-about .content-article-center ul li a:hover{text-decoration:underline} @media screen and (min-width: 867px){.content-about{background-attachment:fixed} .content-about .content-article{width:800px;height:800px;border:10px solid #000;border-radius:410px;background-color:#fff;position:absolute;left:50%;top:50%;margin-top:-410px;margin-left:-410px} .content-about .content-article-center .container{width:560px;margin-left:auto;margin-right:auto;position:relative} .content-about .content-article-center p{margin-top:20px;font-size:16px;line-height:1.7em} .content-about .content-article-center p:first-child{margin-top:0} .content-about .content-article-center ul{margin-top:30px;display:table;width:100%;text-align:center} .content-about .content-article-center ul li{display:table-cell} .content-about .content-article-center .next{position:absolute;top:100%;left:50%;margin-top:100px} } @media screen and (max-width: 866px){.content-about{z-index:-1;background-position:50% 0} .content-about .content-header{background-color:transparent;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0.5)),color-stop(100%, rgba(255,255,255,0)));background-image:-moz-linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0));background-image:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0));border-top:5px solid #000;padding:15px 0} .content-about .content-header .logo{display:none} .content-about .content-header .title{font-size:18px;font-weight:bold;color:#000} .content-about .content-article-center{padding-bottom:20px} .content-about .content-article-center p{margin:1em 20px 0;font-size:14px;line-height:1.5} .content-about .content-article-center ul{margin:1em 20px 0} .content-about .content-article-center ul li{margin-top:2px;background-color:#000} .content-about .content-article-center ul li:first-child{margin-top:0} .content-about .content-article-center ul li a{font-size:16px;padding:10px;color:#fff} .content-about .content-article-center ul li a:before{margin-right:5px;width:1em;text-align:center;display:inline-block} .content-about .content-article-center .next{display:none} .content-about .content-footer button.scroll{display:none} } @-webkit-keyframes swingArrow{0%{-webkit-transform:translate(0, 0)} 50%{-webkit-transform:translate(0, 20px)} 100%{-webkit-transform:translate(0, 0)} } @-moz-keyframes swingArrow{0%{-moz-transform:translate(0, 0)} 50%{-moz-transform:translate(0, 20px)} 100%{-moz-transform:translate(0, 0)} } @keyframes swingArrow{0%{transform:translate(0, 0)} 50%{transform:translate(0, 20px)} 100%{transform:translate(0, 0)} } .content-kv .slideshow>div{display:none;z-index:1} .content-kv .slideshow>div.cur{display:block} .content-kv .slideshow>div.next{z-index:2} .content-kv .caption{position:absolute;bottom:10px;z-index:20;background-color:#b9ff11;font-weight:bold} .content-kv .caption:before{content:'';display:block;width:30px;height:100%;position:absolute;left:-16px;top:0;-moz-transform:skewX(-30deg);-ms-transform:skewX(-30deg);-webkit-transform:skewX(-30deg);transform:skewX(-30deg);background-color:#b9ff11} /* 151028 1500 .content-kv .caption li{text-align:center;width:100%;box-sizing:border-box;position:relative;display:none;left:20px} */ .content-kv .caption li{text-align:center;width:100%;box-sizing:border-box;position:relative;display:none;left:14px} .content-kv .caption li.cur{display:block;left:0} .content-kv .topics dl{display:table} .content-kv .topics dl dt,.content-kv .topics dl dd{display:table-cell;vertical-align:middle} .content-kv .topics dl dt{background-color:#b9ff11;color:#000;font-family:monospace;font-weight:bold;text-align:center;font-size:18px;padding:5px 10px;line-height:1.2} .content-kv .topics dl dd{padding:5px 15px;font-size:14px;line-height:1.4;min-height:2.8em} .content-kv .topics dl dd a{color:#fff;text-decoration:underline} .content-kv.content-viewed .caption{right:0;-moz-transition:right 500ms ease-out;-o-transition:right 500ms ease-out;-webkit-transition:right 500ms ease-out;transition:right 500ms ease-out} @media screen and (min-width: 867px){ /* 151028 1500 左上に移動したい 151105 1116 以下の行があるためcontent-kvページのロゴだけが左下から出るように変えられていた .content-kv .content-header{top:auto;bottom:10px;-moz-transform:translate(0, 220px);-ms-transform:translate(0, 220px);-webkit-transform:translate(0, 220px);transform:translate(0, 220px)} */ /*左上に位置させるため上の行を以下の行に改修したが、これだと移動動作が「真ん中から上」になってしまう .content-kv .content-header{top:10px;bottom:auto;-moz-transform:translate(0, 220px);-ms-transform:translate(0, 220px);-webkit-transform:translate(0, 220px);transform:translate(0, 220px)} */ .content-kv .slideshow{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%} .content-kv .slideshow>div{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat 50% 50%;background-size:cover} .ie8 .content-kv .slideshow>div{background:none} .content-kv .slideshow>div img{display:none} .ie8 .content-kv .slideshow>div img{display:inline !important;width:100%;height:auto} .ie8 .narrow .content-kv .slideshow>div img{width:auto;height:100%} /* 151028 1500 .content-kv .caption{right:-300px;width:270px} */ /* 151112 1424 change to width:100px .content-kv .caption{right:-300px;width:140px} */ .content-kv .caption{right:-300px;width:100px} /* 151028 1500 .content-kv .caption li{padding:10px 30px 10px 10px;font-size:20px} */ /* 151112 1418 change font-size:10px+フォント滑らか .content-kv .caption li{padding:1px 30px 1px 10px;font-size:14px} */ .content-kv .caption li{padding:1px 30px 1px 10px;font-size:11px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} /* 151028 1500 くるくる回るお知らせを下部に移動　左10px下10px .content-kv .topics{position:absolute;left:0;top:20px;z-index:10;width:50%} */ .content-kv .topics{position:absolute;left:10px;top:auto;bottom:62px;z-index:10;width:50%} .content-kv .topics li{position:absolute;-moz-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-transition:all 1000ms ease-out;-o-transition:all 1000ms ease-out;-webkit-transition:all 1000ms ease-out;transition:all 1000ms ease-out} .ielte9 .content-kv .topics li{display:none} .content-kv .topics li.cur{-moz-transform:rotateX(0);-webkit-transform:rotateX(0);transform:rotateX(0);box-shadow:0 0 20px rgba(255,255,255,0.5)} .ielte9 .content-kv .topics li.cur{display:block} .content-kv .topics dl dd{color:#fff;background-color:rgba(0,0,0,0.8)} .ie8 .content-kv .topics dl dd{background-color:#000} /* 151028 1500 右上言語選択領域の幅を縮める　上は10pxに変更 .content-kv .language{position:absolute;right:0;top:20px;-moz-transform:translate(110px, 0);-ms-transform:translate(110px, 0);-webkit-transform:translate(110px, 0);transform:translate(110px, 0);z-index:10;background-color:rgba(0,0,0,0.8);color:#fff;width:100px} */ /* 151111 1002 右上言語選択領域を左に、高さはよさげなところ .content-kv .language{position:absolute;right:0;top:10px;-moz-transform:translate(110px, 0);-ms-transform:translate(110px, 0);-webkit-transform:translate(110px, 0);transform:translate(110px, 0);z-index:10;background-color:rgba(0,0,0,0.8);color:#fff;width:80px} */ /* 151117 1418 言語選択領域を真上の領域とleftを同じにする28px .content-kv .language{position:absolute;left:50px;top:517px;-moz-transform:translate(110px, 0);-ms-transform:translate(110px, 0);-webkit-transform:translate(110px, 0);transform:translate(110px, 0);z-index:10;background-color:rgba(0,0,0,0.8);color:#fff;width:80px} */ /* 151202 1644 言語選択領域を親要素内からはみ出ないようにするためleft,topを除去　さらに敢えて未指定 .content-kv .language{position:absolute;left:28px;top:517px;-moz-transform:translate(110px, 0);-ms-transform:translate(110px, 0);-webkit-transform:translate(110px, 0);transform:translate(110px, 0);z-index:10;background-color:rgba(0,0,0,0.8);color:#fff;width:80px} */ .ie8 .content-kv .language{background-color:#000} .content-kv .language a,.content-kv .language strong{display:block} /* 151028 1500 右上言語選択領域の幅を縮める に伴う各行文字列の調整 .content-kv .language a{color:inherit;padding:3px 15px} */ .content-kv .language a{color:inherit;padding:2px 5px 2px 10px} .content-kv .language a:hover{background-color:#fff;color:#000} /* 151028 1500 .content-kv .language strong{padding:3px 15px 3px 10px;border-left:5px solid #b9ff11;color:#b9ff11;cursor:default;font-weight:bold} */ .content-kv .language strong{padding:2px 5px 2px 10px;border-left:5px solid #b9ff11;color:#b9ff11;cursor:default;font-weight:bold} /* 151202 1652 親要素がアニメするので言語選択自身はアニメしない .content-kv.content-viewed .language{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);-moz-transition:-moz-transform 500ms ease-out;-o-transition:-o-transform 500ms ease-out;-webkit-transition:-webkit-transform 500ms ease-out;transition:transform 500ms ease-out} */ } @media screen and (max-width: 866px){.content-kv{background-color:#fff} .content-kv .content-header{position:fixed;left:0;top:0;z-index:110;height:40px} .content-kv .content-header p{display:none} .content-kv article{position:relative} .content-kv .topics li{padding:5px;border-top:1px dotted #ccc} .content-kv .topics li:first-child{border-top:none} .content-kv .topics dl dt{width:2em;font-size:16px} .content-kv .topics dl dd{padding:5px 10px} .content-kv .slideshow{position:relative;background-color:#000} .content-kv .slideshow>div{position:absolute;left:0;top:0;background:none !important} .content-kv .slideshow>div.cur{position:static} .content-kv .slideshow>div img{width:100%;height:auto} .content-kv .caption{right:-150px;width:120px} /*.content-kv .caption li{padding:5px 25px 5px 5px;font-size:12px} 151225 1304*/ .content-kv .caption li{padding:1px 30px 1px 10px;font-size:11px} } .content-course .content-article-left dl.map dd{position:absolute;color:#000;background-color:#b9ff11;text-align:center} .content-course .content-article-left dl.map dd:before,.content-course .content-article-left dl.map dd:after{content:'';display:inline-block;width:0;height:0;position:absolute;left:50%;margin-left:-10px;-moz-transform:scaleX(0.6);-ms-transform:scaleX(0.6);-webkit-transform:scaleX(0.6);transform:scaleX(0.6)} .ie8 .content-course .content-article-left dl.map dd:before,.ie8 .content-course .content-article-left dl.map dd:after{display:none} .content-course .content-article-left dl.map dd.point-arrow-down:before,.content-course .content-article-left dl.map dd.point-arrow-down:after{top:100%} .content-course .content-article-left dl.map dd.point-arrow-down:before{border-top:10px solid #000;border-left:10px solid transparent;border-right:10px solid transparent} .content-course .content-article-left dl.map dd.point-arrow-down:after{border-top:10px solid #b9ff11;border-left:10px solid transparent;border-right:10px solid transparent;margin-top:-5px} .content-course .content-article-left dl.map dd.point-arrow-up:before,.content-course .content-article-left dl.map dd.point-arrow-up:after{bottom:100%} .content-course .content-article-left dl.map dd.point-arrow-up:before{border-bottom:10px solid #000;border-left:10px solid transparent;border-right:10px solid transparent} .content-course .content-article-left dl.map dd.point-arrow-up:after{border-bottom:10px solid #b9ff11;border-left:10px solid transparent;border-right:10px solid transparent;margin-bottom:-5px} .content-course .content-article-right{background:#fff url(../img/home/course_list_bg.png) repeat-y 100% 50%;box-shadow:0 0 10px rgba(0,0,0,0.2)} .content-course .content-article-right ol li a{display:block;color:#537326;font-size:14px;cursor:pointer} .content-course .content-article-right ol li a dl{display:table;width:100%;cursor:pointer} .content-course .content-article-right ol li a dt,.content-course .content-article-right ol li a dd{vertical-align:middle;display:table-cell;cursor:pointer} .content-course .content-article-right ol li a dt{padding:2px 15px} .content-course .content-article-right ol li a dt .num{display:inline-block;color:#fff;background-color:#000;margin-right:6px;text-align:center;width:20px;height:20px;line-height:20px;border-radius:10px;font-family:Impact;font-size:12px} .content-course .content-article-right ol li a dd{width:60px;padding:5px 10px;white-space:nowrap;text-align:center;color:#000} .content-course .content-article-right ol li a dd:after{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);content:"";vertical-align:middle;margin-left:5px} .content-course .content-link a{display:block} .content-course .content-link a:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);content:"";margin-right:5px} .content-course .content-link a[target="_blank"]:before{content:""} @media screen and (min-width: 867px){.content-course{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjYzY5NCIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZGNkOGI3Ii8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNjY2M2OTQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');background-size:100%;background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ccc694),color-stop(35%, #dcd8b7),color-stop(70%, #ccc694));background-image:-moz-linear-gradient(left, #ccc694,#dcd8b7 35%,#ccc694 70%);background-image:-webkit-linear-gradient(left, #ccc694,#dcd8b7 35%,#ccc694 70%);background-image:linear-gradient(to right, #ccc694,#dcd8b7 35%,#ccc694 70%)} .ie8 .content-course{background-color:#ccc694} .content-course .content-article{background:url(../img/course/texture.png) repeat 0 0} /*.content-course .content-article-left{width:66%;text-align:center}*/ /* 151202 1035↑↓背景地図と右短冊を右に寄せたいwidth:70% */ .content-course .content-article-left{width:70%;text-align:center} /*.content-course .content-article-left dl.map{display:inline-block;position:relative;left:-20px}*/ /* 151202 1037↑↓背景地図と右短冊を右に寄せたいleft:36px */ .content-course .content-article-left dl.map{display:inline-block;position:relative;left:36px} .content-course .content-article-left dl.map dd{width:34px;height:34px;line-height:34px;border-radius:20px;border:3px solid #000;font-size:18px;font-family:Impact;-moz-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transform:rotateY(90deg)} .ielte9 .content-course .content-article-left dl.map dd{visibility:hidden} .content-course .content-article-left dl.map dd.point-1{left:500px;top:48px} .content-course .content-article-left dl.map dd.point-2{left:465px;top:60px} .content-course .content-article-left dl.map dd.point-3{left:424px;top:212px} .content-course .content-article-left dl.map dd.point-4{left:404px;top:154px} .content-course .content-article-left dl.map dd.point-5{left:406px;top:226px} .content-course .content-article-left dl.map dd.point-6{left:400px;top:232px} .content-course .content-article-left dl.map dd.point-7{left:370px;top:210px} .content-course .content-article-left dl.map dd.point-8{left:358px;top:223px} .content-course .content-article-left dl.map dd.point-9{left:355px;top:235px} .content-course .content-article-left dl.map dd.point-10{left:368px;top:260px} .content-course .content-article-left dl.map dd.point-11{left:362px;top:276px} .content-course .content-article-left dl.map dd.point-12{left:362px;top:300px} .content-course .content-article-left dl.map dd.point-13{left:340px;top:307px} .content-course .content-article-left dl.map dd.point-14{left:335px;top:314px} .content-course .content-article-left dl.map dd.point-15{left:337px;top:368px} .content-course .content-article-left dl.map dd.point-16{left:330px;top:321px} .content-course .content-article-left dl.map dd.point-17{left:328px;top:375px} .content-course .content-article-left dl.map dd.point-18{left:316px;top:388px} .content-course .content-article-left dl.map dd.point-19{left:260px;top:342px} .content-course .content-article-left dl.map dd.point-20{left:242px;top:338px} .content-course .content-article-left dl.map dd.point-21{left:232px;top:332px} .content-course .content-article-left dl.map dd.point-22{left:225px;top:374px} .content-course .content-article-left dl.map dd.point-23{left:307px;top:394px} .content-course .content-article-left dl.map dd.point-24{left:293px;top:423px} .content-course .content-article-left dl.map dd.point-hovered{-moz-transform:rotateY(0);-webkit-transform:rotateY(0);transform:rotateY(0);-moz-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease} .ielte9 .content-course .content-article-left dl.map dd.point-hovered{visibility:visible} .content-course .content-article-right{width:28%} .content-course .content-article-right ol{line-height:1.2} .content-course .content-article-right ol li a dd{visibility:hidden} .content-course .content-article-right ol li a:hover{border-radius:20px;background-color:#ffd200;cursor:pointer;-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);-moz-transition:-moz-transform 300ms ease;-o-transition:-o-transform 300ms ease;-webkit-transition:-webkit-transform 300ms ease;transition:transform 300ms ease} .content-course .content-article-right ol li a:hover dt{font-weight:bold;color:#000} .content-course .content-article-right ol li a:hover dd{visibility:visible} .content-course .content-article-extra{width:6%} .content-course .content-link{position:absolute;bottom:20px;left:0} .content-course .content-link ul{*zoom:1;background-color:#CCC694;box-shadow:0 0 10px rgba(255,255,255,0.5)} .content-course .content-link ul:after{content:"";display:table;clear:both} .content-course .content-link li{float:left} .content-course .content-link a{padding:5px 15px;font-size:14px} .content-course .content-link a:hover{text-decoration:underline} } @media screen and (max-width: 866px){.content-course{background:#ccc694 url(../img/course/texture.png) repeat 0 0;background-size:250px 250px;padding-bottom:10px;z-index:-2} .content-course .content-header{background-color:transparent;border-top:5px solid #000;padding:15px 0} .content-course .content-header .logo{display:none} .content-course .content-header .title{font-size:18px;font-weight:bold;color:#74724d} .content-course .content-article-left{display:none} .content-course .content-article-right{margin:0 10px;padding:10px 0;background-size:35px auto} .content-course .content-article-right ol{line-height:1.5} .content-course .content-article-right ol li a dt{padding-left:10px} .content-course .content-article-right ol li a dd{font-size:12px} .content-course .content-article-extra{display:none} .content-course .content-link ul{margin:1em 20px 0} .content-course .content-link ul li{margin-top:2px;background-color:#000} .content-course .content-link ul li:first-child{margin-top:0} .content-course .content-link ul li a{font-size:16px;padding:10px;color:#fff} .content-course .content-link ul li a:before{margin-right:5px;width:1em;text-align:center;display:inline-block} } .content-video{background:#000 url(../img/home/video_bg.jpg) repeat 50% 50%} .content-video .content-article-center{text-align:center} .content-video .content-article-center .video-player iframe{vertical-align:middle} .content-video .content-article-center .video-player .video-player-placeholder{width:640px;height:360px;background-color:#000} .content-video .content-article-center .video-player .video-list li button,.content-video .content-article-center .video-player .video-list li a{font-family:inherit;display:block;color:#fff;text-align:left;padding:0 5px} .content-video .content-article-center .video-player .video-list li button{width:100%} .content-video .content-article-center .video-player .video-list li button:before{content:'';display:inline-block;width:34px;height:24px;background:url(../img/common/icon_youtube.png) no-repeat} .content-video .content-article-center .video-player .video-list li a:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);content:"";width:34px;text-align:center;display:inline-block} @media screen and (min-width: 867px){.content-video .content-article-center .video-player{display:inline-block;width:640px;padding:10px;box-shadow:0 0 30px #000;background-color:#333} .content-video .content-article-center .video-player .video-list{margin-top:10px;height:120px;overflow-y:auto;background-color:#000} .content-video .content-article-center .video-player .video-list li button,.content-video .content-article-center .video-player .video-list li a{font-size:16px;line-height:30px;white-space:nowrap} .content-video .content-article-center .video-player .video-list li button:before,.content-video .content-article-center .video-player .video-list li a:before{vertical-align:middle;margin-right:8px} .content-video .content-article-center .video-player .video-list li button:hover,.content-video .content-article-center .video-player .video-list li a:hover{background-color:#ffd200;color:#000} .content-video .content-article-center .video-player .video-list li button.cur,.content-video .content-article-center .video-player .video-list li a.cur{color:#b9ff11;background-color:transparent;cursor:default} } @media screen and (max-width: 866px){.content-video{background-size:840px auto;z-index:-3} .content-video .content-header{background-color:transparent;border-top:5px solid #000;padding:15px 0} .content-video .content-header .logo{display:none} .content-video .content-header .title{font-size:18px;font-weight:bold} .content-video .content-article-center .video-player iframe{display:none} .content-video .content-article-center .video-player .video-list{padding-bottom:20px} .content-video .content-article-center .video-player .video-list li{margin:10px 10px 0} .content-video .content-article-center .video-player .video-list li button,.content-video .content-article-center .video-player .video-list li a{padding:5px 15px;background-color:#000;font-size:16px;position:relative;padding-left:35px} .content-video .content-article-center .video-player .video-list li button:before,.content-video .content-article-center .video-player .video-list li a:before{position:absolute;left:10px;top:10px} .content-video .content-article-center .video-player .video-list li button:before{width:17px;height:12px;background-size:17px auto} .content-video .content-article-center .video-player .video-list li a:before{width:17px} } .content-access{background-color:#fff} .content-access .content-article-left ul li button{width:100%;height:100%;color:#fff;font-family:inherit;white-space:nowrap} .content-access .content-article-right{text-align:center} .content-access .content-article-right .figures{position:relative;display:inline-block} .content-access .selected-railway .content-article-left{background-color:#c00} .content-access .selected-railway .content-article-left button.button-railway{background-color:#fff;color:#c00} .content-access .selected-railway .content-article-left button.button-railway>svg path{fill:#c00} .content-access .selected-bus .content-article-left{background-color:#390} .content-access .selected-bus .content-article-left button.button-bus{background-color:#fff;color:#390} .content-access .selected-bus .content-article-left button.button-bus>svg path{fill:#390} .content-access .selected-car .content-article-left{background-color:#990} .content-access .selected-car .content-article-left button.button-car{background-color:#fff;color:#990} .content-access .selected-car .content-article-left button.button-car>svg path{fill:#990} .content-access .selected-airway .content-article-left{background-color:#69c} .content-access .selected-airway .content-article-left button.button-airway{background-color:#fff;color:#69c} .content-access .selected-airway .content-article-left button.button-airway>svg path{fill:#69c} @media screen and (min-width: 867px){.content-access .content-article-left{width:40%;-moz-transition:background-color 400ms ease;-o-transition:background-color 400ms ease;-webkit-transition:background-color 400ms ease;transition:background-color 400ms ease} .content-access .content-article-left ul li button{font-size:40px;line-height:90px;padding-right:1em;text-align:right} .content-access .content-article-left ul li button>svg,.content-access .content-article-left ul li button>img{vertical-align:-4px} .content-access .content-article-left ul li button.button-car{padding-right:2em} .content-access .content-article-left ul li button:hover{background-color:rgba(255,255,255,0.2)} .content-access .content-article-right{width:60%} .content-access .content-article-right .figures{width:560px;height:580px} .content-access .content-article-right .figures figure{-moz-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;position:absolute;opacity:0;z-index:0} .ie8 .content-access .content-article-right .figures figure{display:none} .content-access .selected-railway .content-article-right figure.access-railway{opacity:1;z-index:1} .ie8 .content-access .selected-railway .content-article-right figure.access-railway{display:inline} .content-access .selected-bus .content-article-right figure.access-bus{opacity:1;z-index:1} .ie8 .content-access .selected-bus .content-article-right figure.access-bus{display:inline} .content-access .selected-car .content-article-right figure.access-car{opacity:1;z-index:1} .ie8 .content-access .selected-car .content-article-right figure.access-car{display:inline} .content-access .selected-airway .content-article-right figure.access-airway{opacity:1;z-index:1} .ie8 .content-access .selected-airway .content-article-right figure.access-airway{display:inline} } @media screen and (max-width: 866px){.content-access{z-index:-4;margin-bottom:0} .content-access .content-header{position:absolute;width:100%;background-color:transparent;border-top:5px solid #000;padding:15px 0} .content-access .content-header .logo{display:none} .content-access .content-header .title{font-size:18px;font-weight:bold} .content-access .content-article-left{padding-top:60px} .content-access .content-article-left ul{display:table;width:100%} .content-access .content-article-left ul li{display:table-cell;width:25%} .content-access .content-article-left ul li button{font-size:14px;line-height:14px;text-align:center;height:40px} .content-access .content-article-left ul li button>svg,.content-access .content-article-left ul li button>img{vertical-align:middle;width:20px;height:20px} .content-access .content-article-right{padding:20px 0} .content-access .content-article-right .figures figure{display:none;padding:0 10px} .content-access .content-article-right .figures figure img{width:100%;height:auto} .content-access .selected-railway .content-article-right figure.access-railway{display:block} .content-access .selected-bus .content-article-right figure.access-bus{display:block} .content-access .selected-car .content-article-right figure.access-car{display:block} .content-access .selected-airway .content-article-right figure.access-airway{display:block} } body.page article{background-color:#fff;box-sizing:border-box} @media screen and (min-width: 867px){body.page .mod-logo-container{-moz-transform:translate(0, -220px);-ms-transform:translate(0, -220px);-webkit-transform:translate(0, -220px);transform:translate(0, -220px)} body.page .mod-fixed-navi{-moz-transform:translate(160px, 0);-ms-transform:translate(160px, 0);-webkit-transform:translate(160px, 0);transform:translate(160px, 0)} body.page article{width:640px;margin-left:auto;margin-right:auto;font-size:14px;padding:40px 0;min-height:100%} body.page.loaded .mod-logo-container,body.page.loaded .mod-fixed-navi{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);-moz-transition:-moz-transform 500ms ease-out;-o-transition:-o-transform 500ms ease-out;-webkit-transition:-webkit-transform 500ms ease-out;transition:transform 500ms ease-out} } @media screen and (max-width: 866px){body.page .mod-logo-container{background-color:#fff} body.page .mod-logo-container .logo{position:fixed;left:0;top:0;background-color:#000;width:100%;z-index:110} body.page .mod-logo-container .title{padding-top:60px;color:#000;font-size:18px;font-weight:bold} body.page .mod-logo-container .title br{display:none} } body.page-course>article header{text-align:center;background:url(../img/course/title_bg.png) repeat-x} body.page-course>article header .num{background-color:#000;color:#fff;line-height:1} body.page-course>article header .ruby{color:#537326} body.page-course>article .description p{margin-top:1em;text-align:justify} body.page-course>article .description p:first-child{margin-top:0} body.page-course>article .description p.notice{color:red} body.page-course>article .figures{text-align:center} body.page-course>article .figures figure figcaption{margin-top:15px;color:#537326} body.page-course>article .info{padding:10px 20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc} body.page-course>article .info table{width:100%} body.page-course>article .info table th,body.page-course>article .info table td{padding:5px 0;vertical-align:top} body.page-course>article .info table th{padding-right:20px;width:5em} body.page-course>article .pdf{margin-top:30px;text-align:center} body.page-course>article .pdf a{color:#36c} body.page-course>article .pdf a[target="_blank"]:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);content:"";margin-right:5px} body.page-course>article .pdf a:hover{text-decoration:underline} body.page-course>article .link a{color:#fff;display:block;text-align:center;background-color:#000;padding:20px 0} body.page-course>article .link a:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);content:"";margin-right:6px;vertical-align:-0.05em} body.page-course .pager .prev a:after{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);content:"";margin-left:4px} body.page-course .pager .next a:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);content:"";margin-right:4px} @media screen and (min-width: 867px){body.page-course{background:#ccc694 url(../img/course/texture.png) repeat 0 0} body.page-course>article{border-top:10px solid #000;padding:0} body.page-course>article header{padding-top:75px;position:relative} body.page-course>article header .num{position:absolute;left:50%;top:-50px;margin-left:-50px;width:100px;height:50px;padding-top:50px;border-radius:50px;font-size:36px;font-family:Impact} body.page-course>article header .ruby{font-size:20px;margin-top:20px} body.page-course>article .description{padding:0 20px;margin-top:30px} body.page-course>article .description p{font-size:16px;line-height:1.8} body.page-course>article .figures figure{margin-top:50px} body.page-course>article .figures figure>img{border-radius:225px} body.page-course>article .figures figure figcaption{font-size:24px} body.page-course>article .figures p{margin-top:10px;line-height:1.8} body.page-course>article .info{margin:40px 10px 0} body.page-course>article .link{margin-top:30px} body.page-course>article .link a{font-size:20px;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease} body.page-course>article .link a:hover{background-color:#ffd200;color:#000} body.page-course .pager .prev,body.page-course .pager .next{position:relative;border-radius:50px} body.page-course .pager .prev a,body.page-course .pager .next a{display:block;height:100px;width:40px;text-align:center;background-color:#000;color:#fff;border-radius:50px;line-height:1;white-space:nowrap;font-family:Impact;line-height:100px;font-size:24px;-moz-transition:color 300ms ease;-o-transition:color 300ms ease;-webkit-transition:color 300ms ease;transition:color 300ms ease} body.page-course .pager .prev a:before,body.page-course .pager .prev a:after,body.page-course .pager .next a:before,body.page-course .pager .next a:after{vertical-align:middle;font-size:18px !important} body.page-course .pager .prev a:hover,body.page-course .pager .next a:hover{color:#ffd200} body.page-course .pager .prev .balloon,body.page-course .pager .next .balloon{position:absolute;top:50%;white-space:nowrap;padding:0 10px;color:#fff;background-color:rgba(0,0,0,0.8);line-height:30px;margin-top:-15px;font-size:16px;visibility:hidden;opacity:0} .ie8 body.page-course .pager .prev .balloon,.ie8 body.page-course .pager .next .balloon{background-color:#000} body.page-course .pager .prev .balloon:after,body.page-course .pager .next .balloon:after{content:'';display:inline-block;width:0;height:0;margin-top:-5px;position:absolute;top:50%} body.page-course .pager .prev:hover .balloon,body.page-course .pager .next:hover .balloon{-moz-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease;visibility:visible;opacity:1} body.page-course .pager .prev{position:fixed;left:-50px;bottom:20px;-moz-transform:translate(-100px, 0);-ms-transform:translate(-100px, 0);-webkit-transform:translate(-100px, 0);transform:translate(-100px, 0)} body.page-course .pager .prev a{padding-left:50px;padding-right:10px} body.page-course .pager .prev a:hover:after{border-right-color:#ffd200} body.page-course .pager .prev .balloon{left:100%} body.page-course .pager .prev .balloon:after{border-right:5px solid rgba(0,0,0,0.8);border-top:5px solid transparent;border-bottom:5px solid transparent;right:100%} body.page-course .pager .prev:hover .balloon{-moz-transform:translate(10px, 0);-ms-transform:translate(10px, 0);-webkit-transform:translate(10px, 0);transform:translate(10px, 0)} body.page-course .pager .next{position:fixed;right:-50px;bottom:20px;-moz-transform:translate(100px, 0);-ms-transform:translate(100px, 0);-webkit-transform:translate(100px, 0);transform:translate(100px, 0)} body.page-course .pager .next a{padding-left:10px;padding-right:50px} body.page-course .pager .next a:hover:before{border-left-color:#ffd200} body.page-course .pager .next .balloon{right:100%} body.page-course .pager .next .balloon:after{border-left:5px solid rgba(0,0,0,0.8);border-top:5px solid transparent;border-bottom:5px solid transparent;left:100%} body.page-course .pager .next:hover .balloon{-moz-transform:translate(-10px, 0);-ms-transform:translate(-10px, 0);-webkit-transform:translate(-10px, 0);transform:translate(-10px, 0)} body.page-course.loaded .prev,body.page-course.loaded .next{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);-moz-transition:-moz-transform 500ms ease-out;-o-transition:-o-transform 500ms ease-out;-webkit-transition:-webkit-transform 500ms ease-out;transition:transform 500ms ease-out} } @media screen and (max-width: 866px){body.page-course>header .title{background:#ccc694 url(../img/course/texture.png) repeat 0 0;background-size:250px auto;padding-bottom:20px;color:#74724d !important} body.page-course>article header{border-top:5px solid #000;background-size:56px auto;overflow:hidden} body.page-course>article header .num{width:50px;height:25px;padding-top:25px;line-height:20px;border-radius:25px;font-size:20px;margin:-25px auto 0;font-weight:bold} body.page-course>article header h1{margin-top:12px} body.page-course>article header h1 img{width:auto;height:23px} body.page-course>article header .ruby{font-size:14px;margin-top:10px} body.page-course>article .description{padding:0 10px;margin-top:20px} body.page-course>article .figures figure{margin-top:40px} body.page-course>article .figures figure>img{width:225px;height:auto;border-radius:113px} body.page-course>article .figures figure figcaption{font-size:16px} body.page-course>article .figures p{margin:10px 10px 0;text-align:left;line-height:1.4} body.page-course>article .figures p br{display:none} body.page-course>article .info{margin:40px 10px 0} body.page-course>article .link{margin-top:30px} body.page-course>article .link a{font-size:16px} body.page-course .pager{border-top:2px solid #fff;background-color:#000;display:table;width:100%} body.page-course .pager .prev,body.page-course .pager .next{display:table-cell;vertical-align:middle;width:50%} body.page-course .pager .prev{border-right:1px solid #fff} body.page-course .pager .next{border-left:1px solid #fff;text-align:right} body.page-course .pager a{color:#fff;padding:15px 10px;font-size:14px;display:block} body.page-course .pager a .balloon{margin-left:3px} } body.page-rule article dl dt{color:#537326} body.page-rule article dl dd{margin-top:10px} @media screen and (min-width: 867px){body.page-rule{background:#eee url(../img/rule/bg.jpg) no-repeat 50% 100% fixed;background-size:cover} body.page-rule>header h1.title{letter-spacing:0;line-height:1.2;position:relative;top:-10px} body.page-rule article p{margin:1em 20px 0} body.page-rule article p:first-child{margin-top:0} body.page-rule article dl{margin:0 20px} body.page-rule article dl dt{font-size:18px;margin-top:40px} } @media screen and (max-width: 866px){body.page-rule article{padding:20px 0} body.page-rule article p{margin:1em 10px 0} body.page-rule article p:first-child{margin-top:0} body.page-rule article dl{margin:0 10px} body.page-rule article dl dt{font-size:14px;margin-top:20px} body.page-rule article dl dd br{display:none} } body.page-download article ul{text-align:center} body.page-download article ul li{margin:60px 20px 0} body.page-download article ul li:first-child{margin-top:0} body.page-download article ul li figure img{border:1px solid #ccc} body.page-download article ul li dt{margin-top:15px;color:#537326} body.page-download article ul li dd{margin-top:10px} body.page-download article ul li dd.txt-l{text-align:left} body.page-download article ul li dd.note{font-size:11px} body.page-download article ul li dd.btn{margin-top:15px} body.page-download article ul li dd.btn a{display:inline-block;padding:5px 40px;font-size:20px;border-radius:30px;color:#fff;background-color:#000;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease} body.page-download article ul li dd.btn a:hover{background-color:#ffd200;color:#000} @media screen and (min-width: 867px){body.page-download{background:#eee url(../img/download/bg.jpg) no-repeat 50% 100% fixed;background-size:cover} body.page-download article ul li{margin:60px 20px 0} body.page-download article ul li dt{font-size:18px} } body.page-p-download article ul{text-align:center} body.page-p-download article ul li{margin:60px 20px 0} body.page-p-download article ul li:first-child{margin-top:0} body.page-p-download article ul li figure img{border:1px solid #ccc} body.page-p-download article ul li dt{margin-top:15px;color:#537326} body.page-p-download article ul li dd{margin-top:10px} body.page-p-download article ul li dd.txt-l{text-align:left} body.page-p-download article ul li dd.note{font-size:11px} body.page-p-download article ul li dd.btn{margin-top:15px} body.page-p-download article ul li dd.btn a{display:inline-block;padding:5px 40px;font-size:20px;border-radius:30px;color:#fff;background-color:#000;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease} body.page-p-download article ul li dd.btn a:hover{background-color:#ffd200;color:#000} @media screen and (min-width: 867px){body.page-p-download{background:#eee url(../img/download/bg1.jpg) no-repeat 50% 100% fixed;background-size:cover} body.page-p-download article ul li{margin:60px 20px 0} body.page-p-download article ul li dt{font-size:18px} } @media screen and (max-width: 866px){body.page-download article{padding:20px 0} body.page-download article ul li{margin:30px 10px 0} body.page-download article ul li figure img{width:100%;height:auto} body.page-download article ul li dt{font-size:16px} body.page-download article ul li dd.txt{text-align:left} } body.page-faq article dl dt{font-size:18px;margin-top:40px;color:#537326} body.page-faq article dl dt:first-child{margin-top:0} body.page-faq article dl dd{margin-top:10px} body.page-faq article dl dd a{color:#36c} body.page-faq article dl dd a:hover{text-decoration:underline} body.page-faq article dl dd a[target="_blank"]:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);content:"";vertical-align:middle;margin-right:4px} @media screen and (min-width: 867px){body.page-faq{background:#eee url(../img/faq/bg.jpg) no-repeat 50% 100% fixed;background-size:cover} body.page-faq article dl{margin:0 20px} body.page-faq article dl dt{font-size:18px;margin-top:40px} } @media screen and (max-width: 866px){body.page-faq article{padding:20px 0} body.page-faq article dl{margin:0 10px} body.page-faq article dl dt{font-size:16px;margin-top:20px} } body.page-link article ul li{text-align:center} body.page-link article ul li a{color:#36c} body.page-link article ul li img{border:1px solid #ccc} body.page-link article ul li figcaption{margin-top:5px} body.page-link article ul li figcaption:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);content:"";vertical-align:middle;margin-right:4px} body.page-link article ul li:first-child{margin-top:0} @media screen and (min-width: 867px){body.page-link{background:#eee url(../img/link/bg.jpg) no-repeat 50% 100% fixed;background-size:cover} body.page-link article ul{margin:0 20px} body.page-link article ul li{font-size:16px;margin-top:40px} body.page-link article ul li a:hover{text-decoration:underline} } @media screen and (max-width: 866px){body.page-link article{padding:20px 0} body.page-link article ul{margin:0 10px} body.page-link article ul li{font-size:14px;margin-top:30px} body.page-link article ul li a:hover{text-decoration:underline} body.page-link article ul li a img{width:100%;height:auto} } /* 151028 1528 add below */ ul#caption.caption{ /* 151112 1422 change to 17px height:22px */ height:17px } /* 151202 1520 add below 左中段のパネルは各sectionごとに存在させ、左上同様にアニメーションする*/ /*.content.content-viewed .left_mid_panel{*/ .left_mid_panel{ left:28px; top:250px; width:174px; height:257px; z-index:10; box-shadow: 0 0 20px rgba(255, 255, 255, 0.5); } .left_mid_panel_ini{/* アニメーション開始位置 */ position: absolute; transform: translate(0px, -507px);/* 上からアニメーションする場合 */ /*transform: translate(-200px, 0px);*//* 左からアニメーションする場合 */ } .left_mid_panel_viewed{ -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); -webkit-transform:translate(0, 0); transform:translate(0, 0); -moz-transition:-moz-transform 500ms ease-out; -o-transition:-o-transform 500ms ease-out; -webkit-transition:-webkit-transform 500ms ease-out; transition:transform 500ms ease-out } /* 160105 1623download/index.htmlでリンク文字列に作用させる */ body.page.page-download.loaded article p a{color:#36c;} body.page.page-download.loaded article p a:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);content:"";margin-right:5px} body.page.page-download.loaded article p a:hover{text-decoration:underline}/* 160105 1839 */ /* 160108 1335 index.html#courseで右欄の名称を改行禁止 */ .toge-name{white-space:nowrap;letter-spacing:-1px;} .toge-name-more{white-space:nowrap;letter-spacing:-1px;}