@charset "UTF-8";
/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.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; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.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-feed:before, .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-pp: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-resistance:before, .fa-rebel:before { content: ""; }

.fa-ge:before, .fa-empire:before { content: ""; }

.fa-git-square:before { content: ""; }

.fa-git:before { content: ""; }

.fa-y-combinator-square:before, .fa-yc-square:before, .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-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-intersex:before, .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-genderless: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: ""; }

.fa-yc:before, .fa-y-combinator:before { content: ""; }

.fa-optin-monster:before { content: ""; }

.fa-opencart:before { content: ""; }

.fa-expeditedssl:before { content: ""; }

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: ""; }

.fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; }

.fa-battery-2:before, .fa-battery-half:before { content: ""; }

.fa-battery-1:before, .fa-battery-quarter:before { content: ""; }

.fa-battery-0:before, .fa-battery-empty:before { content: ""; }

.fa-mouse-pointer:before { content: ""; }

.fa-i-cursor:before { content: ""; }

.fa-object-group:before { content: ""; }

.fa-object-ungroup:before { content: ""; }

.fa-sticky-note:before { content: ""; }

.fa-sticky-note-o:before { content: ""; }

.fa-cc-jcb:before { content: ""; }

.fa-cc-diners-club:before { content: ""; }

.fa-clone:before { content: ""; }

.fa-balance-scale:before { content: ""; }

.fa-hourglass-o:before { content: ""; }

.fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; }

.fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; }

.fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; }

.fa-hourglass:before { content: ""; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; }

.fa-hand-scissors-o:before { content: ""; }

.fa-hand-lizard-o:before { content: ""; }

.fa-hand-spock-o:before { content: ""; }

.fa-hand-pointer-o:before { content: ""; }

.fa-hand-peace-o:before { content: ""; }

.fa-trademark:before { content: ""; }

.fa-registered:before { content: ""; }

.fa-creative-commons:before { content: ""; }

.fa-gg:before { content: ""; }

.fa-gg-circle:before { content: ""; }

.fa-tripadvisor:before { content: ""; }

.fa-odnoklassniki:before { content: ""; }

.fa-odnoklassniki-square:before { content: ""; }

.fa-get-pocket:before { content: ""; }

.fa-wikipedia-w:before { content: ""; }

.fa-safari:before { content: ""; }

.fa-chrome:before { content: ""; }

.fa-firefox:before { content: ""; }

.fa-opera:before { content: ""; }

.fa-internet-explorer:before { content: ""; }

.fa-tv:before, .fa-television:before { content: ""; }

.fa-contao:before { content: ""; }

.fa-500px:before { content: ""; }

.fa-amazon:before { content: ""; }

.fa-calendar-plus-o:before { content: ""; }

.fa-calendar-minus-o:before { content: ""; }

.fa-calendar-times-o:before { content: ""; }

.fa-calendar-check-o:before { content: ""; }

.fa-industry:before { content: ""; }

.fa-map-pin:before { content: ""; }

.fa-map-signs:before { content: ""; }

.fa-map-o:before { content: ""; }

.fa-map:before { content: ""; }

.fa-commenting:before { content: ""; }

.fa-commenting-o:before { content: ""; }

.fa-houzz:before { content: ""; }

.fa-vimeo:before { content: ""; }

.fa-black-tie:before { content: ""; }

.fa-fonticons:before { content: ""; }

.fa-reddit-alien:before { content: ""; }

.fa-edge:before { content: ""; }

.fa-credit-card-alt:before { content: ""; }

.fa-codiepie:before { content: ""; }

.fa-modx:before { content: ""; }

.fa-fort-awesome:before { content: ""; }

.fa-usb:before { content: ""; }

.fa-product-hunt:before { content: ""; }

.fa-mixcloud:before { content: ""; }

.fa-scribd:before { content: ""; }

.fa-pause-circle:before { content: ""; }

.fa-pause-circle-o:before { content: ""; }

.fa-stop-circle:before { content: ""; }

.fa-stop-circle-o:before { content: ""; }

.fa-shopping-bag:before { content: ""; }

.fa-shopping-basket:before { content: ""; }

.fa-hashtag:before { content: ""; }

.fa-bluetooth:before { content: ""; }

.fa-bluetooth-b:before { content: ""; }

.fa-percent:before { content: ""; }

.fa-gitlab:before { content: ""; }

.fa-wpbeginner:before { content: ""; }

.fa-wpforms:before { content: ""; }

.fa-envira:before { content: ""; }

.fa-universal-access:before { content: ""; }

.fa-wheelchair-alt:before { content: ""; }

.fa-question-circle-o:before { content: ""; }

.fa-blind:before { content: ""; }

.fa-audio-description:before { content: ""; }

.fa-volume-control-phone:before { content: ""; }

.fa-braille:before { content: ""; }

.fa-assistive-listening-systems:before { content: ""; }

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: ""; }

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: ""; }

.fa-glide:before { content: ""; }

.fa-glide-g:before { content: ""; }

.fa-signing:before, .fa-sign-language:before { content: ""; }

.fa-low-vision:before { content: ""; }

.fa-viadeo:before { content: ""; }

.fa-viadeo-square:before { content: ""; }

.fa-snapchat:before { content: ""; }

.fa-snapchat-ghost:before { content: ""; }

.fa-snapchat-square:before { content: ""; }

.fa-pied-piper:before { content: ""; }

.fa-first-order:before { content: ""; }

.fa-yoast:before { content: ""; }

.fa-themeisle:before { content: ""; }

.fa-google-plus-circle:before, .fa-google-plus-official:before { content: ""; }

.fa-fa:before, .fa-font-awesome:before { content: ""; }

.fa-handshake-o:before { content: ""; }

.fa-envelope-open:before { content: ""; }

.fa-envelope-open-o:before { content: ""; }

.fa-linode:before { content: ""; }

.fa-address-book:before { content: ""; }

.fa-address-book-o:before { content: ""; }

.fa-vcard:before, .fa-address-card:before { content: ""; }

.fa-vcard-o:before, .fa-address-card-o:before { content: ""; }

.fa-user-circle:before { content: ""; }

.fa-user-circle-o:before { content: ""; }

.fa-user-o:before { content: ""; }

.fa-id-badge:before { content: ""; }

.fa-drivers-license:before, .fa-id-card:before { content: ""; }

.fa-drivers-license-o:before, .fa-id-card-o:before { content: ""; }

.fa-quora:before { content: ""; }

.fa-free-code-camp:before { content: ""; }

.fa-telegram:before { content: ""; }

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: ""; }

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: ""; }

.fa-thermometer-2:before, .fa-thermometer-half:before { content: ""; }

.fa-thermometer-1:before, .fa-thermometer-quarter:before { content: ""; }

.fa-thermometer-0:before, .fa-thermometer-empty:before { content: ""; }

.fa-shower:before { content: ""; }

.fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: ""; }

.fa-podcast:before { content: ""; }

.fa-window-maximize:before { content: ""; }

.fa-window-minimize:before { content: ""; }

.fa-window-restore:before { content: ""; }

.fa-times-rectangle:before, .fa-window-close:before { content: ""; }

.fa-times-rectangle-o:before, .fa-window-close-o:before { content: ""; }

.fa-bandcamp:before { content: ""; }

.fa-grav:before { content: ""; }

.fa-etsy:before { content: ""; }

.fa-imdb:before { content: ""; }

.fa-ravelry:before { content: ""; }

.fa-eercast:before { content: ""; }

.fa-microchip:before { content: ""; }

.fa-snowflake-o:before { content: ""; }

.fa-superpowers:before { content: ""; }

.fa-wpexplorer:before { content: ""; }

.fa-meetup:before { content: ""; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, main, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; -webkit-text-size-adjust: 100%; }

html { font-size: 62.5%; }

body { color: #333; font-size: 14px; font-size: 1.4rem; line-height: 1; font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; word-wrap: break-word; }

main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

hr, .areaAnchor { display: none; }

acronym, abbr { cursor: help; }

option { padding-right: 10px; }

h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote, small { margin: 0; padding: 0; line-height: 1.7; text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

p { margin: 0 0 20px; }

img { border: none; vertical-align: bottom; max-width: 100%; height: auto; }

table { border-collapse: collapse; border-spacing: 0; margin: 0; empty-cells: show; font-size: 14; width: 100%; }

figure { margin: 0 0 20px; }
@media screen and (max-width: 800px) { figure { text-align: center; } }

figcaption { margin: 10px 0 0; }

address { font-style: normal; }

ul, ul li { list-style: none; }

ol li { margin: 0 0 0 20px; }

/* リンク */
a { color: #2962ff; text-decoration: none; outline: none; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
a.line:link { text-decoration: underline; }
a.line:hover, a.line:active { text-decoration: none; }

a:link { color: #2962ff; text-decoration: none; outline: none; }

a:visited { color: #2962ff; }

a:hover { color: #5c87ff; text-decoration: underline; }

a:active { color: #2962ff; text-decoration: underline; }

/* clearfix */
.cf:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; }

.cf { display: inline-block; }

/* \*/
* html .cf, * html .bf { height: 1%; }

.cf { display: block; }

/* */
.mt00 { margin-top: 0 !important; }

.mt05 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mr00 { margin-right: 0 !important; }

.mr05 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mb00 { margin-bottom: 0 !important; }

.mb05 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.ml00 { margin-left: 0 !important; }

.ml05 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.pt00 { padding-top: 0 !important; }

.pt05 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pr00 { padding-right: 0 !important; }

.pr05 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pb00 { padding-bottom: 0 !important; }

.pb05 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pl00 { padding-left: 0 !important; }

.pl05 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.roman { font-family: Georgia, "Times New Roman", Times, serif; }

.mincyo { font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }

.ss { font-size: 10px !important; font-size: 1.0rem !important; }

.s { font-size: 12px !important; font-size: 1.2rem !important; }

.m { font-size: 16px !important; font-size: 1.6rem !important; }

.l { font-size: 18px !important; font-size: 1.8rem !important; }

.ll { font-size: 20px !important; font-size: 2.0rem !important; }

.bold { font-weight: bold !important; }

.normal { font-weight: normal !important; }

.tl { text-align: left !important; }

.tr { text-align: right !important; }

.tc { text-align: center !important; }

.vt { vertical-align: top !important; }

.vm { vertical-align: middle !important; }

.vb { vertical-align: bottom !important; }

.clear { clear: both; }

.cl { clear: left; }

.cr { clear: right; }

.black { color: #333 !important; }

.brown { color: #C69C6D !important; }

.blue { color: #0099FF !important; }

.green { color: #009E84 !important; }

.grey { color: #999 !important; }

.orange { color: #F15A24 !important; }

.red { color: #FF0050 !important; }

.white { color: #FFFFFF !important; }

.yellow { color: #F6CF60 !important; }

.fl { padding: 0 20px 10px 0; float: left !important; }
@media screen and (max-width: 480px) { .fl { padding: 0; float: none !important; } }

.fr { padding: 0 0 10px 20px; float: right !important; }
@media screen and (max-width: 480px) { .fr { padding: 0; float: none !important; } }

.sp { display: none; }
@media screen and (max-width: 800px) { .sp { display: block; }
  .sp.i { display: inline-block; } }

.pc { display: block; }
.pc.i { display: inline-block; }
@media screen and (max-width: 800px) { .pc { display: none; } }

/* form */
form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"], select, textarea { padding: 8px; border: 1px solid #aaa; font-size: 14; }
@media screen and (max-width: 480px) { form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"], select, textarea { width: 100%; } }

form input[type="text"]:focus, form input[type="password"]:focus, form input[type="datetime"]:focus, form input[type="datetime-local"]:focus, form input[type="date"]:focus, form input[type="month"]:focus, form input[type="time"]:focus, form input[type="week"]:focus, form input[type="number"]:focus, form input[type="email"]:focus, form input[type="url"]:focus, form input[type="search"]:focus, form input[type="tel"]:focus, form input[type="color"]:focus, textarea:focus { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset; border: 1px solid #137af3; }

/* グリッド */
.row { margin: 0 -1% 20px -1%; letter-spacing: -.40em; word-spacing: -0.1em; width: 102%; }

.row * { letter-spacing: normal; word-spacing: normal; }

.row .col, ul.row li { margin: 0 1% 20px; display: inline-block; vertical-align: top; letter-spacing: normal; }

.grid02 .col, ul.grid02 li { width: 48%; }
@media screen and (max-width: 480px) { .grid02 .col, ul.grid02 li { display: block; width: 98%; } }

.grid03 .col, ul.grid03 li { width: 31.33%; }
@media screen and (max-width: 480px) { .grid03 .col, ul.grid03 li { display: block; width: 98%; } }

.grid04 .col, ul.grid04 li { width: 23%; }
@media screen and (max-width: 800px) { .grid04 .col, ul.grid04 li { width: 48%; } }

.grid05 .col, ul.grid05 li { width: 18%; }
@media screen and (max-width: 800px) { .grid05 .col, ul.grid05 li { width: 31.33%; } }
@media screen and (max-width: 480px) { .grid05 .col, ul.grid05 li { width: 48%; } }

.grid06 .col, ul.grid06 li { width: 14.66%; }
@media screen and (max-width: 800px) { .grid06 .col, ul.grid06 li { width: 31.33%; } }
@media screen and (max-width: 480px) { .grid06 .col, ul.grid06 li { width: 48%; } }

.grid07 .col, ul.grid07 li { width: 12.28%; }
@media screen and (max-width: 800px) { .grid07 .col, ul.grid07 li { width: 48%; } }

.grid08 .col, ul.grid08 li { width: 10.5%; }

.grid09 .col, ul.grid09 li { width: 9.11%; }

.grid10 .col, ul.grid10 li { width: 8%; }

.row .col.full, ul.row li.full { display: block; width: 98%; }

.grid-right { float: right; }

/*　グリッド　マージン2% */
.m2 { margin: 0 -2% 20px -2%; width: 104%; }

.m2 .col, ul.m2 li { margin: 0 2% 20px; }

.grid02.m2 .col, ul.grid02.m2 li { width: 46%; }
@media screen and (max-width: 480px) { .grid02.m2 .col, ul.grid02.m2 li { width: 96%; } }

.grid03.m2 .col, ul.grid03.m2 li { width: 29.33%; }
@media screen and (max-width: 480px) { .grid03.m2 .col, ul.grid03.m2 li { width: 96%; } }

.grid04.m2 .col, ul.grid04.m2 li { width: 21%; }
@media screen and (max-width: 800px) { .grid04.m2 .col, ul.grid04.m2 li { width: 46%; } }

.grid05.m2 .col, ul.grid05.m2 li { width: 16%; }
@media screen and (max-width: 800px) { .grid05.m2 .col, ul.grid05.m2 li { width: 29.33%; } }
@media screen and (max-width: 480px) { .grid05.m2 .col, ul.grid05.m2 li { width: 46%; } }

/*　グリッド　マージンなし */
.nm { margin: 0; width: 100%; }

.nm .col, ul.nm li { margin: 0; }

.grid02.nm .col, ul.grid02.nm li { width: 50%; }
@media screen and (max-width: 480px) { .grid02.nm .col, ul.grid02.nm li { width: 100%; } }

.grid03.nm .col, ul.grid03.nm li { width: 33.33%; }
@media screen and (max-width: 480px) { .grid03.nm .col, ul.grid03.nm li { width: 100%; } }

.grid04.nm .col, ul.grid04.nm li { width: 25%; }
@media screen and (max-width: 800px) { .grid04.nm .col, ul.grid04.nm li { width: 50%; } }

.grid05.nm .col, ul.grid05.nm li { width: 20%; }
@media screen and (max-width: 800px) { .grid05.nm .col, ul.grid05.nm li { width: 33.33%; } }
@media screen and (max-width: 480px) { .grid05.nm .col, ul.grid05.nm li { width: 50%; } }

/* table レイアウト */
.table-col, ul.table-col { margin: 0 0 20px; display: table; table-layout: fixed; width: 100%; }
@media screen and (max-width: 480px) { .table-col, ul.table-col { display: block; }
  .table-col.ab, ul.table-col.ab { display: table; } }

.table-col.at { table-layout: auto; }

.table-col .tr, ul.table-col .tr { display: table-row; }

.table-col .col, ul.table-col li { display: table-cell; vertical-align: top; }
@media screen and (max-width: 480px) { .table-col .col, ul.table-col li { display: block; } }

@media screen and (max-width: 480px) { .table-col.ab .col, ul.table-col.ab li { display: table-cell; } }

.table-col .w01 { width: 350px; }
@media screen and (max-width: 480px) { .table-col .w01 { width: 100%; } }

.table-col .w02 { width: 260px; }
@media screen and (max-width: 480px) { .table-col .w02 { width: 100%; } }

@media screen and (max-width: 480px) { table.block { text-align: left; width: 100%; }
  table.block th { border: none; display: block; width: 100%; text-align: left; }
  table.block td { margin: 0 0 20px; border: none; display: block; width: 100%; }
  .table-wrap { margin: 0 0 20px; overflow-x: scroll; width: 100%; }
  .table-wrap::-webkit-scrollbar { height: 5px; }
  .table-wrap::-webkit-scrollbar-track { border-radius: 5px; background: #eee; }
  .table-wrap::-webkit-scrollbar-thumb { border-radius: 5px; background: #666; }
  .table-wrap table { margin: 0; font-size: 13px; font-size: 1.3rem; line-height: 1.7; width: 540px; } }
body { background: url(../images/common/bg.png); }

.inner { margin-left: auto; margin-right: auto; overflow: hidden; position: relative; padding: 0 15px; width: 100%; max-width: 1030px; min-width: 1000px; }

#map-canvas { height: 450px; width: 100%; }

/*
===== 1: CONTAINER =======================================
*/
#container { padding: 70px 0 0; clear: both; text-align: center; width: 100%; }

/*
===== 2: HEADER ==========================================
*/
#header { margin: 0; background: url(../images/common/bg.png); text-align: center; position: fixed; height: 70px; width: 100%; z-index: 1000; }
#header #logo { margin: 0; padding: 18px 0 0 20px; }

/*
===== 3: NAVIGATION ======================================
*/
#menu { margin: 0; cursor: pointer; display: block; position: absolute; right: 15px; top: 15px; text-align: center; z-index: 2000; }
#menu span { padding: 50px 0 0; display: block; position: relative; width: 50px; height: 50px; }
#menu span::before { content: ""; background: url(../images/common/menu-open.svg) no-repeat center center; width: 30px; height: 21px; position: absolute; top: 10px; left: 14px; }
#menu.open { position: fixed; }
#menu.open span::before { background: url(../images/common/menu-close.svg) no-repeat center center; }

#nav { background: url(../images/common/menu-bg.png); position: fixed; top: 0; right: -100%; width: 100%; height: 100%; }
#nav .wrap { padding: 50px 0 0; color: #888; font-size: 20px; font-size: 2rem; line-height: 1; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; width: 100%; height: inherit; overflow-y: auto; position: relative; }
#nav .wrap p { margin-bottom: 50px; text-align: center; }
#nav .wrap ul { margin: 0 0 20px; }
#nav .wrap ul li { margin: 0 0 10px; font-size: 24px; font-size: 2.4rem; line-height: 1; }
#nav .wrap ul li a { padding: 10px 10px; color: #fff; display: block; text-decoration: none; text-align: center; }
#nav .wrap ul li a:hover, #nav .wrap ul li a.current { color: #888; }
#nav .wrap ul li a span { color: #888; font-size: 13px; font-size: 1.3rem; line-height: 1; }
#nav .wrap ul.bogo-language-switcher { letter-spacing: -.40em; word-spacing: -0.1em; text-align: center; }
#nav .wrap ul.bogo-language-switcher li { padding: 0 10px 0 10px; letter-spacing: normal; word-spacing: normal; display: inline-block; border-left: 1px solid #888; }
#nav .wrap ul.bogo-language-switcher li:first-child { border: none; }
#nav .wrap ul.bogo-language-switcher li a { padding: 0; }
#nav .wrap .sns a { color: #fff; }

/*
===== 4: FOOTER ==========================================
*/
#footer { clear: both; text-align: center; width: 100%; }
#footer .inner { padding: 20px; }
#footer .sns { margin: 0 0 60px; text-align: center; }
#footer #footer-nav { margin: 0 0 60px; padding: 0; width: 100%; }
#footer #footer-nav ul { margin: 0; text-align: center; }
#footer #footer-nav ul li { padding: 0 11px 0 15px; border-left: 1px solid #858585; display: inline-block; line-height: 1; }
#footer #footer-nav ul li:first-child { border-left: none; }
#footer #footer-nav ul li a { color: #111; text-decoration: none; }
#footer small { color: #888; display: block; font-size: 13px; font-size: 1.3rem; line-height: 1.7; text-align: center; }

#scroll { margin: 0 auto; clear: both; display: none; position: fixed; bottom: 20px; right: 20px; }

/*
===== 5: MAIN CONTENT ====================================
*/
#content { padding: 0 10px; width: 100%; overflow: hidden; }

section { margin: 0 auto 80px; }

article, .mce-content-body { margin: 0 auto 40px; }
article h1, .mce-content-body h1 { margin: 0 0 20px; font-size: 26px; font-size: 2.6rem; line-height: 1.1; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-weight: bold; font-feature-settings: "palt"; text-align: center; }
article h1 span, .mce-content-body h1 span { font-size: 14px; font-size: 1.4rem; line-height: 1; }
article h2, .mce-content-body h2 { margin: 0 0 20px; font-size: 28px; font-size: 2.8rem; line-height: 1.1; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-weight: bold; font-feature-settings: "palt"; text-align: center; }
article h2 span, .mce-content-body h2 span { color: #666; font-size: 16px; font-size: 1.6rem; line-height: 1; }
article h3, .mce-content-body h3 { margin: 0 0 20px; font-size: 20px; font-size: 2rem; line-height: 1.6; font-weight: bold; font-feature-settings: "palt"; }
article h4, .mce-content-body h4 { margin: 0 0 10px; font-size: 18px; font-size: 1.8rem; line-height: 1.7; font-weight: bold; font-feature-settings: "palt"; }

/* ボタン */
.btn { margin: 0; text-align: center; }
.btn a { padding: 10px 30px 10px 30px; border: 1px solid #111111; color: #111111; display: inline-block; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size: 16px; font-size: 1.6rem; line-height: 1.7; font-weight: bold; position: relative; }
.btn a:hover { background: #666; color: #fff; text-decoration: none; }
.btn.small { text-align: left; }
.btn.small a { padding: 8px 30px 8px 30px; font-size: 13px; font-size: 1.3rem; line-height: 1.7; }

.btn-list { text-align: center; }
.btn-list li { margin: 0 20px 20px; display: inline-block; text-align: center; }
.btn-list li a { padding: 15px 60px 15px 60px; background: #fff; border: 1px solid #633C41; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; color: #633C41; display: inline-block; font-size: 19px; font-size: 1.9rem; line-height: 1.7; font-weight: bold; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; position: relative; }
.btn-list li a:hover { background: #633C41; color: #fff; text-decoration: none; }
.btn-list li a::before { content: "\f105"; position: absolute; font-family: fontAwesome; right: 20px; }

/* table */
table { margin: 0 auto 20px; width: 100%; }
table th, table td { padding: 20px 10px; text-align: left; }
table.stripe tr { background: #fff; }
table.stripe tr:nth-child(odd) { background: #F3F3F3; }
table.stripe th { width: 25%; }

/* google map */
.gmap { line-height: 1; }
.gmap iframe { width: 100%; }

/* Youtube */
.yt { position: relative; width: 100%; padding-top: 56.25%; }
.yt iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/*
===== 6: SIDE BAR ====================================
*/
/*
===== 7: TOP ====================================
*/
.index #yugen .mv { padding: 250px 50px; background: url(../images/top/mv.jpg) no-repeat center center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
.index #yugen .topics h3 { margin: 0 20px 0 0; padding: 0 20px 0 0; border-right: 1px solid #666666; float: left; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size: 20px; font-size: 2rem; line-height: 1.5; text-align: left; }
.index #yugen .topics dl.entry-list { margin: 0 0 40px; }
.index #yugen .topics dl.entry-list dt { margin: 0 20px 0 0; padding: 5px 0 0; float: left; }
.index #yugen .topics dl.entry-list dd { margin: 0; padding: 5px 0 5px 6em; border: none; }
.index #yugen .sup { margin: 80px 0; }
.index #yugen .sup .textarea { padding: 60px 120px 60px 150px; background: rgba(209, 194, 179, 0.6); font-size: 12px; font-size: 1.2rem; line-height: 1.7; vertical-align: middle; width: 500px; }
.index #yugen .sup .textarea h2 { text-align: left; }
.index #yugen .sup .img { background: url(../images/top/contents04-bg.jpg) no-repeat center center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
.index #yugen .sup .img img { display: none; }
.index #event { margin-top: 80px; }
.index #event p { text-align: center; }
.index #about .table-col .textarea { padding: 50px 50px 30px; background: rgba(223, 223, 208, 0.6); vertical-align: middle; }
.index #about .table-col .textarea h3 { text-align: center; }
.index #about .table-col .textarea p { margin: 0 0 10px; text-align: center; }
.index #about .table-col .textarea address { margin-bottom: 10px; display: block; text-align: center; }
.index #about .table-col .gmap { height: 450px; }

.items { margin-bottom: 0; }
.items a { color: #111; }
.items .flag { margin: 0 0 5px; padding: 2px 10px; color: #fff; display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 1.7; }
.items .flag.hightechnology { background: #D0A596; }
.items .flag.traditional { background: #ADA59B; }
.items .flag.sustainability { background: #879797; }
.items .ttl { margin-bottom: 0; font-weight: bold; }

.products .col { padding: 50px 30px; background: #000; color: #fff; overflow: hidden; position: relative; }
.products .col:after { position: absolute; content: ""; display: block; width: 100%; height: 100%; top: 0; left: 0; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
.products .col:hover:after { opacity: 0.5; -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.products .col.tech:after { background-image: url(../images/top/contents01-bg.jpg); }
.products .col.tradi:after { background-image: url(../images/top/contents02-bg.jpg); }
.products .col.sus:after { background-image: url(../images/top/contents03-bg.jpg); }
.products .col .mass { position: relative; text-align: center; z-index: 1; }
.products .col .mass h2 { color: #fff; }
.products .col .mass h2 span { color: #fff; font-size: 13px; font-size: 1.3rem; line-height: 1; }
.products .col .mass p { font-size: 12px; font-size: 1.2rem; line-height: 1.7; text-align: center; }
.products .col .mass .btn a { border: 1px solid #fff; color: #fff; }

dl.entry-list { margin: 0 auto 40px; }
dl.entry-list dt { margin: 15px 20px 15px 5px; padding: 0; float: left; }
dl.entry-list dd { margin: 0; padding: 15px 0 15px 10em; border-bottom: 1px solid #E6E6E6; }
dl.entry-list dd .accr { margin: 0; }
dl.entry-list dd .body { margin: 20px 0 0; }

/*
===== CONTENTS ===========================================

PAGES

==========================================================
*/
.page .mv, .entry .mv, .mce-content-body .mv { margin: 0 0 80px; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 200px; position: relative; }
.page .mv .ttl, .entry .mv .ttl, .mce-content-body .mv .ttl { padding: 25px 0; background: url(../images/common/bg.png); font-size: 26px; font-size: 2.6rem; line-height: 1.1; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-weight: bold; font-feature-settings: "palt"; position: absolute; bottom: -75px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); text-align: center; text-transform: uppercase; width: 300px; min-height: 100px; }
.page .mv .ttl span, .entry .mv .ttl span, .mce-content-body .mv .ttl span { font-size: 14px; font-size: 1.4rem; line-height: 1; text-transform: uppercase; }
.page .single, .entry .single, .mce-content-body .single { text-align: left; }
.page h2, .entry h2, .mce-content-body h2 { margin: 0 0 30px; color: #666; font-size: 24px; font-size: 2.4rem; line-height: 1.4; }
.page h3, .entry h3, .mce-content-body h3 { font-size: 20px; font-size: 2rem; line-height: 1.6; }
.page h4, .entry h4, .mce-content-body h4 { font-size: 18px; font-size: 1.8rem; line-height: 1.7; }
.page .bt, .entry .bt, .mce-content-body .bt { padding-top: 50px; border-top: 3px solid #ddd; }

.entry .mv { background: url(../images/news/mv.jpg) no-repeat center center; }
.entry .inner { max-width: 780px; }
.entry .date { margin: 0 0 10px; display: block; text-align: left; }

#content .wp-pagenavi { clear: both; text-align: center; }
#content .wp-pagenavi a { margin: 0 5px 5px 5px; padding: 6px 15px; border: 1px solid #B3B3B3; color: #333; display: inline-block; }
#content .wp-pagenavi span { margin: 0 5px 5px 5px; padding: 6px 15px; border: 1px solid #B3B3B3; display: inline-block; }
#content .wp-pagenavi span.current { background: #666666; color: #fff; }

/*
===== サプライヤー ==========================================
*/
.page.supplier .mv { background-image: url(../images/supplier/mv.jpg); }
.page.supplier .row li { margin-bottom: 40px; }
.page.supplier .row li .name { font-size: 16px; font-size: 1.6rem; line-height: 1.7; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; text-align: center; }
.page.supplier .row li .name a { color: #333; }
.page.supplier .single { padding-top: 40px; border-top: 3px solid #ddd; }
.page.supplier .single section { position: relative; }
.page.supplier .single section .list { position: absolute; right: 0; top: -10px; }
.page.supplier .single h1 { margin: 0 0 40px; font-size: 35px; font-size: 3.5rem; line-height: 1.3; text-align: center; }
.page.supplier .single .body { margin: 50px 120px 80px; }
.page.supplier .single .body h2 { color: #111; font-size: 26px; font-size: 2.6rem; line-height: 1.5; }
.page.supplier .single .body .bt { margin-top: 40px; padding-top: 40px; }
.page.supplier .single h3 { margin: 0 0 30px; font-size: 24px; font-size: 2.4rem; line-height: 1.5; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-weight: bold; }
.page.supplier .single table { margin: 0 auto; border-top: 1px solid #666; font-size: 14px; font-size: 1.4rem; line-height: 1.7; width: 100%; }
.page.supplier .single table tr { border-bottom: 1px solid #666; }
.page.supplier .single table th { padding: 15px 15px; width: 25%; }
.page.supplier .single table td { padding: 15px 15px; }

/*
===== 商品紹介 ==========================================
*/
.page.fabric .mv { background-image: url(../images/fabric/mv.jpg); }
.page.fabric .controls { margin: 0 auto 40px; padding: 40px 15px 30px; border-top: 3px solid #ddd; border-bottom: 3px solid #ddd; max-width: 1030px; min-width: 1000px; width: 100%; }
.page.fabric .controls dl { margin: 0; }
.page.fabric .controls dl dt { padding: 5px 0; float: left; font-weight: bold; }
.page.fabric .controls dl dd { margin: 0 0 0 8em; }
.page.fabric .controls dl dd button { margin: 0 10px 10px 0; padding: 5px 10px; background: #ACAC9D; border: 2px solid #ACAC9D; color: #fff; cursor: pointer; font-weight: bold; outline: 0; }
.page.fabric .controls dl dd button.hightechnology { background: #D0A596; border: 2px solid #D0A596; }
.page.fabric .controls dl dd button.traditional { background: #ADA59B; border: 2px solid #ADA59B; }
.page.fabric .controls dl dd button.sustainability { background: #879797; border: 2px solid #879797; }
.page.fabric .controls dl dd button.mixitup-control-active { box-shadow: 0 0 4px rgba(255, 255, 255, 0.5) inset; border: 2px solid #555; }
.page.fabric .single { padding: 20px 0 0; }
.page.fabric .single #photo-container { margin: 0 0 40px; float: left; width: 400px; }
.page.fabric .single #thumbnail { overflow: hidden; width: 100%; }
.page.fabric .single #thumbnail li { margin: 0 0 0 13px; float: left; }
.page.fabric .single #thumbnail li:first-child { margin: 0; }
.page.fabric .single #thumbnail li img { width: 100%; opacity: 0.5; filter: alpha(opacity=50); }
.page.fabric .single #thumbnail li.current img { opacity: 1; filter: alpha(opacity=100); }
.page.fabric .single #main-photo { margin: 0 auto 10px; position: relative; height: 400px; }
.page.fabric .single #main-photo img { position: absolute; top: 0; width: 100%; }
.page.fabric .single .textarea { margin: 0 0 40px 450px; }
.page.fabric .single .textarea h1 { padding: 10px 20px; background: #1B3052; color: #fff; font-size: 20px; font-size: 2rem; line-height: 1.6; }
.page.fabric .single .textarea .flag { margin: 0 20px 10px 0; padding: 5px 15px; color: #fff; display: inline-block; font-weight: bold; }
.page.fabric .single .textarea .flag.hightechnology { background: #D0A596; }
.page.fabric .single .textarea .flag.traditional { background: #ADA59B; }
.page.fabric .single .textarea .flag.sustainability { background: #879797; }
.page.fabric .single .textarea .sup { display: inline-block; font-weight: bold; }
.page.fabric .single .textarea .comment { margin: 0 0 40px; padding: 30px 0 40px; border-bottom: 1px solid #666; }
.page.fabric .single .textarea .body { padding: 0 0 40px; border-bottom: 1px solid #666; }
.page.fabric .single .textarea .body table { margin: 0; }
.page.fabric .single .textarea .body table th { padding: 5px 0; width: 25%; }
.page.fabric .single .textarea .body table td { padding: 5px 0; }
.page.fabric .single .textarea .body table td span { margin: 0 5px 5px 0; padding: 5px 10px; background: #ACAC9D; color: #fff; display: inline-block; }

/*
===== ポリシー ==========================================
*/
.page.policy .mv { background-image: url(../images/policy/mv.jpg); }
.page.policy .head { margin: 0 0 60px; }
.page.policy .head h1 { margin: 0 0 50px; font-size: 35px; font-size: 3.5rem; line-height: 1.1; }
.page.policy .head figure { margin: 0 0 40px; }
.page.policy .head p { padding: 0 120px; }

/*
===== 会社情報 ==========================================
*/
.page.about .mv { background-image: url(../images/about/mv.jpg); }
.page.about section { max-width: 740px; }
.page.about table { margin: 0 auto 40px; padding: 30px; border-top: 1px solid #666; font-size: 14px; font-size: 1.4rem; line-height: 1.7; width: 100%; }
.page.about table tr { border-bottom: 1px dotted #666; }
.page.about table th { width: 20%; }
.page.about table.history { border: none; }
.page.about table.history tr { border: none; }
.page.about table.history th { border-right: 1px solid #ccc; position: relative; width: 25%; }
.page.about table.history th:before { content: "●"; color: #8A8A7B; font-size: 12px; font-size: 1.2rem; line-height: 1; position: absolute; right: -7px; top: 26px; }
.page.about table.history td { padding-left: 40px; }

/*
===== お問い合わせ ==========================================
*/
.page.contact .mv { background-image: url(../images/contact/mv.jpg); }
.page.contact .inner { max-width: 740px; }
.page.contact table.inquiry { margin: 0 auto 20px; font-size: 15px; font-size: 1.5rem; line-height: 1.7; width: 100%; }
.page.contact table.inquiry th { padding: 15px 15px; border-top: 1px solid #CCC; vertical-align: top; text-align: left; }
.page.contact table.inquiry th span { color: #FF7F00; }
.page.contact table.inquiry td { padding: 8px 15px; border-top: 1px solid #CCC; text-align: left; vertical-align: middle; }
.page.contact table.inquiry td input { margin: 2px 0; }
.page.contact .btn-list { text-align: center; }
.page.contact .btn-list li { display: inline-block; font-size: 18px; font-size: 1.8rem; line-height: 1.7; font-weight: bold; text-align: center; }
.page.contact .btn-list .submit { margin: 0 5px 10px; text-align: center; }
.page.contact .btn-list .submit input { padding: 8px 0; background: none; border: 1px solid #111; color: #111; cursor: pointer; font-size: 18px; font-size: 1.8rem; line-height: 1.7; font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; font-weight: bold; text-align: center; width: 280px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
.page.contact .btn-list .submit input:hover { background: #666; color: #fff; }
.page.contact .btn-list .back { margin: 0 5px 10px; display: none; text-align: center; }
.page.contact .btn-list .back input { padding: 8px 0; background: none; border: 1px solid #111; color: #111; cursor: pointer; font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.7; font-weight: bold; text-align: center; width: 270px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
.page.contact .btn-list .back input:hover { background: #666; color: #fff; }
.page.contact .mw_wp_form_preview .btn-list .back { display: inline-block; }
.page.contact .mw_wp_form .horizontal-item { margin: 0 20px 5px 0 !important; display: inline-block; }
.page.contact .mw_wp_form .error { padding: 2px 5px; color: #ff7f00; font-weight: bold; }
.page.contact .mw_wp_form_confirm .s { display: none; }
.page.contact .ebg { background: #FEEBE7; }

#privacy dl { margin: 0 0 20px; }
#privacy dl dt { font-weight: bold; }
#privacy dl dd { margin: 0 0 10px; }

/*
===== Other ==========================================
*/
.navigation { margin: 0 auto 20px; display: table; table-layout: fixed; width: 100%; }
.navigation p { display: table-cell; text-align: center; }
.navigation .prev { text-align: left; }
.navigation .next { text-align: right; }

/* 記事内の画像 */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignleft { float: left; margin-right: 10px; margin-bottom: 10px; }

.alignright { float: right; margin-left: 10px; margin-bottom: 10px; }

.wp-caption { border: solid 1px #aaaaaa; text-align: center; padding-top: 5px; }

/* ページリンク */
span.oldpage { float: left; }

span.newpage { float: right; }

p.pagelink a { font-size: 1.2rem; color: #0c8bcd; }

p.pagelink { overflow: hidden; width: 100%; }

/* コメント */
#comments { border: solid 1px #CCC; padding: 0 18px; margin: 20px 0; }

#comments input, #comments textarea { display: block; }

#comments textarea { width: 100%; }

#comments .required { color: #ff0000; }

#comments code { display: block; margin-top: 5px; font-size: smaller; }

#comments ul { margin: 0; padding: 0; }

#comments li.compost { list-style-type: none; border-bottom: dotted 1px #CCC; margin-bottom: 20px; }

#comments p.cominfo { text-align: right; }

#comments #comfeed a { line-height: 1em; color: #000000; text-decoration: none; }

#comments #comfeed { background-color: #EFEFEF; padding: 8px; margin-top: 30px; }

#comments #trurl { background-color: #EFEFEF; padding: 8px; margin-bottom: 30px; }

/* カレンダー */
.widget_calendar h2 { display: none; }

#wp-calendar { font-size: 0.75em; width: 100%; }

#wp-calendar td, #wp-calendar th { text-align: center; }

#wp-calendar caption { font-weight: bold; text-align: left; border-bottom: solid 1px #CCC; padding-bottom: 8px; margin-bottom: 8px; }

#wp-calendar #prev { text-align: left; padding-top: 3px; }

#wp-calendar #next { text-align: right; padding-top: 3px; }

@media screen and (max-width: 800px) { body { min-width: 320px; overflow-x: hidden; }
  body.menu-open { overflow: hidden; }
  .inner { min-width: 320px; }
  /* ===== 1: CONTAINER ======================================= */
  #container { padding: 50px 0 0; }
  /* ===== 2: HEADER ========================================== */
  #header { height: 50px; }
  #header #logo { margin: 0; padding: 10px 0 0 15px; }
  /* ===== 3: NAVIGATION ====================================== */
  #menu { right: 5px; top: 4px; }
  #nav .wrap { font-size: 20px; font-size: 2rem; line-height: 1; }
  #nav .wrap p { margin-bottom: 30px; }
  #nav .wrap ul li { margin: 0 0 5px; font-size: 18px; font-size: 1.8rem; line-height: 1; }
  #nav .wrap ul li a span { font-size: 12px; font-size: 1.2rem; line-height: 1; }
  /* ===== 4: FOOTER ========================================== */
  #footer #footer-nav { display: none; }
  #footer small { font-size: 10px; font-size: 1rem; line-height: 1.7; }
  /* ===== 5: MAIN CONTENT ==================================== */
  #content { padding: 0; }
  section { margin: 0 auto 30px; }
  article h1 { font-size: 22px; font-size: 2.2rem; line-height: 1.2; }
  article h1 span { font-size: 13px; font-size: 1.3rem; line-height: 1; }
  article h2 { font-size: 22px; font-size: 2.2rem; line-height: 1.2; }
  article h2 span { font-size: 13px; font-size: 1.3rem; line-height: 1; }
  article h3 { font-size: 18px; font-size: 1.8rem; line-height: 1.7; }
  article h4 { font-size: 16px; font-size: 1.6rem; line-height: 1.7; }
  /* ボタン */
  .btn-list li { margin: 0 0 10px; display: block; }
  .btn-list li a { padding: 12px 40px 12px 30px; font-size: 16px; font-size: 1.6rem; line-height: 1.7; }
  .btn-list li a::before { right: 10px; }
  /* table */
  table.stripe th { padding: 10px 15px 5px; display: block; width: 100%; text-align: left; }
  table.stripe td { padding: 0 15px 10px; display: block; width: 100%; }
  /* ===== 6: SIDE BAR ==================================== */
  /* ===== 7: TOP ==================================== */
  .index #yugen .mv { padding: 100px 50px; }
  .index #yugen .topics { padding: 0 10px; }
  .index #yugen .topics dl.entry-list { margin: 0 0 20px; }
  .index #yugen .sup { margin: 40px 0; display: block; }
  .index #yugen .sup .col { display: block; }
  .index #yugen .sup .textarea { padding: 40px; font-size: 12px; font-size: 1.2rem; line-height: 1.7; width: 100%; }
  .index #yugen .sup .textarea h2 { text-align: left; }
  .index #yugen .sup .img img { display: block; }
  .index #event { margin-top: 40px; }
  .index #event p { text-align: center; }
  .index #about .table-col .textarea { padding: 50px 50px 30px; background: rgba(223, 223, 208, 0.6); vertical-align: middle; }
  .index #about .table-col .textarea h3 { text-align: center; }
  .index #about .table-col .textarea p { margin: 0 0 10px; text-align: center; }
  .index #about .table-col .textarea address { margin-bottom: 10px; display: block; text-align: center; }
  .index #about .table-col .gmap { height: 450px; }
  .products .col { padding: 30px 15px; }
  dl.entry-list dt { margin: 15px 20px 15px 0; }
  dl.entry-list dd { padding: 15px 0 15px 7em; } }
@media screen and (max-width: 800px) {     /* ===== CONTENTS ===========================================
 PAGES
 ========================================================== */
  .page .row, .entry .row, .mce-content-body .row { margin-bottom: 0; }
  .page .mv, .entry .mv, .mce-content-body .mv { margin: 0 0 60px; height: 120px; }
  .page .mv .ttl, .entry .mv .ttl, .mce-content-body .mv .ttl { padding: 20px 0; font-size: 22px; font-size: 2.2rem; line-height: 1.1; bottom: -80px; width: 280px; }
  .page .mv .ttl span, .entry .mv .ttl span, .mce-content-body .mv .ttl span { font-size: 13px; font-size: 1.3rem; line-height: 1; }
  .page h2, .entry h2, .mce-content-body h2 { font-size: 22px; font-size: 2.2rem; line-height: 1.2; }
  .page h3, .entry h3, .mce-content-body h3 { font-size: 18px; font-size: 1.8rem; line-height: 1.7; }
  .page h4, .entry h4, .mce-content-body h4 { font-size: 16px; font-size: 1.6rem; line-height: 1.7; }
  .page .bt, .entry .bt, .mce-content-body .bt { padding-top: 30px; }
  /* ===== サプライヤー ========================================== */
  .page.supplier .mv { background-image: url(../images/supplier/mv.jpg); }
  .page.supplier .row li .name { font-size: 16px; font-size: 1.6rem; line-height: 1.7; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; text-align: center; }
  .page.supplier .row li .name a { color: #333; }
  .page.supplier .single section { position: relative; }
  .page.supplier .single section .list { position: static; }
  .page.supplier .single h1 { margin: 0 0 40px; font-size: 22px; font-size: 2.2rem; line-height: 1.5; }
  .page.supplier .single .body { margin: 40px 0 50px; }
  .page.supplier .single .body h2 { font-size: 20px; font-size: 2rem; line-height: 1.5; }
  .page.supplier .single h3 { margin: 0 0 30px; font-size: 18px; font-size: 1.8rem; line-height: 1.6; }
  .page.supplier .single table { margin: 0 auto; border-top: 1px solid #666; font-size: 14px; font-size: 1.4rem; line-height: 1.7; width: 100%; }
  .page.supplier .single table tr { border-bottom: 1px solid #666; }
  .page.supplier .single table th { padding: 15px 0; width: 30%; }
  .page.supplier .single table td { padding: 15px 15px; }
  /* ===== 商品紹介 ========================================== */
  .page.fabric .controls { margin: 0 0 20px; padding: 20px 15px 10px; min-width: 320px; }
  .page.fabric .controls dl { margin: 0; }
  .page.fabric .controls dl dt { padding: 0; float: none; }
  .page.fabric .controls dl dd { margin: 0 0 5px; }
  .page.fabric .controls dl dd button { margin: 0 5px 5px 0; padding: 2px 5px; font-size: 13px; font-size: 1.3rem; line-height: 1.7; }
  .page.fabric .single { padding: 20px 0 0; }
  .page.fabric .single #photo-container { margin: 0 auto 40px; padding: 0 15px; float: none; width: 100%; }
  .page.fabric .single #thumbnail li { margin: 0 0 0 4%; }
  .page.fabric .single #thumbnail li:first-child { margin: 0; }
  .page.fabric .single .textarea { margin: 0 0 40px; padding: 0 15px; }
  .page.fabric .single .textarea h1 { padding: 10px 10px; font-size: 18px; font-size: 1.8rem; line-height: 1.6; }
  .page.fabric .single .textarea .flag { margin: 0 15px 10px 0; padding: 2px 10px; }
  .page.fabric .single .textarea .comment { margin: 0 0 20px; padding: 0 0 20px; }
  .page.fabric .single .textarea .body { padding: 0 0 20px; }
  /* ===== ポリシー ========================================== */
  .page.policy .head { margin: 0 0 30px; }
  .page.policy .head h1 { margin: 0 0 30px; font-size: 22px; font-size: 2.2rem; line-height: 1.2; }
  .page.policy .head figure { margin: 0 0 30px; }
  .page.policy .head p { padding: 0; }
  /* ===== 会社情報 ========================================== */
  .page.about .mv { background-image: url(../images/about/mv.jpg); }
  .page.about section { max-width: 740px; }
  .page.about table.history th { padding: 0; width: 9em; }
  .page.about table.history td { padding-left: 20px; }
  /* ===== お問い合わせ ========================================== */
  .page.contact table.inquiry { border-collapse: collapse; font-size: 14px; font-size: 1.4rem; line-height: 1.7; width: 100%; }
  .page.contact table.inquiry th { padding: 10px 0; display: block; width: 100%; }
  .page.contact table.inquiry td { margin: 0 0 5px; padding: 0 0 10px; display: block; width: 100%; } }