/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/*@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
@import url(//fonts.googleapis.com/css?family=Josefin+Slab:600,700);
/* line 12, partials/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 31, partials/_normalize.scss */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 42, partials/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
/* line 52, partials/_normalize.scss */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 67, partials/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
/* line 77, partials/_normalize.scss */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 89, partials/_normalize.scss */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 97, partials/_normalize.scss */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 105, partials/_normalize.scss */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 119, partials/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 128, partials/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 136, partials/_normalize.scss */
b,
strong,
.strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 146, partials/_normalize.scss */
dfn,
em,
.em {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
/* line 156, partials/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
/* line 166, partials/_normalize.scss */
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

/*
 * Addresses margins set differently in IE6/7.
 */
/* line 177, partials/_normalize.scss */
pre {
  margin: 0; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 185, partials/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 197, partials/_normalize.scss */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
/* line 205, partials/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 212, partials/_normalize.scss */
q:before,
q:after {
  content: '';
  content: none; }

/* line 218, partials/_normalize.scss */
small, .small {
  font-size: 75%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 226, partials/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 234, partials/_normalize.scss */
sup {
  top: -0.5em; }

/* line 238, partials/_normalize.scss */
sub {
  bottom: -0.25em; }

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
/* line 250, partials/_normalize.scss */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

/* line 257, partials/_normalize.scss */
dd {
  margin: 0; }

/*
 * Addresses paddings set differently in IE6/7.
 */
/* line 265, partials/_normalize.scss */
menu {
  padding: 0 0 0 40px; }

/* line 269, partials/_normalize.scss */
ol,
ul {
  padding: 0;
  list-style-type: none; }

/*
 * Corrects list images handled incorrectly in IE7.
 */
/* line 279, partials/_normalize.scss */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 293, partials/_normalize.scss */
img {
  max-width: 100%;
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 302, partials/_normalize.scss */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 314, partials/_normalize.scss */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 326, partials/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 337, partials/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 348, partials/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 362, partials/_normalize.scss */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 374, partials/_normalize.scss */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 387, partials/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
/* line 399, partials/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 409, partials/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 421, partials/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 433, partials/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 442, partials/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 453, partials/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 466, partials/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 473, partials/_normalize.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 480, partials/_normalize.scss */
.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/* line 488, partials/_normalize.scss */
.clearfix, .cf, .comment-respond {
  zoom: 1; }
  /* line 490, partials/_normalize.scss */
  .clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
    content: "";
    display: table; }
  /* line 491, partials/_normalize.scss */
  .clearfix:after, .cf:after, .comment-respond:after {
    clear: both; }

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
/* line 498, partials/_normalize.scss */
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/* for moomin site color set */
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/
/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
@font-face {
  font-family: 'Quimby Mayoral';
  src: url("../fonts/QuimbyMayoral.eot");
  src: url("../fonts/QuimbyMayoral.eot?#iefix") format("embedded-opentype"), url("../fonts/QuimbyMayoral.woff2") format("woff2"), url("../fonts/QuimbyMayoral.woff") format("woff"), url("../fonts/QuimbyMayoral.ttf") format("truetype"), url("../fonts/QuimbyMayoral.svg#quimbymayoralregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
 i imported this one in the functions file so bones would look sweet.
 don't forget to remove it for your site.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
/* line 85, partials/_typography.scss */
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  /*
    -webkit-font-feature-settings: "liga", "dlig";
     -moz-font-feature-settings: "liga=1, dlig=1";
        -ms-font-feature-settings: "liga", "dlig";
         -o-font-feature-settings: "liga", "dlig";
            font-feature-settings: "liga", "dlig";
  */ }

/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.


The grid below is a custom built thingy I modeled a bit after
Gridset. It's VERY basic and probably shouldn't be used on
your client projects. The idea is you learn how to roll your
own grids. It's better in the long run and allows you full control
over your project's layout.

******************************************************************/
/* line 34, partials/_grid.scss */
.last-col {
  float: right;
  padding-right: 0 !important; }

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 640px) {
  /* line 48, partials/_grid.scss */
  .m-all {
    float: left;
    width: 100%;
    padding-right: 0; }

  /* line 54, partials/_grid.scss */
  .m-1of2 {
    float: left;
    width: 45.3125%;
    margin-left: 3.125%; }

  /* line 60, partials/_grid.scss */
  .m-1of3 {
    float: left;
    width: 33.33%; }

  /* line 65, partials/_grid.scss */
  .m-2of3 {
    float: left;
    width: 66.66%; }

  /* line 70, partials/_grid.scss */
  .m-1of4 {
    float: left;
    width: 25%; }

  /* line 75, partials/_grid.scss */
  .m-3of4 {
    float: left;
    width: 75%; } }
/* Portrait tablet to landscape */
@media (min-width: 641px) and (max-width: 820px) {
  /* line 86, partials/_grid.scss */
  .t-all {
    float: left;
    width: 100%;
    padding-right: 0; }

  /* line 92, partials/_grid.scss */
  .t-1of2 {
    float: left;
    width: 48%;
    margin: 0 1% 1em; }

  /* line 98, partials/_grid.scss */
  .t-1of3 {
    float: left;
    width: 32%;
    margin-left: 1%; }

  /* line 103, partials/_grid.scss */
  .t-2of3 {
    float: left;
    width: 66.66%; }

  /* line 108, partials/_grid.scss */
  .t-1of4 {
    float: left;
    width: 24%;
    margin-left: 1%; }

  /* line 114, partials/_grid.scss */
  .t-3of4 {
    float: left;
    width: 75%; }

  /* line 118, partials/_grid.scss */
  .t-1of4_inner {
    float: left;
    width: 23%;
    margin: 0 1% 5%; }

  /* line 124, partials/_grid.scss */
  .t-1of5 {
    float: left;
    width: 20%; }

  /* line 129, partials/_grid.scss */
  .t-2of5 {
    float: left;
    width: 40%; }

  /* line 134, partials/_grid.scss */
  .t-3of5 {
    float: left;
    width: 60%; }

  /* line 139, partials/_grid.scss */
  .t-4of5 {
    float: left;
    width: 80%; } }
/* Landscape to small desktop */
@media (min-width: 821px) {
  /* line 149, partials/_grid.scss */
  .d-all {
    float: left;
    width: 100%;
    padding-right: 0; }

  /* line 155, partials/_grid.scss */
  .d-1of2 {
    float: left;
    width: 46%;
    margin: 0 2% 2%; }

  /* line 161, partials/_grid.scss */
  .d-1of3 {
    float: left;
    width: 260px;
    margin-right: 20px; }

  /* line 166, partials/_grid.scss */
  .d-1of3:nth-of-type(3n) {
    margin-right: 0; }

  /* line 170, partials/_grid.scss */
  .d-2of3 {
    float: left;
    width: 66.66%; }

  /* line 175, partials/_grid.scss */
  .d-1of4 {
    float: left;
    width: 260px; }

  /* line 180, partials/_grid.scss */
  .d-3of4 {
    float: left;
    width: 820px;
    margin-right: 20px; }

  /* line 185, partials/_grid.scss */
  .d-1of4_inner {
    float: left;
    width: 23%;
    margin: 0 1% 20px; }

  /* line 192, partials/_grid.scss */
  .d-1of5 {
    float: left;
    width: 20%; }

  /* line 197, partials/_grid.scss */
  .d-2of5 {
    float: left;
    width: 40%; }

  /* line 202, partials/_grid.scss */
  .d-3of5 {
    float: left;
    width: 60%; }

  /* line 207, partials/_grid.scss */
  .d-4of5 {
    float: left;
    width: 80%; }

  /* line 212, partials/_grid.scss */
  .d-1of6 {
    float: left;
    width: 16.6666666667%; }

  /* line 217, partials/_grid.scss */
  .d-1of7 {
    float: left;
    width: 14.2857142857%; }

  /* line 222, partials/_grid.scss */
  .d-2of7 {
    float: left;
    width: 28.5714286%; }

  /* line 227, partials/_grid.scss */
  .d-3of7 {
    float: left;
    width: 42.8571429%; }

  /* line 232, partials/_grid.scss */
  .d-4of7 {
    float: left;
    width: 57.1428572%; }

  /* line 237, partials/_grid.scss */
  .d-5of7 {
    float: left;
    width: 71.4285715%; }

  /* line 242, partials/_grid.scss */
  .d-6of7 {
    float: left;
    width: 85.7142857%; }

  /* line 247, partials/_grid.scss */
  .d-1of8 {
    float: left;
    width: 12.5%; }

  /* line 252, partials/_grid.scss */
  .d-1of9 {
    float: left;
    width: 11.1111111111%; }

  /* line 257, partials/_grid.scss */
  .d-1of10 {
    float: left;
    width: 10%; }

  /* line 262, partials/_grid.scss */
  .d-1of11 {
    float: left;
    width: 9.09090909091%; }

  /* line 267, partials/_grid.scss */
  .d-1of12 {
    float: left;
    width: 8.33%; } }
/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Alert Styles

If you want to use these alerts in your design, you can. If not,
you can just remove this stylesheet.

******************************************************************/
/* line 15, modules/_alerts.scss */
.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid; }

/* line 21, modules/_alerts.scss */
.alert-help {
  border-color: #e8dc59;
  background: #ebe16f; }

/* line 27, modules/_alerts.scss */
.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8; }

/* line 33, modules/_alerts.scss */
.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4; }

/* line 39, modules/_alerts.scss */
.alert-success {
  border-color: #deeaae;
  background: #e6efc2; }

/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

*********************/
/* line 27, modules/_buttons.scss */
.blue-btn, .comment-reply-link, #submit {
  display: inline-block;
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #ffffff;
  font-size: 0.9em;
  font-size: 34px;
  line-height: 34px;
  font-weight: normal;
  padding: 0 24px;
  border-radius: 4px;
  border: 0;
  cursor: pointer;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out; }
  /* line 44, modules/_buttons.scss */
  .blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
    color: #ffffff;
    text-decoration: none; }
  /* line 50, modules/_buttons.scss */
  .blue-btn:active, .comment-reply-link:active, #submit:active {
    top: 1px; }

/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.
*/
/* line 61, modules/_buttons.scss */
.blue-btn, .comment-reply-link, #submit {
  background-color: #2980b9; }
  /* line 65, modules/_buttons.scss */
  .blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
    background-color: #2574a8; }
  /* line 70, modules/_buttons.scss */
  .blue-btn:active, .comment-reply-link:active, #submit:active {
    background-color: #2472a4; }

/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
/* line 24, modules/_forms.scss */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #333333;
  border-radius: 3px;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 100%;
  max-width: 400px;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #eaeaea;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out; }
  /* line 59, modules/_forms.scss */
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    background-color: #f4f4f4;
    outline: none; }
  /* line 66, modules/_forms.scss */
  input[type="text"].error, input[type="text"].is-invalid,
  input[type="password"].error,
  input[type="password"].is-invalid,
  input[type="datetime"].error,
  input[type="datetime"].is-invalid,
  input[type="datetime-local"].error,
  input[type="datetime-local"].is-invalid,
  input[type="date"].error,
  input[type="date"].is-invalid,
  input[type="month"].error,
  input[type="month"].is-invalid,
  input[type="time"].error,
  input[type="time"].is-invalid,
  input[type="week"].error,
  input[type="week"].is-invalid,
  input[type="number"].error,
  input[type="number"].is-invalid,
  input[type="email"].error,
  input[type="email"].is-invalid,
  input[type="url"].error,
  input[type="url"].is-invalid,
  input[type="search"].error,
  input[type="search"].is-invalid,
  input[type="tel"].error,
  input[type="tel"].is-invalid,
  input[type="color"].error,
  input[type="color"].is-invalid,
  select.error,
  select.is-invalid,
  textarea.error,
  textarea.is-invalid,
  .field.error,
  .field.is-invalid {
    color: #fbe3e4;
    border-color: #fbe3e4;
    background-color: #ffffff;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
    outline-color: #fbe3e4; }
  /* line 78, modules/_forms.scss */
  input[type="text"].success, input[type="text"].is-valid,
  input[type="password"].success,
  input[type="password"].is-valid,
  input[type="datetime"].success,
  input[type="datetime"].is-valid,
  input[type="datetime-local"].success,
  input[type="datetime-local"].is-valid,
  input[type="date"].success,
  input[type="date"].is-valid,
  input[type="month"].success,
  input[type="month"].is-valid,
  input[type="time"].success,
  input[type="time"].is-valid,
  input[type="week"].success,
  input[type="week"].is-valid,
  input[type="number"].success,
  input[type="number"].is-valid,
  input[type="email"].success,
  input[type="email"].is-valid,
  input[type="url"].success,
  input[type="url"].is-valid,
  input[type="search"].success,
  input[type="search"].is-valid,
  input[type="tel"].success,
  input[type="tel"].is-valid,
  input[type="color"].success,
  input[type="color"].is-valid,
  select.success,
  select.is-valid,
  textarea.success,
  textarea.is-valid,
  .field.success,
  .field.is-valid {
    color: #e6efc2;
    border-color: #e6efc2;
    background-color: #ffffff;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
    outline-color: #e6efc2; }
  /* line 90, modules/_forms.scss */
  input[type="text"][disabled], input[type="text"].is-disabled,
  input[type="password"][disabled],
  input[type="password"].is-disabled,
  input[type="datetime"][disabled],
  input[type="datetime"].is-disabled,
  input[type="datetime-local"][disabled],
  input[type="datetime-local"].is-disabled,
  input[type="date"][disabled],
  input[type="date"].is-disabled,
  input[type="month"][disabled],
  input[type="month"].is-disabled,
  input[type="time"][disabled],
  input[type="time"].is-disabled,
  input[type="week"][disabled],
  input[type="week"].is-disabled,
  input[type="number"][disabled],
  input[type="number"].is-disabled,
  input[type="email"][disabled],
  input[type="email"].is-disabled,
  input[type="url"][disabled],
  input[type="url"].is-disabled,
  input[type="search"][disabled],
  input[type="search"].is-disabled,
  input[type="tel"][disabled],
  input[type="tel"].is-disabled,
  input[type="color"][disabled],
  input[type="color"].is-disabled,
  select[disabled],
  select.is-disabled,
  textarea[disabled],
  textarea.is-disabled,
  .field[disabled],
  .field.is-disabled {
    cursor: not-allowed;
    border-color: #cfcfcf;
    opacity: 0.6; }
    /* line 96, modules/_forms.scss */
    input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
    input[type="password"][disabled]:focus,
    input[type="password"][disabled]:active,
    input[type="password"].is-disabled:focus,
    input[type="password"].is-disabled:active,
    input[type="datetime"][disabled]:focus,
    input[type="datetime"][disabled]:active,
    input[type="datetime"].is-disabled:focus,
    input[type="datetime"].is-disabled:active,
    input[type="datetime-local"][disabled]:focus,
    input[type="datetime-local"][disabled]:active,
    input[type="datetime-local"].is-disabled:focus,
    input[type="datetime-local"].is-disabled:active,
    input[type="date"][disabled]:focus,
    input[type="date"][disabled]:active,
    input[type="date"].is-disabled:focus,
    input[type="date"].is-disabled:active,
    input[type="month"][disabled]:focus,
    input[type="month"][disabled]:active,
    input[type="month"].is-disabled:focus,
    input[type="month"].is-disabled:active,
    input[type="time"][disabled]:focus,
    input[type="time"][disabled]:active,
    input[type="time"].is-disabled:focus,
    input[type="time"].is-disabled:active,
    input[type="week"][disabled]:focus,
    input[type="week"][disabled]:active,
    input[type="week"].is-disabled:focus,
    input[type="week"].is-disabled:active,
    input[type="number"][disabled]:focus,
    input[type="number"][disabled]:active,
    input[type="number"].is-disabled:focus,
    input[type="number"].is-disabled:active,
    input[type="email"][disabled]:focus,
    input[type="email"][disabled]:active,
    input[type="email"].is-disabled:focus,
    input[type="email"].is-disabled:active,
    input[type="url"][disabled]:focus,
    input[type="url"][disabled]:active,
    input[type="url"].is-disabled:focus,
    input[type="url"].is-disabled:active,
    input[type="search"][disabled]:focus,
    input[type="search"][disabled]:active,
    input[type="search"].is-disabled:focus,
    input[type="search"].is-disabled:active,
    input[type="tel"][disabled]:focus,
    input[type="tel"][disabled]:active,
    input[type="tel"].is-disabled:focus,
    input[type="tel"].is-disabled:active,
    input[type="color"][disabled]:focus,
    input[type="color"][disabled]:active,
    input[type="color"].is-disabled:focus,
    input[type="color"].is-disabled:active,
    select[disabled]:focus,
    select[disabled]:active,
    select.is-disabled:focus,
    select.is-disabled:active,
    textarea[disabled]:focus,
    textarea[disabled]:active,
    textarea.is-disabled:focus,
    textarea.is-disabled:active,
    .field[disabled]:focus,
    .field[disabled]:active,
    .field.is-disabled:focus,
    .field.is-disabled:active {
      background-color: #d5edf8; }

/* line 106, modules/_forms.scss */
input[type="password"] {
  letter-spacing: 0.3em; }

/* line 111, modules/_forms.scss */
textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em; }

/* line 118, modules/_forms.scss */
select {
  -webkit-appearance: none;
  /* 1 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center; }

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
/* line 18, breakpoints/_base.scss */
body {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, sans-serif;
  /*font-family: "Josefin Slab", "Quimby Mayoral", "Noto Sans Japanese", sans-serif;*/
  font-size: 90%;
  line-height: 1.5;
  color: #333333;
  background-color: #eaeaea;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
LAYOUT & GRID STYLES
*********************/
/* line 73, breakpoints/_base.scss */
.wrap {
  width: 100%;
  margin: 0 auto; }

/* line 78, breakpoints/_base.scss */
.for_pc, .for_tab {
  display: none; }

/* line 82, breakpoints/_base.scss */
.for_sp {
  display: block; }

/*********************
LINK STYLES
*********************/
/* line 90, breakpoints/_base.scss */
a {
  color: #f01d4f;
  /* on hover */
  /* on click */
  /* mobile tap color */ }
  /* line 94, breakpoints/_base.scss */
  a:hover, a:focus {
    color: #d10e3c;
    opacity: 0.7;
    font-size: 100%; }
  /* line 99, breakpoints/_base.scss */
  a.has_arrow {
    padding-left: 10px;
    text-decoration: none;
    background: url(../../images/icon_triangle.png) left center no-repeat; }
  /* line 111, breakpoints/_base.scss */
  a:link {
    /*
    this highlights links on iPhones/iPads.
    so it basically works like the :hover selector
    for mobile devices.
    */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
/* line 125, breakpoints/_base.scss */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 400;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */ }
  /* line 134, breakpoints/_base.scss */
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

/* line 139, breakpoints/_base.scss */
h1, .h1 {
  font-size: 2.5em;
  line-height: 1.333em; }

/* line 144, breakpoints/_base.scss */
h2, .h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em; }

/* line 150, breakpoints/_base.scss */
h3, .h3 {
  font-size: 1.125em; }

/* line 154, breakpoints/_base.scss */
h4, .h4 {
  font-size: 1.1em;
  font-weight: 700; }

/* line 159, breakpoints/_base.scss */
h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px; }

/******************************************************************
FONT STYLES
******************************************************************/
/* line 169, breakpoints/_base.scss */
.post_list-font-big {
  line-height: 1;
  font-size: 0.9em; }

/* line 173, breakpoints/_base.scss */
.post_list-font-medium {
  line-height: 1.2;
  font-size: 0.8em; }

/* line 177, breakpoints/_base.scss */
.post_list-font-small {
  line-height: 1.4;
  font-size: 0.6em; }

/* line 181, breakpoints/_base.scss */
.post_detail-font-big {
  line-height: 1.33;
  font-size: 3.0em; }

/* line 185, breakpoints/_base.scss */
.post_detail-font-medium {
  line-height: 1.33;
  font-size: 2.0em; }

/* line 189, breakpoints/_base.scss */
.post_detail-font-small {
  line-height: 2;
  font-size: 1.6em; }

/* line 193, breakpoints/_base.scss */
.post_detail-font-x_small {
  font-size: 1.4em; }

/* line 196, breakpoints/_base.scss */
.latin {
  font-weight: 700 !important;
  display: inline; }

/******************************************************************
COLOR STYLES -additional styles-
******************************************************************/
/* line 204, breakpoints/_base.scss */
.news_text_color {
  color: #ed8513; }

/* line 205, breakpoints/_base.scss */
.news_text_color2 {
  color: #d53621; }

/* line 206, breakpoints/_base.scss */
.news_bg_color {
  background-color: #ed8513; }

/* line 207, breakpoints/_base.scss */
.news_bg_color2 {
  background-color: #d53621; }

/* line 210, breakpoints/_base.scss */
.blogs_text_color {
  color: #2ab0e1; }

/* line 211, breakpoints/_base.scss */
.blogs_text_color2 {
  color: #357db8; }

/* line 212, breakpoints/_base.scss */
.blogs_bg_color {
  background-color: #2ab0e1; }

/* line 213, breakpoints/_base.scss */
.blogs_bg_color2 {
  background-color: #357db8; }

/* line 216, breakpoints/_base.scss */
.goods_text_color {
  color: #52ab80; }

/* line 217, breakpoints/_base.scss */
.goods_text_color2 {
  color: #3c7b35; }

/* line 218, breakpoints/_base.scss */
.goods_bg_color {
  background-color: #52ab80; }

/* line 219, breakpoints/_base.scss */
.goods_bg_color2 {
  background-color: #3c7b35; }

/* line 222, breakpoints/_base.scss */
.character_text_color {
  color: #da7483; }

/* line 223, breakpoints/_base.scss */
.character_bg_color {
  background-color: #da7483; }

/* line 226, breakpoints/_base.scss */
.books_text_color {
  color: #791c69; }

/* line 227, breakpoints/_base.scss */
.books_bg_color {
  background-color: #791c69; }

/* line 230, breakpoints/_base.scss */
.moomin-cafe_text_color {
  color: #da7483; }

/* line 231, breakpoints/_base.scss */
.moomin-cafe_bg_color {
  background-color: #da7483; }

/* line 234, breakpoints/_base.scss */
.moomin-cafe_text_color {
  color: #2ab0e1; }

/* line 235, breakpoints/_base.scss */
.moomin-cafe_bg_color {
  background-color: #2ab0e1; }

/* line 238, breakpoints/_base.scss */
.moomin-spot_text_color {
  color: #791c69; }

/* line 239, breakpoints/_base.scss */
.moomin-spot_bg_color {
  background-color: #791c69; }

/*********************
HEADER STYLES
*********************/
/* line 245, breakpoints/_base.scss */
.header {
  position: relative;
  background-color: #ffffff; }

/* line 250, breakpoints/_base.scss */
#logo {
  margin: 0;
  padding: 0.5em 1%;
  font-size: 1em;
  line-height: 0;
  text-align: left; }

/* line 261, breakpoints/_base.scss */
.header-nav-button {
  position: absolute;
  top: 0.4em;
  right: 2%;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  background: url(../../images/hamburger.svg) no-repeat;
  background-size: 100%; }

/* line 273, breakpoints/_base.scss */
.header-nav-area {
  display: none;
  border-top: 1px solid #eaeaea;
  background: #ffffff;
  box-shadow: inset 20px 0 20px -20px rgba(0, 0, 0, 0.4); }
  /* line 278, breakpoints/_base.scss */
  .header-nav-area h1 {
    margin: 1em 5% 0.2em;
    font-size: 1em; }
  /* line 282, breakpoints/_base.scss */
  .header-nav-area > ul {
    width: 90%;
    margin: 0 auto; }
    /* line 286, breakpoints/_base.scss */
    .header-nav-area > ul > li > a {
      display: block;
      padding: 0.5em;
      color: #000000;
      text-decoration: none; }
      /* line 291, breakpoints/_base.scss */
      .header-nav-area > ul > li > a:hover {
        color: #ffffff;
        background: #999999; }
  /* line 298, breakpoints/_base.scss */
  .header-nav-area .latin {
    display: inline; }

/* line 302, breakpoints/_base.scss */
.header-nav-parent {
  padding: 0;
  border-bottom: 1px dashed #eaeaea; }

/* line 306, breakpoints/_base.scss */
.header-nav-search_parent {
  display: none; }

/* line 310, breakpoints/_base.scss */
.header-nav-search_sp a {
  display: block;
  line-height: 1.2;
  padding: 2% 5%;
  color: #333333;
  font-size: 1.8em;
  font-weight: 700;
  text-decoration: none; }
/* line 319, breakpoints/_base.scss */
.header-nav-search_sp .header-nav-search-icon {
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 32px;
  background: url(../../images/icon_magnifyingglass.png) no-repeat; }
  /* line 325, breakpoints/_base.scss */
  .header-nav-search_sp .header-nav-search-icon:hover {
    background: url(../../images/icon_magnifyingglass_on.png) no-repeat; }

/* line 330, breakpoints/_base.scss */
.header-nav-child {
  z-index: 100; }

/* line 333, breakpoints/_base.scss */
.header-nav-child a {
  display: block;
  line-height: 1.2;
  padding: 2% 5%;
  text-decoration: none; }
  /* line 338, breakpoints/_base.scss */
  .header-nav-child a:hover {
    opacity: 1;
    color: #f7c330; }
  /* line 342, breakpoints/_base.scss */
  .header-nav-child a span {
    display: block; }
  /* line 344, breakpoints/_base.scss */
  .header-nav-child a .menu-title-en {
    font-size: 2em; }

/* line 349, breakpoints/_base.scss */
.header-nav-child01 a {
  color: #da7483; }
  /* line 351, breakpoints/_base.scss */
  .header-nav-child01 a:hover {
    background: #da7483; }

/* line 355, breakpoints/_base.scss */
.header-nav-child02 a {
  color: #2ab0e1; }
  /* line 357, breakpoints/_base.scss */
  .header-nav-child02 a:hover {
    background: #2ab0e1; }

/* line 361, breakpoints/_base.scss */
.header-nav-child03 a {
  color: #791c69; }
  /* line 363, breakpoints/_base.scss */
  .header-nav-child03 a:hover {
    background: #791c69; }

/* line 367, breakpoints/_base.scss */
.header-nav-child04 a {
  color: #47a0aa; }
  /* line 369, breakpoints/_base.scss */
  .header-nav-child04 a:hover {
    background: #47a0aa; }

/*********************
NAVIGATION STYLES
*********************/
/* line 378, breakpoints/_base.scss */
.tag-style-nav {
  padding: 0 3.125%; }
  /* line 380, breakpoints/_base.scss */
  .tag-style-nav li {
    display: inline-block;
    margin-right: 0.5em; }
    /* line 383, breakpoints/_base.scss */
    .tag-style-nav li a {
      display: block;
      line-height: 1;
      margin-bottom: 0.6em;
      padding: 0.6em 0.6em;
      color: #999999;
      font-size: 0.8em;
      text-decoration: none;
      background: #eaeaea; }
      /* line 392, breakpoints/_base.scss */
      .tag-style-nav li a.news {
        color: #ed8513; }
      /* line 395, breakpoints/_base.scss */
      .tag-style-nav li a.news:hover, .tag-style-nav li a.news_on {
        color: #ffffff;
        background-color: #ed8513; }
      /* line 399, breakpoints/_base.scss */
      .tag-style-nav li a.blogs {
        color: #2ab0e1; }
      /* line 402, breakpoints/_base.scss */
      .tag-style-nav li a.blogs:hover, .tag-style-nav li a.blogs_on {
        color: #ffffff;
        background-color: #2ab0e1; }
      /* line 406, breakpoints/_base.scss */
      .tag-style-nav li a.goods {
        color: #52ab80; }
      /* line 409, breakpoints/_base.scss */
      .tag-style-nav li a.goods:hover, .tag-style-nav li a.goods_on {
        color: #ffffff;
        background-color: #52ab80; }
      /* line 413, breakpoints/_base.scss */
      .tag-style-nav li a.books {
        color: #791c69; }
      /* line 416, breakpoints/_base.scss */
      .tag-style-nav li a.books:hover, .tag-style-nav li a.books_on {
        color: #ffffff;
        background-color: #791c69; }
      /* line 420, breakpoints/_base.scss */
      .tag-style-nav li a.moomin-cafe {
        color: #da7483; }
      /* line 423, breakpoints/_base.scss */
      .tag-style-nav li a.moomin-cafe:hover, .tag-style-nav li a.moomin-cafe_on {
        color: #ffffff;
        background-color: #da7483; }
      /* line 427, breakpoints/_base.scss */
      .tag-style-nav li a.moomin-shop {
        color: #2ab0e1; }
      /* line 430, breakpoints/_base.scss */
      .tag-style-nav li a.moomin-shop:hover, .tag-style-nav li a.moomin-shop_on {
        color: #ffffff;
        background-color: #2ab0e1; }
      /* line 434, breakpoints/_base.scss */
      .tag-style-nav li a.moomin-spot {
        color: #791c69; }
      /* line 437, breakpoints/_base.scss */
      .tag-style-nav li a.moomin-spot:hover, .tag-style-nav li a.moomin-spot_on {
        color: #ffffff;
        background-color: #791c69; }

/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
/* line 452, breakpoints/_base.scss */
.nav {
  border-bottom: 0;
  margin: 0;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */ }
  /* line 456, breakpoints/_base.scss */
  .nav li {
    /*
    so you really have to rethink your dropdowns for mobile.
    you don't want to have it expand too much because the
    screen is so small. How you manage your menu should
    depend on the project. Here's some great info on it:
    http://www.alistapart.com/articles/organizing-mobile/
    */ }
    /* line 458, breakpoints/_base.scss */
    .nav li a {
      display: block;
      color: #ffffff;
      text-decoration: none;
      padding: 0.75em;
      /*
      remember this is for mobile ONLY, so there's no need
      to even declare hover styles here, you can do it in
      the style.scss file where it's relevant. We want to
      keep this file as small as possible!
      */ }
    /* line 491, breakpoints/_base.scss */
    .nav li ul.sub-menu li a,
    .nav li ul.children li a {
      padding-left: 30px; }

/* end .nav */
/*********************
POSTS & CONTENT STYLES
*********************/
/* line 526, breakpoints/_base.scss */
#main .flex-direction-nav {
  display: none; }

/* line 529, breakpoints/_base.scss */
.top_of_page {
  line-height: 1;
  margin: 0 3.125% 1em;
  padding: 1em;
  border-top: 1px dashed #ccc;
  text-align: right;
  background: #ffffff; }
  /* line 536, breakpoints/_base.scss */
  .top_of_page a {
    color: #666666;
    text-decoration: none; }

/* line 541, breakpoints/_base.scss */
.top_of_page_index, .top_of_page_archive,
.top_of_page_taxonomy, .top_of_page_search {
  border: none;
  padding: 0;
  background: none; }

/* line 547, breakpoints/_base.scss */
#content {
  padding-top: 3.125%; }
  /* line 549, breakpoints/_base.scss */
  #content .post-single {
    margin: 0 3.125% 0; }
  /* line 552, breakpoints/_base.scss */
  #content .social-share {
    text-align: center; }
    /* line 554, breakpoints/_base.scss */
    #content .social-share img {
      margin-right: 1em; }

/* line 562, breakpoints/_base.scss */
.content-inner-link {
  margin: 1.5em 0; }
  /* line 564, breakpoints/_base.scss */
  .content-inner-link span {
    display: block;
    padding-left: 20px;
    background: url(../../images/icon_triangle_bottom.png) no-repeat left center; }
  /* line 569, breakpoints/_base.scss */
  .content-inner-link a {
    color: #000000;
    word-break: break-all; }

/* line 575, breakpoints/_base.scss */
.related_bg {
  margin-top: -1em;
  margin-bottom: 1em;
  color: #ffffff;
  background: #ccc; }
  /* line 580, breakpoints/_base.scss */
  .related_bg .yarpp-related h3 {
    margin-left: 3.125% !important; }

/* line 585, breakpoints/_base.scss */
.content-news {
  background: #ed8513; }
  /* line 587, breakpoints/_base.scss */
  .content-news .related_bg {
    background: #c26d12; }

/* line 591, breakpoints/_base.scss */
.content-blogs {
  background: #2ab0e1; }
  /* line 593, breakpoints/_base.scss */
  .content-blogs .related_bg {
    background: #259bc6; }

/* line 597, breakpoints/_base.scss */
.content-goods {
  background: #52ab80; }
  /* line 599, breakpoints/_base.scss */
  .content-goods .related_bg {
    background: #489670; }
  /* line 604, breakpoints/_base.scss */
  .content-goods .goods_meta .goods_meta_button img {
    float: left;
    margin: 0 1em 1em 0; }
  /* line 609, breakpoints/_base.scss */
  .content-goods .goods_meta .goods_additional_content {
    clear: both; }

/* line 614, breakpoints/_base.scss */
.content-character {
  background: #da7483; }
  /* line 616, breakpoints/_base.scss */
  .content-character .bread_crumbs a {
    color: #da7483; }
  /* line 619, breakpoints/_base.scss */
  .content-character .related_bg {
    background: #bf6673; }

/* line 623, breakpoints/_base.scss */
.content-books {
  background: #791c69; }
  /* line 625, breakpoints/_base.scss */
  .content-books .related_bg {
    background: #6a195c; }

/* line 629, breakpoints/_base.scss */
.content-moomin-cafe {
  background: #da7483; }
  /* line 631, breakpoints/_base.scss */
  .content-moomin-cafe .related_bg {
    background: #bf6673; }

/* line 635, breakpoints/_base.scss */
.content-moomin-shop {
  background: #2ab0e1; }
  /* line 637, breakpoints/_base.scss */
  .content-moomin-shop .related_bg {
    background: #259bc6; }

/* line 641, breakpoints/_base.scss */
.content-tove {
  background: #47a0aa; }
  /* line 643, breakpoints/_base.scss */
  .content-tove .related_bg {
    background: #47a0aa; }
  /* line 646, breakpoints/_base.scss */
  .content-tove .bread_crumbs a {
    color: #47a0aa; }

/* line 650, breakpoints/_base.scss */
.content-history {
  background: #2ab0e1; }
  /* line 652, breakpoints/_base.scss */
  .content-history .related_bg {
    background: #259bc6; }
  /* line 655, breakpoints/_base.scss */
  .content-history .bread_crumbs a {
    color: #2ab0e1; }

/* line 662, breakpoints/_base.scss */
.content-character .archive-header .archive-title {
  color: #da7483; }
  /* line 664, breakpoints/_base.scss */
  .content-character .archive-header .archive-title a {
    display: inline-block;
    color: #da7483; }
/* line 670, breakpoints/_base.scss */
.content-character main .bg_wrap {
  margin: 0 3.125% 0em;
  background: #ffffff; }
/* line 674, breakpoints/_base.scss */
.content-character .chara1, .content-character .chara3, .content-character .chara5,
.content-character .chara7, .content-character .chara9, .content-character .chara11,
.content-character .chara13, .content-character .chara15, .content-character .chara17,
.content-character .chara19, .content-character .chara21, .content-character .char23,
.content-character .chara25, .content-character .chara27, .content-character .chara29 {
  clear: both; }
/* line 681, breakpoints/_base.scss */
.content-character .post_list-item {
  text-align: center; }
  /* line 683, breakpoints/_base.scss */
  .content-character .post_list-item a {
    color: #000000; }
  /* line 686, breakpoints/_base.scss */
  .content-character .post_list-item .entry-content {
    height: auto; }
  /* line 689, breakpoints/_base.scss */
  .content-character .post_list-item .post_list-character {
    display: table;
    width: 100%;
    background: none; }
  /* line 694, breakpoints/_base.scss */
  .content-character .post_list-item .character_name {
    font-size: 0.9375em; }
  /* line 699, breakpoints/_base.scss */
  .content-character .post_list-item .post_thumbnail-area a img {
    width: auto;
    max-width: 100%;
    max-height: 100%; }
/* line 707, breakpoints/_base.scss */
.content-character .character_name_e {
  font-family: "Quimby Mayoral"; }
/* line 711, breakpoints/_base.scss */
.content-character .hentry header {
  padding: 1em 0;
  border: none; }
  /* line 714, breakpoints/_base.scss */
  .content-character .hentry header .bread_crumbs {
    padding: 0 1em; }
  /* line 717, breakpoints/_base.scss */
  .content-character .hentry header .character-image {
    text-align: center; }
    /* line 719, breakpoints/_base.scss */
    .content-character .hentry header .character-image img {
      height: auto; }
  /* line 723, breakpoints/_base.scss */
  .content-character .hentry header .single-title {
    display: table;
    width: 100%;
    padding: 0 8%;
    color: #da7483;
    text-align: center; }
    /* line 729, breakpoints/_base.scss */
    .content-character .hentry header .single-title > div {
      display: table-cell;
      vertical-align: middle; }
    /* line 733, breakpoints/_base.scss */
    .content-character .hentry header .single-title .social-share {
      text-align: right; }
    /* line 736, breakpoints/_base.scss */
    .content-character .hentry header .single-title .character_name_e {
      display: block;
      color: #f7c330; }
/* line 745, breakpoints/_base.scss */
.content-character .hentry .entry-content {
  padding-top: 0; }
  /* line 747, breakpoints/_base.scss */
  .content-character .hentry .entry-content h2 {
    line-height: 1.4; }

/* line 756, breakpoints/_base.scss */
.content-books .archive-header {
  margin: 0 3.125% 1em; }
  /* line 758, breakpoints/_base.scss */
  .content-books .archive-header .archive-title {
    color: #791c69; }
    /* line 760, breakpoints/_base.scss */
    .content-books .archive-header .archive-title a {
      color: #791c69; }
/* line 765, breakpoints/_base.scss */
.content-books .books-list-area {
  margin: 0 3.125% 0;
  padding: 2% 3.125%;
  background: #ffffff; }
  /* line 769, breakpoints/_base.scss */
  .content-books .books-list-area .tag-style-nav {
    padding: 0; }
  /* line 772, breakpoints/_base.scss */
  .content-books .books-list-area .fairytale_type {
    display: table;
    width: 100%;
    margin-bottom: 0.5em; }
    /* line 776, breakpoints/_base.scss */
    .content-books .books-list-area .fairytale_type .fairytale_title {
      display: block;
      vertical-align: middle; }
    /* line 780, breakpoints/_base.scss */
    .content-books .books-list-area .fairytale_type .book_type_description {
      display: block;
      font-size: 0.6em;
      text-align: center; }
      /* line 784, breakpoints/_base.scss */
      .content-books .books-list-area .fairytale_type .book_type_description li {
        display: table;
        width: 100%; }
        /* line 787, breakpoints/_base.scss */
        .content-books .books-list-area .fairytale_type .book_type_description li span {
          display: table-cell;
          text-align: left; }
    /* line 793, breakpoints/_base.scss */
    .content-books .books-list-area .fairytale_type .book_type {
      width: 10em;
      font-weight: 700; }
    /* line 797, breakpoints/_base.scss */
    .content-books .books-list-area .fairytale_type .word5 {
      letter-spacing: 0.75em; }
    /* line 800, breakpoints/_base.scss */
    .content-books .books-list-area .fairytale_type .word10 {
      letter-spacing: 0.22em; }
/* line 805, breakpoints/_base.scss */
.content-books .books-list-gchild {
  margin-bottom: 2em;
  padding-bottom: 1.5em;
  border-bottom: 1px dashed #ccc; }
  /* line 809, breakpoints/_base.scss */
  .content-books .books-list-gchild:last-child {
    margin-bottom: 0;
    border: none; }
/* line 814, breakpoints/_base.scss */
.content-books .books-fairytale {
  padding: 0 0 1.5em; }
  /* line 816, breakpoints/_base.scss */
  .content-books .books-fairytale > div {
    text-align: center; }
  /* line 819, breakpoints/_base.scss */
  .content-books .books-fairytale h1 {
    text-align: left; }
  /* line 822, breakpoints/_base.scss */
  .content-books .books-fairytale h3 {
    margin: 0.2em 0 0;
    font-size: 0.875em;
    font-weight: normal;
    text-align: center; }
  /* line 828, breakpoints/_base.scss */
  .content-books .books-fairytale p {
    padding-right: 5%;
    font-size: 0.8125em;
    text-align: left; }
  /* line 833, breakpoints/_base.scss */
  .content-books .books-fairytale .fairytale_commentary2 {
    clear: both; }
    /* line 835, breakpoints/_base.scss */
    .content-books .books-fairytale .fairytale_commentary2 p {
      margin: 0;
      padding: 1em 0; }
    /* line 839, breakpoints/_base.scss */
    .content-books .books-fairytale .fairytale_commentary2 div {
      font-size: 0.8125em;
      text-align: right; }
  /* line 844, breakpoints/_base.scss */
  .content-books .books-fairytale > p {
    clear: both;
    padding: 1em 0 0; }
  /* line 848, breakpoints/_base.scss */
  .content-books .books-fairytale a.books_list_thumb {
    display: block;
    max-width: 96%;
    height: 150px;
    margin: 0 auto; }
    /* line 853, breakpoints/_base.scss */
    .content-books .books-fairytale a.books_list_thumb .post_thumbnail {
      width: auto;
      height: 150px;
      border: 1px solid #999999; }
  /* line 859, breakpoints/_base.scss */
  .content-books .books-fairytale a.book_list_thumb_set {
    height: auto; }
    /* line 861, breakpoints/_base.scss */
    .content-books .books-fairytale a.book_list_thumb_set .post_thumbnail {
      width: 100%;
      height: auto; }
  /* line 866, breakpoints/_base.scss */
  .content-books .books-fairytale a.books_list_more {
    float: none; }
/* line 870, breakpoints/_base.scss */
.content-books .books-fairytale1 {
  padding-top: 1.5em;
  border-top: 1px dashed #ccc; }
/* line 874, breakpoints/_base.scss */
.content-books .books-fairytale1 .fairytale_commentary1 p {
  color: #2744a2; }
/* line 877, breakpoints/_base.scss */
.content-books .books-fairytale2 .fairytale_commentary1 p {
  color: #862f13; }
/* line 880, breakpoints/_base.scss */
.content-books .books-fairytale3 .fairytale_commentary1 p {
  color: #3c3082; }
/* line 883, breakpoints/_base.scss */
.content-books .books-fairytale4 .fairytale_commentary1 p {
  color: #197159; }
/* line 886, breakpoints/_base.scss */
.content-books .books-fairytale5 .fairytale_commentary1 p {
  color: #206127; }
/* line 889, breakpoints/_base.scss */
.content-books .books-fairytale6 .fairytale_commentary1p {
  color: #cf5105; }
/* line 892, breakpoints/_base.scss */
.content-books .books-fairytale7 .fairytale_commentary1 p {
  color: #febd57; }
/* line 895, breakpoints/_base.scss */
.content-books .books-fairytale8 .fairytale_commentary1 p {
  color: #794866; }
/* line 898, breakpoints/_base.scss */
.content-books .books-fairytale9 .fairytale_commentary1 p {
  color: #9a478f; }
/* line 902, breakpoints/_base.scss */
.content-books .books_gchild {
  clear: both;
  font-size: 1.25em; }
/* line 906, breakpoints/_base.scss */
.content-books .post_list-books {
  padding: 0;
  background: none; }
  /* line 909, breakpoints/_base.scss */
  .content-books .post_list-books p {
    margin: 0;
    font-size: 0.75em; }
  /* line 913, breakpoints/_base.scss */
  .content-books .post_list-books h1, .content-books .post_list-books a {
    text-decoration: none; }
  /* line 916, breakpoints/_base.scss */
  .content-books .post_list-books h1 {
    margin: 0 0 0.5em;
    font-size: 1em;
    font-weight: 700; }
  /* line 921, breakpoints/_base.scss */
  .content-books .post_list-books a {
    display: inline-block;
    color: #333333; }
  /* line 925, breakpoints/_base.scss */
  .content-books .post_list-books a.books_list_thumb {
    display: inline-block;
    float: left;
    width: 122px;
    border: 1px solid #ccc; }
    /* line 930, breakpoints/_base.scss */
    .content-books .post_list-books a.books_list_thumb img {
      vertical-align: top;
      width: 100%;
      height: auto; }
  /* line 936, breakpoints/_base.scss */
  .content-books .post_list-books > section {
    padding: 4% 4% 0; }
  /* line 939, breakpoints/_base.scss */
  .content-books .post_list-books .book-info {
    margin-left: 130px; }
  /* line 942, breakpoints/_base.scss */
  .content-books .post_list-books a.books_list_more {
    margin-top: 1em; }
/* line 946, breakpoints/_base.scss */
.content-books a.books_list_more {
  float: right;
  display: inline-block;
  padding-left: 10px;
  color: #333333;
  font-size: 0.8125em;
  text-decoration: none;
  background: url(../../images/icon_triangle.png) left center no-repeat; }
/* line 956, breakpoints/_base.scss */
.content-books .post-single header {
  border: none; }
  /* line 958, breakpoints/_base.scss */
  .content-books .post-single header .book-main_image {
    text-align: center; }
    /* line 960, breakpoints/_base.scss */
    .content-books .post-single header .book-main_image .book_image {
      height: auto;
      margin: 2em auto;
      border: 1px solid #eaeaea; }
  /* line 966, breakpoints/_base.scss */
  .content-books .post-single header .social-share-parent {
    width: 94%;
    margin: 0 auto; }
    /* line 969, breakpoints/_base.scss */
    .content-books .post-single header .social-share-parent .single-title {
      line-height: 1.2;
      font-size: 1.4em; }
      /* line 972, breakpoints/_base.scss */
      .content-books .post-single header .social-share-parent .single-title span {
        font-size: 0.65em; }
/* line 978, breakpoints/_base.scss */
.content-books .post-single .entry-content {
  padding: 2.5% 5% 0; }
  /* line 980, breakpoints/_base.scss */
  .content-books .post-single .entry-content .book_information {
    line-height: 1.6; }
  /* line 985, breakpoints/_base.scss */
  .content-books .post-single .entry-content .book_link a {
    display: inline-block;
    margin-top: 0.5em;
    margin-right: 1em;
    color: #ffffff;
    text-decoration: none;
    background: url(../../images/icon_shopping.png) 1em center no-repeat; }
    /* line 993, breakpoints/_base.scss */
    .content-books .post-single .entry-content .book_link a.dp_link {
      background-color: #3c7b35; }
    /* line 994, breakpoints/_base.scss */
    .content-books .post-single .entry-content .book_link a.amzn_link {
      background-color: #ed8513; }
    /* line 995, breakpoints/_base.scss */
    .content-books .post-single .entry-content .book_link a.rktn_link {
      background-color: #b42c1f; }
/* line 1000, breakpoints/_base.scss */
.content-books .post-single .post_thumbnail-area img {
  width: auto;
  border: 1px solid #eaeaea; }
/* line 1005, breakpoints/_base.scss */
.content-books .post-single .post_list-character {
  height: auto;
  color: #333333;
  text-align: center;
  background: none; }
  /* line 1010, breakpoints/_base.scss */
  .content-books .post-single .post_list-character a {
    color: #333333; }
/* line 1014, breakpoints/_base.scss */
.content-books .post-single .article-footer {
  width: 90%;
  border: none; }
/* line 1019, breakpoints/_base.scss */
.content-books .post-single .related_book .m-1of2, .content-books .post-single .related_book .t-1of4, .content-books .post-single .related_book .d-1of4 {
  display: inline-block;
  vertical-align: top;
  float: none;
  margin: 0 1% 1em; }
/* line 1025, breakpoints/_base.scss */
.content-books .post-single .related_book .m-1of2 {
  width: 48%; }
/* line 1029, breakpoints/_base.scss */
.content-books .post-single .related_book .post_thumbnail-area a {
  height: auto; }
/* line 1033, breakpoints/_base.scss */
.content-books .post-single .related_book img {
  border: 1px solid #ccc;
  margin-bottom: 0.5em; }

/* line 1044, breakpoints/_base.scss */
.content-spot .archive-header {
  margin: 0 3.125% 1em; }
  /* line 1047, breakpoints/_base.scss */
  .content-spot .archive-header .archive-title span {
    display: inline; }
    /* line 1049, breakpoints/_base.scss */
    .content-spot .archive-header .archive-title span.archive-chategory-title {
      font-weight: bold; }
/* line 1057, breakpoints/_base.scss */
.content-spot .spot-list-child .post-single {
  margin-top: 1em !important; }
/* line 1060, breakpoints/_base.scss */
.content-spot .spot_description {
  width: 90%;
  margin: 0 auto 0;
  padding-bottom: 1.5em;
  color: #999999;
  font-size: 0.8125em; }
  /* line 1066, breakpoints/_base.scss */
  .content-spot .spot_description a {
    color: #999999;
    text-decoration: none; }
/* line 1071, breakpoints/_base.scss */
.content-spot .spot-list-area {
  margin: 0 3.125% 0em;
  padding: 2% 3.125%;
  background: #ffffff; }
/* line 1076, breakpoints/_base.scss */
.content-spot .spot-list-child {
  margin-bottom: 2em;
  padding-bottom: 1.5em;
  border-bottom: 1px dashed #ccc; }
  /* line 1080, breakpoints/_base.scss */
  .content-spot .spot-list-child:last-child {
    margin-bottom: 0;
    border: none; }
  /* line 1084, breakpoints/_base.scss */
  .content-spot .spot-list-child > h2 {
    margin: 0;
    font-size: 0; }
/* line 1089, breakpoints/_base.scss */
.content-spot .spot_child {
  clear: both;
  margin-bottom: 0;
  font-size: 1.25em; }
/* line 1094, breakpoints/_base.scss */
.content-spot .hentry {
  margin: 1em 0 3.125% !important;
  padding-top: 1em;
  border-top: 1px dashed #ccc; }
  /* line 1098, breakpoints/_base.scss */
  .content-spot .hentry header {
    padding: 1em 0;
    border: none; }
    /* line 1101, breakpoints/_base.scss */
    .content-spot .hentry header .bread_crumbs {
      padding: 0 1em; }
    /* line 1104, breakpoints/_base.scss */
    .content-spot .hentry header .character-image {
      text-align: center; }
    /* line 1107, breakpoints/_base.scss */
    .content-spot .hentry header .single-title {
      width: 100%;
      padding: 0;
      font-size: 1em;
      font-weight: 700; }
      /* line 1112, breakpoints/_base.scss */
      .content-spot .hentry header .single-title span {
        display: block;
        font-size: 0.8125em;
        font-weight: normal; }
/* line 1120, breakpoints/_base.scss */
.content-spot .entry-content {
  padding: 0; }
  /* line 1122, breakpoints/_base.scss */
  .content-spot .entry-content table {
    border: none; }
    /* line 1124, breakpoints/_base.scss */
    .content-spot .entry-content table tr {
      border: none;
      background: none; }
    /* line 1128, breakpoints/_base.scss */
    .content-spot .entry-content table td {
      display: table-cell;
      vertical-align: top;
      min-width: 6em;
      line-height: 2;
      padding: 0;
      border: none; }
  /* line 1137, breakpoints/_base.scss */
  .content-spot .entry-content iframe {
    max-width: 100%; }

/* line 1143, breakpoints/_base.scss */
.single-spot .hentry {
  margin-top: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: none; }

/* line 1153, breakpoints/_base.scss */
.content-moomin-cafe .archive-header {
  color: #da7483; }
  /* line 1156, breakpoints/_base.scss */
  .content-moomin-cafe .archive-header .archive-title a {
    color: #da7483; }
/* line 1161, breakpoints/_base.scss */
.content-moomin-cafe .spot_child {
  color: #da7483; }

/* line 1166, breakpoints/_base.scss */
.content-moomin-shop .archive-header {
  color: #2ab0e1; }
  /* line 1169, breakpoints/_base.scss */
  .content-moomin-shop .archive-header .archive-title a {
    color: #2ab0e1; }
/* line 1174, breakpoints/_base.scss */
.content-moomin-shop .spot_child {
  color: #2ab0e1; }

/* line 1178, breakpoints/_base.scss */
.content-moomin-spot {
  background: #791c69; }
  /* line 1180, breakpoints/_base.scss */
  .content-moomin-spot .archive-header {
    color: #791c69; }
    /* line 1183, breakpoints/_base.scss */
    .content-moomin-spot .archive-header .archive-title a {
      color: #791c69; }
  /* line 1188, breakpoints/_base.scss */
  .content-moomin-spot .spot_child {
    color: #791c69; }

/* line 1194, breakpoints/_base.scss */
.content-information .bread_crumbs a {
  color: #2ab0e1; }
/* line 1197, breakpoints/_base.scss */
.content-information .hentry header {
  padding: 1em 3.125%;
  border: none; }
/* line 1201, breakpoints/_base.scss */
.content-information .single-title {
  color: #999999; }
/* line 1204, breakpoints/_base.scss */
.content-information .entry-content section {
  clear: both;
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px dashed #999999; }
  /* line 1209, breakpoints/_base.scss */
  .content-information .entry-content section:last-child {
    margin-bottom: 0;
    border: none; }
  /* line 1213, breakpoints/_base.scss */
  .content-information .entry-content section > h1 {
    margin: 0 0 1em;
    font-size: 1em;
    font-weight: 700; }
  /* line 1219, breakpoints/_base.scss */
  .content-information .entry-content section ul li {
    line-height: 2; }
    /* line 1221, breakpoints/_base.scss */
    .content-information .entry-content section ul li.question {
      position: relative;
      margin-bottom: 0.8em;
      padding-left: 10%;
      color: #2ab0e1;
      font-size: 1.125em; }
      /* line 1227, breakpoints/_base.scss */
      .content-information .entry-content section ul li.question:before {
        position: absolute;
        top: -0.6em;
        left: 0em;
        content: 'Q.';
        font-size: 2em;
        font-weight: 700; }
    /* line 1236, breakpoints/_base.scss */
    .content-information .entry-content section ul li.answer {
      position: relative;
      margin-bottom: 1em;
      padding-left: 10%;
      font-size: 1em; }
      /* line 1241, breakpoints/_base.scss */
      .content-information .entry-content section ul li.answer:before {
        position: absolute;
        top: -0.6em;
        left: 0em;
        content: 'A.';
        color: #da7483;
        font-size: 2.25em;
        font-weight: 700; }
    /* line 1251, breakpoints/_base.scss */
    .content-information .entry-content section ul li ul, .content-information .entry-content section ul li ol {
      margin-left: 1em; }
    /* line 1254, breakpoints/_base.scss */
    .content-information .entry-content section ul li ul {
      margin-top: 0; }
      /* line 1256, breakpoints/_base.scss */
      .content-information .entry-content section ul li ul li {
        list-style: disc; }
    /* line 1260, breakpoints/_base.scss */
    .content-information .entry-content section ul li h3 {
      font-size: 1em; }
  /* line 1264, breakpoints/_base.scss */
  .content-information .entry-content section ul .information_link a {
    padding-left: 12px;
    color: #333333;
    text-decoration: none;
    background: url(../../images/icon_triangle.png) left center no-repeat; }
  /* line 1272, breakpoints/_base.scss */
  .content-information .entry-content section.license_section img {
    display: block;
    width: 100%;
    max-width: 310px;
    margin: 0 auto 1em; }
  /* line 1279, breakpoints/_base.scss */
  .content-information .entry-content section.license_section p a {
    padding-left: 12px;
    color: #333333;
    text-decoration: none;
    background: url(../../images/icon_triangle.png) left center no-repeat; }
  /* line 1287, breakpoints/_base.scss */
  .content-information .entry-content section.information-list {
    padding-bottom: 0; }
    /* line 1289, breakpoints/_base.scss */
    .content-information .entry-content section.information-list ul {
      margin-bottom: 0; }
      /* line 1291, breakpoints/_base.scss */
      .content-information .entry-content section.information-list ul li {
        line-height: 1.2;
        padding: 0.8em 0;
        border-top: 1px dashed #999999; }
        /* line 1295, breakpoints/_base.scss */
        .content-information .entry-content section.information-list ul li:first-child {
          border: none; }
        /* line 1298, breakpoints/_base.scss */
        .content-information .entry-content section.information-list ul li span {
          display: block;
          margin-top: 0.5em; }
        /* line 1302, breakpoints/_base.scss */
        .content-information .entry-content section.information-list ul li a {
          padding-left: 12px;
          color: #333333;
          text-decoration: none;
          background: url(../../images/icon_triangle.png) left center no-repeat; }
  /* line 1312, breakpoints/_base.scss */
  .content-information .entry-content section ol > li {
    list-style: decimal; }
  /* line 1317, breakpoints/_base.scss */
  .content-information .entry-content section.sitemap h1 {
    color: #999999; }
  /* line 1320, breakpoints/_base.scss */
  .content-information .entry-content section.sitemap ul {
    margin-left: 1em; }
  /* line 1323, breakpoints/_base.scss */
  .content-information .entry-content section.sitemap li {
    list-style: none; }
  /* line 1326, breakpoints/_base.scss */
  .content-information .entry-content section.sitemap > ul > li > a {
    font-weight: 700; }
  /* line 1329, breakpoints/_base.scss */
  .content-information .entry-content section.sitemap a {
    color: #333333;
    text-decoration: none; }

/* line 1338, breakpoints/_base.scss */
.content-moomin {
  background: #791c69; }
  /* line 1340, breakpoints/_base.scss */
  .content-moomin .related_bg {
    background: #791c69; }
  /* line 1343, breakpoints/_base.scss */
  .content-moomin .bread_crumbs a {
    color: #791c69; }
  /* line 1346, breakpoints/_base.scss */
  .content-moomin .entry-title, .content-moomin .single-title {
    color: #791c69; }
    /* line 1348, breakpoints/_base.scss */
    .content-moomin .entry-title span, .content-moomin .single-title span {
      color: #791c69; }

/* line 1355, breakpoints/_base.scss */
.content-tove .bread_crumbs a {
  color: #47a0aa; }
/* line 1358, breakpoints/_base.scss */
.content-tove .entry-title {
  line-height: 1.333em;
  margin-top: 0.67em;
  color: #47a0aa;
  font-size: 1em; }
  /* line 1363, breakpoints/_base.scss */
  .content-tove .entry-title span {
    display: block; }
    /* line 1365, breakpoints/_base.scss */
    .content-tove .entry-title span.archive-type {
      margin-bottom: 1.8em;
      font-size: 0.8em; }
    /* line 1369, breakpoints/_base.scss */
    .content-tove .entry-title span.archive-chategory-title {
      line-height: 1.2em;
      font-size: 2em;
      font-weight: 700; }
/* line 1377, breakpoints/_base.scss */
.content-tove .entry-content .tove_image {
  width: 72%;
  margin: 0 auto;
  text-align: center; }
  /* line 1381, breakpoints/_base.scss */
  .content-tove .entry-content .tove_image img {
    margin-bottom: 0; }
  /* line 1384, breakpoints/_base.scss */
  .content-tove .entry-content .tove_image span {
    display: block;
    font-size: 0.8125em; }

/* line 1393, breakpoints/_base.scss */
.content-history .bread_crumbs a {
  color: #2ab0e1; }
/* line 1396, breakpoints/_base.scss */
.content-history .hentry header {
  padding: 1em 3.125%;
  border: none; }
/* line 1400, breakpoints/_base.scss */
.content-history .entry-title {
  line-height: 1.333em;
  margin-top: 0.67em;
  color: #2ab0e1;
  font-size: 1em; }
  /* line 1405, breakpoints/_base.scss */
  .content-history .entry-title span {
    display: block; }
    /* line 1407, breakpoints/_base.scss */
    .content-history .entry-title span.archive-type {
      margin-bottom: 1.8em;
      font-size: 0.8em; }
    /* line 1411, breakpoints/_base.scss */
    .content-history .entry-title span.archive-chategory-title {
      line-height: 1.2em;
      font-size: 2em;
      font-weight: 700; }
/* line 1418, breakpoints/_base.scss */
.content-history .post-single .entry-content {
  margin-bottom: 2em;
  padding-top: 4em;
  margin-bottom: 2em;
  background: url(../../images/line_history_vertical.png) center top repeat-y; }
  /* line 1423, breakpoints/_base.scss */
  .content-history .post-single .entry-content section {
    clear: both; }
    /* line 1425, breakpoints/_base.scss */
    .content-history .post-single .entry-content section img {
      position: relative;
      z-index: 10; }
    /* line 1429, breakpoints/_base.scss */
    .content-history .post-single .entry-content section h1 {
      position: relative;
      line-height: 1;
      padding-top: 1em;
      font-size: 2em; }
    /* line 1435, breakpoints/_base.scss */
    .content-history .post-single .entry-content section .right {
      float: right;
      width: 46%;
      margin-left: 4%;
      border: none;
      text-align: left; }
      /* line 1441, breakpoints/_base.scss */
      .content-history .post-single .entry-content section .right h1:before {
        content: "";
        display: block;
        position: absolute;
        top: 1.5em;
        left: -1.8em;
        width: 50px;
        height: 4px;
        background: url(../../images/line_history_horizontal.png) no-repeat center; }
    /* line 1452, breakpoints/_base.scss */
    .content-history .post-single .entry-content section .left {
      float: left;
      width: 46%;
      margin-right: 4%;
      border: none; }
      /* line 1457, breakpoints/_base.scss */
      .content-history .post-single .entry-content section .left li {
        text-align: left; }
      /* line 1460, breakpoints/_base.scss */
      .content-history .post-single .entry-content section .left h1 {
        text-align: right; }
        /* line 1462, breakpoints/_base.scss */
        .content-history .post-single .entry-content section .left h1:after {
          content: "";
          display: block;
          position: absolute;
          top: 1.5em;
          right: -1.8em;
          width: 50px;
          height: 4px;
          background: url(../../images/line_history_horizontal.png) no-repeat center; }

/* line 1481, breakpoints/_base.scss */
.content-archive .archive-header {
  margin: 0 3.125% 1em; }

/* line 1488, breakpoints/_base.scss */
.archive-tag .archive-header, .archive-author .archive-header,
.archive-year .archive-header, archive-month .archive-header,
.archive-day .archive-header {
  margin-bottom: 2em;
  background: none; }
  /* line 1491, breakpoints/_base.scss */
  .archive-tag .archive-header .archive-title, .archive-author .archive-header .archive-title,
  .archive-year .archive-header .archive-title, archive-month .archive-header .archive-title,
  .archive-day .archive-header .archive-title {
    padding-left: 0; }

/* line 1497, breakpoints/_base.scss */
.content-search .search-result-header {
  margin-bottom: 0;
  background: none; }

/* line 1503, breakpoints/_base.scss */
.search_form {
  width: 80%;
  margin: 0 auto;
  background: #dddddd; }
  /* line 1507, breakpoints/_base.scss */
  .search_form input[type="text"] {
    display: inline;
    vertical-align: middle;
    width: 85%;
    max-width: 100%;
    line-height: 1em;
    margin: 0;
    background: #dddddd; }
  /* line 1516, breakpoints/_base.scss */
  .search_form input[type="submit"] {
    vertical-align: middle;
    width: 26px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: none;
    background: url(../../images/icon_magnifyingglass_for_search.png) center center no-repeat; }

/* line 1527, breakpoints/_base.scss */
.content-404 .entry-content {
  padding: 4.13% 0; }
  /* line 1529, breakpoints/_base.scss */
  .content-404 .entry-content .entery-content-inner {
    padding: 0 10%; }
    /* line 1531, breakpoints/_base.scss */
    .content-404 .entry-content .entery-content-inner h1 {
      text-align: center; }
  /* line 1535, breakpoints/_base.scss */
  .content-404 .entry-content img {
    display: block;
    width: 80%;
    max-width: 272px;
    margin: 0 auto; }

/* line 1543, breakpoints/_base.scss */
.social-share-parent {
  display: table;
  width: 100%;
  margin-top: 1em; }
  /* line 1547, breakpoints/_base.scss */
  .social-share-parent > * {
    display: table-cell;
    vertical-align: middle; }
  /* line 1551, breakpoints/_base.scss */
  .social-share-parent .social-share {
    text-align: right; }
    /* line 1553, breakpoints/_base.scss */
    .social-share-parent .social-share img {
      margin-left: 0.5em; }

/* line 1558, breakpoints/_base.scss */
.hentry {
  background-color: #ffffff;
  margin-bottom: 1.5em; }
  /* line 1562, breakpoints/_base.scss */
  .hentry header {
    border-bottom: 1px dashed #eaeaea;
    padding: 1em; }
  /* line 1567, breakpoints/_base.scss */
  .hentry footer {
    width: 84%;
    margin: 0 auto;
    padding: 1.5em 0;
    border-top: 1px dashed #eaeaea;
    font-size: 0.875em; }
    /* line 1574, breakpoints/_base.scss */
    .hentry footer p {
      margin: 0; }

/* end .hentry */
/* line 1581, breakpoints/_base.scss */
.single-title,
.page-title,
.entry-title {
  margin: 0; }

/* line 1587, breakpoints/_base.scss */
.single-title {
  font-size: 1.815em; }

/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
/* line 1608, breakpoints/_base.scss */
.byline {
  color: #9fa6b4;
  font-style: italic;
  margin: 0; }

/* entry content */
/* line 1617, breakpoints/_base.scss */
.entry-content {
  padding: 4.13% 4.13% 0;
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */ }
  /* line 1620, breakpoints/_base.scss */
  .entry-content h2 {
    line-height: 1;
    margin: 0 0 0.5em;
    font-size: 1.25em; }
  /* line 1626, breakpoints/_base.scss */
  .entry-content p {
    line-height: 2;
    margin: 0 0 4.13%; }
  /* line 1652, breakpoints/_base.scss */
  .entry-content table {
    width: 100%;
    /*
    border: 1px solid $gray;
    */
    margin-bottom: 1.5em; }
    /* line 1659, breakpoints/_base.scss */
    .entry-content table caption {
      margin: 0 0 7px;
      font-size: 0.75em;
      color: #9fa6b4;
      text-transform: uppercase;
      letter-spacing: 1px; }
  /* line 1676, breakpoints/_base.scss */
  .entry-content td {
    padding: 7px; }
    /* line 1680, breakpoints/_base.scss */
    .entry-content td:last-child {
      border-right: 0; }
  /* line 1690, breakpoints/_base.scss */
  .entry-content th:last-child {
    border-right: 0; }
  /* line 1695, breakpoints/_base.scss */
  .entry-content blockquote {
    margin: 0 0 1.5em 0.75em;
    padding: 0 0 0 0.75em;
    font-style: italic;
    color: #9fa6b4; }
  /* line 1710, breakpoints/_base.scss */
  .entry-content dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em; }
  /* line 1717, breakpoints/_base.scss */
  .entry-content img {
    margin: 0 0 1.5em 0;
    max-width: 100%;
    height: auto; }
  /* line 1729, breakpoints/_base.scss */
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left; }
  /* line 1733, breakpoints/_base.scss */
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right; }
  /* line 1737, breakpoints/_base.scss */
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both; }
  /* line 1743, breakpoints/_base.scss */
  .entry-content .size-auto,
  .entry-content .size-full,
  .entry-content .size-large,
  .entry-content .size-medium,
  .entry-content .size-thumbnail {
    max-width: 100%;
    height: auto; }
  /* line 1752, breakpoints/_base.scss */
  .entry-content pre {
    background: #000000;
    color: #f8f9fa;
    font-size: 0.9em;
    padding: 1.5em;
    margin: 0 0 1.5em;
    border-radius: 3px; }

/* end .entry-content */
/* line 1763, breakpoints/_base.scss */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */ }
  /* line 1769, breakpoints/_base.scss */
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  /* line 1775, breakpoints/_base.scss */
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
/* line 1809, breakpoints/_base.scss */
.tags {
  margin: 0; }

/* line 1812, breakpoints/_base.scss */
.single_tag_link {
  margin-bottom: 1.5em;
  padding: 0 0 1.5em;
  border-bottom: 1px dashed #eaeaea; }
  /* line 1816, breakpoints/_base.scss */
  .single_tag_link a {
    display: inline-block;
    line-height: 1;
    margin-right: 1em;
    padding: 0.4em 1.0em 0.4em 2em;
    border: 1px solid #eaeaea;
    color: #999999;
    text-decoration: none;
    background: url(../../images/icon_tag.png) 0.5em 0.2em no-repeat; }

/* line 1827, breakpoints/_base.scss */
.search_tag_link {
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 1.5em 0 0.5em;
  border-top: 1px dashed #eaeaea;
  border-bottom: 1px dashed #eaeaea;
  text-align: center; }
  /* line 1834, breakpoints/_base.scss */
  .search_tag_link li {
    display: inline-block;
    line-height: 2.5;
    margin: 0 0.3em 1.5em; }
  /* line 1839, breakpoints/_base.scss */
  .search_tag_link a {
    display: inline-block;
    margin: 0; }

/* line 1845, breakpoints/_base.scss */
.single_post_link {
  line-height: 2em; }
  /* line 1847, breakpoints/_base.scss */
  .single_post_link .next_link {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    border-right: 1px solid #999999; }
  /* line 1853, breakpoints/_base.scss */
  .single_post_link .prev_link {
    float: right;
    width: 50%;
    text-align: right; }

/*********************
BREAD CRUMBS  STYLES -additional style-
*********************/
/* line 1866, breakpoints/_base.scss */
.bread_crumbs {
  display: none;
  margin-bottom: 1em;
  padding: 0 0;
  color: #333333;
  font-size: 0.8em; }
  /* line 1872, breakpoints/_base.scss */
  .bread_crumbs a {
    text-decoration: none; }

/* line 1876, breakpoints/_base.scss */
.bread_crumbs_news a {
  color: #ed8513; }

/* line 1879, breakpoints/_base.scss */
.bread_crumbs_blogs a {
  color: #2ab0e1; }

/* line 1882, breakpoints/_base.scss */
.bread_crumbs_goods a {
  color: #52ab80; }

/* line 1885, breakpoints/_base.scss */
.bread_crumbs_books a {
  color: #791c69; }

/* line 1888, breakpoints/_base.scss */
.bread_crumbs_moomin-cafe a {
  color: #da7483; }

/* line 1891, breakpoints/_base.scss */
.bread_crumbs_moomin-shop a {
  color: #2ab0e1; }

/* line 1894, breakpoints/_base.scss */
.bread_crumbs_moomin-spot a {
  color: #791c69; }

/*********************
ARCHIVE LIST STYLES -additional style-
*********************/
/* line 1901, breakpoints/_base.scss */
.archive-header {
  margin: 0 auto 1em;
  padding: 1em 0 0;
  background: #ffffff; }
  /* line 1905, breakpoints/_base.scss */
  .archive-header .bread_crumbs {
    padding: 0 3.125%; }
  /* line 1908, breakpoints/_base.scss */
  .archive-header .archive-title {
    padding-left: 3.125%;
    padding-right: 3.125%;
    font-size: 1em; }
    /* line 1912, breakpoints/_base.scss */
    .archive-header .archive-title a {
      color: #000000; }
  /* line 1916, breakpoints/_base.scss */
  .archive-header .archive-type {
    display: block;
    font-size: 0.8em; }
  /* line 1920, breakpoints/_base.scss */
  .archive-header .archive-chategory-title {
    line-height: 1.2em;
    font-size: 2em;
    font-weight: 700; }
  /* line 1925, breakpoints/_base.scss */
  .archive-header h2.category_header {
    line-height: 1;
    margin: 0;
    padding: 1.5em 2em;
    color: #ffffff;
    font-size: 1em; }
    /* line 1931, breakpoints/_base.scss */
    .archive-header h2.category_header span {
      display: block;
      line-height: 1;
      margin-bottom: 1em;
      padding: 0;
      font-size: 2em;
      font-weight: 700; }
    /* line 1939, breakpoints/_base.scss */
    .archive-header h2.category_header p {
      line-height: 1.8;
      margin: 0;
      font-size: 1em;
      text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.35); }
    /* line 1945, breakpoints/_base.scss */
    .archive-header h2.category_header.news_bg1 {
      background: url(../../images/header/titleheader05_01.png); }
    /* line 1946, breakpoints/_base.scss */
    .archive-header h2.category_header.news_bg2 {
      background: url(../../images/header/titleheader05_02.png); }
    /* line 1947, breakpoints/_base.scss */
    .archive-header h2.category_header.news_bg3 {
      background: url(../../images/header/titleheader05_03.png); }
    /* line 1948, breakpoints/_base.scss */
    .archive-header h2.category_header.blogs_bg1 {
      background: url(../../images/header/titleheader01_01.png); }
    /* line 1949, breakpoints/_base.scss */
    .archive-header h2.category_header.blogs_bg2 {
      background: url(../../images/header/titleheader01_02.png); }
    /* line 1950, breakpoints/_base.scss */
    .archive-header h2.category_header.blogs_bg3 {
      background: url(../../images/header/titleheader01_03.png); }
    /* line 1951, breakpoints/_base.scss */
    .archive-header h2.category_header.goods_bg1 {
      background: url(../../images/header/titleheader06_01.png); }
    /* line 1952, breakpoints/_base.scss */
    .archive-header h2.category_header.goods_bg2 {
      background: url(../../images/header/titleheader06_02.png); }
    /* line 1953, breakpoints/_base.scss */
    .archive-header h2.category_header.goods_bg3 {
      background: url(../../images/header/titleheader06_03.png); }
    /* line 1954, breakpoints/_base.scss */
    .archive-header h2.category_header.books_bg1 {
      background: url(../../images/header/titleheader04_01.png); }
    /* line 1955, breakpoints/_base.scss */
    .archive-header h2.category_header.books_bg2 {
      background: url(../../images/header/titleheader04_02.png); }
    /* line 1956, breakpoints/_base.scss */
    .archive-header h2.category_header.books_bg3 {
      background: url(../../images/header/titleheader04_03.png); }

/*********************
POSTS LIST STYLES -additional style-
*********************/
/* line 1965, breakpoints/_base.scss */
.post-list-news,
.post-list-blogs,
.post-list-goods {
  margin-bottom: 20px; }

/* line 1970, breakpoints/_base.scss */
.post_list > header {
  display: table;
  width: 100%;
  font-size: 0.9em; }
  /* line 1974, breakpoints/_base.scss */
  .post_list > header h1 {
    display: table-cell;
    vertical-align: middle;
    padding-left: 3.125%;
    font-size: 1.6em; }
    /* line 1979, breakpoints/_base.scss */
    .post_list > header h1 span {
      display: inline-block;
      margin-left: 1em;
      font-size: 0.6em;
      font-weight: 400; }
  /* line 1986, breakpoints/_base.scss */
  .post_list > header h2 {
    display: table-cell;
    vertical-align: middle;
    min-width: 7em;
    padding-right: 3.125%;
    font-size: 1.1em;
    text-align: right; }
    /* line 1993, breakpoints/_base.scss */
    .post_list > header h2 a:after {
      content: ">"; }

/* line 1998, breakpoints/_base.scss */
.post_list-item {
  overflow: hidden;
  color: #ffffff; }
  /* line 2001, breakpoints/_base.scss */
  .post_list-item .entry-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 104px;
    background: #999999; }
    /* line 2005, breakpoints/_base.scss */
    .post_list-item .entry-content p {
      margin: 0 0 2%; }
    /* line 2008, breakpoints/_base.scss */
    .post_list-item .entry-content h1 {
      display: table-cell;
      vertical-align: middle;
      word-break: break-all;
      width: 100%;
      height: 50px; }
  /* line 2016, breakpoints/_base.scss */
  .post_list-item h1, .post_list-item a {
    color: #ffffff;
    text-decoration: none; }
  /* line 2020, breakpoints/_base.scss */
  .post_list-item > section {
    padding: 4% 4% 0; }

/* line 2024, breakpoints/_base.scss */
.post_thumbnail-area {
  display: table;
  width: 100%;
  line-height: 0;
  text-align: center; }
  /* line 2029, breakpoints/_base.scss */
  .post_thumbnail-area a {
    display: table-cell;
    overflow: hidden;
    width: 260px;
    height: 195px;
    vertical-align: middle;
    text-align: center; }

/* line 2038, breakpoints/_base.scss */
.post_thumbnail {
  /*
  */
  width: auto;
  max-width: 100%;
  max-height: 100%; }

/* line 2046, breakpoints/_base.scss */
.post_list-date > span {
  display: block; }
  /* line 2048, breakpoints/_base.scss */
  .post_list-date > span.date {
    vertical-align: middle; }
  /* line 2052, breakpoints/_base.scss */
  .post_list-date > span.category a {
    display: inline-block;
    line-height: 1;
    padding: 4px;
    text-decoration: none;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.3); }

/* line 2062, breakpoints/_base.scss */
.post_list-tag a {
  display: inline-block;
  line-height: 1;
  margin-right: 4.13%;
  padding: 4px;
  text-decoration: none;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.3); }

/* line 2072, breakpoints/_base.scss */
.post_list-default h1, .post_list-default p {
  line-height: 1.2; }

/* line 2077, breakpoints/_base.scss */
.post-list-news > article.post_list-card:nth-of-type(n+5) {
  display: none; }

/* post color */
/* line 2083, breakpoints/_base.scss */
.post-list-news h1, .post-list-news h2 a {
  color: #ed8513; }

/* line 2087, breakpoints/_base.scss */
.post_list-news {
  background: #ed8513; }
  /* line 2089, breakpoints/_base.scss */
  .post_list-news .post_list-tag a {
    color: #ed8513; }

/* line 2098, breakpoints/_base.scss */
.post-list-blogs h1, .post-list-blogs h2 a,
.post_list-moomin-shop h1,
.post_list-moomin-shop h2 a,
.post_list-moomin-shop-japan h1,
.post_list-moomin-shop-japan h2 a,
.post_list-moomin-shop-world h1,
.post_list-moomin-shop-world h2 a {
  color: #2ab0e1; }

/* line 2102, breakpoints/_base.scss */
.post_list-blogs,
.post_list-moomin-shop,
.post_list-moomin-shop-japan,
.post_list-moomin-shop-world {
  background: #2ab0e1; }
  /* line 2107, breakpoints/_base.scss */
  .post_list-blogs .post_list-tag a,
  .post_list-moomin-shop .post_list-tag a,
  .post_list-moomin-shop-japan .post_list-tag a,
  .post_list-moomin-shop-world .post_list-tag a {
    color: #2ab0e1; }

/* line 2113, breakpoints/_base.scss */
.post-list-goods h1, .post-list-goods h2 a {
  color: #52ab80; }

/* line 2117, breakpoints/_base.scss */
.post_list-goods {
  background: #52ab80; }
  /* line 2119, breakpoints/_base.scss */
  .post_list-goods .post_list-tag a {
    color: #52ab80; }

/* line 2126, breakpoints/_base.scss */
.post-list-character h1, .post-list-character h2 a,
.post_list-moomin-cafe h1,
.post_list-moomin-cafe h2 a {
  color: #da7483; }

/* line 2130, breakpoints/_base.scss */
.post_list-character,
.post_list-moomin-cafe,
.post_list-bakery-cafe,
.post_list-moomin-stand,
.post_list-house-cafe {
  background: #da7483; }
  /* line 2136, breakpoints/_base.scss */
  .post_list-character .post_list-tag a,
  .post_list-moomin-cafe .post_list-tag a,
  .post_list-bakery-cafe .post_list-tag a,
  .post_list-moomin-stand .post_list-tag a,
  .post_list-house-cafe .post_list-tag a {
    color: #da7483; }

/* line 2143, breakpoints/_base.scss */
.post-list-books h1, .post-list-books h2 a,
.post_list-moomin-spot h1,
.post_list-moomin-spot h2 a {
  color: #791c69; }

/* line 2147, breakpoints/_base.scss */
.post_list-books,
.post_list-moomin-spot {
  background: #791c69; }
  /* line 2150, breakpoints/_base.scss */
  .post_list-books .post_list-tag a,
  .post_list-moomin-spot .post_list-tag a {
    color: #791c69; }

/* line 2157, breakpoints/_base.scss */
.post_list-item .post-list-news h1, .post_list-item .post-list-news h2 a {
  color: #ed8513; }
/* line 2161, breakpoints/_base.scss */
.post_list-item .post_list-news {
  background: #ed8513; }
  /* line 2163, breakpoints/_base.scss */
  .post_list-item .post_list-news .post_list-tag a {
    color: #ed8513; }
/* line 2172, breakpoints/_base.scss */
.post_list-item .post-list-blogs h1, .post_list-item .post-list-blogs h2 a,
.post_list-item .post_list-moomin-shop h1,
.post_list-item .post_list-moomin-shop h2 a,
.post_list-item .post_list-moomin-shop-japan h1,
.post_list-item .post_list-moomin-shop-japan h2 a,
.post_list-item .post_list-moomin-shop-world h1,
.post_list-item .post_list-moomin-shop-world h2 a {
  color: #2ab0e1; }
/* line 2176, breakpoints/_base.scss */
.post_list-item .post_list-blogs,
.post_list-item .post_list-moomin-shop,
.post_list-item .post_list-moomin-shop-japan,
.post_list-item .post_list-moomin-shop-world {
  background: #2ab0e1; }
  /* line 2181, breakpoints/_base.scss */
  .post_list-item .post_list-blogs .post_list-tag a,
  .post_list-item .post_list-moomin-shop .post_list-tag a,
  .post_list-item .post_list-moomin-shop-japan .post_list-tag a,
  .post_list-item .post_list-moomin-shop-world .post_list-tag a {
    color: #2ab0e1; }
/* line 2187, breakpoints/_base.scss */
.post_list-item .post-list-goods h1, .post_list-item .post-list-goods h2 a {
  color: #52ab80; }
/* line 2191, breakpoints/_base.scss */
.post_list-item .post_list-goods {
  background: #52ab80; }
  /* line 2193, breakpoints/_base.scss */
  .post_list-item .post_list-goods .post_list-tag a {
    color: #52ab80; }
/* line 2200, breakpoints/_base.scss */
.post_list-item .post-list-character h1, .post_list-item .post-list-character h2 a,
.post_list-item .post_list-moomin-cafe h1,
.post_list-item .post_list-moomin-cafe h2 a {
  color: #da7483; }
/* line 2204, breakpoints/_base.scss */
.post_list-item .post_list-character,
.post_list-item .post_list-moomin-cafe,
.post_list-item .post_list-bakery-cafe,
.post_list-item .post_list-moomin-stand,
.post_list-item .post_list-house-cafe {
  background: #da7483; }
  /* line 2210, breakpoints/_base.scss */
  .post_list-item .post_list-character .post_list-tag a,
  .post_list-item .post_list-moomin-cafe .post_list-tag a,
  .post_list-item .post_list-bakery-cafe .post_list-tag a,
  .post_list-item .post_list-moomin-stand .post_list-tag a,
  .post_list-item .post_list-house-cafe .post_list-tag a {
    color: #da7483; }
/* line 2217, breakpoints/_base.scss */
.post_list-item .post-list-books h1, .post_list-item .post-list-books h2 a,
.post_list-item .post_list-moomin-spot h1,
.post_list-item .post_list-moomin-spot h2 a {
  color: #791c69; }
/* line 2221, breakpoints/_base.scss */
.post_list-item .post_list-books,
.post_list-item .post_list-moomin-spot {
  background: #791c69; }
  /* line 2224, breakpoints/_base.scss */
  .post_list-item .post_list-books .post_list-tag a,
  .post_list-item .post_list-moomin-spot .post_list-tag a {
    color: #791c69; }

/******************************************************************
CONTACT FORM STYLES
******************************************************************/
/* line 2235, breakpoints/_base.scss */
.content-contact .entry-content h1 {
  margin: 0 0 1em;
  font-size: 1em;
  font-weight: 700; }
/* line 2240, breakpoints/_base.scss */
.content-contact .information_link a {
  padding-left: 12px;
  color: #333333;
  text-decoration: none;
  background: url(../../images/icon_triangle.png) left center no-repeat; }
/* line 2247, breakpoints/_base.scss */
.content-contact .wpcf7 .contact_field {
  margin: 1em auto;
  padding: 2em 2em 1em;
  background: #eaeaea;
  margin: 0em 0.5em 2em; }
  /* line 2252, breakpoints/_base.scss */
  .content-contact .wpcf7 .contact_field input, .content-contact .wpcf7 .contact_field textarea {
    margin-bottom: 0;
    border-radius: 0;
    background: #ffffff; }
  .content-contact .wpcf7 .contact_field input[name="file"]{
    width: 400px;
    max-width: 100%; }
  /* line 2257, breakpoints/_base.scss */
  .content-contact .wpcf7 .contact_field p {
    width: 100%; }
    /* line 2259, breakpoints/_base.scss */
    .content-contact .wpcf7 .contact_field p > span {
      display: block; }
  /* line 2263, breakpoints/_base.scss */
  .content-contact .wpcf7 .contact_field .wpcf7c-conf {
    border: none;
    background: #eaeaea; }
/* line 2268, breakpoints/_base.scss */
.content-contact .wpcf7 .submit_button {
  text-align: center; }
  /* line 2270, breakpoints/_base.scss */
  .content-contact .wpcf7 .submit_button input[type="submit"], .content-contact .wpcf7 .submit_button input[type="button"] {
    -webkit-appearance: none;
    margin-bottom: 1em;
    padding: 0.3em 0.8em;
    border: none;
    border-radius: 0;
    color: #ffffff;
    background: #929189; }
/* line 2280, breakpoints/_base.scss */
.content-contact .wpcf7 div.wpcf7-response-output {
  margin: 0 0.5em 2em !important; }
/* line 2283, breakpoints/_base.scss */
.content-contact .wpcf7 div.wpcf7-validation-errors {
  border: 2px solid #ff0000 !important; }

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
/* line 2293, breakpoints/_base.scss */
.pagination,
.wp-prev-next {
  margin: 0em 0; }

/* line 2297, breakpoints/_base.scss */
.pagination {
  text-align: center;
  clear: both; }
  /* line 2301, breakpoints/_base.scss */
  .pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border-radius: 3px; }
  /* line 2309, breakpoints/_base.scss */
  .pagination li {
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
    margin-left: 1em;
    border-right: 1px solid #eaeaea; }
    /* line 2317, breakpoints/_base.scss */
    .pagination li:first-child {
      margin-left: 0; }
  /* line 2322, breakpoints/_base.scss */
  .pagination a, .pagination span {
    margin: 0;
    text-decoration: none;
    line-height: 1em;
    font-size: 1em;
    font-weight: normal;
    padding: 0.75em;
    min-width: 1em;
    display: block;
    color: #ffffff;
    background-color: #999999; }
    /* line 2334, breakpoints/_base.scss */
    .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
      background-color: #2ab0e1;
      color: #ffffff; }
  /* line 2339, breakpoints/_base.scss */
  .pagination .prev, .pagination .next {
    background: none;
    color: #2ab0e1; }
  /* line 2343, breakpoints/_base.scss */
  .pagination .current {
    cursor: default;
    background: #2ab0e1; }
    /* line 2347, breakpoints/_base.scss */
    .pagination .current:hover, .pagination .current:focus {
              /*
background-color: $white;
color: $text-color;*/ }

/* end .bones_page_navi */
/* line 2357, breakpoints/_base.scss */
.page-nav-news .pagination a:hover, .page-nav-news .pagination a:focus, .page-nav-news .pagination span:hover, .page-nav-news .pagination span:focus {
  color: #ffffff;
  background-color: #ed8513; }
/* line 2362, breakpoints/_base.scss */
.page-nav-news .pagination .prev, .page-nav-news .pagination .next {
  color: #ed8513; }
/* line 2365, breakpoints/_base.scss */
.page-nav-news .pagination .current {
  background-color: #ed8513; }

/* line 2371, breakpoints/_base.scss */
.page-nav-blogs .pagination a:hover, .page-nav-blogs .pagination a:focus, .page-nav-blogs .pagination span:hover, .page-nav-blogs .pagination span:focus {
  color: #ffffff;
  background-color: #2ab0e1; }
/* line 2376, breakpoints/_base.scss */
.page-nav-blogs .pagination .prev, .page-nav-blogs .pagination .next {
  color: #2ab0e1; }
/* line 2379, breakpoints/_base.scss */
.page-nav-blogs .pagination .current {
  background-color: #2ab0e1; }

/* line 2385, breakpoints/_base.scss */
.page-nav-goods .pagination a:hover, .page-nav-goods .pagination a:focus, .page-nav-goods .pagination span:hover, .page-nav-goods .pagination span:focus {
  color: #ffffff;
  background-color: #52ab80; }
/* line 2390, breakpoints/_base.scss */
.page-nav-goods .pagination .prev, .page-nav-goods .pagination .next {
  color: #52ab80; }
/* line 2393, breakpoints/_base.scss */
.page-nav-goods .pagination .current {
  background-color: #52ab80; }

.page-nav-char .pagination a:hover, .page-nav-char .pagination a:focus, .page-nav-char .pagination span:hover, .page-nav-char .pagination span:focus {
  color: #ffffff;
  background-color: #da7483; }
.page-nav-char .pagination .current {
  background-color: #da7483; }
.page-nav-char .pagination .prev,
.page-nav-char .pagination .next {
  color: #da7483; }

.page-nav-char .pagination li {
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
    margin-left: 1em;
    border-right: none;
}

/* fallback previous & next links */
/* line 2403, breakpoints/_base.scss */
.wp-prev-next .prev-link {
  float: left; }
/* line 2407, breakpoints/_base.scss */
.wp-prev-next .next-link {
  float: right; }

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* all comment hidden */
/* line 2417, breakpoints/_base.scss */
.comment-respond,
#comments-title,
.commentlist {
  display: none !important; }

/* line 2424, breakpoints/_base.scss */
.comment-respond {
  display: none; }

/* h3 comment title */
/* line 2428, breakpoints/_base.scss */
#comments-title {
  padding: 0.75em;
  margin: 0;
  border-top: 1px solid #f8f9fa;
  /* number of comments span */ }

/* line 2448, breakpoints/_base.scss */
.commentlist {
  margin: 0;
  list-style-type: none; }

/* line 2453, breakpoints/_base.scss */
.comment {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 1.5em;
  border-bottom: 1px solid #f8f9fa;
  /* vcard */
  /* end .commentlist .vcard */
  /* end children */
  /* general comment classes */ }
  /* line 2460, breakpoints/_base.scss */
  .comment .comment-author {
    padding: 7px;
    border: 0; }
  /* line 2466, breakpoints/_base.scss */
  .comment .vcard {
    margin-left: 50px; }
    /* line 2469, breakpoints/_base.scss */
    .comment .vcard cite.fn {
      font-weight: 700;
      font-style: normal; }
    /* line 2477, breakpoints/_base.scss */
    .comment .vcard time {
      display: block;
      font-size: 0.9em;
      font-style: italic; }
      /* line 2482, breakpoints/_base.scss */
      .comment .vcard time a {
        color: #9fa6b4;
        text-decoration: none; }
        /* line 2486, breakpoints/_base.scss */
        .comment .vcard time a:hover {
          text-decoration: underline; }
    /* line 2496, breakpoints/_base.scss */
    .comment .vcard .avatar {
      position: absolute;
      left: 16px;
      border-radius: 50%; }
  /* line 2504, breakpoints/_base.scss */
  .comment:last-child {
    margin-bottom: 0; }
  /* line 2508, breakpoints/_base.scss */
  .comment .children {
    margin: 0;
    /* variations */
    /* change number for different depth */ }
  /* line 2526, breakpoints/_base.scss */
  .comment[class*=depth-] {
    margin-top: 1.1em; }
  /* line 2530, breakpoints/_base.scss */
  .comment.depth-1 {
    margin-left: 0;
    margin-top: 0; }
  /* line 2535, breakpoints/_base.scss */
  .comment:not(.depth-1) {
    margin-top: 0;
    margin-left: 7px;
    padding: 7px; }
  /* line 2548, breakpoints/_base.scss */
  .comment.odd {
    background-color: #ffffff; }
  /* line 2551, breakpoints/_base.scss */
  .comment.even {
    background: #f8f9fa; }

/* comment meta */
/* comment content */
/* line 2585, breakpoints/_base.scss */
.comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

/* end .commentlist .comment_content */
/* comment reply link */
/* line 2594, breakpoints/_base.scss */
.comment-reply-link {
  font-size: 0.9em;
  float: right; }

/* end .commentlist .comment-reply-link */
/* edit comment link */
/* line 2606, breakpoints/_base.scss */
.comment-edit-link {
  font-style: italic;
  margin: 0 7px;
  text-decoration: none;
  font-size: 0.9em; }

/******************************************************************
COMMENT FORM STYLES
******************************************************************/
/* line 2619, breakpoints/_base.scss */
.comment-respond {
  padding: 1.5em;
  border-top: 1px solid #f8f9fa; }

/* line 2625, breakpoints/_base.scss */
#reply-title {
  margin: 0; }

/* line 2629, breakpoints/_base.scss */
.logged-in-as {
  color: #9fa6b4;
  font-style: italic;
  margin: 0; }
  /* line 2634, breakpoints/_base.scss */
  .logged-in-as a {
    color: #333333; }

/* line 2639, breakpoints/_base.scss */
.comment-form-comment {
  margin: 1.5em 0 0.75em; }

/* line 2643, breakpoints/_base.scss */
.form-allowed-tags {
  padding: 1.5em;
  background-color: #f8f9fa;
  font-size: 0.9em; }

/* comment submit button */
/* line 2650, breakpoints/_base.scss */
#submit {
  float: right;
  font-size: 1em; }

/* comment form title */
/* line 2657, breakpoints/_base.scss */
#comment-form-title {
  margin: 0 0 1.1em; }

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
/* line 2670, breakpoints/_base.scss */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

/* no comments */
/* line 2675, breakpoints/_base.scss */
.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
/* line 2684, breakpoints/_base.scss */
.sidebar .m-all, .sidebar .t-all {
  width: 93.75%;
  margin: 0 3.125% 1em; }

/* line 2696, breakpoints/_base.scss */
.widget ul li {
  /* deep nesting */ }

/* line 2712, breakpoints/_base.scss */
.sidebar-banner {
  line-height: 0;
  margin-bottom: 1em;
  text-align: center; }
  /* line 2716, breakpoints/_base.scss */
  .sidebar-banner img {
    width: 100%; }

/* line 2720, breakpoints/_base.scss */
.wise_saying {
  background: #929189 url(../../images/wise_saying_bg_sp.png) repeat-y;
  background-size: 100%; }
  /* line 2723, breakpoints/_base.scss */
  .wise_saying h1 {
    line-height: 0;
    margin: 0;
    padding: 0; }
    /* line 2727, breakpoints/_base.scss */
    .wise_saying h1 img {
      width: 100%;
      height: auto; }
  /* line 2732, breakpoints/_base.scss */
  .wise_saying .wise_saying_area {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 18px;
    background: url(../../images/wise_saying_footer_sp.png) left bottom no-repeat;
    background-size: 100%; }
    /* line 2737, breakpoints/_base.scss */
    .wise_saying .wise_saying_area .wise_saying-character_bg {
      display: table-cell;
      width: 45%;
      text-align: center;
      background: url(../../images/wise_saying_character_bg_sp.png) center center no-repeat;
      background-size: contain; }
      /* line 2743, breakpoints/_base.scss */
      .wise_saying .wise_saying_area .wise_saying-character_bg img {
        width: 80%;
        height: auto; }
    /* line 2748, breakpoints/_base.scss */
    .wise_saying .wise_saying_area .wise_saying-body {
      display: table-cell;
      vertical-align: middle;
      width: 50%;
      padding-left: 5%;
      color: #f9e81c;
      font-size: 0.8125em; }
    /* line 2756, breakpoints/_base.scss */
    .wise_saying .wise_saying_area .wise_saying-source {
      margin: 0;
      color: #ffffff;
      font-size: 0.65em;
      text-align: right; }
      /* line 2761, breakpoints/_base.scss */
      .wise_saying .wise_saying_area .wise_saying-source a {
        border-bottom: 1px solid #ffffff;
        color: #ffffff;
        text-decoration: none; }

/* line 2769, breakpoints/_base.scss */
.no-widgets {
  background-color: #ffffff;
  padding: 1.5em;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 1px;
  margin-bottom: 1.5em; }

/*********************
FOOTER STYLES
*********************/
/* line 2782, breakpoints/_base.scss */
.footer {
  clear: both;
  background-color: #9c9c9c;
  color: #ffffff; }
  /* line 2786, breakpoints/_base.scss */
  .footer .copyright {
    float: left;
    color: #ffffff; }
    /* line 2789, breakpoints/_base.scss */
    .footer .copyright .tm-icon {
      font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
      color: #ffffff; }
    /* line 2793, breakpoints/_base.scss */
    .footer .copyright span {
      color: #ffffff; }
  /* line 2797, breakpoints/_base.scss */
  .footer .wp_social_bookmarking_light {
    float: left; }
  /* line 2800, breakpoints/_base.scss */
  .footer .wp_social_bookmarking_light_clear {
    display: none;
    visibility: hidden;
    clear: none !important; }
  /* line 2805, breakpoints/_base.scss */
  .footer .social-share {
    float: left;
    margin-top: 8px;
    text-align: right; }
    /* line 2809, breakpoints/_base.scss */
    .footer .social-share img {
      margin-left: 0.5em; }

/* line 2814, breakpoints/_base.scss */
.footer-nav-wrapper {
  padding-bottom: 3.6em;
  border-bottom: 3px solid #e7e7e7; }

/* line 2819, breakpoints/_base.scss */
.footer-nav h1 {
  margin-bottom: 1em;
  border-bottom: 3px solid #e7e7e7;
  font-size: 1.5em; }
/* line 2824, breakpoints/_base.scss */
.footer-nav ul {
  margin: 0; }
/* line 2827, breakpoints/_base.scss */
.footer-nav li {
  line-height: 2;
  color: #73736b; }
  /* line 2830, breakpoints/_base.scss */
  .footer-nav li a {
    color: #ffffff;
    text-decoration: none; }
  /* line 2834, breakpoints/_base.scss */
  .footer-nav li li {
    margin-left: 1em; }
  /* line 2837, breakpoints/_base.scss */
  .footer-nav li.has_child {
    margin-bottom: 2em; }

/* line 2842, breakpoints/_base.scss */
.footer-nav-contents {
  padding: 0 20px; }
  /* line 2844, breakpoints/_base.scss */
  .footer-nav-contents h3 {
    margin: 0;
    font-size: 0.8125em; }

/* line 2849, breakpoints/_base.scss */
.footer-nav-info {
  padding-right: 20px; }

/*
if you checked out the link above:
http://www.alistapart.com/articles/organizing-mobile/
you'll want to style the footer nav
a bit more in-depth. Remember to keep
it simple because you'll have to
override these styles for the desktop
view.
*/
/* end .footer-links */


.char_introduction {
    margin: 0 0 1em 0;
}
.char_tips {
    margin: 1em 0;
    box-sizing: border-box;
    border: 1px solid #aaaaaa;
    padding: 0.5em 0.8em;
}
.char_tips p:nth-child(1){
    font-weight: 700;
    margin: 0 0 1.5% 0;
}
.char_tips p:nth-child(2){
    line-height: 1.5;
}
.work_appeared_btn {
    margin: 0 0 1em 0;
}
.work_appeared_btn p {
    font-weight: 700;
    margin: 0 0 1.5% 0;
}
.work_appeared_btn .appeared {
    font-size: 0;
}
.work_appeared_btn .appeared > button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    display: inline-block;
    font-size: 0.8rem;
    width: 49%;
    text-align: center;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 1% 1.5%;
    margin: 0 2% 3% 0;
    color: #ffffff;
    border: 1px solid #cccccc;
}

.work_appeared_btn .appeared > button a{
    display:block;
    width:100%;
    height:100%;
    color: #ffffff;
    text-decoration:underline;
}

.work_appeared_btn .appeared > button:nth-child(2n){
    margin: 0 0 3% 0;
}
.work_appeared_btn .appeared #comet_in_moominland {
    background-color: #20a69d;
}
.work_appeared_btn .appeared #trollkarlens_hatt {
    background-color: #059fc1;
}
.work_appeared_btn .appeared #muminpappans_memoarer {
    background-color: #f37a69;
}
.work_appeared_btn .appeared #farlig_midsommar {
    background-color: #f9ae1d;
}
.work_appeared_btn .appeared #trollvinter {
    color: #000000;
    background-color: #f2f3f8;
    
}
.work_appeared_btn .appeared #moominvalley {
    background-color: #96ac2e;
}
.work_appeared_btn .appeared #pappan_och_havet {
    background-color: #1592e2;
}
.work_appeared_btn .appeared #sent_i_november {
    background-color: #b64587;
}
.work_appeared_btn .appeared #smatrollen_och_den_stora_oversvamningen {
/*    width: 64%;*/
    background-color: #6e7957;
}
.work_appeared_btn .appeared #illustrated_book {
    background-color: #194F90;
}
.work_appeared_btn .appeared #comics {
    color: #000000;
    background-color: #E0C7E6;
}

.work_appeared_btn .appeared > button a {
    text-decoration: none!important;
    color: #ffffff!important;
}

.work_appeared_btn .appeared > button#trollvinter a {
    text-decoration: none!important;
    color: #333333!important;
}

.work_appeared_btn .appeared > button#comics a {
    text-decoration: none!important;
    color: #333333!important;
}

.deep_friend {
    margin: 0 0 1em 0;
}
.deep_friend_title {
    font-weight: 700;
    margin: 0 0 1.5% 0;
}
.deep_friend li {
    display: inline-block;
    width: 31.333%;
    margin: 0 3% 0.5em 0;
    vertical-align: top;
}
.deep_friend li:nth-child(1){

}
.deep_friend li:nth-child(2){

}
.deep_friend li:nth-child(3n){
    margin: 0;
}
.deep_friend li p {
    line-height: 0;
    margin: 0 0 0.5em 0;
}
.deep_friend li p:nth-child(1){
    line-height: 0;
    text-align: center;
}
.deep_friend li p:nth-child(2){
    font-size: 0.8em;
    text-align: center;
    color: #000000;
    line-height: 1;
}
.deep_friend li p img {
    margin: 0;
    max-width: 100%;
    height: auto;
}
    
    
.char_list_link {
    
}
.char_list_link > button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #f01d4f;
    text-decoration: underline;
}

.introduction_inner h1 {
    width: 98%;

    font-size: 1em;
    font-weight: 700;
    text-align: center;
    line-height: 1;

    color: #ffffff;
    background-color: #cc1939;

    margin: 0 auto 5% auto;
    padding: 1.5% 2%;

    box-sizing: border-box;
    border-radius: 15px;
}
.introduction_inner h1 span {

}
.introduction_inner .top_img {
    width: 100%;
    margin: 0 auto 5% auto;
    max-width: 300px;
}
.introduction_inner .detail {
    width: 94.66667%;
    margin: 0 auto;
    line-height: 0;
}
.introduction_inner .detail .read {
    margin: 0 0 5% 0;
    font-size: 100%;
    line-height: 1.5;
}


.introduction_inner .detail .box {
    line-height: 1;
    box-sizing: border-box;
    border: 3px solid;
    padding: 1.5%;
    margin: 0 auto 5% auto;
    max-width: 640px;
}
.introduction_inner .detail .box .box_inner {
    box-sizing: border-box;
    border: 2px solid;
}
.introduction_inner .detail .box .box_inner .title {
/*    text-align: center;
    font-size: 1.25em;
    margin: 5% 0;*/
    text-align: center;
    font-size: 1.25em;
    margin: 5% 0 2.5% 0;
    padding: 0 0 2.5% 0;
}
.introduction_inner .detail .box .box_inner .imgs {
    margin: 0 auto 5% auto;
    line-height: 0;
}
.introduction_inner .detail .box .box_inner .read {
    width: 91.3%;
    margin: 0 auto 5% auto;
    font-size: 90%;
    line-height: 1.5;
}
.introduction_inner .detail .box .box_inner .btn {
    width: 91.3%;
    margin: 0 auto 5% auto;
    text-align: center;
}

.introduction_inner .detail .box .box_inner .btn span {
    cursor: pointer;
    font-size: 100%;
    display: block;
    padding: 3% 0;
}
.introduction_inner .detail .box .box_inner .btn span:hover{
    opacity: 0.8;
}

.introduction_inner .detail .box .box_inner .sns {
    margin: 0 0 5% 0;
}
.introduction_inner .detail .box .box_inner .sns ul {
    width: 44.42%;
    margin: 0 auto;
    font-size: 0;
}
.introduction_inner .detail .box .box_inner .sns ul li {
    display: inline-block;
    width: 49%;
}
.introduction_inner .detail .box .box_inner .sns ul li p {
    line-height: 0;
    width: 60.584%;
    margin: 0 auto;
}
.introduction_inner .detail .box .box_inner a {
    text-decoration: none;
}


.color1 {
    border-color: #47a0aa !important;
}
.color1 .box_inner {
    border-color: #47a0aa !important;
}
.color1 .box_inner .title {
/*    color: #47a0aa;*/
    color: #47a0aa;
    background: url(../../images/introduction_tove_h.png) center bottom no-repeat;
    background-size: 56.8% auto;
}
.color1 .box_inner .imgs {
    width: 43.82%;
    max-width: 330px;
}
.color1 .box_inner .read {
    
}
.color1 .box_inner .btn {
    
}
.color1 .box_inner .btn span {
    color: #ffffff;
    background-color: #47a0aa;
}

.color2 {
    border-color: #791c69 !important;
}
.color2 .box_inner {
    border-color: #791c69 !important;
}
.color2 .box_inner .title {
    color: #791c69;
    background: url(../../images/introduction_novel_h.png) center bottom no-repeat;
    background-size: 56.8% auto;
}
.color2 .box_inner .imgs {
    width: 82.6%;
    max-width: 570px;
}
.color2 .box_inner .read {
    
}
.color2 .box_inner .btn {
    
}
.color2 .box_inner .btn span {
    color: #ffffff;
    background-color: #791c69;
}

.color3 {
    border-color: #367eb8 !important;
}
.color3 .box_inner {
    border-color: #367eb8 !important;
}
.color3 .box_inner .title {
    color: #367eb8;
    background: url(../../images/introduction_commic_h.png) center bottom no-repeat;
    background-size: 56.8% auto;
}
.color3 .box_inner .imgs {
    width: 82.6%;
    max-width: 570px;
}
.color3 .box_inner .read {
    
}
.color3 .box_inner .btn {
    
}
.color3 .box_inner .btn span {
    color: #ffffff;
    background-color: #367eb8;
}

.color4 {
    border-color: #eb8700 !important;
}
.color4 .box_inner {
    border-color: #eb8700 !important;
}
.color4 .box_inner .title {
    color: #eb8700;
    background: url(../../images/introduction_anime_h.png) center bottom no-repeat;
    background-size: 56.8% auto;
}
.color4 .box_inner .imgs {
    width: 82.6%;
    max-width: 570px;
}
.color4 .box_inner .read {
    
}
.color4 .box_inner .btn {
    
}
.color4 .box_inner .btn span {
    color: #ffffff;
    background-color: #eb8700;
}

.color5 {
    border-color: #da7483 !important;
}
.color5 .box_inner {
    border-color: #da7483 !important;
}
.color5 .box_inner .title {
    color: #da7483;
    background: url(../../images/introduction_char_h.png) center bottom no-repeat;
    background-size: 56.8% auto;
}
.color5 .box_inner .imgs {
    width: 89.5%;
    max-width: 520px;
}
.color5 .box_inner .read {
    
}
.color5 .box_inner .btn {
    
}
.color5 .box_inner .btn span {
    color: #ffffff;
    background-color: #da7483;
}

.color6 {
    border-color: #6fa66f !important;
}
.color6 .box_inner {
    border-color: #6fa66f !important;
}
.color6 .box_inner .title {
    color: #6fa66f;
    background: url(../../images/introduction_spot_h.png) center bottom no-repeat;
    background-size: 56.8% auto;
}
.color6 .box_inner .imgs {
    width: 89.5%;
    max-width: 590px;
}
.color6 .box_inner .read {
    
}
.color6 .box_inner .btn {
    
}
.color6 .box_inner .btn span {
    color: #ffffff;
    background-color: #6fa66f;
}

.color7 {
    border-color: #c5334e !important;
}
.color7 .box_inner {
    border-color: #c5334e !important;
}
.color7 .box_inner .title {
    color: #c5334e;
    background: url(../../images/introduction_wlmn_h.png) center bottom no-repeat;
    background-size: 56.8% auto;
}
.color7 .box_inner .imgs {
    width: 72.9%;
    max-width: 503px;
}
.color7 .box_inner .read {
    
}

.charracters_inner {
    
}
.charracters_inner .caption {
    font-size: 1.5em;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    margin: 5% 0;
}
.charracters_inner .caption span {
    font-size: 0.5rem;
}

.charracters_inner .main_char {
    max-width: 647px;
    margin: 0 auto;
}
.charracters_inner .main_char .main_char_inner {
    position: relative;
    
    background: url(../../images/characters_bg.png) center 0 no-repeat;
    background-size: 88.03% auto;
    
    padding-top: calc((823/647)*88.3%);
    z-index: 1;
    
    margin: 0 0 5% 0;
}
.charracters_inner .main_char .main_char_inner a {
    text-decoration: none;
}
.charracters_inner .main_char .main_char_inner a:hover,
.charracters_inner .main_char .main_char_inner a:focus
{
    opacity: 1 !important;
}
.charracters_inner .main_char .main_char_inner a p {
    position: absolute;
    line-height: 0;
    z-index: 2;
    cursor: pointer;
    margin: 0;
}
.charracters_inner .main_char .main_char_inner .moomintroll {
    width: 36.73%;

    top: 46.54%;
    left: 29.11%;
    
    background: url(../../images/characters_moomin.gif) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((297/270)*36.73%);
}
.charracters_inner .main_char .main_char_inner .moominpappa {
    width: 24.5%;
    
    top: 0;
    left: 17%;
    
    background: url(../../images/characters_papa.gif) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((209/180)*24.5%);
}
.charracters_inner .main_char .main_char_inner .moominmamma {
    width: 24.5%;
    
    top: 0;
    left: 53.6%;
    
    background: url(../../images/characters_mama.gif) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((209/180)*24.5%);
}
.charracters_inner .main_char .main_char_inner .snorkmaiden {
    width: 24.5%;
    
    top: 29.65%;
    left: 6%;
    
    background: url(../../images/characters_snorkmaiden.gif) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((231/180)*24.5%);
}
.charracters_inner .main_char .main_char_inner .snufkin {
    width: 24.5%;
    
    top: 29.65%;
    left: 64.5%;
    
    background: url(../../images/characters_snufkin.gif) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((209/180)*24.5%);
}
.charracters_inner .main_char .main_char_inner .sniff {
    width: 24.5%;
    
    top: 74.6%;
    left: 6%;
    
    background: url(../../images/characters_sniff.gif) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((208/180)*24.5%);
}
.charracters_inner .main_char .main_char_inner .little-my {
    width: 24.5%;
    
    top: 74.6%;
    left: 64.5%;
    
    background: url(../../images/characters_littlemy.gif) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((209/180)*24.5%);
}

.charracters_inner .bnr {
    
}
.charracters_inner .bnr .bnr_inner {
    line-height: 0;
    margin: 0 0 5% 0;
}
.charracters_inner .bnr .bnr_inner a {
    text-decoration: none;
}
.charracters_inner .bnr .bnr_inner2 {
    line-height: 0;
    margin: 8% auto 5%;
    width: 96%;
    max-width: 640px;
}
.charracters_inner .bnr .bnr_inner2 a {
    text-decoration: none;
}


.moominspot_inner {
    
}
.moominspot_inner h1 {
    text-align: center;
    font-size: 2em;
    margin: 0 auto 1em auto;
    line-height: 1;
}
.moominspot_inner .f_blo {
    border-top: 1px solid #666666;
    padding-top: 2em;
}
.moominspot_inner .spotcontent {
    width: 96%;
    margin: 0 auto 2em auto;
    border-bottom: 1px solid #666666;
}
.moominspot_inner .spotcontent li {
    
}
.moominspot_inner .spotcontent li:nth-child(1){
    
}
.moominspot_inner .spotcontent li:nth-child(2){
    
}
.moominspot_inner .spotcontent li .spot_img {
    line-height: 0;
    margin: 0 0 1em 0;
}

.moominspot_inner .spotcontent li h2 {
    font-size: 1.5em;
    line-height: 1;
    margin: 0 0 1em 0;
}
.moominspot_inner .spotcontent li .detail {
    margin: 0 0 1em 0;
}
.moominspot_inner .spotcontent li .other_page {
    margin: 0 0 1em 0;
    font-weight: 700;
    text-align: right;
}
.moominspot_inner .spotcontent li .other_page a {
    text-decoration: none;
}
.moominspot_inner .spotcontent li .other_page a:hover {
    opacity: .7;
}



.moomin_books_inner {
    padding: 0 0 1em 0;
}
.moomin_books_inner .books_main {
    
}
.moomin_books_inner .books_main h1 {
    margin: 0 0 0.5em 0;
    line-height: 0;
}
.moomin_books_inner .books_main p {
    margin: 0 0 1em 0;
    padding: 0 5%;
}


.moomin_books_inner .content {
    width: 92%;
    margin: 0 auto 1em auto;
    padding: 2%;
    box-sizing: border-box;
    border: 1px solid #666666;
}
.moomin_books_inner .content .content_inner {
    width: 99%;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #666666;
    padding: 2%;
}
.moomin_books_inner .content .content_inner .main_caption {
    
}
.moomin_books_inner .content .content_inner .main_caption h2 {
    margin: 0 0 0.5em;
    text-align: center;
    line-height: 1.25;
    font-size: 1.5em;
}
.moomin_books_inner .content .content_inner .main_caption p {
    margin: 0 0 0.5em 0;
    line-height: 1.5;
}

.moomin_books_inner .content .content_inner .main_detail {
    box-sizing: border-box;
    border-top: 1px dashed #666666;
    padding: 1em 0 0 0;
}
.moomin_books_inner .content .content_inner .main_detail .main_top {
    margin: 0 0 0.5em 0;
    font-weight: 700;
    font-size: 1.25em;
}
.moomin_books_inner .content .content_inner .main_detail ul {
    margin: 0 0 1em 0;
    border-bottom: 1px dashed #666666;
}
.moomin_books_inner .content .content_inner .main_detail ul li {
    display: inline-block;
    vertical-align: top;
}
.moomin_books_inner .content .content_inner .main_detail ul li:nth-child(odd){
    width: 28%;
    margin: 0 1% 1em 0;
}
.moomin_books_inner .content .content_inner .main_detail ul li:nth-child(even){
    width: 68%;
}
.moomin_books_inner .content .content_inner .main_detail ul li .book_img {
    margin: 0;
    line-height: 0;
}
.moomin_books_inner .content .content_inner .main_detail ul li .book_img img {
    border: 1px solid #cccccc;
}
.moomin_books_inner .content .content_inner .main_detail ul li h3 {
    margin: 0 0 0.5em 0;
    font-weight: 700;
    font-size: 1em;
}
.moomin_books_inner .content .content_inner .main_detail ul li .detail {
    margin: 0 0 0.5em 0;
    line-height: 1.5;
}
.moomin_books_inner .content .content_inner .main_detail ul li .other_link {
    font-weight: 700;
    font-size: 1em;
    text-align: right;
    padding-right: 5%;
}
.moomin_books_inner .content .content_inner .main_detail ul li .other_link a {
    text-decoration: none;
}
.moomin_books_inner .content .content_inner .main_detail ul li .other_link a:hover{
    opacity: .7;
}



/*.tour_inner{
    max-width: 425px;
    margin: 0 auto;
}
.tour_inner .tour_read {
    
}
.tour_inner .tour_read h1 {
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    margin: 0 0 0.5em 0;
}
.tour_inner .tour_read .tour_img {
    width: 96%;
    line-height: 0;
    margin: 0 auto 0.5em auto;
}
.tour_inner .tour_read .tour_text {
    width: 96%;
    margin: 0 auto;
}


.tour_inner .tour_content {
    
}
.tour_inner .tour_content .circle {
    padding: 0 0 0 10%;
    margin: 1.5em 0 0 0;
}
.tour_inner .tour_content .circle h2 {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin: 0;
    padding: 22px 0;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    border: 4px solid #21252B;
    border-radius: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    text-align: center;

    letter-spacing: 1px;
    text-indent: 1px;
}

.tour_inner .tour_content .circle p {
    width: 70%;
    display: inline-block;
    vertical-align: middle;

    font-weight: 700;
    margin: 0 0 2% 1em;

    line-height: 1.2;
}

.tour_inner .tour_content .content_main {
    position: relative;
}
.tour_inner .tour_content .content_main .tumb_img {
    margin: 0;
    position: absolute;
    width: 24%;
    top: 35%;
    left: 6%;
    line-height: 0;
}
.tour_inner .tour_content .content_main .tumb_img p {

}

.tour_inner .tour_content .content_main ul {
    font-size: 0;
    line-height: 1;
}
.tour_inner .tour_content .content_main ul li {
    display: inline-block;
    vertical-align: top;
    padding: 3% 0 0 0;
}
.tour_inner .tour_content .content_main ul .time {
    width: 18%;
    font-size: 1rem;
    font-weight: 700;
}
.tour_inner .tour_content .content_main ul .time span {
    font-size: 0.8rem;
    color: #666666;
}
.tour_inner .tour_content .content_main ul .time p {

}
.tour_inner .tour_content .content_main ul .train {
    width: 18%;
}
.tour_inner .tour_content .content_main ul .train_detail {
    padding: 0;
    width: 82%;
    border-left: 3px solid #666666;
}
.tour_inner .tour_content .content_main ul .train_detail p {
    width: 15%;
    max-width: 75px;
    padding: 0;
    margin: 0 0 0 -15.5%;
}
.tour_inner .tour_content .content_main ul .train_detail p.middle {
    padding: 5% 0;
}
.tour_inner .tour_content .content_main ul .train_detail p.top {
    padding: 0 0 10% 0;
}
.tour_inner .tour_content .content_main ul .train_detail p.bottom {
    padding: 10% 0 0 0;
}






.tour_inner .tour_content .content_main ul .detail {
    font-size: 1rem;
    width: 82%;
    padding: 3% 0 0 14%;
    border-left: 3px solid #666666;
    line-height: 1.2;
}
.tour_inner .tour_content .content_main ul .detail h3 {
    margin: 0 0 0.5em 0;
    font-size: 1em;
    font-weight: 700;
}
.tour_inner .tour_content .content_main ul .detail p {
    margin: 0;
    font-size: 0.9em;
}
.tour_inner .tour_content .tour_notice {
    line-height: 1.25;
    font-size: 0.8em;
    margin: 2em auto;
    padding: 0 0 1em 0;
    width: 96%;
}
.tour_inner .tour_content .tour_notice span {
    font-weight: 700;
}
.tour_inner .tour_content .tour_notice p {
    margin: 0.5em 0 0 0;
}*/




@media only screen and (max-width: 375px) {
    .color1 .box_inner .title,
    .color6 .box_inner .title
    {
        background-size: 70% auto;
    }
}
/*********************
SMART PHONES
*********************/
@media only screen and (max-width: 640px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  /* line 25, breakpoints/_640below.scss */
  .wrap {
    width: 100%; }

  /* line 28, breakpoints/_640below.scss */
  .for_sp {
    display: block; }

  /******************************************************************
  H1, H2, H3, H4, H5 STYLES
  ******************************************************************/
  /*********************
  HEADER STYLES
  *********************/
  /* line 55, breakpoints/_640below.scss */
  .header-nav-area .header-nav-search_parent h1:hover {
    background: none; }

  /******************************************************************
  FONT STYLES
  ******************************************************************/
  /* line 111, breakpoints/_640below.scss */
  .post_list-font-big {
    font-size: 0.9em; }

  /* line 114, breakpoints/_640below.scss */
  .post_list-font-medium {
    font-size: 0.75em; }

  /* line 117, breakpoints/_640below.scss */
  .post_list-font-small {
    font-size: 0.6em; }

  /* line 120, breakpoints/_640below.scss */
  .post_detail-font-big {
    line-height: 1.33;
    font-size: 3.0em; }

  /* line 124, breakpoints/_640below.scss */
  .post_detail-font-medium {
    line-height: 1.33;
    font-size: 2.0em; }

  /* line 128, breakpoints/_640below.scss */
  .post_detail-font-small {
    line-height: 2;
    font-size: 1.6em; }

  /* line 132, breakpoints/_640below.scss */
  .post_detail-font-x_small {
    font-size: 1.4em; }





  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* line 152, breakpoints/_640below.scss */
  .content-character .post_thumbnail-area a {
    width: 217px;
    height: 180px; } }
@media only screen and (max-width: 640px) and (max-width: 479px) {
  /* line 159, breakpoints/_640below.scss */
  .content-character .post_thumbnail-area a {
    width: 145px;
    height: 145px; } }

@media only screen and (max-width: 640px) {
  /* end .hentry */
  /* want to style individual post classes? Booya! */
  /* post by id (i.e. post-3) */
  /* general post style */
  /* general article on a page style */
  /* general style on an attatchment */
  /* sticky post style */
  /* hentry class */
  /* style by category (i.e. category-videos) */
  /* style by tag (i.e. tag-news) */
  /* post meta */
  /* entry content */
  /* line 212, breakpoints/_640below.scss */
  .content-character .entry-content {
    padding-top: 0; }

  /* line 217, breakpoints/_640below.scss */
  .post-single .entry-content {
    /*
    image alignment on a screen this size may be
    a bit difficult. It's set to start aligning
    and floating images at the next breakpoint,
    but it's up to you. Feel free to change it up.
    */ }
    /* line 263, breakpoints/_640below.scss */
    .post-single .entry-content th:last-child {
      border-right: 0; }

  /* end .entry-content */
  /* line 306, breakpoints/_640below.scss */
  .wp-caption {
    /* images inside wp-caption */ }

  /* end .wp-caption */
  /* image gallery styles */
  /* end .gallery */
  /* gallery caption styles */
  /*********************
  POSTS LIST STYLES -additional style-
  *********************/
  /* line 358, breakpoints/_640below.scss */
  .post_list-item .entry-content {
    height: 92px; }

  /* line 363, breakpoints/_640below.scss */
  .post_thumbnail-area a {
    width: 217px;
    height: 163px; } }
@media only screen and (max-width: 640px) and (max-width: 479px) {
  /* line 372, breakpoints/_640below.scss */
  .post_list-item .entry-content {
    height: 94px; }

  /* line 377, breakpoints/_640below.scss */
  .post_thumbnail-area a {
    width: 145px;
    height: 108px; } }
@media only screen and (max-width: 640px) {
  /*********************
  NAVIGATION STYLES
  *********************/
  /* line 389, breakpoints/_640below.scss */
  .nav {
    border: 0;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */ }
    /* line 391, breakpoints/_640below.scss */
    .nav ul {
      background: #000000;
      margin-top: 0; }
    /* line 395, breakpoints/_640below.scss */
    .nav li {
      /*
      plan your menus and drop-downs wisely.
      */
      /* showing sub-menus */ }
      /* line 397, breakpoints/_640below.scss */
      .nav li a {
        border-bottom: 0;
        /*
        you can use hover styles here even though this size
        has the possibility of being a mobile device.
        */ }
      /* line 414, breakpoints/_640below.scss */
      .nav li ul.sub-menu,
      .nav li ul.children {
        /* highlight sub-menu current page */ }
        /* line 417, breakpoints/_640below.scss */
        .nav li ul.sub-menu li,
        .nav li ul.children li {
          /*
          if you need to go deeper, go nuts
          just remember deeper menus suck
          for usability. k, bai.
          */ }

  /* end .nav */
  /*********************
  SIDEBARS & ASIDES
  *********************/
  /* line 471, breakpoints/_640below.scss */
  .sidebar {
    margin-top: 0; }

  /* line 481, breakpoints/_640below.scss */
  .widget ul li {
    /* deep nesting */ }

  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /*********************
  FOOTER STYLES
  *********************/
  /* line 588, breakpoints/_640below.scss */
  .footer .copyright {
    margin: 0.5em 0.5em 0;
    color: #ffffff; }
  /* line 592, breakpoints/_640below.scss */
  .footer .wp_social_bookmarking_light {
    float: none;
    padding: 0.5em 0.5em !important; }
  /* line 596, breakpoints/_640below.scss */
  .footer .wp_social_bookmarking_light_clear {
    display: block; }
  /* line 599, breakpoints/_640below.scss */
  .footer .social-share {
    float: none;
    clear: both;
    margin-top: 8px;
    text-align: left; }
    /* line 604, breakpoints/_640below.scss */
    .footer .social-share img {
      margin-left: 0.5em; }

  /* line 609, breakpoints/_640below.scss */
  .footer-nav-contents,
  .footer-nav-info {
    padding: 0 3.125%; } }
/*********************
TABLET & SMALLER LAPTOPS
*********************/
@media only screen and (min-width: 641px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /* line 20, breakpoints/_641up.scss */
  body {
    font-size: 90%; }

  /*********************
  LAYOUT & GRID STYLES
  *********************/
  /* line 27, breakpoints/_641up.scss */
  .wrap {
    width: 100%; }

  /* line 31, breakpoints/_641up.scss */
  .for_sp {
    display: none; }

  /* line 34, breakpoints/_641up.scss */
  .for_tab {
    display: block; }

  /******************************************************************
  H1, H2, H3, H4, H5 STYLES
  ******************************************************************/
  /* line 40, breakpoints/_641up.scss */
  h1, .h1 {
    font-size: 3.0em;
    line-height: 1.333em; }

  /* line 45, breakpoints/_641up.scss */
  h2, .h2 {
    font-size: 3.0em;
    line-height: 1.1em;
    margin-bottom: 0.375em; }

  /* line 51, breakpoints/_641up.scss */
  h3, .h3 {
    font-size: 1.125em; }

  /* line 55, breakpoints/_641up.scss */
  h4, .h4 {
    font-size: 1.1em;
    font-weight: 700; }

  /* line 60, breakpoints/_641up.scss */
  h5, .h5 {
    font-size: 0.846em;
    line-height: 2.09em;
    text-transform: uppercase;
    letter-spacing: 2px; }

  /******************************************************************
  FONT STYLES
  ******************************************************************/
  /* line 70, breakpoints/_641up.scss */
  .post_list-font-big {
    line-height: 0.9;
    font-size: 0.9em; }

  /* line 74, breakpoints/_641up.scss */
  .post_list-font-medium {
    line-height: 1.2;
    font-size: 0.8em; }

  /* line 78, breakpoints/_641up.scss */
  .post_list-font-small {
    line-height: 1.4;
    font-size: 0.6em; }

  /* line 82, breakpoints/_641up.scss */
  .post_detail-font-big {
    line-height: 1.33;
    font-size: 3.0em; }

  /* line 86, breakpoints/_641up.scss */
  .post_detail-font-medium {
    line-height: 1.33;
    font-size: 2.0em; }

  /* line 90, breakpoints/_641up.scss */
  .post_detail-font-small {
    line-height: 2;
    font-size: 1.6em; }

  /* line 94, breakpoints/_641up.scss */
  .post_detail-font-x_small {
    font-size: 1.4em; }

  /*********************
  HEADER STYLES
  *********************/
  /* line 101, breakpoints/_641up.scss */
  .header {
    position: relative;
    background-color: #ffffff; }

  /* line 106, breakpoints/_641up.scss */
  #logo {
    float: left;
    width: 24%;
    padding: 0.5em 1%;
    text-align: left; }
    /* line 111, breakpoints/_641up.scss */
    #logo img {
      width: 100%; }

  /* line 115, breakpoints/_641up.scss */
  .header-nav {
    float: right;
    width: 74%; }

  /* line 119, breakpoints/_641up.scss */
  .header-nav-button {
    display: none; }

  /* line 122, breakpoints/_641up.scss */
  .header-nav-area {
    display: block;
    float: right;
    border: none;
    box-shadow: none; }
    /* line 127, breakpoints/_641up.scss */
    .header-nav-area h1 {
      display: inline-block;
      line-height: 1;
      margin: 0 0 0 0.2em;
      padding: 0.5em;
      color: #000000;
      font-size: 16px;
      cursor: pointer; }
      /* line 135, breakpoints/_641up.scss */
      .header-nav-area h1:hover, .header-nav-area h1.on {
        color: #ffffff;
        background: #999999; }
    /* line 141, breakpoints/_641up.scss */
    .header-nav-area .header-nav-search_sp-parent {
      display: none; }
    /* line 146, breakpoints/_641up.scss */
    .header-nav-area .header-nav-search_parent h1 {
      vertical-align: top;
      margin-top: -0.3em;
      padding: 0; }
      /* line 150, breakpoints/_641up.scss */
      .header-nav-area .header-nav-search_parent h1:hover, .header-nav-area .header-nav-search_parent h1.on {
        background: none; }
      /* line 153, breakpoints/_641up.scss */
      .header-nav-area .header-nav-search_parent h1 .header-nav-search-icon {
        display: inline-block;
        width: 26px;
        height: 32px;
        background: url(../../images/icon_magnifyingglass.png) no-repeat; }
        /* line 158, breakpoints/_641up.scss */
        .header-nav-area .header-nav-search_parent h1 .header-nav-search-icon:hover {
          background: url(../../images/icon_magnifyingglass_on.png) no-repeat; }
    /* line 164, breakpoints/_641up.scss */
    .header-nav-area > ul {
      width: 100%;
      margin: 0.25em 0 0; }
      /* line 167, breakpoints/_641up.scss */
      .header-nav-area > ul > li {
        display: inline-block; }
        /* line 169, breakpoints/_641up.scss */
        .header-nav-area > ul > li > a {
          display: inline-block;
          padding: 0.5em;
          color: #000000;
          text-decoration: none; }
          /* line 174, breakpoints/_641up.scss */
          .header-nav-area > ul > li > a:hover {
            color: #ffffff;
            background: #999999; }
      /* line 180, breakpoints/_641up.scss */
      .header-nav-area > ul.header-nav-sub_menu {
        display: none; }

  /* line 185, breakpoints/_641up.scss */
  .header-nav-parent {
    display: inline-block;
    position: relative;
    padding: 0;
    border-bottom: none; }

  /* line 191, breakpoints/_641up.scss */
  .header-nav-search_parent {
    display: block; }

  /* line 194, breakpoints/_641up.scss */
  .header-nav-child {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    position: absolute;
    width: 256px;
    margin-top: 20px;
    padding: 10px;
    background: #ffffff;
    box-shadow: 3px 3px 11px 0 rgba(50, 50, 50, 0.35); }
    /* line 203, breakpoints/_641up.scss */
    .header-nav-child:before {
      position: absolute;
      top: -20px;
      left: 46%;
      content: "";
      border: solid transparent 10px;
      border-bottom-color: #ffffff; }
    /* line 211, breakpoints/_641up.scss */
    .header-nav-child.header-nav-main_menu-child1 {
      left: -2.5em; }
    /* line 214, breakpoints/_641up.scss */
    .header-nav-child.header-nav-main_menu-child2 {
      left: -4.4em; }
    /* line 217, breakpoints/_641up.scss */
    .header-nav-child.header-nav-main_menu-child3 {
      left: -7em; }
      /* line 219, breakpoints/_641up.scss */
      .header-nav-child.header-nav-main_menu-child3:before {
        left: 71%; }
    /* line 223, breakpoints/_641up.scss */
    .header-nav-child.header-nav-main_menu-child4 {
      right: 0.5em; }
      /* line 225, breakpoints/_641up.scss */
      .header-nav-child.header-nav-main_menu-child4:before {
        left: auto;
        right: 2%; }
    /* line 230, breakpoints/_641up.scss */
    .header-nav-child > ul {
      margin: 0; }

  /* line 234, breakpoints/_641up.scss */
  .header-nav-child a {
    display: block;
    line-height: 1.2;
    margin: 0 auto;
    padding: 0.8em 0.5em;
    text-align: center;
    text-decoration: none; }
    /* line 241, breakpoints/_641up.scss */
    .header-nav-child a:hover {
      color: #f7c330; }
    /* line 244, breakpoints/_641up.scss */
    .header-nav-child a span {
      display: block; }
    /* line 247, breakpoints/_641up.scss */
    .header-nav-child a .menu-title-en {
      font-size: 1.5em; }
    /* line 250, breakpoints/_641up.scss */
    .header-nav-child a .menu-title-jp {
      font-size: 0.75em; }

  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* line 258, breakpoints/_641up.scss */
  .top_of_page {
    margin: 0 1% 1em; }

  /* line 261, breakpoints/_641up.scss */
  #content {
    padding-top: 20px; }
    /* line 263, breakpoints/_641up.scss */
    #content .post-single {
      margin: 0 1% 0; }
    /* line 266, breakpoints/_641up.scss */
    #content .social-share {
      margin-top: 1em;
      text-align: left; }
      /* line 269, breakpoints/_641up.scss */
      #content .social-share img {
        float: left;
        margin-right: 20px; }

  /* line 277, breakpoints/_641up.scss */
  .content-inner-link {
    margin: 1.5em 0; }
    /* line 279, breakpoints/_641up.scss */
    .content-inner-link span {
      display: inline;
      margin-right: 0.5em;
      padding-left: 0px;
      padding-right: 10px;
      background: url(../../images/icon_triangle.png) no-repeat right center; }

  /* line 288, breakpoints/_641up.scss */
  .related_bg .yarpp-related h3 {
    margin-left: 1% !important; }

  /* end .hentry */
  /* want to style individual post classes? Booya! */
  /* post by id (i.e. post-3) */
  /* general post style */
  /* general article on a page style */
  /* general style on an attatchment */
  /* sticky post style */
  /* hentry class */
  /* style by category (i.e. category-videos) */
  /* style by tag (i.e. tag-news) */
  /* post meta */
  /* entry content */
  /* line 338, breakpoints/_641up.scss */
  .content-character main .bg_wrap {
    margin: 0 1% 0em; }
  /* line 341, breakpoints/_641up.scss */
  .content-character .chara1, .content-character .chara3, .content-character .chara5,
  .content-character .chara7, .content-character .chara9, .content-character .chara11,
  .content-character .chara13, .content-character .chara15, .content-character .chara17,
  .content-character .chara19, .content-character .chara21, .content-character .char23,
  .content-character .chara25, .content-character .chara27, .content-character .chara29 {
    clear: none; }
  /* line 348, breakpoints/_641up.scss */
  .content-character .chara1, .content-character .chara5, .content-character .chara9,
  .content-character .chara13, .content-character .chara17, .content-character .chara21,
  .content-character .chara25, .content-character .chara29 {
    clear: both; }
  /* line 353, breakpoints/_641up.scss */
  .content-character .entry-content {
    padding-top: 0; }
  /* line 356, breakpoints/_641up.scss */
  .content-character .single-title {
    text-align: left; }
    /* line 358, breakpoints/_641up.scss */
    .content-character .single-title .character_name_e {
      display: inline; }
  /* line 363, breakpoints/_641up.scss */
  .content-character .post_thumbnail-area a {
    width: 260px;
    height: 180px; }
    /* line 366, breakpoints/_641up.scss */
    .content-character .post_thumbnail-area a img {
      width: inherit;
      height: auto; }

  /* line 376, breakpoints/_641up.scss */
  .content-spot .archive-header {
    margin: 0 1% 1em; }
  /* line 379, breakpoints/_641up.scss */
  .content-spot .spot-list-area {
    margin: 0 1% 0;
    padding: 2% 5%; }
  /* line 383, breakpoints/_641up.scss */
  .content-spot .hentry {
    margin: inherit !important; }
    /* line 390, breakpoints/_641up.scss */
    .content-spot .hentry header .single-title {
      padding: 0 8%; }
  /* line 395, breakpoints/_641up.scss */
  .content-spot .entry-content {
    padding: 0 4.13% 0; }

  /* line 400, breakpoints/_641up.scss */
  .content-books .archive-header {
    margin: 0 1% 1em; }
  /* line 403, breakpoints/_641up.scss */
  .content-books .books-list-area {
    margin: 0 1% 0;
    padding: 2% 5%; }
    /* line 406, breakpoints/_641up.scss */
    .content-books .books-list-area .tag-style-nav {
      margin-left: -2.125%; }
    /* line 409, breakpoints/_641up.scss */
    .content-books .books-list-area .fairytale_type {
      display: table;
      width: 100%; }
      /* line 412, breakpoints/_641up.scss */
      .content-books .books-list-area .fairytale_type .fairytale_title {
        display: table-cell;
        vertical-align: middle; }
      /* line 416, breakpoints/_641up.scss */
      .content-books .books-list-area .fairytale_type .book_type_description {
        display: table-cell;
        width: 45%;
        font-size: 0.8125em;
        text-align: center; }
        /* line 421, breakpoints/_641up.scss */
        .content-books .books-list-area .fairytale_type .book_type_description span {
          width: 12em; }
          /* line 423, breakpoints/_641up.scss */
          .content-books .books-list-area .fairytale_type .book_type_description span.book_type {
            width: 9em;
            text-align: left; }
  /* line 431, breakpoints/_641up.scss */
  .content-books .hentry {
    margin: 0 0 1em; }
    /* line 438, breakpoints/_641up.scss */
    .content-books .hentry header .single-title {
      padding: 0 8%; }
  /* line 443, breakpoints/_641up.scss */
  .content-books .entry-content {
    padding: 0 4.13% 0; }
  /* line 446, breakpoints/_641up.scss */
  .content-books .post_list-books {
    padding: 0 4%; }
    /* line 448, breakpoints/_641up.scss */
    .content-books .post_list-books:nth-child(2n) {
      clear: both; }
  /* line 452, breakpoints/_641up.scss */
  .content-books a.books_list_more {
    float: none; }
  /* line 455, breakpoints/_641up.scss */
  .content-books .books-fairytale {
    padding: 0 4% 1.5em; }
  /* line 458, breakpoints/_641up.scss */
  .content-books .books-fairytale1 {
    padding-top: 1.5em; }
  /* line 462, breakpoints/_641up.scss */
  .content-books .post-single header {
    padding: 1em 0; }
    /* line 464, breakpoints/_641up.scss */
    .content-books .post-single header .bread_crumbs {
      margin: 0 3.125%; }
    /* line 467, breakpoints/_641up.scss */
    .content-books .post-single header .social-share-parent {
      width: 100%; }
  /* line 471, breakpoints/_641up.scss */
  .content-books .post-single .entry-content {
    padding: 0 8% 0; }
  /* line 475, breakpoints/_641up.scss */
  .content-books .post-single .related_book .t-1of4, .content-books .post-single .related_book .d-1of4 {
    width: 23%;
    margin: 0 1% 1em; }
  /* line 480, breakpoints/_641up.scss */
  .content-books .post-single .related_book .post_thumbnail-area a {
    height: auto; }
  /* line 484, breakpoints/_641up.scss */
  .content-books .post-single .related_book img {
    border: 1px solid #ccc;
    margin-bottom: 0.5em; }

  /* line 493, breakpoints/_641up.scss */
  .content-search .search-result-header {
    margin-bottom: 2em; }
    /* line 495, breakpoints/_641up.scss */
    .content-search .search-result-header .archive-title {
      padding-left: 1%; }

  /* line 501, breakpoints/_641up.scss */
  .search_form input[type="text"] {
    width: 92%; }

  /* line 509, breakpoints/_641up.scss */
  .content-tove .entry-title {
    line-height: 1.333em;
    margin-top: 0.67em;
    font-size: 1em; }
    /* line 513, breakpoints/_641up.scss */
    .content-tove .entry-title span.archive-type {
      margin-bottom: 0;
      font-size: 0.8em; }
    /* line 517, breakpoints/_641up.scss */
    .content-tove .entry-title .archive-chategory-title {
      line-height: 1.2em;
      font-size: 2em;
      font-weight: 700; }
  /* line 524, breakpoints/_641up.scss */
  .content-tove .entry-content .tove_image {
    width: auto; }

  /* line 530, breakpoints/_641up.scss */
  .content-history .entry-title {
    line-height: 1.333em;
    margin-top: 0.67em;
    font-size: 1em; }
    /* line 534, breakpoints/_641up.scss */
    .content-history .entry-title span.archive-type {
      margin-bottom: 0;
      font-size: 0.8em; }
    /* line 538, breakpoints/_641up.scss */
    .content-history .entry-title .archive-chategory-title {
      line-height: 1.2em;
      font-size: 2em;
      font-weight: 700; }

  /* line 552, breakpoints/_641up.scss */
  .content-information .entry-content section ul li.question {
    padding-left: 8%; }
  /* line 557, breakpoints/_641up.scss */
  .content-information .entry-content section ul li.answer {
    padding-left: 8%; }
  /* line 573, breakpoints/_641up.scss */
  .content-information .entry-content section.license_section img {
    display: inline;
    float: left;
    width: 45.2%;
    max-width: 310px;
    margin: 0 4.8% 1em 0; }
  /* line 580, breakpoints/_641up.scss */
  .content-information .entry-content section.license_section div {
    float: right;
    width: 50%; }
  /* line 584, breakpoints/_641up.scss */
  .content-information .entry-content section.license_section p {
    clear: both; }
    /* line 586, breakpoints/_641up.scss */
    .content-information .entry-content section.license_section p a {
      padding-left: 12px;
      color: #333333;
      text-decoration: none;
      background: url(../../images/icon_triangle.png) left center no-repeat; }
  /* line 596, breakpoints/_641up.scss */
  .content-information .entry-content section.information-list ul li {
    display: table;
    width: 100%; }
    /* line 599, breakpoints/_641up.scss */
    .content-information .entry-content section.information-list ul li:first-child {
      border: none; }
    /* line 602, breakpoints/_641up.scss */
    .content-information .entry-content section.information-list ul li a, .content-information .entry-content section.information-list ul li span {
      display: table-cell;
      vertical-align: middle;
      margin: 0; }
    /* line 607, breakpoints/_641up.scss */
    .content-information .entry-content section.information-list ul li a {
      width: 35%;
      padding-right: 2%; }

  /* line 617, breakpoints/_641up.scss */
  .content-archive .archive-header {
    margin: 0 1% 1em; }

  /* line 622, breakpoints/_641up.scss */
  .content-404 .entry-content {
    padding: 4.13% 10%; }
    /* line 624, breakpoints/_641up.scss */
    .content-404 .entry-content .entery-content-inner {
      float: right;
      width: 53%;
      padding: 0; }
    /* line 629, breakpoints/_641up.scss */
    .content-404 .entry-content img {
      display: inline;
      width: 47%;
      max-width: 272px;
      margin-top: 8%; }

  /* line 637, breakpoints/_641up.scss */
  .post-single .entry-content {
    padding: 2.5% 8% 0;
    /*
    image alignment on a screen this size may be
    a bit difficult. It's set to start aligning
    and floating images at the next breakpoint,
    but it's up to you. Feel free to change it up.
    */ }
    /* line 640, breakpoints/_641up.scss */
    .post-single .entry-content p {
     margin: 0 0 4%; }
    /* line 685, breakpoints/_641up.scss */
    .post-single .entry-content th:last-child {
      border-right: 0; }

  /* end .entry-content */
  /* line 728, breakpoints/_641up.scss */
  .wp-caption {
    /* images inside wp-caption */ }

  /* end .wp-caption */
  /* image gallery styles */
  /* end .gallery */
  /* gallery caption styles */
  /*********************
  BREAD CRUMBS  STYLES -additional style-
  *********************/
  /* line 773, breakpoints/_641up.scss */
  .bread_crumbs {
    display: block; }

  /*********************
  ARCHIVE LIST STYLES -additional style-
  *********************/
  /* line 786, breakpoints/_641up.scss */
  .archive-header .archive-type {
    display: inline; }
  /* line 791, breakpoints/_641up.scss */
  .archive-header h2.category_header {
    padding: 2em; }

  /*********************
  POSTS LIST STYLES -additional style-
  *********************/
  /* line 803, breakpoints/_641up.scss */
  .post_list > header h1 {
    padding-left: 1%;
    font-size: 1.875em; }
  /* line 807, breakpoints/_641up.scss */
  .post_list > header h2 {
    padding-right: 1%;
    font-size: 1.2em; }

  /* line 812, breakpoints/_641up.scss */
  .post_list .top_blog2 {
    display: none; }

  /* line 817, breakpoints/_641up.scss */
  .post_list-item .post_list-default {
    padding: 2% 4% 0; }
  /* line 820, breakpoints/_641up.scss */
  .post_list-item .entry-content {
    height: 68px; }
    /* line 822, breakpoints/_641up.scss */
    .post_list-item .entry-content p {
      margin: 0 0 0.2em; }
    /* line 825, breakpoints/_641up.scss */
    .post_list-item .entry-content h1 {
      height: 40px; }

  /* line 831, breakpoints/_641up.scss */
  .post-list-news > article.post_list-card:nth-of-type(n+5) {
    display: block; }

  /* line 834, breakpoints/_641up.scss */
  .post-list-blogs > article.post_list-card:nth-of-type(4) {
    display: none; }

  /* line 838, breakpoints/_641up.scss */
  .post_list-date {
    display: table;
    width: 100%; }
    /* line 841, breakpoints/_641up.scss */
    .post_list-date span {
      display: table-cell; }
      /* line 843, breakpoints/_641up.scss */
      .post_list-date span.category {
        margin-top: 0;
        text-align: right; }

  /* line 852, breakpoints/_641up.scss */
  .post_thumbnail-area a {
    width: 260px;
    height: 195px; }

  /******************************************************************
  CONTACT FORM STYLES
  ******************************************************************/
  /* line 866, breakpoints/_641up.scss */
  .content-contact .wpcf7 .contact_field p {
    display: table;
    width: 100%; }
    /* line 869, breakpoints/_641up.scss */
    .content-contact .wpcf7 .contact_field p > span {
      display: table-cell;
      vertical-align: top; }
      /* line 872, breakpoints/_641up.scss */
      .content-contact .wpcf7 .contact_field p > span:first-child {
        width: 28%;
        padding-right: 2%; }

  /*********************
  NAVIGATION STYLES
  *********************/
  /* line 886, breakpoints/_641up.scss */
  .nav {
    border: 0;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */ }
    /* line 888, breakpoints/_641up.scss */
    .nav ul {
      background: #000000;
      margin-top: 0; }
    /* line 892, breakpoints/_641up.scss */
    .nav li {
      float: left;
      position: relative;
      /*
      plan your menus and drop-downs wisely.
      */
      /* showing sub-menus */ }
      /* line 896, breakpoints/_641up.scss */
      .nav li a {
        border-bottom: 0;
        /*
        you can use hover styles here even though this size
        has the possibility of being a mobile device.
        */ }
        /* line 903, breakpoints/_641up.scss */
        .nav li a:hover, .nav li a:focus {
          color: #ffffff;
          text-decoration: underline; }
      /* line 915, breakpoints/_641up.scss */
      .nav li ul.sub-menu,
      .nav li ul.children {
        margin-top: 0;
        border: 1px solid #ccc;
        border-top: 0;
        position: absolute;
        visibility: hidden;
        z-index: 8999;
        /* highlight sub-menu current page */ }
        /* line 924, breakpoints/_641up.scss */
        .nav li ul.sub-menu li,
        .nav li ul.children li {
          /*
          if you need to go deeper, go nuts
          just remember deeper menus suck
          for usability. k, bai.
          */ }
          /* line 926, breakpoints/_641up.scss */
          .nav li ul.sub-menu li a,
          .nav li ul.children li a {
            padding-left: 10px;
            border-right: 0;
            display: block;
            width: 180px;
            border-bottom: 1px solid #ccc; }
          /* line 943, breakpoints/_641up.scss */
          .nav li ul.sub-menu li:last-child a,
          .nav li ul.children li:last-child a {
            border-bottom: 0; }
          /* line 953, breakpoints/_641up.scss */
          .nav li ul.sub-menu li ul,
          .nav li ul.children li ul {
            top: 0;
            left: 100%; }
      /* line 968, breakpoints/_641up.scss */
      .nav li:hover > ul {
        top: auto;
        visibility: visible; }

  /* end .nav */
  /*********************
  SIDEBARS & ASIDES
  *********************/
  /* line 988, breakpoints/_641up.scss */
  .sidebar {
    margin-top: 0; }
    /* line 990, breakpoints/_641up.scss */
    .sidebar .m-all, .sidebar .t-all {
      width: 98%;
      margin: 0 1% 1em; }

  /* line 995, breakpoints/_641up.scss */
  .sidebar-banner {
    line-height: 0;
    margin-bottom: 20px; }

  /* line 999, breakpoints/_641up.scss */
  .wise_saying {
    margin: 0 1% 10px; }
    /* line 1001, breakpoints/_641up.scss */
    .wise_saying .wise_saying_area {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px 18px;
      background: url(../../images/wise_saying_footer_sp.png) left bottom no-repeat;
      background-size: 100%; }
      /* line 1006, breakpoints/_641up.scss */
      .wise_saying .wise_saying_area .wise_saying-body {
        font-size: 1.5em; }
      /* line 1009, breakpoints/_641up.scss */
      .wise_saying .wise_saying_area .wise_saying-source {
        padding-bottom: 0.8em;
        font-size: 1.2em; }

  /* line 1017, breakpoints/_641up.scss */
  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em; }

  /* line 1022, breakpoints/_641up.scss */
  .widget {
    padding: 0 10px;
    margin: 2.2em 0; }
    /* line 1027, breakpoints/_641up.scss */
    .widget ul li {
      margin-bottom: 0.75em;
      /* deep nesting */ }
      /* line 1035, breakpoints/_641up.scss */
      .widget ul li ul {
        margin-top: 0.75em;
        padding-left: 1em; }

  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /* line 1131, breakpoints/_641up.scss */
  .wise_saying {
    margin: 0 0 10px; }
    /* line 1133, breakpoints/_641up.scss */
    .wise_saying .wise_saying_area {
      padding: 10px 4%; }

  /*********************
  FOOTER STYLES
  *********************/
  /* line 1143, breakpoints/_641up.scss */
  .footer .copyright {
    float: right; }
  /* line 1146, breakpoints/_641up.scss */
  .footer .social-share {
    float: left; }

  /* line 1150, breakpoints/_641up.scss */
  .footer-nav-contents,
  .footer-nav-info {
    padding: 0 1%; }

  /* line 1156, breakpoints/_641up.scss */
  .footer-links ul li {
    /*
    be careful with the depth of your menus.
    it's very rare to have multi-depth menus in
    the footer.
    */ }

    .char_introduction {
        margin: 0 0 1em 0;
    }
    .char_tips {
        margin: 0 0 1em 0;
    }
    .char_tips p:nth-child(1){
        margin: 0;
    }
    .char_tips p:nth-child(2){
        line-height: 1.5;
    }
    .work_appeared_btn {
        margin: 0;
    }
    .work_appeared_btn p {
        font-weight: 700;
        margin: 0 !important;
    }
    .work_appeared_btn .appeared {
        font-size: 0;
        margin: 0 0 1rem 0;
    }
    .work_appeared_btn .appeared > button {
        margin: 0;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

        display: inline-block;
        font-size: 0.8rem;
        width: 23.5%;
        text-align: center;
        box-sizing: border-box;
        border-radius: 8px;
        padding: 1%;
        margin: 0 2% 1.5% 0;
        color: #ffffff;
        border: 1px solid #cccccc;
    }
    .work_appeared_btn .appeared > button:nth-child(2n){
        margin: 0 2% 1.5% 0;
    }
    .work_appeared_btn .appeared > button:nth-child(4n){
        margin: 0 0 1.5% 0;
    }
/*    .work_appeared_btn .appeared #color1 {
        background-color: #20a69d;
    }
    .work_appeared_btn .appeared #color2 {
        background-color: #059fc1;
    }
    .work_appeared_btn .appeared #color3 {
        background-color: #f37a69;
    }
    .work_appeared_btn .appeared #color4 {
        background-color: #f9ae1d;
    }
    .work_appeared_btn .appeared #color5 {
        color: #000000;
        background-color: #f2f3f8;
    }
    .work_appeared_btn .appeared #color6 {
        background-color: #96ac2e;
    }
    .work_appeared_btn .appeared #color7 {
        background-color: #1592e2;
    }
    .work_appeared_btn .appeared #color8 {
        background-color: #b64587;
    }*/
    .work_appeared_btn .appeared #smatrollen_och_den_stora_oversvamningen {
        width: 23.5%;
    }
    .deep_friend {
        margin: 0 auto!important;
        max-width: 640px;
    }
    .deep_friend_title {
        font-weight: 700;
        margin: 0 !important;
    }
    .deep_friend li {
        display: inline-block;
        width: 23.5%;
        margin: 0 2% 1.5em 0;
    }
    .deep_friend li:nth-child(1){

    }
    .deep_friend li:nth-child(3n){
        margin: 0 2% 1.5em 0;
    }
    .deep_friend li:nth-child(4n){
        margin: 0;
    }
    .deep_friend li p {
        line-height: 0;
        margin: 0 0 0.5em 0;
    }
    .deep_friend li p:nth-child(1){
        line-height: 0;
        text-align: center;
    }
    .deep_friend li p:nth-child(2){
        font-size: 1em;
        text-align: center;
        color: #000000;
        line-height: 1;
    }
    .deep_friend li p img {
        margin: 0;
        max-width: 100%;
        height: auto;
    }


    .char_list_link {
        text-align: right;
        
    }
    .char_list_link > button {
/*        margin: 0;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #f01d4f;
        text-decoration: underline;*/
    }

    .introduction_inner {
        padding: 0 8%;
    }
    .introduction_inner h1 {
        width: 100%;
        font-size: 1.5em;
        border-radius: 20px;
        margin: 0 auto 3% auto;
    }
    .introduction_inner .top_img {
        margin: 0 auto 3% auto;
        max-width: 480px;
    }
    .introduction_inner .detail {
        width: 100%;
    }
    .introduction_inner .detail .read {
        margin: 0 0 4% 0;
        font-size: 18px;
    }
    
    .introduction_inner .detail .box .box_inner .title {
        font-size: 1.5em;
        margin: 3% 0 3% 0;
        padding: 0 0 3% 0;
        background-size: 48% auto;
    }
    .introduction_inner .detail .box .box_inner .imgs {
        margin: 0 auto 3% auto;
    }
    .introduction_inner .detail .box .box_inner .read {
        margin: 0 auto 3% auto;
        font-size: 16px;
    }
    .introduction_inner .detail .box .box_inner .btn {
        margin: 0 auto 3% auto;
    }
    .introduction_inner .detail .box .box_inner .btn span {
        padding: 2% 0;
        font-size: 18px;
    }
    
    .charracters_inner .caption {
        font-size: 2em;
        margin: 0 0 5% 0;
    }
    .charracters_inner .caption span {
        font-size: 1rem;
    }
    
    .moominspot_inner {
        max-width: 720px;
        margin: 0 auto;
    }
    .moominspot_inner h1 {
        text-align: center;
        font-size: 2em;
        margin: 0 auto 1em auto;
        line-height: 1;
    }
    .moominspot_inner .spotcontent {
        width: 96%;
        margin: 0 auto 2em auto;
        border-bottom: 1px solid #666666;
    }
    .moominspot_inner .spotcontent li {
        display: inline-block;
        vertical-align: top;
        width: 48%;
    }
    .moominspot_inner .spotcontent li:nth-child(1){
        margin: 0 2% 0 0;
    }
    .moominspot_inner .spotcontent li:nth-child(2){

    }
    .moominspot_inner .spotcontent li .spot_img {
        line-height: 0;
        margin: 0 0 1em 0;
    }

    .moominspot_inner .spotcontent li h2 {
        font-size: 1.5em;
        line-height: 1;
        margin: 0 0 1em 0;
    }
    .moominspot_inner .spotcontent li .detail {
        margin: 0 0 1em 0;
    }
    .moominspot_inner .spotcontent li .other_page {
        margin: 0 0 1em 0;
        font-weight: 700;
    }
    .moominspot_inner .spotcontent li .other_page a {
        text-decoration: none;
    }
    .moominspot_inner .spotcontent li .other_page a:hover {
        opacity: .7;
    }

    .moomin_books_inner {
        max-width: 720px;
        margin: 0 auto;
    }
    .moomin_books_inner .books_main h1 {
        max-width: 640px;
        margin: 0 auto 1.5rem auto;
    }
    .moomin_books_inner .books_main p {
        max-width: 640px;
        margin: 0 auto 1.5rem auto;
        padding: 0;
    }
    .moomin_books_inner .content {
        width: 100%;
        max-width: 640px;
        margin: 0 auto 1rem auto;
    }
    .moomin_books_inner .content .content_inner {
        width: 100%;
    }
    .moomin_books_inner .content .content_inner .main_caption h2 {
        margin: 0 0 1rem 0;
    }
    .moomin_books_inner .content .content_inner .main_caption p {
        margin: 0 0 1rem 0;
        line-height: 1.8;
    }
    .moomin_books_inner .content .content_inner .main_detail {
        padding: 1rem 0 0 0;
    }
    .moomin_books_inner .content .content_inner .main_detail .main_top {
        text-align: center;
        margin: 0 0 1rem 0;
    }
    .moomin_books_inner .content .content_inner .main_detail ul li h3 {
        font-size: 1.25em;
    }
    .moomin_books_inner .content .content_inner .main_detail ul li:nth-child(odd) {
        width: 15%;
        margin: 0 2% 1rem 0;
    }
    .moomin_books_inner .content .content_inner .main_detail ul li:nth-child(even) {
        width: 82%;
    }
/*    .tour_inner {
        max-width: 720px;
        margin: 0 auto;
    }
    .tour_inner .tour_read .tour_img {
        width: 90%;
        margin: 0 auto 1em auto;
    }
    .tour_inner .tour_read .tour_text {
        width: 80%;
        margin: 0 auto;
    }
    .tour_inner .tour_content {
        max-width: 640px;
        margin: 0 auto;
    }
    .tour_inner .tour_content .circle {
        padding: 0 0 0 17%;
        margin: 1.5em 0 0 0;
    }

    .tour_inner .tour_content .content_main .tumb_img {
        width: 16%;
        top: 40%;
        left: 14%;
    }
    
    .tour_inner .tour_content .content_main ul .time {
        width: 22%;
        padding: 3% 0 0 10%;
    }
    .tour_inner .tour_content .content_main ul .detail {
        width: 78%;
        padding: 3% 3% 5% 10%;
    }
    
    .tour_inner .tour_content .content_main ul .train {
        width: 22%;
    }
    .tour_inner .tour_content .content_main ul .train_detail {
        width: 78%;
    }
    .tour_inner .tour_content .content_main ul .train_detail p {
        width: 10%;
        margin: 0 0 0 -10.5%;
    }
    
    .tour_inner .tour_content .tour_notice {
        width: 80%;
        margin: 1.5em auto;
        padding: 0 0 0.5em 0;
        line-height: 1.25;
        font-size: 1em;
    }
    .tour_inner .tour_content .tour_notice p {
        margin: 1em 0 0 0;
    }*/
  /* end .footer-links */ }
/*********************
DESKTOP
*********************/
@media only screen and (min-width: 821px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /* line 17, breakpoints/_821up.scss */
  body {
    min-width: 1100px;
    font-size: 16px; }

  /*********************
  LAYOUT & GRID STYLES
  *********************/
  /* line 25, breakpoints/_821up.scss */
  .wrap {
    width: 1100px; }

  /* line 28, breakpoints/_821up.scss */
  .for_sp, .for_tab {
    display: none !important; }

  /* line 31, breakpoints/_821up.scss */
  .for_pc {
    display: block !important; }

  /******************************************************************
  FONT STYLES
  ******************************************************************/
  /* line 38, breakpoints/_821up.scss */
  .post_list-font-big {
    line-height: 1;
    font-size: 1.0em; }

  /* line 42, breakpoints/_821up.scss */
  .post_list-font-medium {
    line-height: 1.2;
    font-size: 0.8em; }

  /* line 46, breakpoints/_821up.scss */
  .post_list-font-small {
    line-height: 1.4;
    font-size: 0.65em; }

  /* line 50, breakpoints/_821up.scss */
  .post_detail-font-big {
    line-height: 1.33;
    font-size: 3.0em; }

  /* line 54, breakpoints/_821up.scss */
  .post_detail-font-medium {
    line-height: 1.33;
    font-size: 2.0em; }

  /* line 58, breakpoints/_821up.scss */
  .post_detail-font-small {
    line-height: 2;
    font-size: 1.6em; }

  /* line 62, breakpoints/_821up.scss */
  .post_detail-font-x_small {
    font-size: 1.4em; }

  /*********************
  HEADER STYLES
  *********************/
  /* line 68, breakpoints/_821up.scss */
  #header {
    min-width: 1100px;
    min-height: 60px; }

  /* line 72, breakpoints/_821up.scss */
  #logo {
    width: 234px;
    padding: 14px 0; }

  /* line 76, breakpoints/_821up.scss */
  .header-nav {
    float: right;
    width: 866px; }

  /* line 80, breakpoints/_821up.scss */
  .header-nav-area {
    display: block;
    float: right;
    border: none;
    box-shadow: none; }
    /* line 87, breakpoints/_821up.scss */
    .header-nav-area > ul {
      float: left;
      margin: 14px 0 0;
      text-align: right; }
      /* line 91, breakpoints/_821up.scss */
      .header-nav-area > ul > li {
        display: inline-block; }
        /* line 93, breakpoints/_821up.scss */
        .header-nav-area > ul > li > a {
          margin-left: 0.2em;
          padding: 0; }
          /* line 96, breakpoints/_821up.scss */
          .header-nav-area > ul > li > a:hover {
            color: #999999;
            background: none; }
      /* line 102, breakpoints/_821up.scss */
      .header-nav-area > ul.header-nav-main_menu {
        width: auto; }
      /* line 105, breakpoints/_821up.scss */
      .header-nav-area > ul.header-nav-sub_menu {
        display: block;
        width: auto; }
        /* line 108, breakpoints/_821up.scss */
        .header-nav-area > ul.header-nav-sub_menu li {
          margin-top: 0.0em; }

  /* line 115, breakpoints/_821up.scss */
  .header-nav-child {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 28px; }
    /* line 118, breakpoints/_821up.scss */
    .header-nav-child.header-nav-main_menu-child1 {
      left: -25%; }
    /* line 121, breakpoints/_821up.scss */
    .header-nav-child.header-nav-main_menu-child2 {
      left: -74%; }
    /* line 124, breakpoints/_821up.scss */
    .header-nav-child.header-nav-main_menu-child3 {
      right: auto;
      left: -36%; }
      /* line 127, breakpoints/_821up.scss */
      .header-nav-child.header-nav-main_menu-child3:before {
        left: 46%; }
    /* line 131, breakpoints/_821up.scss */
    .header-nav-child.header-nav-main_menu-child4 {
      right: auto;
      left: -234%; }
      /* line 134, breakpoints/_821up.scss */
      .header-nav-child.header-nav-main_menu-child4:before {
        left: 46%;
        right: auto; }

  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* line 145, breakpoints/_821up.scss */
  #main .flex-direction-nav {
    display: block; }

  /* line 148, breakpoints/_821up.scss */
  .top_of_page {
    margin: 0 0 0px;
    padding: 20px; }

  /* line 152, breakpoints/_821up.scss */
  .top_of_page_page_information, .top_of_page_taxonomy-spot, .top_of_page_archive-book,
  .top_of_page_searchpage, .top_of_page_page_tove, .top_of_page_page_history,
  .top_of_page_page_sitemap, .top_of_page_page_contact, .top_of_page_single-book,
  .top_of_page_single-character, .top_of_page_page_moomin {
    margin-bottom: 20px; }

  /* line 158, breakpoints/_821up.scss */
  .top_of_page_index, .top_of_page_archive,
  .top_of_page_taxonomy, .top_of_page_search {
    padding: 0 0 20px; }

  /* line 162, breakpoints/_821up.scss */
  #content {
    min-width: 1100px; }
    /* line 164, breakpoints/_821up.scss */
    #content .post-single {
      margin: 0 0 0; }

  /* line 169, breakpoints/_821up.scss */
  .content-character main .bg_wrap {
    margin: 0; }

  /* line 175, breakpoints/_821up.scss */
  .content-spot .archive-header {
    margin: 0 0 1em; }
  /* line 178, breakpoints/_821up.scss */
  .content-spot .spot-list-area {
    margin: 0; }

  /* line 196, breakpoints/_821up.scss */
  .content-books .archive-header {
    margin: 0 0 1em; }
  /* line 199, breakpoints/_821up.scss */
  .content-books .books-list-area {
    margin: 0 0 0em; }

  /* line 212, breakpoints/_821up.scss */
  .related_bg {
    margin-bottom: 0; }
    /* line 214, breakpoints/_821up.scss */
    .related_bg .yarpp-related h3 {
      margin-left: 0 !important; }

  /* line 220, breakpoints/_821up.scss */
  .content-search .search-result-header .archive-title {
    padding-left: 0; }

  /* line 227, breakpoints/_821up.scss */
  .content-archive .archive-header {
    margin: 0 0 1em; }

  /* line 232, breakpoints/_821up.scss */
  .content-404 .entry-content {
    padding: 4.13% 14% 0; }
    /* line 234, breakpoints/_821up.scss */
    .content-404 .entry-content .entery-content-inner {
      float: right;
      width: auto; }
    /* line 238, breakpoints/_821up.scss */
    .content-404 .entry-content img {
      display: inline;
      width: 47%;
      max-width: 272px;
      margin-top: 0; }

  /*********************
  ARCHIVE LIST STYLES -additional style-
  *********************/
  /* line 260, breakpoints/_821up.scss */
  .archive-header h2.category_header {
    padding: 30px; }
    /* line 262, breakpoints/_821up.scss */
    .archive-header h2.category_header span {
      margin-bottom: 30px;
      font-size: 32px; }
    /* line 266, breakpoints/_821up.scss */
    .archive-header h2.category_header p {
      font-size: 16px; }

  /*********************
  POSTS LIST STYLES -additional style-
  *********************/
  /* line 275, breakpoints/_821up.scss */
  .post_list > header h1 {
    padding-left: 0; }
  /* line 278, breakpoints/_821up.scss */
  .post_list > header h2 {
    padding-right: 0; }

  /* line 283, breakpoints/_821up.scss */
  .post_list-item .entry-content {
    height: 78px; }

  /* line 290, breakpoints/_821up.scss */
  .post_thumbnail {
    max-width: 260px;
    max-height: 195px; }

  /*********************
  SIDEBARS & ASIDES
  *********************/
  /* line 310, breakpoints/_821up.scss */
  .widget ul li {
    /* deep nesting */ }

  /* line 326, breakpoints/_821up.scss */
  .sidebar-banner {
    text-align: center; }
    /* line 328, breakpoints/_821up.scss */
    .sidebar-banner img {
      width: 100%;
      max-width: 260px; }

  /* line 333, breakpoints/_821up.scss */
  .wise_saying {
    margin: 0 auto 20px;
    padding-bottom: 17px;
    background: url(../../images/wise_saying_footer.png) bottom left no-repeat;
    background-size: 100%; }
    /* line 338, breakpoints/_821up.scss */
    .wise_saying h1 {
      line-height: 0;
      margin: 0;
      padding: 0; }
      /* line 342, breakpoints/_821up.scss */
      .wise_saying h1 img {
        width: 100%; }
    /* line 346, breakpoints/_821up.scss */
    .wise_saying .wise_saying_area {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      margin: 0;
      min-height: 314px;
      padding: 10px 18px 0;
      background: #929189 url(../../images/wise_saying_bg.png) repeat-y;
      background-size: 100%; }
      /* line 354, breakpoints/_821up.scss */
      .wise_saying .wise_saying_area .wise_saying-character_bg {
        display: block;
        float: none;
        width: 180px;
        height: 180px;
        margin: 0 auto 10px;
        text-align: center;
        background: url(../../images/wise_saying_character_bg.png) center center no-repeat;
        background-size: 100%; }
        /* line 363, breakpoints/_821up.scss */
        .wise_saying .wise_saying_area .wise_saying-character_bg img {
          width: auto;
          height: auto; }
      /* line 368, breakpoints/_821up.scss */
      .wise_saying .wise_saying_area .wise_saying-body {
        display: block;
        width: 100%;
        margin: 0 0 4px;
        color: #f9e81c;
        font-size: 0.8125em; }
      /* line 375, breakpoints/_821up.scss */
      .wise_saying .wise_saying_area .wise_saying-source {
        margin: 0;
        color: #ffffff;
        font-size: 0.65em;
        text-align: right; }
        /* line 380, breakpoints/_821up.scss */
        .wise_saying .wise_saying_area .wise_saying-source a {
          border-bottom: 1px solid #ffffff;
          color: #ffffff;
          text-decoration: none; }

  /*********************
  FOOTER STYLES
  *********************/
  /* line 396, breakpoints/_821up.scss */
  .footer {
    min-width: 1100px; }

  /* line 399, breakpoints/_821up.scss */
  .footer-nav-contents,
  .footer-nav-info {
    padding: 0; } }
/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */ }
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  /* line 13, partials/_print.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* line 21, partials/_print.scss */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    /* line 26, partials/_print.scss */
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    /* line 31, partials/_print.scss */
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  /* line 36, partials/_print.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  /* line 42, partials/_print.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  /* line 47, partials/_print.scss */
  thead {
    display: table-header-group; }

  /* line 51, partials/_print.scss */
  tr, img {
    page-break-inside: avoid; }

  /* line 55, partials/_print.scss */
  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  /* line 63, partials/_print.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  /* line 68, partials/_print.scss */
  h2,
  h3 {
    page-break-after: avoid; }

  /* line 74, partials/_print.scss */
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; }

  /* line 81, partials/_print.scss */
  nav > * {
    display: none; }

  /* line 84, partials/_print.scss */
  .social-share {
    display: none; } }