@charset "UTF-8";
/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:TypeBank
Author:tenkai

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.
 */
/* line 12, ../scss/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, ../scss/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, ../scss/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, ../scss/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, ../scss/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, ../scss/partials/_normalize.scss */
body {
  margin: 0;
}

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

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

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 105, ../scss/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, ../scss/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, ../scss/partials/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

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

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

/**
 * Address differences between Firefox and other browsers.
 */
/* line 156, ../scss/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, ../scss/partials/_normalize.scss */
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 185, ../scss/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, ../scss/partials/_normalize.scss */
pre {
  white-space: pre-wrap;
}

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

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

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

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

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

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

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

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

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

/* line 269, ../scss/partials/_normalize.scss */
ol {
  padding: 0 0 0 20px;
}

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

/*
 * Corrects list images handled incorrectly in IE7.
 */
/* line 282, ../scss/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 296, ../scss/partials/_normalize.scss */
img {
  border: 0;
}

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

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

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 328, ../scss/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 339, ../scss/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 350, ../scss/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 364, ../scss/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 376, ../scss/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 389, ../scss/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 401, ../scss/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 411, ../scss/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 423, ../scss/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 435, ../scss/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 444, ../scss/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 455, ../scss/partials/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

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

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

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

/* line 490, ../scss/partials/_normalize.scss */
.clearfix, .cf {
  zoom: 1;
}
/* line 492, ../scss/partials/_normalize.scss */
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
  content: "";
  display: table;
}
/* line 493, ../scss/partials/_normalize.scss */
.clearfix:after, .cf:after {
  clear: both;
}

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

/******************************************************************
Site Name:TypeBank
Author:tenkai

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/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:TypeBank
Author:tenkai

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;
  }
*/
/*
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 108, ../scss/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:TypeBank
Author:tenkai

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:TypeBank
Author:tenkai

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, ../scss/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: 767px) {
  /* line 52, ../scss/partials/_grid.scss */
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }

  /* line 59, ../scss/partials/_grid.scss */
  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }

  /* line 64, ../scss/partials/_grid.scss */
  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }

  /* line 69, ../scss/partials/_grid.scss */
  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }

  /* line 74, ../scss/partials/_grid.scss */
  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }

  /* line 79, ../scss/partials/_grid.scss */
  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }

  /* line 85, ../scss/partials/_grid.scss */
  .footermenu .menu-item {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  /* line 89, ../scss/partials/_grid.scss */
  .footermenu .menu-item a {
    display: block;
  }

  /* 絞り込み*/
  /* line 96, ../scss/partials/_grid.scss */
  .crit_spec_area > div, .crit_img_area > div {
    float: left;
    padding-right: 0.75em;
    width: 100%;
  }
}
/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {
  /* line 108, ../scss/partials/_grid.scss */
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }

  /* line 114, ../scss/partials/_grid.scss */
  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  /* line 118, ../scss/partials/_grid.scss */
  .t-1of2:nth-child(even) {
    padding-right: 0;
  }

  /* line 123, ../scss/partials/_grid.scss */
  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }

  /* line 129, ../scss/partials/_grid.scss */
  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }

  /* line 135, ../scss/partials/_grid.scss */
  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }

  /* line 141, ../scss/partials/_grid.scss */
  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }

  /* line 147, ../scss/partials/_grid.scss */
  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }

  /* line 153, ../scss/partials/_grid.scss */
  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }

  /* line 159, ../scss/partials/_grid.scss */
  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }

  /* line 165, ../scss/partials/_grid.scss */
  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }

  /* line 172, ../scss/partials/_grid.scss */
  .footermenu .menu-item {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  /* line 175, ../scss/partials/_grid.scss */
  .footermenu .menu-item a {
    display: block;
  }

  /* 絞り込み*/
  /* line 182, ../scss/partials/_grid.scss */
  .crit_spec_area > div, .crit_img_area > div {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
}
/* Landscape to small desktop */
@media (min-width: 1030px) {
  /* line 192, ../scss/partials/_grid.scss */
  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }

  /* line 199, ../scss/partials/_grid.scss */
  .d-1of2, .d-6of12 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
    /*            &:nth-child(even){
              padding-right:0;
          }*/
  }

  /* line 208, ../scss/partials/_grid.scss */
  .d-1of3, .d-4of12 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }

  /* 製品情報*/
  /* line 216, ../scss/partials/_grid.scss */
  .products li.d-4of12 {
    /*          &:nth-child(5),&:nth-child(8){
              padding-right:0;
          }*/
  }

  /* line 226, ../scss/partials/_grid.scss */
  .d-2of3, .d-8of12 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }

  /* line 232, ../scss/partials/_grid.scss */
  .d-1of4, .d-3of12 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }

  /* line 238, ../scss/partials/_grid.scss */
  .d-3of4, .d-9of12 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }

  /* line 244, ../scss/partials/_grid.scss */
  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }

  /* line 250, ../scss/partials/_grid.scss */
  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }

  /* line 256, ../scss/partials/_grid.scss */
  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }

  /* line 262, ../scss/partials/_grid.scss */
  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }

  /* line 268, ../scss/partials/_grid.scss */
  .d-1of6, .d-2of12 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%;
  }

  /* line 274, ../scss/partials/_grid.scss */
  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%;
  }

  /* line 280, ../scss/partials/_grid.scss */
  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%;
  }

  /* line 286, ../scss/partials/_grid.scss */
  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%;
  }

  /* line 292, ../scss/partials/_grid.scss */
  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%;
  }

  /* line 298, ../scss/partials/_grid.scss */
  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%;
  }

  /* line 304, ../scss/partials/_grid.scss */
  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%;
  }

  /* line 310, ../scss/partials/_grid.scss */
  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%;
  }

  /* line 316, ../scss/partials/_grid.scss */
  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%;
  }

  /* line 322, ../scss/partials/_grid.scss */
  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%;
  }

  /* line 328, ../scss/partials/_grid.scss */
  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%;
  }

  /* line 334, ../scss/partials/_grid.scss */
  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%;
  }

  /* line 340, ../scss/partials/_grid.scss */
  .d-5of12 {
    float: left;
    padding-right: 0.75em;
    width: 41.6665%;
  }

  /* line 345, ../scss/partials/_grid.scss */
  .d-7of12 {
    float: left;
    padding-right: 0.75em;
    width: 58.333%;
  }

  /* line 351, ../scss/partials/_grid.scss */
  .d-10of12 {
    float: left;
    padding-right: 0.75em;
    width: 83.33%;
  }

  /* line 357, ../scss/partials/_grid.scss */
  .d-11of12 {
    float: left;
    padding-right: 0.75em;
    width: 91.666663%;
  }

  /* line 364, ../scss/partials/_grid.scss */
  .footermenu .menu-item {
    float: left;
    padding-right: 0.75em;
    width: 25%;
    /*       &:last-child{
              padding-right:0;
          }*/
  }
  /* line 367, ../scss/partials/_grid.scss */
  .footermenu .menu-item a {
    display: block;
  }

  /* 絞り込み*/
  /* line 377, ../scss/partials/_grid.scss */
  .crit_spec_area > div, .crit_img_area > div {
    float: left;
    padding-right: 0.75em;
    width: 33.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, ../scss/modules/_alerts.scss */
.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

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

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

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

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

/******************************************************************
Site Name:TypeBank
Author:tenkai

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, ../scss/modules/_buttons.scss */
.blue-btn {
  display: inline-block;
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #fff;
  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, ../scss/modules/_buttons.scss */
.blue-btn:hover, .blue-btn:focus {
  color: #fff;
  text-decoration: none;
}
/* line 50, ../scss/modules/_buttons.scss */
.blue-btn: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, ../scss/modules/_buttons.scss */
.blue-btn {
  background-color: #2980b9;
}
/* line 65, ../scss/modules/_buttons.scss */
.blue-btn:hover, .blue-btn:focus {
  background-color: #2574a8;
}
/* line 70, ../scss/modules/_buttons.scss */
.blue-btn:active {
  background-color: #2472a4;
}

/******************************************************************
Site Name:TypeBank
Author:tenkai

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, ../scss/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 {
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  font-size: 1em;
  color: #191919;
  border-radius: 3px;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  max-width: 400px;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
/* line 56, ../scss/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: white;
  outline: none;
  border: 1px solid #444;
}
/* line 64, ../scss/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: #f33;
  border-color: #f33;
  background-color: #fff;
  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: #f33;
}
/* line 76, ../scss/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: #009051;
  border-color: #009051;
  background-color: #fff;
  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: #009051;
}
/* line 88, ../scss/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 94, ../scss/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 104, ../scss/modules/_forms.scss */
input[type="password"] {
  letter-spacing: 0.3em;
}

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

/* line 116, ../scss/modules/_forms.scss */
select {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
  background: #fff url(../images/common/green_arrow_bottom.svg) no-repeat scroll 97% 50%/15px 15px;
}

/*検索ボタン*/
/* line 125, ../scss/modules/_forms.scss */
.search_btn {
  width: 22px;
  height: 22px;
}

/* line 133, ../scss/modules/_forms.scss */
.header_bread_search form div {
  margin: 10px auto;
}
/* line 136, ../scss/modules/_forms.scss */
.header_bread_search form div label {
  display: none;
}
/* line 139, ../scss/modules/_forms.scss */
.header_bread_search form div button {
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  margin: 0;
  padding: 10px 0 10px 10px;
}
/* line 146, ../scss/modules/_forms.scss */
.header_bread_search form div button svg {
  width: 100%;
  height: 100%;
}
/* line 151, ../scss/modules/_forms.scss */
.header_bread_search form div input[type="search"] {
  float: left;
  border-radius: none;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 80%;
  max-width: 700px;
  background: #e5e5e5;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
/* line 163, ../scss/modules/_forms.scss */
.header_bread_search form div input[type="search"]:focus, .header_bread_search form div input[type="search"]:active {
  background: #fff;
  outline: none;
}

/* line 175, ../scss/modules/_forms.scss */
label {
  margin-right: 1em;
}

/*********************
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:TypeBank
Author:tenkai

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 17, ../scss/breakpoints/_base.scss */
html {
  font-size: 62.5%;
}

/* line 20, ../scss/breakpoints/_base.scss */
body {
  font-family: "TBUDゴシック R", TBUDGothic R;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #191919;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #191919;
}

/* line 30, ../scss/breakpoints/_base.scss */
body.page-template-page-kanabank {
  font-family: "本明朝-M 新がな", HonMinSink-M;
}

/*アプリ内ブラウザ 用*/
/*********************
LAYOUT & GRID STYLES
*********************/
/* line 40, ../scss/breakpoints/_base.scss */
.wrap {
  width: 96%;
  margin: 0 auto;
}

/* line 45, ../scss/breakpoints/_base.scss */
#container {
  position: relative;
}

/*********************
LINK STYLES
*********************/
/* line 52, ../scss/breakpoints/_base.scss */
a {
  color: #009051;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
/* line 57, ../scss/breakpoints/_base.scss */
a:hover, a:focus {
  color: #005d34;
}
/* line 67, ../scss/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 81, ../scss/breakpoints/_base.scss */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 500;
  /*
  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 90, ../scss/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 95, ../scss/breakpoints/_base.scss */
h1, .h1 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.333em;
}

/* line 100, ../scss/breakpoints/_base.scss */
h1.page-title {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.3;
  text-align: center;
  font-family: "TBUD明朝 H", TBUDMincho H;
  text-shadow: 0 1px 1px #fff;
}

/* line 108, ../scss/breakpoints/_base.scss */
h1.kanabank-page-title {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.9;
  text-align: center;
  margin: 0;
}

/* line 116, ../scss/breakpoints/_base.scss */
h2, .h2 {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.6;
  margin-bottom: 0.375em;
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/* line 123, ../scss/breakpoints/_base.scss */
h3, .h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

/* line 127, ../scss/breakpoints/_base.scss */
h4, .h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

/* line 131, ../scss/breakpoints/_base.scss */
h5, .h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

/*********************
HEADER STYLES
*********************/
/* line 139, ../scss/breakpoints/_base.scss */
.header {
  background-color: #f6f6f6;
}

/* line 143, ../scss/breakpoints/_base.scss */
#inner-header {
  position: relative;
}
/* line 145, ../scss/breakpoints/_base.scss */
#inner-header #logo {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}
/* line 151, ../scss/breakpoints/_base.scss */
#inner-header #logo a {
  width: 70px;
  height: 70px;
  display: block;
  background: #fff;
  box-shadow: 0 0 2px rgba(49, 49, 49, 0.5);
}
/* line 158, ../scss/breakpoints/_base.scss */
#inner-header #logo a img {
  width: 100%;
  height: 100%;
}

/* line 169, ../scss/breakpoints/_base.scss */
.header_bread_search .bread {
  font-size: 13px;
  clear: both;
  background: #f6f6f6;
}
/* line 176, ../scss/breakpoints/_base.scss */
.header_bread_search form div {
  float: right;
  margin: 10px 0;
}
/* line 180, ../scss/breakpoints/_base.scss */
.header_bread_search form div input[type="search"] {
  width: 160px;
}

/*ホームのパンくず*/
/* line 190, ../scss/breakpoints/_base.scss */
body.home .bread {
  display: none;
}

/*メニュー*/
/* line 195, ../scss/breakpoints/_base.scss */
#open_accordion {
  text-align: right;
  cursor: pointer;
}
/* line 198, ../scss/breakpoints/_base.scss */
#open_accordion svg {
  width: 30px;
  height: 30px;
  margin: 10px 0 5px;
  fill: #009051;
}
/* line 203, ../scss/breakpoints/_base.scss */
#open_accordion svg:hover, #open_accordion svg:focus {
  fill: #fff;
}

/*********************
NAVIGATION STYLES
*********************/
/*
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 220, ../scss/breakpoints/_base.scss */
.headerwrap {
  background: #191919;
}

/* line 225, ../scss/breakpoints/_base.scss */
ul#menu-main_menu {
  margin: 0 0 0 110px;
}
/* line 227, ../scss/breakpoints/_base.scss */
ul#menu-main_menu li.m_none {
  display: hidden;
}
/* line 230, ../scss/breakpoints/_base.scss */
ul#menu-main_menu li.langage {
  float: right;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 234, ../scss/breakpoints/_base.scss */
ul#menu-main_menu li.langage a:hover, ul#menu-main_menu li.langage a:focus {
  background: none;
  text-decoration: underline;
}

/* line 243, ../scss/breakpoints/_base.scss */
.nav {
  border-bottom: 0;
  margin: 0;
  font-family: "TBUDゴシック B", TBUDGothic B;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */
}
/* line 247, ../scss/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 250, ../scss/breakpoints/_base.scss */
.nav li a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0.75em 0;
  /*
  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!
  */
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
/* line 263, ../scss/breakpoints/_base.scss */
.nav li a:hover, .nav li a:focus {
  background: #009051;
  color: #fff;
}
/* line 268, ../scss/breakpoints/_base.scss */
.nav li a svg.newwindow {
  fill: #f6f6f6;
}
/* line 272, ../scss/breakpoints/_base.scss */
.nav li a span {
  border-left: 1px solid #efefef;
  display: block;
  padding: 0 0.75em;
}
/* line 277, ../scss/breakpoints/_base.scss */
.nav li a span:hover, .nav li a span:focus {
  text-decoration: none !important;
}
/* line 300, ../scss/breakpoints/_base.scss */
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  padding: 0.75em;
}

/* end .nav */
/* line 331, ../scss/breakpoints/_base.scss */
.m_non {
  display: none;
}

/*********************
POSTS & CONTENT STYLES
*********************/
/* line 339, ../scss/breakpoints/_base.scss */
#content {
  /*padding-top: 1.5em;*/
  background-color: #f6f6f6;
  padding-bottom: 80px;
}

/* line 345, ../scss/breakpoints/_base.scss */
.hentry {
  /*background-color: $white;
  border-radius: 3px;			
  border: 1px solid $border-color;*/
  /*margin-bottom: 1.5em;*/
}
/* line 351, ../scss/breakpoints/_base.scss */
.hentry header {
  /*border-bottom: 1px solid $lightgray_c;*/
  padding: 0.75em 0;
}
/* line 355, ../scss/breakpoints/_base.scss */
.hentry footer {
  padding: 1.5em 0;
  /*border-top: 1px solid $lightgray_c;*/
}
/* line 359, ../scss/breakpoints/_base.scss */
.hentry footer p {
  margin: 0;
}

/* end .hentry */
/* line 365, ../scss/breakpoints/_base.scss */
.hentry.products {
  background: none;
  border-radius: none;
  margin-bottom: 1.5em;
  border: none;
}

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

/* line 379, ../scss/breakpoints/_base.scss */
.single-title {
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/* line 385, ../scss/breakpoints/_base.scss */
.entry-title {
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/* 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 402, ../scss/breakpoints/_base.scss */
.byline {
  color: #999;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 5px 0 0;
}

/* entry content */
/* line 411, ../scss/breakpoints/_base.scss */
.entry-content {
  padding: 0.75em 0 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 414, ../scss/breakpoints/_base.scss */
.entry-content p {
  margin: 0.75em 0 1.5em;
}
/* line 439, ../scss/breakpoints/_base.scss */
.entry-content table {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 1.5em;
}
/* line 444, ../scss/breakpoints/_base.scss */
.entry-content table caption {
  margin: 0 0 7px;
  color: #666;
}
/* line 450, ../scss/breakpoints/_base.scss */
.entry-content tr {
  border-bottom: 1px solid #ccc;
}
/* line 455, ../scss/breakpoints/_base.scss */
.entry-content td {
  padding: 7px;
  border-right: 1px solid #ccc;
}
/* line 459, ../scss/breakpoints/_base.scss */
.entry-content td:last-child {
  border-right: 0;
}
/* line 464, ../scss/breakpoints/_base.scss */
.entry-content th {
  padding: 7px;
  background-color: #666;
  border: 1px solid #ccc;
  color: #fff;
}
/* line 471, ../scss/breakpoints/_base.scss */
.entry-content blockquote {
  margin: 0.75em 0;
  padding: 0.75em;
  font-style: italic;
  color: #9fa6b4;
}
/* line 485, ../scss/breakpoints/_base.scss */
.entry-content dd {
  margin-left: 0;
  color: #333;
  margin-bottom: 1.5em;
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 493, ../scss/breakpoints/_base.scss */
.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}
/* line 509, ../scss/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 518, ../scss/breakpoints/_base.scss */
.entry-content pre {
  background: #191919;
  color: #e5e5e5;
  font-size: 0.9em;
  padding: 1.5em;
  margin: 0 0 1.5em;
  border-radius: 3px;
}

/* end .entry-content */
/* line 529, ../scss/breakpoints/_base.scss */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */
}
/* line 535, ../scss/breakpoints/_base.scss */
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
/* line 541, ../scss/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 575, ../scss/breakpoints/_base.scss */
.tags {
  margin: 0;
}

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

/* line 587, ../scss/breakpoints/_base.scss */
.pagination {
  text-align: center;
}
/* line 590, ../scss/breakpoints/_base.scss */
.pagination ul {
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  clear: both;
}
/* line 597, ../scss/breakpoints/_base.scss */
.pagination li {
  padding: 0;
  margin: 5px;
  float: left;
  display: inline;
  overflow: hidden;
}
/* line 605, ../scss/breakpoints/_base.scss */
.pagination a {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 0.75em;
  min-width: 1em;
  display: block;
  color: #fff;
  background: #009051;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 618, ../scss/breakpoints/_base.scss */
.pagination a:hover, .pagination a:focus {
  background-color: #005d34;
}
/* line 623, ../scss/breakpoints/_base.scss */
.pagination span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 0.75em;
  min-width: 1em;
  display: block;
}
/* line 636, ../scss/breakpoints/_base.scss */
.pagination .current {
  background: #e9f2e9;
}

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

/* end .wp-prev-next */
/*********************
SIDEBARS & ASIDES
*********************/
/*モバイルで非表示*/
/* line 663, ../scss/breakpoints/_base.scss */
#sidebar1 .widget_tb_text_widget {
  display: none;
}

/* line 670, ../scss/breakpoints/_base.scss */
.sidebar .widgettitle {
  margin: 0;
  padding: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "TBUDゴシック B", TBUDGothic B;
  background: #009051 url(../images/common/white_arrow_bottom.svg) no-repeat 97% 50%/12px 12px;
  color: #fff;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 678, ../scss/breakpoints/_base.scss */
.sidebar .widgettitle.acc-opening {
  background: #009051 url(../images/common/white_arrow_top.svg) no-repeat 97% 50%/12px 12px;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 682, ../scss/breakpoints/_base.scss */
.sidebar .widgettitle:hover, .sidebar .widgettitle:focus {
  background-color: #005d34;
  cursor: pointer;
}
/* line 689, ../scss/breakpoints/_base.scss */
.sidebar .widget {
  border: 1px solid #ccc;
  margin-bottom: 1.5em;
  background: #eaeaea;
}
/* line 693, ../scss/breakpoints/_base.scss */
.sidebar .widget ul {
  margin: 0;
}
/* line 695, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li.current-menu-item > a {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #ddedde !important;
  cursor: default;
  color: #191919;
}
/* line 701, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li.current-menu-item > a:hover, .sidebar .widget ul li.current-menu-item > a:focus {
  color: #191919 !important;
}
/* line 705, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li.current-menu-parent > a {
  background: #ddedde;
  border-top: 1px solid #ccc;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 710, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li:first-child.current-menu-item > a {
  border-top: none !important;
}
/* line 713, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li:last-child.current-menu-item > a {
  border-bottom: none !important;
}
/* line 716, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li {
  /* deep nesting */
}
/* line 722, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li a {
  clear: both;
  display: block;
  text-decoration: none;
  padding: 10px 24px;
  overflow: hidden;
  background-color: #f6f6f6;
  background: #f6f6f6 url(../images/common/green_arrow_right.svg) no-repeat 10px 50%/8px 8px;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
/* line 731, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li a:hover, .sidebar .widget ul li a:focus {
  background-color: #ddedde;
}
/* line 733, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li a:hover[target="_blank"], .sidebar .widget ul li a:focus[target="_blank"] {
  background: #ddedde url(../images/common/green_newwindow.svg) no-repeat 96% 50%/14px 14px;
}
/* line 740, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li a[target="_blank"] {
  background: #f6f6f6 url(../images/common/green_newwindow.svg) no-repeat 96% 50%/14px 14px;
}
/* line 747, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li ul.sub-menu {
  border-bottom: 1px solid #ccc;
}
/* line 750, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li ul.sub-menu li a {
  padding-left: 25px;
  background-color: #e9f2e9;
  background: #e9f2e9 url(../images/common/green_arrow_right.svg) no-repeat 10px 50%/8px 8px;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
/* line 756, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li ul.sub-menu li a[target="_blank"] {
  background: #e9f2e9 url(../images/common/green_newwindow.svg) no-repeat 96% 50%/14px 14px;
}
/* line 759, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li ul.sub-menu li a:hover, .sidebar .widget ul li ul.sub-menu li a:focus {
  background-color: #009051;
  background: #009051 url(../images/common/white_arrow_right.svg) no-repeat 10px 50%/8px 8px;
  color: #fff;
}
/* line 763, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li ul.sub-menu li a:hover[target="_blank"], .sidebar .widget ul li ul.sub-menu li a:focus[target="_blank"] {
  background: #009051 url(../images/common/white_newwindow.svg) no-repeat 96% 50%/14px 14px;
}
/* line 767, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li ul.sub-menu li a:before {
  content: "-";
}
/* line 774, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li ul.sub-menu li ul.sub-menu li a {
  padding-left: 20px;
}
/* line 776, ../scss/breakpoints/_base.scss */
.sidebar .widget ul li ul.sub-menu li ul.sub-menu li a:before {
  content: "--";
}
/* line 791, ../scss/breakpoints/_base.scss */
.sidebar .widget_text {
  border: none;
  background: none;
}
/* line 795, ../scss/breakpoints/_base.scss */
.sidebar .widget_text div div {
  margin: 0 0 0.75em;
  line-height: 0;
}
/* line 798, ../scss/breakpoints/_base.scss */
.sidebar .widget_text div div a {
  display: block;
  border: 1px solid #009051;
  -webkit-transition: opacity 0.24s ease-in-out;
  transition: opacity 0.24s ease-in-out;
}
/* line 802, ../scss/breakpoints/_base.scss */
.sidebar .widget_text div div a:hover, .sidebar .widget_text div div a:focus {
  filter: alpha(opacity=50);
  opacity: 0.5;
  border: 1px solid #005d34;
}
/* line 807, ../scss/breakpoints/_base.scss */
.sidebar .widget_text div div a img {
  width: 100%;
  height: auto;
}

/* line 817, ../scss/breakpoints/_base.scss */
.no-widgets {
  display: none;
}

/*********************
SIDEBARS & ASIDES
*********************/
/* line 826, ../scss/breakpoints/_base.scss */
.widgettitle {
  margin-bottom: 0.75em;
}

/* line 830, ../scss/breakpoints/_base.scss */
.widget {
  padding: 0;
  margin: 1em 0;
}
/* line 835, ../scss/breakpoints/_base.scss */
.widget ul li {
  /* deep nesting */
}
/* line 842, ../scss/breakpoints/_base.scss */
.widget ul li ul {
  margin-top: 0.75em;
}

/*********************
FOOTER STYLES
*********************/
/* line 866, ../scss/breakpoints/_base.scss */
.gotop {
  position: fixed;
  right: 2%;
  bottom: 0;
  display: table;
  font-size: 11px;
  font-size: 1.1rem;
  text-align: center;
  line-height: 1;
}
/* line 874, ../scss/breakpoints/_base.scss */
.gotop a {
  width: 80px;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
  background: #f6f6f6;
  text-decoration: none;
  border-radius: 6px 6px 0 0 / 6px 6px 0 0;
  box-shadow: 0 0 2px rgba(49, 49, 49, 0.5);
  -webkit-transition: fill 0.24s ease-in-out;
  transition: fill 0.24s ease-in-out;
  fill: #009051;
}
/* line 885, ../scss/breakpoints/_base.scss */
.gotop a svg {
  width: 35px;
  height: 35px;
}
/* line 889, ../scss/breakpoints/_base.scss */
.gotop a:hover, .gotop a:focus {
  fill: #005d34;
}
/* line 892, ../scss/breakpoints/_base.scss */
.gotop a p {
  margin: 0;
}

/* line 898, ../scss/breakpoints/_base.scss */
.footer {
  clear: both;
  background-color: #191919;
  color: #efefef;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 907, ../scss/breakpoints/_base.scss */
.footer a:link, .footer a:visited {
  text-decoration: none;
}
/* line 910, ../scss/breakpoints/_base.scss */
.footer a:hover {
  text-decoration: underline;
}
/* line 915, ../scss/breakpoints/_base.scss */
.footer .widget_nav_menu div {
  overflow: hidden;
}
/* line 917, ../scss/breakpoints/_base.scss */
.footer .widget_nav_menu div ul {
  margin: 0;
  border-top: none;
}

/*
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.
*/
/* line 935, ../scss/breakpoints/_base.scss */
.footer-links {
  float: left;
  overflow: hidden;
}
/* line 941, ../scss/breakpoints/_base.scss */
.footer-links ul li a {
  margin: 0 10px 0 0;
}

/* end .footer-links */
/* line 950, ../scss/breakpoints/_base.scss */
.use_tbfont {
  font-size: 11px;
  font-size: 1.1rem;
  text-align: center;
  font-family: "TBUDゴシック R", TBUDGothic R;
}

/* line 956, ../scss/breakpoints/_base.scss */
.copyright {
  font-size: 11px;
  font-size: 1.1rem;
  font-family: "TBUDゴシック R", TBUDGothic R;
  text-align: center;
  clear: both;
  font: "TBUDゴシック R", TBUDGothic R;
}
/* line 962, ../scss/breakpoints/_base.scss */
.copyright span:lang(en) {
  display: none;
}

/* line 967, ../scss/breakpoints/_base.scss */
.sns_b {
  float: right;
  overflow: hidden;
  margin: 10px 0;
}
/* line 971, ../scss/breakpoints/_base.scss */
.sns_b a {
  display: block;
  width: 35px;
  height: 35px;
  margin: 0 0 0 10px;
  float: left;
}
/* line 978, ../scss/breakpoints/_base.scss */
.sns_b a svg.twitter {
  width: 100%;
  height: 100%;
  fill: #f6f6f6;
  -webkit-transition: fill 0.24s ease-in-out;
  transition: fill 0.24s ease-in-out;
}
/* line 983, ../scss/breakpoints/_base.scss */
.sns_b a svg.twitter:hover, .sns_b a svg.twitter:focus {
  fill: #55ACEE;
}
/* line 987, ../scss/breakpoints/_base.scss */
.sns_b a svg.facebook {
  width: 100%;
  height: 100%;
  fill: #f6f6f6;
  -webkit-transition: fill 0.24s ease-in-out;
  transition: fill 0.24s ease-in-out;
}
/* line 992, ../scss/breakpoints/_base.scss */
.sns_b a svg.facebook:hover, .sns_b a svg.facebook:focus {
  fill: #3a5ea9;
}

/* line 1000, ../scss/breakpoints/_base.scss */
.footermenu {
  background: #666;
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 1003, ../scss/breakpoints/_base.scss */
.footermenu .widget {
  background: none;
  margin: 0;
}
/* line 1006, ../scss/breakpoints/_base.scss */
.footermenu .widget h4.widgettitle {
  font-family: "TBUDゴシック B", TBUDGothic B;
  margin: 0.75em 0;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 1013, ../scss/breakpoints/_base.scss */
.footermenu a {
  padding: 10px 0;
  margin: 0 0 0.75em;
  text-align: center;
  color: #fff !important;
  font-family: "TBUDゴシック E", TBUDGothic E;
  border-radius: 4px;
  background: #111111;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 1024, ../scss/breakpoints/_base.scss */
.footermenu a:hover {
  background: #009051;
  text-decoration: none;
}

/*かなバンク*/
/* line 1035, ../scss/breakpoints/_base.scss */
body.page-template-page-kanabank #inner-header {
  position: static;
  overflow: hidden;
}
/* line 1038, ../scss/breakpoints/_base.scss */
body.page-template-page-kanabank #inner-header .kanabank_logo {
  margin: 30px auto;
}
/* line 1040, ../scss/breakpoints/_base.scss */
body.page-template-page-kanabank #inner-header .kanabank_logo img {
  width: 224px;
  height: 224px;
}
/* line 1044, ../scss/breakpoints/_base.scss */
body.page-template-page-kanabank #inner-header .kanabank_logo a {
  width: 224px;
  height: 224px;
  display: block;
  margin: 0 auto;
}
/* line 1049, ../scss/breakpoints/_base.scss */
body.page-template-page-kanabank #inner-header .kanabank_logo a svg {
  width: 100%;
  height: 100%;
  fill: #191919;
}

/*かなバンクTOP*/
/* line 1063, ../scss/breakpoints/_base.scss */
div.kb_ot {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
}

/* line 1068, ../scss/breakpoints/_base.scss */
div.catlink a {
  clear: both;
  display: block;
  margin-bottom: 0.75em;
  text-decoration: none;
  box-shadow: 0 0 2px rgba(49, 49, 49, 0.5);
  border-radius: 4px;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 1076, ../scss/breakpoints/_base.scss */
div.catlink a:hover, div.catlink afocus {
  background: #fff;
}
/* line 1079, ../scss/breakpoints/_base.scss */
div.catlink a dl {
  padding: 1.5em 1.5em 0.75em;
  overflow: hidden;
  clear: both;
}
/* line 1083, ../scss/breakpoints/_base.scss */
div.catlink a dl dt {
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 0.5em;
}
/* line 1086, ../scss/breakpoints/_base.scss */
div.catlink a dl dt span {
  font-size: 21px;
  font-size: 2.1rem;
  background: #eaeaea;
}
/* line 1091, ../scss/breakpoints/_base.scss */
div.catlink a dl dd {
  height: auto;
  float: left;
}
/* line 1094, ../scss/breakpoints/_base.scss */
div.catlink a dl dd img {
  width: 100%;
  height: 100%;
  margin: 0;
}
/* line 1098, ../scss/breakpoints/_base.scss */
div.catlink a dl dd img.kanaranger {
  padding-bottom: 13px;
}
/* line 1102, ../scss/breakpoints/_base.scss */
div.catlink a dl dd p {
  margin: 0;
  font-size: 11px;
  font-size: 1.1rem;
  font-family: "TBUDゴシック R", TBUDGothic R;
  text-align: center;
}

/* line 1112, ../scss/breakpoints/_base.scss */
div.kanaranger {
  overflow: hidden;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  border-bottom: 2px solid #ccc;
}
/* line 1118, ../scss/breakpoints/_base.scss */
div.kanaranger h3 {
  font-family: "TBUDゴシック E", TBUDGothic E;
  font-size: 21px;
  font-size: 2.1rem;
  padding: 3em 3em 0;
  display: inline-block;
}
/* line 1124, ../scss/breakpoints/_base.scss */
div.kanaranger img {
  margin: 0;
  float: right;
  height: auto;
}

/* line 1131, ../scss/breakpoints/_base.scss */
dl.kb_mihon dt {
  font-family: "本明朝-BII 新がな", HonMinSink-B;
  padding: 0.75em 0;
}

/* line 1137, ../scss/breakpoints/_base.scss */
div.kb_wrap_top {
  background: #fff;
  max-width: 800px;
  margin: 0 auto;
  padding: 10px;
}

/* line 1143, ../scss/breakpoints/_base.scss */
div.kb_wrap_bottom {
  max-width: 800px;
  margin: 0 auto;
}

/* line 1149, ../scss/breakpoints/_base.scss */
.kb_font {
  font-family: "TBUDゴシック R", TBUDGothic R;
  font-size: 11px;
  font-size: 1.1rem !important;
  color: #666 !important;
  margin-top: 0 !important;
}

/*finger*/
/* line 1158, ../scss/breakpoints/_base.scss */
p.kana {
  float: left;
  max-width: 236px;
  width: 40%;
}

/* line 1163, ../scss/breakpoints/_base.scss */
.bank {
  float: left;
  max-width: 350px;
  width: 60%;
}

/*ツルコズ*/
/* line 1170, ../scss/breakpoints/_base.scss */
.zuhan_left {
  float: left;
  width: 50%;
  margin: 0;
}

/* line 1176, ../scss/breakpoints/_base.scss */
.zuhan_right {
  float: right;
  width: 50%;
  margin: 0;
}

/* line 1182, ../scss/breakpoints/_base.scss */
.idea {
  margin: 0.75em 0;
}
/* line 1184, ../scss/breakpoints/_base.scss */
.idea p {
  display: inline;
  margin: 0;
}
/* line 1188, ../scss/breakpoints/_base.scss */
.idea img {
  float: right;
  padding-left: 0.75em;
}

/* line 1193, ../scss/breakpoints/_base.scss */
div.prof {
  clear: both;
  overflow: hidden;
  padding: 6em 0 0;
}
/* line 1197, ../scss/breakpoints/_base.scss */
div.prof img {
  float: left;
  width: 25%;
  padding-right: 0.75em;
  max-width: 240px;
}
/* line 1203, ../scss/breakpoints/_base.scss */
div.prof dl {
  float: left;
  width: 75%;
  margin: 0;
}
/* line 1207, ../scss/breakpoints/_base.scss */
div.prof dl dt {
  font-family: "本明朝-BII 新がな", HonMinSink-B;
}
/* line 1209, ../scss/breakpoints/_base.scss */
div.prof dl dt span {
  font-family: "本明朝-M 新がな", HonMinSink-M;
}
/* line 1213, ../scss/breakpoints/_base.scss */
div.prof dl dd {
  font-size: 12px;
  font-size: 1.2rem;
}

/* かなバンク下層ページ  */
/* line 1221, ../scss/breakpoints/_base.scss */
body.page-template-page-kanabank.page-child #inner-header {
  position: static;
  overflow: hidden;
}
/* line 1224, ../scss/breakpoints/_base.scss */
body.page-template-page-kanabank.page-child #inner-header .kanabank_logo {
  margin: 30px auto 0;
}
/* line 1226, ../scss/breakpoints/_base.scss */
body.page-template-page-kanabank.page-child #inner-header .kanabank_logo img {
  width: 130px;
  height: 130px;
}
/* line 1230, ../scss/breakpoints/_base.scss */
body.page-template-page-kanabank.page-child #inner-header .kanabank_logo a {
  width: 130px;
  height: 130px;
  display: block;
  margin: 0 auto;
}
/* line 1235, ../scss/breakpoints/_base.scss */
body.page-template-page-kanabank.page-child #inner-header .kanabank_logo a svg {
  width: 100%;
  height: 100%;
  fill: #191919;
}

/* line 1247, ../scss/breakpoints/_base.scss */
.kanabank_footermenu {
  font-family: "TBUD明朝 H", TBUDMincho H;
  background: #dddddd;
  color: #191919;
}
/* line 1251, ../scss/breakpoints/_base.scss */
.kanabank_footermenu dl.hard > dt {
  font-family: "TBUD明朝 H", TBUDMincho H;
}
/* line 1254, ../scss/breakpoints/_base.scss */
.kanabank_footermenu h3 {
  text-align: center;
}
/* line 1258, ../scss/breakpoints/_base.scss */
.kanabank_footermenu .dlsite {
  text-align: center;
  margin: 50px 0;
}
/* line 1261, ../scss/breakpoints/_base.scss */
.kanabank_footermenu .dlsite li {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 1.5em;
}
/* line 1267, ../scss/breakpoints/_base.scss */
.kanabank_footermenu a {
  background: none;
  color: #009051;
}
/* line 1270, ../scss/breakpoints/_base.scss */
.kanabank_footermenu a:hover, .kanabank_footermenu a:focus {
  text-decoration: none;
  color: #005d34;
}
/* line 1276, ../scss/breakpoints/_base.scss */
.kanabank_footermenu .kanabank_logo {
  margin: 30px auto;
}
/* line 1278, ../scss/breakpoints/_base.scss */
.kanabank_footermenu .kanabank_logo a {
  display: block;
  background: none;
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
}
/* line 1284, ../scss/breakpoints/_base.scss */
.kanabank_footermenu .kanabank_logo a svg {
  width: 150px;
  height: 150px;
  fill: #009051;
  margin: 0;
}
/* line 1291, ../scss/breakpoints/_base.scss */
.kanabank_footermenu .kanabank_logo a:hover svg, .kanabank_footermenu .kanabank_logo a:focus svg {
  fill: #005d34;
}

/* line 1300, ../scss/breakpoints/_base.scss */
#inner-footer div.footer-links {
  font-family: "TBUDゴシック B", TBUDGothic B;
}
/* line 1302, ../scss/breakpoints/_base.scss */
#inner-footer div.footer-links a {
  margin: 0 1em 0 0;
  color: #fff;
  background: none;
  position: relative;
  padding-left: 8px;
}
/* line 1308, ../scss/breakpoints/_base.scss */
#inner-footer div.footer-links a:before {
  content: "";
  display: inline-block;
  border: 3px solid transparent;
  border-left-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}

 /*********************   
    SVG
*********************/
/* line 1326, ../scss/breakpoints/_base.scss */
.defs {
  display: none;
}

/* line 1331, ../scss/breakpoints/_base.scss */
svg.pdf {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

/* line 1337, ../scss/breakpoints/_base.scss */
svg.newwindow, svg.download {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin: 0 10px;
}

/* line 1346, ../scss/breakpoints/_base.scss */
a svg.newwindow {
  fill: #009051;
}
/* line 1348, ../scss/breakpoints/_base.scss */
a svg.newwindow:hover, a svg.newwindow:focus {
  fill: #005d34;
}

/*********************
共通設定
*********************/
/* line 1357, ../scss/breakpoints/_base.scss */
.hide {
  display: none;
}

/* line 1361, ../scss/breakpoints/_base.scss */
table th {
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/* line 1366, ../scss/breakpoints/_base.scss */
sup {
  color: #666;
  font-family: "TBUDゴシック R", TBUDGothic R;
}

/* line 1371, ../scss/breakpoints/_base.scss */
.sup {
  color: #666;
  font-family: "TBUDゴシック R", TBUDGothic R;
  font-size: 11px;
  font-size: 1.1rem;
}

/* line 1377, ../scss/breakpoints/_base.scss */
.red {
  color: #f33;
}

/* line 1381, ../scss/breakpoints/_base.scss */
.dred {
  color: #841717;
}

/* line 1384, ../scss/breakpoints/_base.scss */
.clear {
  clear: both;
}

/* line 1387, ../scss/breakpoints/_base.scss */
strong {
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/* line 1390, ../scss/breakpoints/_base.scss */
em {
  font-family: "TBUDゴシック B", TBUDGothic B;
  font-style: normal;
}

/* line 1395, ../scss/breakpoints/_base.scss */
.small {
  font-size: 12px;
  font-size: 1.2rem;
}

/* line 1398, ../scss/breakpoints/_base.scss */
.emp {
  background: #fff;
  padding: 1.5em;
  font-size: 13px;
  font-size: 1.3rem;
  border-radius: 4px;
}
/* line 1403, ../scss/breakpoints/_base.scss */
.emp p {
  margin: 0;
}

/* line 1407, ../scss/breakpoints/_base.scss */
.supplement {
  clear: both;
  background: #eaeaea;
  padding: 0.75em 1.5em;
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 1413, ../scss/breakpoints/_base.scss */
.supplement dt {
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/* line 1419, ../scss/breakpoints/_base.scss */
div.notes > h5 {
  margin: 0.75em 0;
  font-family: "TBUDゴシック B", TBUDGothic B;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  border: 2px solid;
  padding: 5px;
}

/* line 1428, ../scss/breakpoints/_base.scss */
div.notes > dl > dd {
  border-bottom: 1px solid;
  padding-bottom: 1.5em;
}
/* line 1431, ../scss/breakpoints/_base.scss */
div.notes > dl > dd:last-child {
  border: none;
}

/* line 1435, ../scss/breakpoints/_base.scss */
div.notes > dl > dt {
  font-size: 14px;
  font-size: 1.4rem;
}

/* line 1439, ../scss/breakpoints/_base.scss */
dl.notes {
  padding: 1.5em;
}

/* line 1443, ../scss/breakpoints/_base.scss */
dl.notes > dd {
  border-bottom: 1px solid;
  padding-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 1447, ../scss/breakpoints/_base.scss */
dl.notes > dd:last-child {
  border: none;
}
/* line 1451, ../scss/breakpoints/_base.scss */
dl.notes > dd p {
  margin-bottom: 0;
}

/* line 1456, ../scss/breakpoints/_base.scss */
dl.notes > dt {
  font-size: 16px;
  font-size: 1.6rem;
  border-left: 3px solid;
  padding-left: 5px;
}

/* line 1462, ../scss/breakpoints/_base.scss */
dl.intro {
  border: 2px solid;
  padding: 0.75em 0.75em 0;
}
/* line 1465, ../scss/breakpoints/_base.scss */
dl.intro dt {
  font-family: "TBUDゴシック B", TBUDGothic B;
}
/* line 1468, ../scss/breakpoints/_base.scss */
dl.intro dd {
  font-size: 12px;
  font-size: 1.2rem;
}

/* line 1472, ../scss/breakpoints/_base.scss */
p.clickinfo {
  font-size: 11px;
  font-size: 1.1rem;
  margin: 0.75em 0 0;
}

/* line 1476, ../scss/breakpoints/_base.scss */
.imp {
  background: #f4dfec;
}

/* line 1479, ../scss/breakpoints/_base.scss */
ul.annotation {
  text-indent: -1em;
  margin: 0 0 0 1em;
  font-family: "TBUDゴシック R", TBUDGothic R;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 1484, ../scss/breakpoints/_base.scss */
ul.annotation li {
  margin: 0 0 3px;
}

/* line 1490, ../scss/breakpoints/_base.scss */
ul.small {
  margin: 0;
  font-family: "UDタイポス58", UDTypos58;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 1494, ../scss/breakpoints/_base.scss */
ul.small li {
  margin: 3px 0;
}

/* line 1498, ../scss/breakpoints/_base.scss */
dl.tbl_l3 {
  margin: 0;
}
/* line 1500, ../scss/breakpoints/_base.scss */
dl.tbl_l3 dt {
  float: left;
}
/* line 1503, ../scss/breakpoints/_base.scss */
dl.tbl_l3 dd {
  margin: 0 0 0.5em 3em;
}
/* line 1505, ../scss/breakpoints/_base.scss */
dl.tbl_l3 dd ol, dl.tbl_l3 dd ul {
  margin: 0;
}

/* line 1511, ../scss/breakpoints/_base.scss */
dl.tbl_l5 {
  margin: 0;
}
/* line 1513, ../scss/breakpoints/_base.scss */
dl.tbl_l5 dt {
  float: left;
}
/* line 1516, ../scss/breakpoints/_base.scss */
dl.tbl_l5 dd {
  margin: 0 0 0.5em 5em;
}
/* line 1518, ../scss/breakpoints/_base.scss */
dl.tbl_l5 dd ol, dl.tbl_l5 dd ul {
  margin: 0;
}

/* line 1524, ../scss/breakpoints/_base.scss */
dl.tbl_l6 {
  margin: 0;
}
/* line 1526, ../scss/breakpoints/_base.scss */
dl.tbl_l6 dt {
  float: left;
}
/* line 1529, ../scss/breakpoints/_base.scss */
dl.tbl_l6 dd {
  margin: 0 0 0.5em 6em;
}
/* line 1531, ../scss/breakpoints/_base.scss */
dl.tbl_l6 dd ol, dl.tbl_l6 dd ul {
  margin: 0;
}

/* line 1537, ../scss/breakpoints/_base.scss */
dl.tbl_l11 {
  margin: 0;
}
/* line 1539, ../scss/breakpoints/_base.scss */
dl.tbl_l11 dt {
  float: left;
}
/* line 1542, ../scss/breakpoints/_base.scss */
dl.tbl_l11 dd {
  margin: 0 0 0.5em 11em;
}
/* line 1544, ../scss/breakpoints/_base.scss */
dl.tbl_l11 dd ol, dl.tbl_l11 dd ul {
  margin: 0;
}

/* line 1550, ../scss/breakpoints/_base.scss */
#sidebar1 {
  float: right !important;
}

/* line 1554, ../scss/breakpoints/_base.scss */
.w-1of2, .w-6of12 {
  width: 50%;
}

/* line 1557, ../scss/breakpoints/_base.scss */
.w-2of12 {
  width: 16.6666666667%;
}

/* line 1561, ../scss/breakpoints/_base.scss */
.w-1of3, .w-4of12 {
  width: 33.33%;
}

/* line 1565, ../scss/breakpoints/_base.scss */
.w-1of4, .w-3of12 {
  width: 25%;
}

/* line 1569, ../scss/breakpoints/_base.scss */
ul.list {
  list-style: disc;
  padding: 0 0 0 20px;
}
/* line 1572, ../scss/breakpoints/_base.scss */
ul.list li {
  margin: 0 0 7px;
}

/* line 1578, ../scss/breakpoints/_base.scss */
ol.list li {
  margin: 0 0 7px;
}

/* line 1584, ../scss/breakpoints/_base.scss */
.mb0 {
  margin-bottom: 0 !important;
}

/* line 1588, ../scss/breakpoints/_base.scss */
.mb3 {
  margin-bottom: 3em !important;
}

/* line 1592, ../scss/breakpoints/_base.scss */
.mt3 {
  margin-top: 3em !important;
}

/* line 1596, ../scss/breakpoints/_base.scss */
.mtb3 {
  margin: 3em 0 !important;
}

/* line 1600, ../scss/breakpoints/_base.scss */
.mr1 {
  margin: 0 1em 0 0 !important;
}

/* line 1604, ../scss/breakpoints/_base.scss */
.center {
  text-align: center;
}

/* line 1608, ../scss/breakpoints/_base.scss */
.mcenter {
  margin-left: auto;
  margin-right: auto;
}

/* line 1613, ../scss/breakpoints/_base.scss */
.right, .righttxt, .txrright {
  text-align: right;
}

/* line 1619, ../scss/breakpoints/_base.scss */
.fltl {
  float: left;
}

/* line 1622, ../scss/breakpoints/_base.scss */
.fltr {
  float: right;
}

/* line 1627, ../scss/breakpoints/_base.scss */
.w10 {
  width: 10%;
}

/* line 1630, ../scss/breakpoints/_base.scss */
.w20 {
  width: 20%;
}

/* line 1633, ../scss/breakpoints/_base.scss */
.w25 {
  width: 25%;
}

/* line 1636, ../scss/breakpoints/_base.scss */
.w30 {
  width: 30%;
}

/* line 1639, ../scss/breakpoints/_base.scss */
.w40 {
  width: 40%;
}

/* line 1642, ../scss/breakpoints/_base.scss */
.w50 {
  width: 50%;
}

/* line 1645, ../scss/breakpoints/_base.scss */
.w60 {
  width: 60%;
}

/* line 1648, ../scss/breakpoints/_base.scss */
.w70 {
  width: 70%;
}

/* line 1651, ../scss/breakpoints/_base.scss */
.w80 {
  width: 80%;
}

/* line 1654, ../scss/breakpoints/_base.scss */
.w90 {
  width: 90%;
}

/* line 1657, ../scss/breakpoints/_base.scss */
.w100 {
  width: 100%;
}

/* line 1660, ../scss/breakpoints/_base.scss */
.m10 {
  margin: 10px;
}

/* line 1664, ../scss/breakpoints/_base.scss */
dl.bline dt {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "TBUDゴシック B", TBUDGothic B;
  display: inline-block;
}
/* line 1670, ../scss/breakpoints/_base.scss */
dl.bline dd p {
  margin: 0.75em 0 1.5em;
}
/* line 1673, ../scss/breakpoints/_base.scss */
dl.bline dd ul {
  margin: 0.75em 0 1.5em;
}

/* line 1679, ../scss/breakpoints/_base.scss */
.bline {
  border-bottom: 2px solid #191919;
}

/* line 1684, ../scss/breakpoints/_base.scss */
.tline {
  border-top: 2px solid #191919;
}

/*ピックアップアイコン*/
/* line 1689, ../scss/breakpoints/_base.scss */
.pickup-icon {
  font-size: 11px;
  font-family: "UDタイポス512", UDTypos512;
  float: right;
  padding: 2px 5px;
  color: #f36;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #f36;
  margin: 0 0 0 5px;
}

/*NEWアイコン*/
/* line 1702, ../scss/breakpoints/_base.scss */
.new-icon {
  font-size: 11px;
  font-family: "UDタイポス512", UDTypos512;
  float: right;
  padding: 1px 5px;
  color: #fff;
  background: #f36;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #f36;
  margin: 0 0 0 5px;
}

/*特集ページ用*/
/* line 1717, ../scss/breakpoints/_base.scss */
body.post-type-archive-tb_feature .new-icon {
  border-radius: 3px 3px 0 0 / 3px 3px 0 0;
}

/*ニュース内、ウィジェット内NEWアイコン*/
/* line 1724, ../scss/breakpoints/_base.scss */
.tbnw_art_list .new-icon, body.category-information .new-icon, .tbfp_art_list .new-icon, body.archive .new-icon {
  border: none;
  color: #f36;
  background: none;
  font-style: normal;
}

/* line 1732, ../scss/breakpoints/_base.scss */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  font-family: "TBUDゴシック B", TBUDGothic B;
  padding: 5px 30px;
  margin: 1.5em 0.75em;
  border: none;
  background: #333;
  border-radius: 4px;
  color: #fff;
}
/* line 1741, ../scss/breakpoints/_base.scss */
button:hover, button:focus, html input[type="button"]:hover, html input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
  background: #191919;
}

/* line 1746, ../scss/breakpoints/_base.scss */
div.submitblock {
  text-align: center;
}
/* line 1750, ../scss/breakpoints/_base.scss */
div.submitblock div span.modify input[type="submit"] {
  font-family: "TBUDゴシック E", TBUDGothic E;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 1756, ../scss/breakpoints/_base.scss */
div.submitblock div span.confirm input[type="submit"] {
  background: #009051;
  font-family: "TBUDゴシック E", TBUDGothic E;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 1760, ../scss/breakpoints/_base.scss */
div.submitblock div span.confirm input[type="submit"]:hover, div.submitblock div span.confirm input[type="submit"]:focus {
  background: #005d34;
}

/* line 1771, ../scss/breakpoints/_base.scss */
span.zip input[type="button"] {
  background: #333;
  margin: 0 0.75em;
}
/* line 1774, ../scss/breakpoints/_base.scss */
span.zip input[type="button"]:hover, span.zip input[type="button"]:focus {
  background: #191919;
}

/*ボタン　白*/
/* line 1786, ../scss/breakpoints/_base.scss */
.btn_w a {
  display: block;
  background: #fff;
  color: #009051;
  font-family: "TBUDゴシック E", TBUDGothic E;
  padding: 10px;
  margin: 1.5em auto;
  text-decoration: none;
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  box-shadow: 0 0 2px rgba(49, 49, 49, 0.5);
  border-radius: 4px;
}
/* line 1799, ../scss/breakpoints/_base.scss */
.btn_w a svg {
  fill: #fff;
}
/* line 1802, ../scss/breakpoints/_base.scss */
.btn_w a:hover, .btn_w a:focus {
  color: #005d34;
  background: #e9f2e9;
}

/*ソーシャルボタン*/
/* line 1809, ../scss/breakpoints/_base.scss */
.social-buttons-wrap {
  text-align: right;
  margin: 30px 0;
}

/* line 1814, ../scss/breakpoints/_base.scss */
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

/* line 1818, ../scss/breakpoints/_base.scss */
#main {
  margin: 1em 0;
}

/*コンテンツアコーディオン*/
/* line 1826, ../scss/breakpoints/_base.scss */
dl.accordion dt.ttl {
  background: #009051;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "TBUDゴシック B", TBUDGothic B;
  padding: 10px 20px 10px 10px;
  color: #fff;
  clear: both;
  border-bottom: 2px solid #fff;
  cursor: pointer;
  position: relative;
}
/* line 1836, ../scss/breakpoints/_base.scss */
dl.accordion dt.ttl:before {
  content: "";
  display: inline-block;
  border-top: 8px solid #fff;
  border-right: 5px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
}
/* line 1848, ../scss/breakpoints/_base.scss */
dl.accordion dt.ttl:hover, dl.accordion dt.ttl:focus {
  background-color: #005d34;
}
/* line 1852, ../scss/breakpoints/_base.scss */
dl.accordion dt.ttl.acc-opening:before {
  content: "";
  display: inline-block;
  border-top: 8px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #fff;
  border-left: 5px solid transparent;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -16px;
}

/* line 1870, ../scss/breakpoints/_base.scss */
dl.accordion > dd {
  padding: 10px 10px 1.5em;
  overflow: hidden;
}

/*Youtube*/
/* line 1876, ../scss/breakpoints/_base.scss */
.youtube_wrap {
  max-width: 560px;
  max-height: 315px;
  overflow: hidden;
  margin: 2% auto;
}

/* line 1882, ../scss/breakpoints/_base.scss */
.youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

/* line 1889, ../scss/breakpoints/_base.scss */
.youtube iframe, .youtube object, .youtube embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/******************************************************************
TOPページ
******************************************************************/
/*お知らせ、特集*/
/* line 1905, ../scss/breakpoints/_base.scss */
.widget_tb_text_widget h4, .widget_tb_fposts_widget h4, .widget_tb_relfont_widget h4 {
  margin: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  color: #191919 !important;
  background: none !important;
}
/* line 1911, ../scss/breakpoints/_base.scss */
.widget_tb_text_widget h4:hover, .widget_tb_text_widget h4:focus, .widget_tb_fposts_widget h4:hover, .widget_tb_fposts_widget h4:focus, .widget_tb_relfont_widget h4:hover, .widget_tb_relfont_widget h4:focus {
  cursor: default;
  background: none !important;
}
/* line 1917, ../scss/breakpoints/_base.scss */
.widget_tb_text_widget .block_link_wrap, .widget_tb_fposts_widget .block_link_wrap, .widget_tb_relfont_widget .block_link_wrap {
  float: right;
  padding: 10px 0;
}
/* line 1920, ../scss/breakpoints/_base.scss */
.widget_tb_text_widget .block_link_wrap a, .widget_tb_fposts_widget .block_link_wrap a, .widget_tb_relfont_widget .block_link_wrap a {
  padding: 0 10px 0 24px;
  background: url(../images/common/green_arrow_right.svg) no-repeat 5px 50%/14px 14px;
}

/* line 1928, ../scss/breakpoints/_base.scss */
h4 + div.block_link_wrap {
  background: none;
}

/* line 1934, ../scss/breakpoints/_base.scss */
ul.tbnw_art_list li a, ul.tbfp_art_list li a {
  border-top: 1px solid #ccc;
  padding: 10px !important;
  background-image: none !important;
}
/* line 1938, ../scss/breakpoints/_base.scss */
ul.tbnw_art_list li a time, ul.tbfp_art_list li a time {
  font-size: 12px;
  font-size: 1.2rem;
  color: #999;
}
/* line 1942, ../scss/breakpoints/_base.scss */
ul.tbnw_art_list li a h3, ul.tbfp_art_list li a h3 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 0;
  display: inline-block;
}

/* line 1952, ../scss/breakpoints/_base.scss */
ul.menu {
  border-top: 1px solid #ccc;
}

/*TOPバナー*/
/* line 1957, ../scss/breakpoints/_base.scss */
div.top_featured_article {
  margin: 0 0 0.75em;
}

/*重要なお知らせ*/
/* line 1966, ../scss/breakpoints/_base.scss */
.important-notice {
  border: 2px solid #dd2a2a;
  color: #dd2a2a;
  overflow: hidden;
  padding: 10px;
  margin: 0 0 1em;
  background: #fff;
}
/* line 1973, ../scss/breakpoints/_base.scss */
.important-notice h2 {
  font-size: 14px;
  font-size: 1.4rem;
  float: left;
}
/* line 1977, ../scss/breakpoints/_base.scss */
.important-notice ul {
  margin: 0;
  float: right;
  width: 70%;
}
/* line 1982, ../scss/breakpoints/_base.scss */
.important-notice ul li a {
  color: #dd2a2a;
}
/* line 1984, ../scss/breakpoints/_base.scss */
.important-notice ul li a:hover {
  text-decoration: none;
  color: #dd2a2a;
}
/* line 1988, ../scss/breakpoints/_base.scss */
.important-notice ul li a time {
  font-size: 11px;
  font-size: 1.1rem;
}
/* line 1991, ../scss/breakpoints/_base.scss */
.important-notice ul li a h3 {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
}

/*TOP*/
/* line 2002, ../scss/breakpoints/_base.scss */
.family_main h3 {
  margin: 0;
  padding: 2% 3% 0 3%;
  word-break: break-all;
  line-height: 1.1;
  font-family: "TBUDゴシック E", TBUDGothic E;
}
/* line 2008, ../scss/breakpoints/_base.scss */
.family_main h3 span.weight_list {
  font-size: 11px;
  padding: 0 10px;
  font-family: "TBUDゴシック R", TBUDGothic R;
}
/* line 2013, ../scss/breakpoints/_base.scss */
.family_main h3 span.weight_list span.weight_name {
  border-left: 1px solid #ccc;
  padding: 0 5px;
  color: #666;
}
/* line 2020, ../scss/breakpoints/_base.scss */
.family_main a {
  display: block;
  margin-bottom: 0.75em;
  text-decoration: none;
  box-shadow: 0 0 2px rgba(49, 49, 49, 0.5);
  border-radius: 4px;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 2027, ../scss/breakpoints/_base.scss */
.family_main a:hover, .family_main afocus {
  background: #fff;
}

/* line 2032, ../scss/breakpoints/_base.scss */
.page-template-page-tabs {
  /*    article{
      header{
          display:none;
      }
      }*/
}
/* line 2038, ../scss/breakpoints/_base.scss */
.page-template-page-tabs .entry-content {
  padding: 0;
}

/*タブきりかえ*/
/* line 2044, ../scss/breakpoints/_base.scss */
.font-tab-menu-wrap {
  clear: both;
}

/* line 2047, ../scss/breakpoints/_base.scss */
div.menu-font_basic_navi-container {
  border: 1px solid #009051;
  border-bottom: 4px solid #009051;
  text-align: center;
}
/* line 2051, ../scss/breakpoints/_base.scss */
div.menu-font_basic_navi-container ul#menu-font_basic_navi {
  font-family: "TBUDゴシック B", TBUDGothic B;
  overflow: hidden;
  margin-bottom: 0;
  margin-top: 0;
  border-top: none;
  background: #009051;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 2061, ../scss/breakpoints/_base.scss */
div.menu-font_basic_navi-container ul#menu-font_basic_navi li a {
  display: block;
  width: 33.334%;
  float: left;
  text-align: center;
  padding: 5px 0;
  text-decoration: none;
  background: #fff;
  border-left: 1px solid #009051;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 2071, ../scss/breakpoints/_base.scss */
div.menu-font_basic_navi-container ul#menu-font_basic_navi li a:hover, div.menu-font_basic_navi-container ul#menu-font_basic_navi li afocus {
  background: #ddedde;
  color: #191919;
}
/* line 2075, ../scss/breakpoints/_base.scss */
div.menu-font_basic_navi-container ul#menu-font_basic_navi li a:last-child {
  border-left: none;
}
/* line 2080, ../scss/breakpoints/_base.scss */
div.menu-font_basic_navi-container ul#menu-font_basic_navi li.current-menu-item a {
  background: #009051;
  color: #fff;
}
/* line 2083, ../scss/breakpoints/_base.scss */
div.menu-font_basic_navi-container ul#menu-font_basic_navi li.current-menu-item a:hover, div.menu-font_basic_navi-container ul#menu-font_basic_navi li.current-menu-item afocus {
  cursor: pointer;
  background: #009051;
}

/*フォント検索*/
/*検索ボタンIE8用*/
/* line 2094, ../scss/breakpoints/_base.scss */
.fontsearch_btn {
  width: 26px;
  height: 26px;
}

/* line 2101, ../scss/breakpoints/_base.scss */
#main form div.font_search {
  margin: 0.75em auto;
}
/* line 2104, ../scss/breakpoints/_base.scss */
#main form div.font_search button {
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  margin: 0;
  padding: 5px 0 10px 10px;
}
/* line 2111, ../scss/breakpoints/_base.scss */
#main form div.font_search button svg {
  width: 100%;
  height: 100%;
}
/* line 2116, ../scss/breakpoints/_base.scss */
#main form div.font_search input[type="search"] {
  float: left;
  border-radius: none;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 75%;
  max-width: 720px;
  background: #e5e5e5;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
/* line 2128, ../scss/breakpoints/_base.scss */
#main form div.font_search input[type="search"]:focus, #main form div.font_search input[type="search"]:active {
  background: #fff;
  outline: none;
}

/*絞り込み*/
/* line 2141, ../scss/breakpoints/_base.scss */
.search_criteria_wrap {
  background: #009051;
  padding: 0.75em;
  font-size: 11px;
  font-size: 1.1rem;
  overflow: hidden;
}
/* line 2146, ../scss/breakpoints/_base.scss */
.search_criteria_wrap h2 {
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "TBUDゴシック B", TBUDGothic B;
  color: #fff;
  padding: 5px 20px 5px 5px;
  background: #009051;
  border-bottom: 2px solid #f6f6f6;
  margin-bottom: 0;
  -webkit-transition: all 0.24s ease-in-out;
  transition: all 0.24s ease-in-out;
  /*            background:url(../images/common/white_arrow_bottom.svg) no-repeat scroll 97% 50% / 12px 12px;*/
  position: relative;
}
/* line 2157, ../scss/breakpoints/_base.scss */
.search_criteria_wrap h2:before {
  content: "";
  display: inline-block;
  border-top: 10px solid #fff;
  border-right: 6px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 6px solid transparent;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -2px;
}
/* line 2169, ../scss/breakpoints/_base.scss */
.search_criteria_wrap h2.acc-opening {
  /*                background:url(../images/common/white_arrow_top.svg) no-repeat scroll 97% 50% / 12px 12px !important;*/
}
/* line 2171, ../scss/breakpoints/_base.scss */
.search_criteria_wrap h2.acc-opening:before {
  content: "";
  display: inline-block;
  border-top: 10px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 6px solid transparent;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -14px;
}
/* line 2183, ../scss/breakpoints/_base.scss */
.search_criteria_wrap h2.acc-opening:hover, .search_criteria_wrap h2.acc-opening:focus {
  background-color: #005d34;
}
/* line 2189, ../scss/breakpoints/_base.scss */
.search_criteria_wrap h2:hover, .search_criteria_wrap h2:focus {
  cursor: pointer;
  background-color: #005d34;
}
/* line 2196, ../scss/breakpoints/_base.scss */
.search_criteria_wrap h2 + div {
  background: #f6f6f6;
  color: #191919;
}
/* line 2201, ../scss/breakpoints/_base.scss */
.search_criteria_wrap button.crit_reset {
  clear: both;
  width: 100%;
  border: 2px solid #fff;
  padding: 5px 0;
  margin: 10px 0 0 0;
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 2209, ../scss/breakpoints/_base.scss */
.search_criteria_wrap button.crit_reset:hover, .search_criteria_wrap button.crit_reset:focus {
  color: #fff;
  background: #005d34;
}
/* line 2215, ../scss/breakpoints/_base.scss */
.search_criteria_wrap .crit_type_tabs {
  font-family: "TBUDゴシック B", TBUDGothic B;
  text-align: center;
}
/* line 2218, ../scss/breakpoints/_base.scss */
.search_criteria_wrap .crit_type_tabs span {
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
  width: 49%;
  margin: 0 0.5%;
  float: left;
  border: 2px solid #fff;
  padding: 5px 0;
  color: #fff;
  background: #005d34;
  border-radius: 4px;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 2230, ../scss/breakpoints/_base.scss */
.search_criteria_wrap .crit_type_tabs span:hover, .search_criteria_wrap .crit_type_tabs span:focus {
  color: #005d34;
  background: #fff;
  cursor: pointer;
}
/* line 2236, ../scss/breakpoints/_base.scss */
.search_criteria_wrap .crit_type_tabs .active_crit {
  background: #fff;
  color: #191919;
}
/* line 2239, ../scss/breakpoints/_base.scss */
.search_criteria_wrap .crit_type_tabs .active_crit:hover, .search_criteria_wrap .crit_type_tabs .active_crit:focus {
  background: #fff;
  color: #191919;
  cursor: default;
}

/*絞り込み項目*/
/* line 2249, ../scss/breakpoints/_base.scss */
.search_criteria_wrap > form > div > div > div > div {
  padding: 5px;
}

/* line 2254, ../scss/breakpoints/_base.scss */
.search_criteria_wrap > form > div > div > div > div input:checked + label {
  background: #e9f2e9;
}

/* line 2260, ../scss/breakpoints/_base.scss */
.totalnum {
  clear: both;
  margin: 0 0 3em;
}
/* line 2263, ../scss/breakpoints/_base.scss */
.totalnum #search-found-fonts {
  color: #f36;
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/******************************************************************
お知らせ一覧、お知らせアーカイブ一覧
******************************************************************/
/* line 2275, ../scss/breakpoints/_base.scss */
body.category-information div.category-information a, body.archive div.category-information a {
  display: block;
  margin-top: 0.75em;
  text-decoration: none;
  background: #fff;
  box-shadow: 0 0 2px rgba(49, 49, 49, 0.5);
  border-radius: 4px;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 2283, ../scss/breakpoints/_base.scss */
body.category-information div.category-information a:hover, body.category-information div.category-information afocus, body.archive div.category-information a:hover, body.archive div.category-information afocus {
  background: #e9f2e9;
}
/* line 2286, ../scss/breakpoints/_base.scss */
body.category-information div.category-information a h3, body.archive div.category-information a h3 {
  margin: 0;
  padding: 2% 3% 0 3%;
  line-height: 1.1;
}
/* line 2291, ../scss/breakpoints/_base.scss */
body.category-information div.category-information a p.byline, body.archive div.category-information a p.byline {
  padding: 0 3%;
}
/* line 2294, ../scss/breakpoints/_base.scss */
body.category-information div.category-information a div.information, body.archive div.category-information a div.information {
  padding: 0 3% 3%;
  color: #444;
}
/* line 2298, ../scss/breakpoints/_base.scss */
body.category-information div.category-information a .new-icon, body.archive div.category-information a .new-icon {
  float: none;
}
/* line 2301, ../scss/breakpoints/_base.scss */
body.category-information div.category-information a footer, body.archive div.category-information a footer {
  display: none;
}

/******************************************************************
お知らせ詳細
******************************************************************/
/* line 2312, ../scss/breakpoints/_base.scss */
body.single-format-standard .entry-content a img {
  border: 1px solid #009051;
  display: block;
  -webkit-transition: opacity 0.24s ease-in-out;
  transition: opacity 0.24s ease-in-out;
}
/* line 2316, ../scss/breakpoints/_base.scss */
body.single-format-standard .entry-content a img:hover, body.single-format-standard .entry-content a img:focus {
  filter: alpha(opacity=50);
  opacity: 0.5;
  border: 1px solid #005d34;
}

/******************************************************************
製品情報
******************************************************************/
/* line 2330, ../scss/breakpoints/_base.scss */
.products ul li a {
  display: block;
  background: #fff;
  margin-bottom: 0.75em;
  text-decoration: none;
  box-shadow: 0 0 2px rgba(49, 49, 49, 0.5);
  border-radius: 4px;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 2338, ../scss/breakpoints/_base.scss */
.products ul li a:hover, .products ul li afocus {
  background: #ddedde;
}
/* line 2342, ../scss/breakpoints/_base.scss */
.products ul li a h2 {
  margin: 0;
  padding: 0.75em;
  font-size: 1.4em;
  text-align: center;
}
/* line 2348, ../scss/breakpoints/_base.scss */
.products ul li a h3 {
  margin: 0;
  color: #191919;
  padding: 0.75em 0.75em 0;
  font-family: "TBUDゴシック B", TBUDGothic B;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 2355, ../scss/breakpoints/_base.scss */
.products ul li a p {
  margin: 0;
  color: #191919;
  padding: 0.75em;
}
/* line 2362, ../scss/breakpoints/_base.scss */
.products ul li a.pro1 img {
  width: 50%;
  margin: 0 0.75em 0 0;
  float: left;
}
/* line 2369, ../scss/breakpoints/_base.scss */
.products ul li a.pro2 img {
  width: 80%;
  margin: 0 10%;
}

/******************************************************************
フォントファミリー詳細
******************************************************************/
/*ファミリーページ*/
/* line 2382, ../scss/breakpoints/_base.scss */
.family-back-button {
  text-align: right;
}
/* line 2384, ../scss/breakpoints/_base.scss */
.family-back-button a {
  display: inline-block;
  padding: 10px 10px 10px 0;
  background: #f6f6f6;
}
/* line 2388, ../scss/breakpoints/_base.scss */
.family-back-button a #close_family_button {
  fill: #009051;
  width: 30px;
  height: 30px;
}
/* line 2392, ../scss/breakpoints/_base.scss */
.family-back-button a #close_family_button:hover, .family-back-button a #close_family_button:focus {
  cursor: pointer;
  fill: #005d34;
}

/*お気に入りへのリンク*/
/* line 2402, ../scss/breakpoints/_base.scss */
.link_to_favorite_footer_link_wrap p {
  margin-bottom: 0 !important;
  font-size: 13px;
  font-size: 1.3rem;
  color: #f36;
  text-align: center;
}
/* line 2409, ../scss/breakpoints/_base.scss */
.link_to_favorite_footer_link_wrap .btn a {
  margin-top: 0.75em !important;
  font-family: "TBUDゴシック E", TBUDGothic E;
}

/* line 2418, ../scss/breakpoints/_base.scss */
body.tax-tb_fontfam h1.h2 {
  font-family: "TBUDゴシック E", TBUDGothic E;
}

/* line 2424, ../scss/breakpoints/_base.scss */
.font_description {
  font-size: 13px;
  font-size: 1.3rem;
  background: #e5e5e5;
  margin: 1.5em 0;
  border-radius: 2px;
}
/* line 2429, ../scss/breakpoints/_base.scss */
.font_description p {
  padding: 0.75em;
  margin: 0;
}

/* line 2434, ../scss/breakpoints/_base.scss */
.font_list_image_wrap {
  width: 100%;
}

/* line 2438, ../scss/breakpoints/_base.scss */
.font_list_image_wrap {
  /*display: table;*/
  width: 100%;
}

/* line 2443, ../scss/breakpoints/_base.scss */
.type-tb_font {
  /*display: table-row;*/
}

/* line 2447, ../scss/breakpoints/_base.scss */
.font_main {
  /*display: table-cell;*/
  padding: 0 0 2.25em;
}
/* line 2450, ../scss/breakpoints/_base.scss */
.font_main header {
  padding: 0;
}
/* line 2454, ../scss/breakpoints/_base.scss */
.font_main .entry-content img {
  margin: 0;
}

/* line 2460, ../scss/breakpoints/_base.scss */
.font_purchase {
  border: 1px dotted #ccc;
  padding: 10px;
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 2464, ../scss/breakpoints/_base.scss */
.font_purchase h4 {
  margin: 0;
  font-size: 13px;
  font-size: 1.3rem;
}

/* line 2470, ../scss/breakpoints/_base.scss */
.font_purchase:lang(en) {
  display: none;
}

/* line 2474, ../scss/breakpoints/_base.scss */
.font-name {
  margin: 5px;
  display: inline-block;
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/* line 2480, ../scss/breakpoints/_base.scss */
.add-to-favorite, .remove-from-favorites {
  float: right;
  font-family: "TBUDゴシック B", TBUDGothic B;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 1% 0 0;
  padding: 5px;
  color: #009051;
  border-radius: 4px;
}
/* line 2488, ../scss/breakpoints/_base.scss */
.add-to-favorite:hover, .add-to-favoritefocus, .remove-from-favorites:hover, .remove-from-favoritesfocus {
  cursor: pointer;
  color: #005d34;
}
/* line 2492, ../scss/breakpoints/_base.scss */
.add-to-favorite svg, .remove-from-favorites svg {
  width: 28px;
  height: 28px;
  vertical-align: middle;
  margin: 0 5px;
}

/*お気に入りに移動*/
/* line 2502, ../scss/breakpoints/_base.scss */
svg.fav-icon {
  width: 28px;
  height: 28px;
  vertical-align: middle;
  margin: 0 5px;
}

/*.sidebar .widget_nav_menu h4:after{
    content: url(../images/common/arrow.svg) ;
    width:15px;
    height:15px;
    display:block;
    
}*/
/*関連するフォントウィジェット*/
/* line 2517, ../scss/breakpoints/_base.scss */
.sidebar .widget.widget_tb_relfont_widget {
  border: none;
  background: none;
}
/* line 2520, ../scss/breakpoints/_base.scss */
.sidebar .widget.widget_tb_relfont_widget .related_fonts, .sidebar .widget.widget_tb_relfont_widget .recommended_fonts {
  border-left: 2px solid #666;
  padding: 0 10px 5px;
  margin-bottom: 1.5em;
}
/* line 2524, ../scss/breakpoints/_base.scss */
.sidebar .widget.widget_tb_relfont_widget .related_fonts h4, .sidebar .widget.widget_tb_relfont_widget .recommended_fonts h4 {
  margin: 0;
  padding: 5px 0;
}
/* line 2528, ../scss/breakpoints/_base.scss */
.sidebar .widget.widget_tb_relfont_widget .related_fonts div, .sidebar .widget.widget_tb_relfont_widget .recommended_fonts div {
  padding: 0 0 5px;
}

/*フォントを選択、お知らせアーカイブ*/
/* line 2535, ../scss/breakpoints/_base.scss */
.widget_tb_jump_family_widget, .Annual_Archive_Widget {
  background: none !important;
  border: none !important;
}
/* line 2538, ../scss/breakpoints/_base.scss */
.widget_tb_jump_family_widget select, .Annual_Archive_Widget select {
  width: 100%;
}

/* line 2544, ../scss/breakpoints/_base.scss */
.font-system-list {
  margin: 0 0 0.75em 1%;
}
/* line 2546, ../scss/breakpoints/_base.scss */
.font-system-list span.with-popup {
  color: #fff;
  position: relative;
  font-family: "TBUDゴシック B", TBUDGothic B;
  margin: 0 10px 0 0;
  border-radius: 4px;
}
/* line 2553, ../scss/breakpoints/_base.scss */
.font-system-list span.with-popup:hover, .font-system-list span.with-popup:focus {
  cursor: pointer;
  background: #005d34;
}
/* line 2559, ../scss/breakpoints/_base.scss */
.font-system-list span.gbox {
  font-size: 12px;
  font-size: 1.2rem;
  background: #333;
  padding: 5px 10px;
}
/* line 2564, ../scss/breakpoints/_base.scss */
.font-system-list span.opinfo {
  font-size: 11px;
  font-size: 1.1rem;
  background: #666;
  padding: 3px 8px;
}

/* line 2571, ../scss/breakpoints/_base.scss */
.font-image-list {
  font-size: 11px;
  font-size: 1.1rem;
  margin: 0 0 0 1%;
}
/* line 2574, ../scss/breakpoints/_base.scss */
.font-image-list a {
  display: inline-block;
  padding: 2px 5px;
}

/* line 2580, ../scss/breakpoints/_base.scss */
.harukaze_1st_wrap {
  width: 95%;
  max-width: 620px;
  position: relative;
  margin: 3em auto 0;
}
/* line 2585, ../scss/breakpoints/_base.scss */
.harukaze_1st_wrap #open {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  fill: #009051;
}
/* line 2592, ../scss/breakpoints/_base.scss */
.harukaze_1st_wrap #open:hover, .harukaze_1st_wrap #open:focus {
  cursor: pointer;
  fill: #005d34;
}
/* line 2597, ../scss/breakpoints/_base.scss */
.harukaze_1st_wrap img.with-svg-dtop {
  width: 100%;
  text-align: center;
  backgroun: #fff;
  border: 2px solid #009051;
  border-radius: 4px;
  margin: 0;
}

/*英語の場合は非表示*/
/* line 2608, ../scss/breakpoints/_base.scss */
.font-system-list:lang(en) {
  display: none;
}

/* line 2614, ../scss/breakpoints/_base.scss */
.svg .without-svg-ctop, .svg .without-svg-dtop, .svg .without-svg-list, .svg .without-svg-cin, .svg .without-svg-img, .svg .nosvg_support_favimg_wrap {
  display: none;
}
/* line 2617, ../scss/breakpoints/_base.scss */
.svg .with-svg-cin {
  width: 100%;
  height: auto;
}
/* line 2622, ../scss/breakpoints/_base.scss */
.svg .with-svg-ctop {
  width: 100%;
  height: auto;
}
/* line 2626, ../scss/breakpoints/_base.scss */
.svg .with-svg-list {
  width: 100%;
  height: auto;
}
/* line 2630, ../scss/breakpoints/_base.scss */
.svg .with-svg-dtop {
  width: 100%;
  height: auto;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 2634, ../scss/breakpoints/_base.scss */
.svg .with-svg-dtop:hover, .svg .with-svg-dtop:focus {
  cursor: pointer;
  background: #fff;
}

/* お気に入り関連 */
/* line 2643, ../scss/breakpoints/_base.scss */
.not-added .added {
  display: none;
}

/* line 2646, ../scss/breakpoints/_base.scss */
.already-added .not_added {
  display: none;
}

/*一覧*/
/* line 2652, ../scss/breakpoints/_base.scss */
.family_main img {
  padding: 2%;
  width: 100%;
}

/* line 2658, ../scss/breakpoints/_base.scss */
.harukaze_fname {
  font-size: 18px;
  font-size: 1.8rem;
  dominant-baseline: text-before-edge;
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/* line 2665, ../scss/breakpoints/_base.scss */
.no-svg .with-svg-ctop, .no-svg .with-svg-dtop, .no-svg .with-svg-list, .no-svg .with-svg-cin, .no-svg .with-svg-img, .no-svg .svg_support_favimg_wrap {
  display: none;
}
/* line 2668, ../scss/breakpoints/_base.scss */
.no-svg .without-svg-ctop {
  width: 100%;
  max-width: 620px;
  height: auto;
}
/* line 2673, ../scss/breakpoints/_base.scss */
.no-svg .without-svg-list {
  width: 100%;
  height: auto;
}
/* line 2677, ../scss/breakpoints/_base.scss */
.no-svg .without-svg-dtop {
  width: 100%;
  max-width: 620px;
  height: auto;
}
/* line 2682, ../scss/breakpoints/_base.scss */
.no-svg .harukaze_click_desc {
  display: none;
}

/* line 2687, ../scss/breakpoints/_base.scss */
.harukaze_click_desc {
  margin: 0 auto 3em;
  font-size: 11px;
  font-size: 1.1rem;
  max-width: 620px;
}

/* line 2692, ../scss/breakpoints/_base.scss */
#read-more-font-family, #read_more_search {
  width: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "TBUDゴシック E", TBUDGothic E;
  text-align: center;
  padding: 10px;
  border: 1px solid #ccc;
  color: #009051;
  background: #fff;
  margin: 0 0 3em;
  border-radius: 4px;
  -webkit-transition: all 0.24s ease-in-out;
  transition: all 0.24s ease-in-out;
}
/* line 2704, ../scss/breakpoints/_base.scss */
#read-more-font-family:hover, #read-more-font-family:focus, #read_more_search:hover, #read_more_search:focus {
  cursor: pointer;
  background: #ddedde;
  color: #005d34;
}

/*OTF、Std、TT*/
/* line 2712, ../scss/breakpoints/_base.scss */
#popup_container {
  display: none;
  position: absolute;
  background-color: #191919;
  width: 200px;
  padding: 10px;
  font-size: 11px;
  color: #fff;
  height: 116px;
  border-radius: 4px;
}

/* line 2724, ../scss/breakpoints/_base.scss */
#popup_container:after {
  border: 10px solid transparent;
  border-top-color: #191919;
  border-bottom-width: 0;
  width: 0;
  bottom: -10px;
  content: "";
  display: block;
  left: 20px;
  position: absolute;
}

/*はル風内ヘルプ*/
/* line 2739, ../scss/breakpoints/_base.scss */
#popup_container.harukaze_help_popup {
  height: 130px;
}

/* line 2744, ../scss/breakpoints/_base.scss */
#popup_container.harukaze_help_popup:after {
  border: 10px solid transparent;
  border-left-color: #191919;
  border-right-width: 0;
  width: 0;
  right: -10px;
  content: "";
  display: block;
  top: 20px;
  position: absolute;
  left: auto;
  bottom: auto;
}

/* line 2758, ../scss/breakpoints/_base.scss */
#dialog_wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #191919;
  z-index: 100000;
}

/*ローディング*/
/* line 2769, ../scss/breakpoints/_base.scss */
#harukaze_loading {
  display: none;
  position: absolute;
  top: 1%;
  left: 1%;
  width: 98%;
  height: 98%;
  background-color: #fff;
}
/* line 2777, ../scss/breakpoints/_base.scss */
#harukaze_loading .hr_msg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  border-radius: 50px;
  text-align: center;
  margin-top: -40px;
  margin-left: -40px;
  border: 2px solid #999;
  font-size: 11px;
  font-size: 1.1rem;
}
/* line 2790, ../scss/breakpoints/_base.scss */
#harukaze_loading .hr_msg span {
  display: inline-block;
  padding: 28px 0;
  font-family: "TBUDゴシック B", TBUDGothic B;
  color: #999;
}

/* line 2799, ../scss/breakpoints/_base.scss */
#harukaze_dialog {
  display: none;
  position: absolute;
  top: 1%;
  left: 1%;
  width: 98%;
  height: 98%;
  background-color: #fff;
}
/* line 2807, ../scss/breakpoints/_base.scss */
#harukaze_dialog svg.content {
  width: 100%;
  height: 100%;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
/* line 2813, ../scss/breakpoints/_base.scss */
#harukaze_dialog svg.content:hover, #harukaze_dialog svg.content:focus {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
/* line 2819, ../scss/breakpoints/_base.scss */
#harukaze_dialog #close_harukaze_button {
  fill: #009051;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
}
/* line 2826, ../scss/breakpoints/_base.scss */
#harukaze_dialog #close_harukaze_button:hover, #harukaze_dialog #close_harukaze_button:focus {
  cursor: pointer;
  fill: #005d34;
}
/* line 2831, ../scss/breakpoints/_base.scss */
#harukaze_dialog #zoomup_harukaze_button {
  fill: #009051;
  position: absolute;
  top: 20px;
  right: 70px;
  width: 30px;
  height: 30px;
}
/* line 2838, ../scss/breakpoints/_base.scss */
#harukaze_dialog #zoomup_harukaze_button:hover, #harukaze_dialog #zoomup_harukaze_button:focus {
  cursor: pointer;
  fill: #005d34;
}
/* line 2844, ../scss/breakpoints/_base.scss */
#harukaze_dialog #zoomdown_harukaze_button {
  fill: #009051;
  position: absolute;
  top: 20px;
  right: 120px;
  width: 30px;
  height: 30px;
}
/* line 2851, ../scss/breakpoints/_base.scss */
#harukaze_dialog #zoomdown_harukaze_button:hover, #harukaze_dialog #zoomdown_harukaze_button:focus {
  cursor: pointer;
  fill: #005d34;
}
/* line 2857, ../scss/breakpoints/_base.scss */
#harukaze_dialog #help_harukaze_up {
  fill: #009051;
  position: absolute;
  top: 70px;
  right: 20px;
  width: 30px;
  height: 30px;
}
/* line 2864, ../scss/breakpoints/_base.scss */
#harukaze_dialog #help_harukaze_up:hover, #harukaze_dialog #help_harukaze_up:focus {
  cursor: pointer;
  fill: #005d34;
}
/* line 2870, ../scss/breakpoints/_base.scss */
#harukaze_dialog #zoomup_harukaze_button.disabled_button, #harukaze_dialog #zoomdown_harukaze_button.disabled_button {
  fill: #999;
  cursor: default;
}

/*お気に入り*/
/*初期*/
/* line 2884, ../scss/breakpoints/_base.scss */
.font-weight-list div.center img {
  border: 2px dotted #444;
}

/* line 2889, ../scss/breakpoints/_base.scss */
a.favfflink {
  font-size: 12px;
  font-size: 1.2rem;
}

/*ボタン*/
/* line 2894, ../scss/breakpoints/_base.scss */
a#get_font_pdf, a.link_est_form, .btn a {
  display: block;
  background: #009051;
  color: #fff;
  font-family: "TBUDゴシック E", TBUDGothic E;
  padding: 10px;
  margin: 1.5em auto;
  text-decoration: none;
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  box-shadow: 0 0 2px rgba(49, 49, 49, 0.5);
  border-radius: 4px;
}
/* line 2907, ../scss/breakpoints/_base.scss */
a#get_font_pdf svg, a.link_est_form svg, .btn a svg {
  fill: #fff;
}
/* line 2910, ../scss/breakpoints/_base.scss */
a#get_font_pdf:hover, a#get_font_pdf:focus, a.link_est_form:hover, a.link_est_form:focus, .btn a:hover, .btn a:focus {
  background: #005d34;
  color: #fff;
}
/* line 2913, ../scss/breakpoints/_base.scss */
a#get_font_pdf:hover svg, a#get_font_pdf:focus svg, a.link_est_form:hover svg, a.link_est_form:focus svg, .btn a:hover svg, .btn a:focus svg {
  fill: #fff;
}

/*関連するフォント main*/
/* line 2920, ../scss/breakpoints/_base.scss */
.font-family-list-area-wrap {
  clear: both;
  margin-top: 0.75em;
}

/* line 2925, ../scss/breakpoints/_base.scss */
.related-families {
  font-family: "UDタイポス512", UDTypos512;
  border-left: 2px solid;
  padding: 0 10px;
  margin: 1.5em 0;
}
/* line 2930, ../scss/breakpoints/_base.scss */
.related-families h3 {
  margin-top: 0;
}

/*関連特集バナー*/
/* line 2936, ../scss/breakpoints/_base.scss */
.featured-articles {
  margin: 0 0 1.5em;
  clear: both;
}

/*製品情報詳細*/
/* line 2942, ../scss/breakpoints/_base.scss */
dl.products_detail > dt {
  font-family: "TBUDゴシック E", TBUDGothic E;
  font-size: 18px;
  font-size: 1.8rem;
  background: #eaeaea;
  letter-spacing: 6px;
  padding: 8px;
  text-align: center;
  color: #444;
}

/* line 2951, ../scss/breakpoints/_base.scss */
dl.products_detail > dd {
  padding: 0 0.75em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}

/*組込み製品*/
/* line 2959, ../scss/breakpoints/_base.scss */
div.oem a {
  display: block;
  background: #fff;
  margin-bottom: 0.75em;
  text-decoration: none;
  box-shadow: 0 0 2px rgba(49, 49, 49, 0.5);
  border-radius: 4px;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 2967, ../scss/breakpoints/_base.scss */
div.oem a:hover, div.oem a:focus {
  background: #ddedde;
}
/* line 2970, ../scss/breakpoints/_base.scss */
div.oem a h2 {
  margin: 0;
  padding: 3% 3% 0.75em;
  font-size: 1.4em;
  font-family: "TBUDゴシック E", TBUDGothic E;
}
/* line 2977, ../scss/breakpoints/_base.scss */
div.oem a p {
  margin: 0;
  color: #191919;
  padding: 0 3% 3%;
}

/* line 2985, ../scss/breakpoints/_base.scss */
dl.emp dt {
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/* line 2989, ../scss/breakpoints/_base.scss */
.fleft {
  text-align: center;
}
/* line 2991, ../scss/breakpoints/_base.scss */
.fleft .bitmapimg {
  width: 80%;
  height: auto;
  margin: 0 auto;
  max-width: 290px;
  max-height: 220px;
}

/* line 3001, ../scss/breakpoints/_base.scss */
table.package {
  font-size: 12px;
  font-size: 1.2rem;
}

/* line 3004, ../scss/breakpoints/_base.scss */
.endpro {
  background: #dddddd;
}

/*ビットマップフォントリスト*/
/* line 3008, ../scss/breakpoints/_base.scss */
table.bitmap_list {
  font-size: 11px;
  font-size: 1.1rem;
}
/* line 3012, ../scss/breakpoints/_base.scss */
table.bitmap_list tr:nth-child(even) {
  background-color: #eaeaea;
}

/*サポート終了製品*/
/* line 3018, ../scss/breakpoints/_base.scss */
table.package_cid, table.package_otf, table.old_ryobi {
  font-size: 11px;
  font-size: 1.1rem;
  margin: 0 0 3em 0;
}
/* line 3022, ../scss/breakpoints/_base.scss */
table.package_cid tr ul.annotation, table.package_otf tr ul.annotation, table.old_ryobi tr ul.annotation {
  font-size: 10px;
  font-size: 1rem;
  text-indent: -0.3em;
  margin: 0 0 0 0.3em;
}
/* line 3027, ../scss/breakpoints/_base.scss */
table.package_cid tr:nth-child(even), table.package_otf tr:nth-child(even), table.old_ryobi tr:nth-child(even) {
  background-color: #eaeaea;
}

/* line 3034, ../scss/breakpoints/_base.scss */
table.package_cid th, table.package_otf th {
  background: #005d34;
}

/* line 3040, ../scss/breakpoints/_base.scss */
table.old_ryobi th {
  background: #841717;
}

/*TT OTF利用可能書体リスト*/
/* line 3046, ../scss/breakpoints/_base.scss */
table.saleschannel_list {
  clear: both;
  font-size: 11px;
  font-size: 1.1rem;
}
/* line 3050, ../scss/breakpoints/_base.scss */
table.saleschannel_list tr:nth-child(even) {
  background-color: #eaeaea;
}

/*切り替えタブ*/
/* line 3058, ../scss/breakpoints/_base.scss */
#tab_fontmenu #tab {
  font-family: "TBUDゴシック B", TBUDGothic B;
  text-align: center;
  overflow: hidden;
}
/* line 3062, ../scss/breakpoints/_base.scss */
#tab_fontmenu #tab span {
  display: block;
  width: 49%;
  margin: 0 0.5%;
  float: left;
  border: 2px solid #009051;
  padding: 5px 0;
  color: #009051;
  background: #fff;
  border-radius: 4px;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 3073, ../scss/breakpoints/_base.scss */
#tab_fontmenu #tab span:hover, #tab_fontmenu #tab span:focus {
  border: 2px solid #005d34;
  color: #005d34;
  background: #ddedde;
  cursor: pointer;
}
/* line 3080, ../scss/breakpoints/_base.scss */
#tab_fontmenu #tab .activetab {
  border: 2px solid #191919;
  background: #ddedde;
  color: #191919;
}
/* line 3084, ../scss/breakpoints/_base.scss */
#tab_fontmenu #tab .activetab:hover, #tab_fontmenu #tab .activetab:focus {
  border: 2px solid #191919;
  background: #ddedde;
  color: #191919;
  cursor: default;
}

/*組込みTT OTF利用可能書体リスト*/
/* line 3095, ../scss/breakpoints/_base.scss */
table.oem_wabun_list, table.oem_kana_list {
  font-size: 11px;
  font-size: 1.1rem;
}
/* line 3098, ../scss/breakpoints/_base.scss */
table.oem_wabun_list tr:nth-child(even), table.oem_kana_list tr:nth-child(even) {
  background-color: #eaeaea;
}

/*サーバアプリケーション用*/
/* line 3108, ../scss/breakpoints/_base.scss */
dl.products_detail.server .emp h3 {
  font-family: "TBUDゴシック B", TBUDGothic B;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  margin: 0 0 1.5em;
}

/* line 3117, ../scss/breakpoints/_base.scss */
ul.utilization li {
  margin: 3px 0;
}
/* line 3119, ../scss/breakpoints/_base.scss */
ul.utilization li span {
  display: inline-block;
  border-radius: 4px;
  padding: 5px 10px;
  margin: 0 5px 0 0;
}
/* line 3125, ../scss/breakpoints/_base.scss */
ul.utilization li span.server_a {
  color: #fff;
  background: #009073;
}
/* line 3129, ../scss/breakpoints/_base.scss */
ul.utilization li span.server_b {
  color: #fff;
  background: #008190;
}
/* line 3133, ../scss/breakpoints/_base.scss */
ul.utilization li span.server_c {
  color: #fff;
  background: #709000;
}
/* line 3137, ../scss/breakpoints/_base.scss */
ul.utilization li span.server_d {
  color: #fff;
  background: #907d00;
}

/*サーバアプリケーション用フォント価格表*/
/* line 3146, ../scss/breakpoints/_base.scss */
table.server_price_list {
  font-size: 10px;
  font-size: 1rem;
  word-wrap: break-word;
}
/* line 3150, ../scss/breakpoints/_base.scss */
table.server_price_list tr:nth-child(even) {
  background-color: #eaeaea;
}
/* line 3153, ../scss/breakpoints/_base.scss */
table.server_price_list tr th.server_a {
  background: #009073;
}
/* line 3156, ../scss/breakpoints/_base.scss */
table.server_price_list tr th.server_b {
  background: #008190;
}
/* line 3159, ../scss/breakpoints/_base.scss */
table.server_price_list tr th.server_c {
  background: #709000;
}
/* line 3162, ../scss/breakpoints/_base.scss */
table.server_price_list tr th.server_d {
  background: #907d00;
}

/* line 3168, ../scss/breakpoints/_base.scss */
ul.server_annotation {
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 3171, ../scss/breakpoints/_base.scss */
ul.server_annotation li {
  margin: 3px 0;
}
/* line 3173, ../scss/breakpoints/_base.scss */
ul.server_annotation li span {
  display: inline-block;
  border-radius: 4px;
  padding: 5px 10px;
  margin: 0 5px 0 0;
}
/* line 3179, ../scss/breakpoints/_base.scss */
ul.server_annotation li span.server_c {
  color: #fff;
  background: #709000;
}
/* line 3183, ../scss/breakpoints/_base.scss */
ul.server_annotation li span.server_d {
  color: #fff;
  background: #907d00;
}

/*PASSPORT*/
/* line 3194, ../scss/breakpoints/_base.scss */
.passport h2.ttl {
  border-bottom: 2px solid #009051;
  margin: 0;
  padding: 5px 0;
  font-family: "TBUD明朝 H", TBUDMincho H;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
/* line 3202, ../scss/breakpoints/_base.scss */
.passport h2.ttl span {
  font-family: "TBUDゴシック B", TBUDGothic B;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 3208, ../scss/breakpoints/_base.scss */
.passport h3 {
  font-family: "TBUDゴシック E", TBUDGothic E;
  background: #327F6B;
  color: #fff;
}
/* line 3212, ../scss/breakpoints/_base.scss */
.passport h3 span {
  display: inline-block;
  background: #191919;
  padding: 5px 10px;
}
/* line 3218, ../scss/breakpoints/_base.scss */
.passport p {
  margin-top: 5px;
}
/* line 3222, ../scss/breakpoints/_base.scss */
.passport .passport_system {
  background: #e7f1e8;
  border-radius: 8px;
  margin: 1.5em 0;
  padding: 0.75em 0;
}
/* line 3227, ../scss/breakpoints/_base.scss */
.passport .passport_system h3 {
  font-family: "TBUDゴシック E", TBUDGothic E;
  background: #327F6B;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  margin: 0.75em 0;
  font-size: 15px;
  font-size: 1.5rem;
}
/* line 3236, ../scss/breakpoints/_base.scss */
.passport .passport_system p {
  margin: 0.75em;
}
/* line 3241, ../scss/breakpoints/_base.scss */
.passport table.price {
  background: #fff;
  border: 2px solid #76B77A;
}
/* line 3244, ../scss/breakpoints/_base.scss */
.passport table.price tr {
  border-bottom: 2px solid #76B77A;
}
/* line 3247, ../scss/breakpoints/_base.scss */
.passport table.price th {
  background: #76B77A;
  border: none;
  font-family: "TBUDゴシック B", TBUDGothic B;
}
/* line 3252, ../scss/breakpoints/_base.scss */
.passport table.price td.license {
  border-right: none;
  font-family: "TBUDゴシック B", TBUDGothic B;
}
/* line 3255, ../scss/breakpoints/_base.scss */
.passport table.price td.license span {
  font-size: 11px;
  font-size: 1.1rem;
}
/* line 3259, ../scss/breakpoints/_base.scss */
.passport table.price td.format {
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 3264, ../scss/breakpoints/_base.scss */
.passport table.price_b {
  border: 1px solid #666;
}
/* line 3266, ../scss/breakpoints/_base.scss */
.passport table.price_b tr {
  border-bottom: 1px solid #666;
}
/* line 3269, ../scss/breakpoints/_base.scss */
.passport table.price_b th {
  border: none;
}
/* line 3272, ../scss/breakpoints/_base.scss */
.passport table.price_b td.license {
  border-right: none;
}
/* line 3274, ../scss/breakpoints/_base.scss */
.passport table.price_b td.license span {
  font-size: 11px;
  font-size: 1.1rem;
}
/* line 3278, ../scss/breakpoints/_base.scss */
.passport table.price_b td.format {
  font-size: 13px;
  font-size: 1.3rem;
}

/* line 3286, ../scss/breakpoints/_base.scss */
dl.procedure > dt {
  font-family: "TBUDゴシック B", TBUDGothic B;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  padding: 5px;
  border: 2px solid;
}

/*.passport_lisence{
    background:$passport_a;
    border-radius:8px;
    h3{
        margin:0.75em;
        font-family:$TBUDGothicB;
        background:none;
        color:$black;
    }
    h4{
        margin:0.75em 1.5em 0 ;
        text-align:center;
        background:$passport_b;
        color:$white;
        font-family:$TBUDGothicB;
    }
    h5{
        font-size:$small-b;
        margin:1.5em;
        text-align:center;
         
        span{
            display:inline-block;
            background:$white;
            border:1px solid $passport_c; 
            padding:3px;
            color:$passport_c;
            margin:0 3px 0 0;
        }
    }
}*/
/*PASSPORT更新*/
/* line 3327, ../scss/breakpoints/_base.scss */
.procedure_btn a {
  color: #fff;
  display: block;
  background: #009051;
  margin-bottom: 0.75em;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 0 2px rgba(49, 49, 49, 0.5);
  border-radius: 4px;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
/* line 3337, ../scss/breakpoints/_base.scss */
.procedure_btn a:hover, .procedure_btn a:focus {
  background: #005d34;
}
/* line 3340, ../scss/breakpoints/_base.scss */
.procedure_btn a h2 {
  font-family: "TBUDゴシック E", TBUDGothic E;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.75em;
  margin: 0;
}

/* line 3348, ../scss/breakpoints/_base.scss */
.bgpink {
  background: #fcf;
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/* line 3353, ../scss/breakpoints/_base.scss */
.bgyellow {
  background: #ff6;
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/* line 3359, ../scss/breakpoints/_base.scss */
#procedure h3, #licence h3 {
  margin: 3em 0 0;
  font-family: "TBUDゴシック B", TBUDGothic B;
  font-size: 21px;
  font-size: 2.1rem;
}

/*PASSPORT ユーティリティツール集*/
/* line 3366, ../scss/breakpoints/_base.scss */
div.tool {
  padding: 0.75em;
  background: #fff;
  margin-bottom: 0.75em;
  border-radius: 4px;
}
/* line 3372, ../scss/breakpoints/_base.scss */
div.tool h2 {
  margin: 0;
}
/* line 3374, ../scss/breakpoints/_base.scss */
div.tool h2 img {
  vertical-align: middle;
  margin: 0 0.75em 0.75em 0;
}
/* line 3380, ../scss/breakpoints/_base.scss */
div.tool dl dt {
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/* line 3386, ../scss/breakpoints/_base.scss */
div.mpc {
  clear: both;
}

/*SelectPack*/
/* line 3392, ../scss/breakpoints/_base.scss */
.selectpack h2.ttl {
  border-bottom: 2px solid #009051;
  margin: 0;
  padding: 5px 0;
  font-family: "TBUD明朝 H", TBUDMincho H;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
/* line 3400, ../scss/breakpoints/_base.scss */
.selectpack h2.ttl span {
  font-family: "TBUDゴシック B", TBUDGothic B;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 3405, ../scss/breakpoints/_base.scss */
.selectpack h3 {
  font-family: "TBUDゴシック E", TBUDGothic E;
  background: #327F6B;
  color: #fff;
}
/* line 3409, ../scss/breakpoints/_base.scss */
.selectpack h3 span {
  display: inline-block;
  background: #191919;
  padding: 5px 10px;
}
/* line 3415, ../scss/breakpoints/_base.scss */
.selectpack p {
  margin-top: 5px;
}
/* line 3418, ../scss/breakpoints/_base.scss */
.selectpack table.price {
  background: #fff;
  border: 2px solid #78BAAA;
}
/* line 3421, ../scss/breakpoints/_base.scss */
.selectpack table.price tr {
  border-bottom: 2px solid #78BAAA;
}
/* line 3424, ../scss/breakpoints/_base.scss */
.selectpack table.price th {
  background: #78BAAA;
  border: none;
  font-family: "TBUDゴシック B", TBUDGothic B;
}
/* line 3429, ../scss/breakpoints/_base.scss */
.selectpack table.price td.license {
  border-right: none;
  font-family: "TBUDゴシック B", TBUDGothic B;
}
/* line 3432, ../scss/breakpoints/_base.scss */
.selectpack table.price td.license span {
  font-size: 11px;
  font-size: 1.1rem;
}
/* line 3436, ../scss/breakpoints/_base.scss */
.selectpack table.price td.format {
  font-size: 13px;
  font-size: 1.3rem;
}

/*Select Pack　ライセンスの使い方について*/
/* line 3444, ../scss/breakpoints/_base.scss */
.select_lisence {
  background: #daede8;
  border-radius: 8px;
}
/* line 3447, ../scss/breakpoints/_base.scss */
.select_lisence h3 {
  margin: 0.75em;
  font-family: "TBUDゴシック B", TBUDGothic B;
  background: none;
  color: #191919;
}
/* line 3453, ../scss/breakpoints/_base.scss */
.select_lisence h4 {
  font-family: "TBUDゴシック E", TBUDGothic E;
  font-size: 15px;
  font-size: 1.5rem;
  background: #327F6B;
  color: #fff;
  padding: 5px 10px;
  margin: 0.75em 0 0;
  text-align: center;
}
/* line 3462, ../scss/breakpoints/_base.scss */
.select_lisence h5 {
  font-size: 13px;
  margin: 1.5em 5px;
  text-align: center;
}
/* line 3467, ../scss/breakpoints/_base.scss */
.select_lisence h5 span {
  display: inline-block;
  background: #fff;
  border: 1px solid #327F6B;
  padding: 3px;
  color: #327F6B;
  margin: 0 3px 0 0;
}
/* line 3476, ../scss/breakpoints/_base.scss */
.select_lisence p {
  padding: 0.75em 0.75em 0;
}
/* line 3481, ../scss/breakpoints/_base.scss */
.select_lisence p.w100 img {
  width: 100%;
}
/* line 3485, ../scss/breakpoints/_base.scss */
.select_lisence div.onelisence {
  border: 2px solid #fff;
  margin: 0.75em;
  font-size: 11px;
  font-size: 1.1rem;
}
/* line 3489, ../scss/breakpoints/_base.scss */
.select_lisence div.onelisence p {
  padding: 0.75em 0.75 0;
}
/* line 3493, ../scss/breakpoints/_base.scss */
.select_lisence div.onelisence dl dt {
  padding: 0 0.75em;
  font-family: "TBUDゴシック B", TBUDGothic B;
}
/* line 3497, ../scss/breakpoints/_base.scss */
.select_lisence div.onelisence dl dd {
  font-size: 11px;
  font-size: 1.1rem;
}
/* line 3499, ../scss/breakpoints/_base.scss */
.select_lisence div.onelisence dl dd ul.list {
  padding: 0 0.75em 0 2em;
}
/* line 3501, ../scss/breakpoints/_base.scss */
.select_lisence div.onelisence dl dd ul.list li {
  margin-bottom: 5px;
}

/* line 3511, ../scss/breakpoints/_base.scss */
ul.support li {
  margin: 5px 0;
}

/*Select Packディスクレス版導入*/
/* line 3516, ../scss/breakpoints/_base.scss */
dl.ins {
  clear: both;
}
/* line 3518, ../scss/breakpoints/_base.scss */
dl.ins dt {
  font-family: "TBUDゴシック B", TBUDGothic B;
  font-size: 16px;
  font-size: 1.6rem;
  clear: both;
}

/* line 3526, ../scss/breakpoints/_base.scss */
dl.ins dd > p > img {
  float: right;
  max-width: 300px;
  height: auto;
  margin: 0px 0px 5px 10px;
}

/* line 3533, ../scss/breakpoints/_base.scss */
dl.ins dd > div.center > img {
  margin: 0 auto;
  max-width: 400px;
}

/* line 3538, ../scss/breakpoints/_base.scss */
dl.ins dd > div.w40 > img {
  margin: 0 0 5px 10px;
  max-width: 300px;
  width: 100%;
}

/*QA*/
/* line 3546, ../scss/breakpoints/_base.scss */
dl.ins.qa dt {
  margin-bottom: 0.75em;
}
/* line 3549, ../scss/breakpoints/_base.scss */
dl.ins.qa dd {
  padding: 0.75em;
  background: #eaeaea;
}
/* line 3552, ../scss/breakpoints/_base.scss */
dl.ins.qa dd h4 {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "TBUDゴシック B", TBUDGothic B;
  margin: 0;
}

/* line 3561, ../scss/breakpoints/_base.scss */
ul.procedure li {
  margin: 0 0 0.75em;
}

/* line 3566, ../scss/breakpoints/_base.scss */
dl.imp {
  padding: 10px;
}

/* line 3570, ../scss/breakpoints/_base.scss */
dl.imp > dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/* line 3575, ../scss/breakpoints/_base.scss */
dl.imp > dd {
  padding-top: 0;
  margin-bottom: 0;
}
/* line 3578, ../scss/breakpoints/_base.scss */
dl.imp > dd p {
  margin: 0;
}

/* line 3583, ../scss/breakpoints/_base.scss */
dl.flow > dt {
  font-family: "TBUDゴシック B", TBUDGothic B;
  font-size: 16px;
  font-size: 1.6rem;
  display: table;
  vertical-align: middle;
}
/* line 3588, ../scss/breakpoints/_base.scss */
dl.flow > dt span.num {
  display: table-cell;
  background: #327F6B;
  width: 45px;
  height: 45px;
  vertical-align: middle;
  text-align: center;
  border-radius: 28px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
}
/* line 3599, ../scss/breakpoints/_base.scss */
dl.flow > dt span.con {
  display: table-cell;
  min-height: 45px;
  vertical-align: middle;
  padding: 0 0 0 10px;
}

/* line 3606, ../scss/breakpoints/_base.scss */
dl.flow > dd {
  margin: 0.75em 0 1.5em 55px;
}

/* line 3612, ../scss/breakpoints/_base.scss */
div#hard h3 span.current {
  background: none;
  font-family: "TBUDゴシック R", TBUDGothic R;
  display: inline-block;
  float: right;
}

/*動作環境*/
/* line 3622, ../scss/breakpoints/_base.scss */
dl.hard > dt {
  font-family: "TBUDゴシック B", TBUDGothic B;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0.75em 0 0;
  border-top: 1px solid #191919;
}
/* line 3627, ../scss/breakpoints/_base.scss */
dl.hard > dt br {
  display: none;
}

/* line 3631, ../scss/breakpoints/_base.scss */
dl.hard > dd {
  margin: 0 0 1.5em 0;
  padding: 0.75em 0 0;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 3636, ../scss/breakpoints/_base.scss */
dl.hard > dd ul.list {
  margin: 0;
}

/*TrueType*/
/* line 3644, ../scss/breakpoints/_base.scss */
div.tt h2 {
  margin-top: 3em;
}

/* line 3648, ../scss/breakpoints/_base.scss */
dl.tt_flow > dt {
  font-family: "TBUDゴシック B", TBUDGothic B;
  font-size: 1.125em;
  display: inline-block;
  padding: 5px;
  border: 2px solid;
}

/* line 3655, ../scss/breakpoints/_base.scss */
dl.tt_flow > dd {
  margin: 0.75em 0;
}

/* line 3659, ../scss/breakpoints/_base.scss */
dl.tt_flow > dd > div {
  margin: 1.5em 0;
}
/* line 3662, ../scss/breakpoints/_base.scss */
dl.tt_flow > dd > div span.num {
  display: inline-block;
  background: #327F6B;
  padding: 5px 12px;
  margin: 0 10px 1.5em;
  border-radius: 20px;
  font-size: 1.125em;
  color: #fff;
  float: left;
}
/* line 3672, ../scss/breakpoints/_base.scss */
dl.tt_flow > dd > div ul {
  clear: both;
  margin: 0.75em 1.5em 0.75em 3em;
}
/* line 3676, ../scss/breakpoints/_base.scss */
dl.tt_flow > dd > div ul.annotation {
  clear: both;
  margin: 0.75em 1.5em 0.75em 4em;
}
/* line 3680, ../scss/breakpoints/_base.scss */
dl.tt_flow > dd > div dl {
  clear: both;
  margin: 0.75em 1.5em 0.75em 3em;
}
/* line 3685, ../scss/breakpoints/_base.scss */
dl.tt_flow > dd > div dl.emp {
  margin: 1.5em 1.5em 0.75em 3em !important;
}
/* line 3688, ../scss/breakpoints/_base.scss */
dl.tt_flow > dd > div p {
  margin: 0.75em 1.5em 0.75em 3em;
}

/******************************************************************
1カラム（かなバンク以外）
******************************************************************/
/******************************************************************
会社情報
******************************************************************/
/* line 3703, ../scss/breakpoints/_base.scss */
table.company {
  border: none;
  border-top: 1px solid #ccc;
}
/* line 3710, ../scss/breakpoints/_base.scss */
table.company td {
  padding: 0.75em;
  border-right: none;
}

/* line 3716, ../scss/breakpoints/_base.scss */
div.access {
  max-width: 570px;
  margin: 0 auto;
}
/* line 3719, ../scss/breakpoints/_base.scss */
div.access img {
  border: 1px solid #dddddd;
  margin: 0.75em 0 0;
}

/*ご挨拶*/
/* line 3726, ../scss/breakpoints/_base.scss */
.company_message {
  font-family: "TBUD明朝 M", TBUDMincho M;
}

/*沿革*/
/* line 3731, ../scss/breakpoints/_base.scss */
table.history {
  font-size: 12px;
  font-size: 1.2rem;
  border: none;
  margin: 3em 0;
}
/* line 3737, ../scss/breakpoints/_base.scss */
table.history th {
  border: none;
  border-top: 1px solid #ccc;
  background: #eaeaea;
  color: #191919;
}
/* line 3742, ../scss/breakpoints/_base.scss */
table.history th div {
  margin: 7px 0 0 0;
  background: #efefef;
  color: #191919;
}
/* line 3746, ../scss/breakpoints/_base.scss */
table.history th div span.tb_f {
  display: block;
  padding: 3px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
}
/* line 3751, ../scss/breakpoints/_base.scss */
table.history th div span.tb_f:before {
  content: "★";
  font-size: 11px;
  font-size: 1.1rem;
  color: #005d34;
}
/* line 3758, ../scss/breakpoints/_base.scss */
table.history th div span.ryobi_f {
  display: block;
  padding: 3px;
  vertical-align: middle;
}
/* line 3762, ../scss/breakpoints/_base.scss */
table.history th div span.ryobi_f:before {
  content: "◆";
  font-size: 11px;
  font-size: 1.1rem;
  color: #841717;
}
/* line 3770, ../scss/breakpoints/_base.scss */
table.history td {
  border-right: none;
}
/* line 3774, ../scss/breakpoints/_base.scss */
table.history td ul.tb_f li {
  vertical-align: middle;
}
/* line 3776, ../scss/breakpoints/_base.scss */
table.history td ul.tb_f li:before {
  content: "★";
  font-size: 11px;
  font-size: 1.1rem;
  color: #005d34;
}
/* line 3785, ../scss/breakpoints/_base.scss */
table.history td ul.ryobi_f li {
  vertical-align: middle;
}
/* line 3787, ../scss/breakpoints/_base.scss */
table.history td ul.ryobi_f li:before {
  content: "◆";
  font-size: 11px;
  font-size: 1.1rem;
  color: #841717;
}
/* line 3797, ../scss/breakpoints/_base.scss */
table.history td ul.tb_f + ul.ryobi_f {
  border-top: 1px solid #ccc;
  padding: 7px 0 0;
}

/******************************************************************
特集一覧
******************************************************************/
/*特集一覧バナー、TOPバナー 、フォントページひもづけ*/
/* line 3809, ../scss/breakpoints/_base.scss */
div.feature_article_image_wrap a, div.feature-thumbnail-wrap a, div.family_feature_article_image_wrap a {
  margin: 0;
  line-height: 0;
  border: 1px solid #009051;
  display: block;
  -webkit-transition: opacity 0.24s ease-in-out;
  transition: opacity 0.24s ease-in-out;
}
/* line 3815, ../scss/breakpoints/_base.scss */
div.feature_article_image_wrap a:hover, div.feature_article_image_wrap a:focus, div.feature-thumbnail-wrap a:hover, div.feature-thumbnail-wrap a:focus, div.family_feature_article_image_wrap a:hover, div.family_feature_article_image_wrap a:focus {
  filter: alpha(opacity=50);
  opacity: 0.5;
  border: 1px solid #005d34;
}
/* line 3820, ../scss/breakpoints/_base.scss */
div.feature_article_image_wrap a img, div.feature-thumbnail-wrap a img, div.family_feature_article_image_wrap a img {
  width: 100%;
  height: auto;
  margin: 0;
}

/******************************************************************
特集
******************************************************************/
/* line 3834, ../scss/breakpoints/_base.scss */
main.feature {
  padding: 10px 0;
  /*プロフィール*/
}
/* line 3836, ../scss/breakpoints/_base.scss */
main.feature h1.single-title {
  font-family: "UDタイポス512", UDTypos512;
  font-size: 28px;
  font-size: 2.8rem;
}
/* line 3843, ../scss/breakpoints/_base.scss */
main.feature h2 {
  font-family: "UDタイポス512", UDTypos512;
}
/* line 3847, ../scss/breakpoints/_base.scss */
main.feature h3 {
  font-family: "UDタイポス512", UDTypos512;
}
/* line 3850, ../scss/breakpoints/_base.scss */
main.feature em, main.feature strong {
  font-family: "UDタイポス512", UDTypos512;
}
/* line 3854, ../scss/breakpoints/_base.scss */
main.feature .entry-content {
  font-family: "UDタイポス58", UDTypos58;
  line-height: 1.6;
}
/* line 3860, ../scss/breakpoints/_base.scss */
main.feature div.profile {
  overflow: hidden;
  margin: 50px 0 0;
}
/* line 3863, ../scss/breakpoints/_base.scss */
main.feature div.profile dl {
  margin: 0;
}
/* line 3865, ../scss/breakpoints/_base.scss */
main.feature div.profile dl dt {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "UDタイポス512", UDTypos512;
  color: #444;
}
/* line 3871, ../scss/breakpoints/_base.scss */
main.feature div.profile dl dd {
  color: #444;
  font-family: "UDタイポス58", UDTypos58;
}

/*枠*/
/* line 3880, ../scss/breakpoints/_base.scss */
.exp {
  border: 1px solid #ccc;
  padding: 1.5em;
}
/* line 3883, ../scss/breakpoints/_base.scss */
.exp img {
  margin: 0;
}

/*対談*/
/* line 3889, ../scss/breakpoints/_base.scss */
dl.talk {
  margin-bottom: 3em;
}
/* line 3891, ../scss/breakpoints/_base.scss */
dl.talk dt {
  font-family: "UDタイポス512", UDTypos512;
  float: left;
  margin: 0 0 1.5em 0;
}
/* line 3896, ../scss/breakpoints/_base.scss */
dl.talk dd {
  margin: 0 0 1.5em 4em;
  font-size: 14px;
  font-size: 1.4rem;
}

/******************************************************************
検索一覧
******************************************************************/
/* line 3907, ../scss/breakpoints/_base.scss */
body.search-results div.tb_famdesc a, body.search-results div.status-publish a {
  display: block;
  margin-top: 0.75em;
  text-decoration: none;
  background: #fff;
  box-shadow: 0 0 2px rgba(49, 49, 49, 0.5);
  border-radius: 4px;
  -webkit-transition: background 0.24s ease-in-out;
  transition: background 0.24s ease-in-out;
}
/* line 3915, ../scss/breakpoints/_base.scss */
body.search-results div.tb_famdesc a:hover, body.search-results div.tb_famdesc afocus, body.search-results div.status-publish a:hover, body.search-results div.status-publish afocus {
  background: #e9f2e9;
}
/* line 3918, ../scss/breakpoints/_base.scss */
body.search-results div.tb_famdesc a h3, body.search-results div.status-publish a h3 {
  margin: 0;
  padding: 2% 3% 0 3%;
  line-height: 1.1;
}
/* line 3923, ../scss/breakpoints/_base.scss */
body.search-results div.tb_famdesc a p.byline, body.search-results div.status-publish a p.byline {
  padding: 0 3%;
}
/* line 3926, ../scss/breakpoints/_base.scss */
body.search-results div.tb_famdesc a .entry-content, body.search-results div.status-publish a .entry-content {
  padding: 0 3% 3% 3%;
  color: #444;
}

/* line 3935, ../scss/breakpoints/_base.scss */
body.search-no-results h1, body.search-results h1 {
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/******************************************************************
プライバシーポリシー
******************************************************************/
/* line 3945, ../scss/breakpoints/_base.scss */
dl.privacy dt {
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/******************************************************************
価格シミュレーション
******************************************************************/
/* line 3953, ../scss/breakpoints/_base.scss */
#favorite_calculation {
  background: #fff;
  padding: 1.5em;
}

/* line 3957, ../scss/breakpoints/_base.scss */
table.ip_tbfa {
  border: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 3960, ../scss/breakpoints/_base.scss */
table.ip_tbfa th {
  width: 50%;
  background: #f6f6f6;
  border: none;
  border-bottom: 1px solid #ccc;
  color: #191919;
}
/* line 3967, ../scss/breakpoints/_base.scss */
table.ip_tbfa td {
  border-bottom: 1px solid #ccc;
  background: #f6f6f6;
}

/* line 3973, ../scss/breakpoints/_base.scss */
.estimate_result {
  margin-bottom: 0.75em;
}
/* line 3975, ../scss/breakpoints/_base.scss */
.estimate_result h2 {
  font-family: "TBUDゴシック E", TBUDGothic E;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0 0 0.75em;
  text-align: center;
}
/* line 3980, ../scss/breakpoints/_base.scss */
.estimate_result h2 small {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "TBUDゴシック B", TBUDGothic B;
}
/* line 3985, ../scss/breakpoints/_base.scss */
.estimate_result h3 {
  font-family: "TBUDゴシック E", TBUDGothic E;
  font-size: 16px;
  font-size: 1.6rem;
  clear: both;
  text-align: center;
}
/* line 3992, ../scss/breakpoints/_base.scss */
.estimate_result div.center .passport_price, .estimate_result div.center .selectpack_price, .estimate_result div.center .spu_price {
  color: #f33;
  font-family: "TBUDゴシック E", TBUDGothic E;
  font-size: 18px;
  font-size: 1.8rem;
}

/* line 3999, ../scss/breakpoints/_base.scss */
.estimate_result > div {
  padding: 10px;
  border: 2px solid #666;
  border-radius: 4px;
  margin: 0.75em 0;
  vertical-align: middle;
  overflow: hidden;
  background: #fff;
}

/* line 4009, ../scss/breakpoints/_base.scss */
.unavailable_font {
  clear: both;
  padding-top: 0.75em;
}

/* line 4015, ../scss/breakpoints/_base.scss */
.all_sp5, .all_sp1, .all_spplus, .unav_sp5, .unav_spplus, .unav_sp1 {
  display: inline-block;
  padding: 2px 6px;
  background: #f4dfec;
  font-family: "TBUDゴシック E", TBUDGothic E;
}

/* line 4023, ../scss/breakpoints/_base.scss */
.simulation_top div {
  margin: 1.5em 0;
  padding: 0.75em 1.5em;
  background: #eaeaea;
  border-radius: 4px;
}

/* line 4031, ../scss/breakpoints/_base.scss */
.simulation_top, .simulation_bottom {
  margin: 30px 0;
  border-top: 2px solid;
}
/* line 4034, ../scss/breakpoints/_base.scss */
.simulation_top h2, .simulation_bottom h2 {
  font-family: "TBUDゴシック E", TBUDGothic E;
}
/* line 4037, ../scss/breakpoints/_base.scss */
.simulation_top h3, .simulation_bottom h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "TBUDゴシック B", TBUDGothic B;
  margin: 0.75em 0;
}
/* line 4043, ../scss/breakpoints/_base.scss */
.simulation_top dl dt, .simulation_bottom dl dt {
  font-family: "TBUDゴシック B", TBUDGothic B;
  font-size: 16px;
  font-size: 1.6rem;
}

/******************************************************************
お見積フォーム
******************************************************************/
/* line 4053, ../scss/breakpoints/_base.scss */
table.dm th {
  width: 30%;
}
/* line 4056, ../scss/breakpoints/_base.scss */
table.dm td {
  width: 70%;
}
/* line 4058, ../scss/breakpoints/_base.scss */
table.dm td label {
  margin: 0 0.75em 0 0;
}

/* line 4064, ../scss/breakpoints/_base.scss */
table.customer_info, table.server_info, table.server_info, table.server_dev, table.server_system {
  font-size: 13px;
  font-size: 1.3rem;
  background-color: #efefef;
  border: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0 0 3em;
}
/* line 4071, ../scss/breakpoints/_base.scss */
table.customer_info th, table.server_info th, table.server_info th, table.server_dev th, table.server_system th {
  background: none;
  border: none;
  color: #333;
  width: 30%;
}
/* line 4076, ../scss/breakpoints/_base.scss */
table.customer_info th span.red, table.server_info th span.red, table.server_info th span.red, table.server_dev th span.red, table.server_system th span.red {
  float: right;
}
/* line 4080, ../scss/breakpoints/_base.scss */
table.customer_info td, table.server_info td, table.server_info td, table.server_dev td, table.server_system td {
  width: 70%;
}
/* line 4082, ../scss/breakpoints/_base.scss */
table.customer_info td label, table.server_info td label, table.server_info td label, table.server_dev td label, table.server_system td label {
  margin: 0 0.75em 0 0;
}
/* line 4086, ../scss/breakpoints/_base.scss */
table.customer_info tr, table.server_info tr, table.server_info tr, table.server_dev tr, table.server_system tr {
  border-bottom: #ccc;
}
/* line 4090, ../scss/breakpoints/_base.scss */
table.customer_info tr:nth-child(even), table.server_info tr:nth-child(even), table.server_info tr:nth-child(even), table.server_dev tr:nth-child(even), table.server_system tr:nth-child(even) {
  background-color: #eaeaea;
}
/* line 4093, ../scss/breakpoints/_base.scss */
table.customer_info tr span, table.server_info tr span, table.server_info tr span, table.server_dev tr span, table.server_system tr span {
  display: inline-block;
}

/* line 4102, ../scss/breakpoints/_base.scss */
.pp_block h3 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 0;
}

/* line 4109, ../scss/breakpoints/_base.scss */
.pp_block > dl {
  margin: 0.75em 0;
  padding: 1.5em;
  background: #e5e5e5;
}
/* line 4113, ../scss/breakpoints/_base.scss */
.pp_block > dl dt {
  font-family: "TBUDゴシック B", TBUDGothic B;
}
/* line 4116, ../scss/breakpoints/_base.scss */
.pp_block > dl dd {
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 4119, ../scss/breakpoints/_base.scss */
.pp_block > dl dd dl dt {
  font-size: 14px;
  font-size: 1.4rem;
}

/* line 4128, ../scss/breakpoints/_base.scss */
.products_num th {
  width: 50%;
  background: #191919;
}
/* line 4132, ../scss/breakpoints/_base.scss */
.products_num th.passport {
  background: #005d34;
}

/******************************************************************
サイトマップ
******************************************************************/
/* line 4141, ../scss/breakpoints/_base.scss */
ul.sitemap li {
  padding: 5px 0;
  font-size: 21px;
  font-size: 2.1rem;
  font-family: "TBUD明朝 H", TBUDMincho H;
}
/* line 4145, ../scss/breakpoints/_base.scss */
ul.sitemap li ul {
  padding: 0  0.75em;
  border-left: 2px dotted #009051;
}
/* line 4148, ../scss/breakpoints/_base.scss */
ul.sitemap li ul li {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "TBUDゴシック B", TBUDGothic B;
}
/* line 4151, ../scss/breakpoints/_base.scss */
ul.sitemap li ul li ul {
  margin: 0.75em;
}
/* line 4153, ../scss/breakpoints/_base.scss */
ul.sitemap li ul li ul li {
  font-family: "TBUDゴシック R", TBUDGothic R;
}
/* line 4159, ../scss/breakpoints/_base.scss */
ul.sitemap li a {
  text-decoration: none;
}
/* line 4161, ../scss/breakpoints/_base.scss */
ul.sitemap li a:hover, ul.sitemap li a:focus {
  text-decoration: underline;
}

/******************************************************************
ユニバーサルフォント
******************************************************************/
/* line 4172, ../scss/breakpoints/_base.scss */
dl.rec_pro {
  text-align: center;
  margin: 1.5em 0;
  padding: 1.5em;
  background: #fff;
}
/* line 4177, ../scss/breakpoints/_base.scss */
dl.rec_pro dt {
  font-family: "TBUDゴシック B", TBUDGothic B;
}
/* line 4180, ../scss/breakpoints/_base.scss */
dl.rec_pro dd {
  margin-bottom: 0;
}
/* line 4181, ../scss/breakpoints/_base.scss */
dl.rec_pro dd p {
  font-family: "TBUDゴシック B", TBUDGothic B;
}

/* line 4188, ../scss/breakpoints/_base.scss */
.ud {
  padding: 1.5em;
  text-align: center;
}
/* line 4191, ../scss/breakpoints/_base.scss */
.ud h1 {
  font-family: "TBUDゴシック E", TBUDGothic E;
}
/* line 4194, ../scss/breakpoints/_base.scss */
.ud div {
  padding: 0;
}
/* line 4196, ../scss/breakpoints/_base.scss */
.ud div img {
  margin: 0;
}
/* line 4201, ../scss/breakpoints/_base.scss */
.ud div.ud_use {
  border: 2px solid;
}
/* line 4203, ../scss/breakpoints/_base.scss */
.ud div.ud_use h2 {
  margin-top: 0;
}
/* line 4207, ../scss/breakpoints/_base.scss */
.ud div.ud_maker {
  margin-top: 1.5em;
  background: #eaeaea;
  padding: 1.5em;
  text-align: left;
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 4213, ../scss/breakpoints/_base.scss */
.ud div.ud_maker h3 {
  margin-top: 0;
}

/* 郵便番号検索を確認画面で隠す */
/* line 4220, ../scss/breakpoints/_base.scss */
.mw_wp_form_preview input[name="search_zip"], .mw_wp_form_preview input[name="server_search_zip"], .mw_wp_form_preview input[name="dev_search_zip"] {
  display: none;
}

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name:TypeBank
  Author:tenkai
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  
  ******************************************************************/
  /*
  IMPORTANT NOTE ABOUT SASS 3.3 & UP
  You can't use @extend within media queries
  anymore, so just be aware that if you drop
  them in here, they won't work.
  */
  /*********************
  HEADER
  *********************/
  /* line 35, ../scss/breakpoints/_481up.scss */
  .header_bread_search form div input[type="search"] {
    width: 210px;
  }

  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.scss */
  /* line 51, ../scss/breakpoints/_481up.scss */
  .menu {
    /* end .menu ul */
  }
  /* line 52, ../scss/breakpoints/_481up.scss */
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  /* line 53, ../scss/breakpoints/_481up.scss */
  .menu ul li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  /* line 54, ../scss/breakpoints/_481up.scss */
  .menu ul li a {
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }

  /* end .menu */
  /* line 95, ../scss/breakpoints/_481up.scss */
  ul#menu-main_menu li.m_none {
    display: block;
  }

  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  /* line 104, ../scss/breakpoints/_481up.scss */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  /* line 108, ../scss/breakpoints/_481up.scss */
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  /* line 113, ../scss/breakpoints/_481up.scss */
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  /* line 118, ../scss/breakpoints/_481up.scss */
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }

  /* end .entry-content */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  check your menus here. do they look good?
  do they need tweaking?
  */
  /* end .footer-links */
  /* line 141, ../scss/breakpoints/_481up.scss */
  .use_tbfont {
    text-align: left;
    display: inline-block;
  }

  /* line 145, ../scss/breakpoints/_481up.scss */
  .copyright {
    float: right;
  }
  /* line 148, ../scss/breakpoints/_481up.scss */
  .copyright br {
    display: none;
  }

  /*********************
  MAIN
  *********************/
  /*タブきりかえ*/
  /* line 159, ../scss/breakpoints/_481up.scss */
  div.menu-font_basic_navi-container ul#menu-font_basic_navi {
    font-size: 14px;
    font-size: 1.4rem;
  }
  /* line 162, ../scss/breakpoints/_481up.scss */
  div.menu-font_basic_navi-container ul#menu-font_basic_navi li a {
    padding: 3px 0;
  }

  /*フォント検索*/
  /* line 172, ../scss/breakpoints/_481up.scss */
  #main form div.font_search input[type="search"] {
    width: 80%;
  }

  /* line 181, ../scss/breakpoints/_481up.scss */
  .search_criteria_wrap {
    font-size: 12px;
    font-size: 1.2rem;
  }
  /* line 183, ../scss/breakpoints/_481up.scss */
  .search_criteria_wrap h2 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  /* line 187, ../scss/breakpoints/_481up.scss */
  .search_criteria_wrap .crit_type_tabs span {
    font-size: 13px;
    font-size: 1.3rem;
  }

  /*フォント詳細ページ*/
  /* line 193, ../scss/breakpoints/_481up.scss */
  .harukaze_1st_wrap {
    width: 100%;
  }

  /*はル風ダイアログ*/
  /* line 200, ../scss/breakpoints/_481up.scss */
  #harukaze_dialog #close_harukaze_button {
    top: 20px;
    right: 20px;
  }
  /* line 205, ../scss/breakpoints/_481up.scss */
  #harukaze_dialog #zoomup_harukaze_button {
    top: 50px;
    right: 60px;
  }
  /* line 210, ../scss/breakpoints/_481up.scss */
  #harukaze_dialog #zoomdown_harukaze_button {
    top: 90px;
    right: 60px;
  }
  /* line 215, ../scss/breakpoints/_481up.scss */
  #harukaze_dialog #help_harukaze_up {
    top: 130px;
    right: 60px;
  }

  /*PASSPORT*/
  /* line 226, ../scss/breakpoints/_481up.scss */
  .passport h2.ttl {
    font-size: 32px;
    font-size: 3.2rem;
  }
  /* line 228, ../scss/breakpoints/_481up.scss */
  .passport h2.ttl span {
    font-size: 21px;
    font-size: 2.1rem;
  }

  /*SelectPack*/
  /* line 236, ../scss/breakpoints/_481up.scss */
  .selectpack h2.ttl {
    font-size: 32px;
    font-size: 3.2rem;
  }
  /* line 238, ../scss/breakpoints/_481up.scss */
  .selectpack h2.ttl span {
    font-size: 21px;
    font-size: 2.1rem;
  }

  /*Select Pack　ライセンスの使い方について*/
  /* line 246, ../scss/breakpoints/_481up.scss */
  .select_lisence h3 {
    margin: 0.75em;
    font-family: "TBUDゴシック B", TBUDGothic B;
    background: none;
    color: #191919;
  }
  /* line 253, ../scss/breakpoints/_481up.scss */
  .select_lisence h4 {
    margin: 0.75em 1.5em 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
  /* line 256, ../scss/breakpoints/_481up.scss */
  .select_lisence h4 br {
    display: none;
  }
  /* line 260, ../scss/breakpoints/_481up.scss */
  .select_lisence p {
    padding: 0.75em 1.5em 0;
  }
  /* line 265, ../scss/breakpoints/_481up.scss */
  .select_lisence div.onelisence p {
    padding: 0.75em 1.5em 0;
  }
  /* line 269, ../scss/breakpoints/_481up.scss */
  .select_lisence div.onelisence dl dt {
    padding: 0 1.5em;
  }
  /* line 273, ../scss/breakpoints/_481up.scss */
  .select_lisence div.onelisence dl dd ul.list {
    padding: 0 1.5em 0 2em;
  }
  /* line 275, ../scss/breakpoints/_481up.scss */
  .select_lisence div.onelisence dl dd ul.list li {
    margin-bottom: 5px;
  }

  /*パスポート*/
  /* line 287, ../scss/breakpoints/_481up.scss */
  .passport .passport_system h3 {
    margin: 0.75em 1.5em;
    font-size: 16px;
    font-size: 1.6rem;
  }
  /* line 290, ../scss/breakpoints/_481up.scss */
  .passport .passport_system h3 br {
    display: none;
  }
  /* line 294, ../scss/breakpoints/_481up.scss */
  .passport .passport_system p {
    margin: 0.75em 1.5em;
  }

  /*ボタン*/
  /* line 301, ../scss/breakpoints/_481up.scss */
  a#get_font_pdf, a.link_est_form, .btn a {
    width: 80%;
  }

  /*ボタン　白*/
  /* line 306, ../scss/breakpoints/_481up.scss */
  .btn_w a {
    width: 80%;
  }

  /*かなバンク*/
  /* line 312, ../scss/breakpoints/_481up.scss */
  div.kanaranger {
    width: 80%;
  }
  /* line 314, ../scss/breakpoints/_481up.scss */
  div.kanaranger img {
    float: right;
    max-width: 380px;
  }

  /*動作環境*/
  /* line 322, ../scss/breakpoints/_481up.scss */
  dl.hard > dt {
    float: left;
    border-top: 1px solid #191919;
    width: 12em;
  }
  /* line 326, ../scss/breakpoints/_481up.scss */
  dl.hard > dt br {
    display: inline-block;
  }

  /* line 330, ../scss/breakpoints/_481up.scss */
  dl.hard > dd {
    margin: 0 0 1.5em 14em;
    border-top: 1px solid #999;
  }
}
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name:TypeBank
  Author:tenkai
  
  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 26, ../scss/breakpoints/_768up.scss */
  .wrap {
    width: 760px;
  }

  /*********************
  HEADER STYLES
  *********************/
  /* line 38, ../scss/breakpoints/_768up.scss */
  #inner-header #logo a {
    width: 100px;
    height: 100px;
  }

  /* line 44, ../scss/breakpoints/_768up.scss */
  .header_bread_search {
    position: relative;
    min-height: 55px;
  }
  /* line 48, ../scss/breakpoints/_768up.scss */
  .header_bread_search .bread {
    margin: 18px 0 0 120px;
    max-width: 370px;
  }
  /* line 54, ../scss/breakpoints/_768up.scss */
  .header_bread_search form div {
    position: absolute;
    top: 10px;
    right: 0;
    margin: 0;
    float: none;
  }
  /* line 60, ../scss/breakpoints/_768up.scss */
  .header_bread_search form div input[type="search"] {
    width: 195px;
  }

  /* line 69, ../scss/breakpoints/_768up.scss */
  #open_accordion {
    display: none;
  }

  /*********************
  NAVIGATION STYLES
  *********************/
  /* line 76, ../scss/breakpoints/_768up.scss */
  .nav {
    border: 0;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  /* line 78, ../scss/breakpoints/_768up.scss */
  .nav ul {
    background: #191919;
    margin-top: 0;
  }
  /* line 82, ../scss/breakpoints/_768up.scss */
  .nav li {
    float: left;
    position: relative;
    /*
    plan your menus and drop-downs wisely.
    */
    /* showing sub-menus */
  }
  /* line 86, ../scss/breakpoints/_768up.scss */
  .nav li:first-child a span {
    border-left: none !important;
  }
  /* line 90, ../scss/breakpoints/_768up.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 92, ../scss/breakpoints/_768up.scss */
  .nav li a span {
    padding: 0 1.5em;
  }
  /* line 110, ../scss/breakpoints/_768up.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;
    font-size: 12px;
    /* highlight sub-menu current page */
  }
  /* line 119, ../scss/breakpoints/_768up.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 121, ../scss/breakpoints/_768up.scss */
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    padding: 10px;
    border-right: 0;
    display: block;
    width: 200px;
    border-bottom: 1px solid #ccc;
  }
  /* line 138, ../scss/breakpoints/_768up.scss */
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  /* line 148, ../scss/breakpoints/_768up.scss */
  .nav li ul.sub-menu li ul,
  .nav li ul.children li ul {
    top: 0;
    left: 100%;
  }
  /* line 163, ../scss/breakpoints/_768up.scss */
  .nav li:hover > ul {
    top: auto;
    visibility: visible;
  }

  /* end .nav */
  /* line 179, ../scss/breakpoints/_768up.scss */
  .m_non {
    display: block;
  }

  /*********************
  SIDEBARS & ASIDES
  *********************/
  /* line 187, ../scss/breakpoints/_768up.scss */
  #inner-content {
    position: relative;
  }

  /* line 191, ../scss/breakpoints/_768up.scss */
  .sidebar {
    margin: 0;
    display: inline-block;
  }

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

  /* line 205, ../scss/breakpoints/_768up.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 */
  /* line 306, ../scss/breakpoints/_768up.scss */
  #sidebar1 {
    min-height: 1px;
  }

  /*********************
  FOOTER STYLES
  *********************/
  /*
  you'll probably need to do quite a bit
  of overriding here if you styled them for
  mobile. Make sure to double check these!
  */
  /* line 321, ../scss/breakpoints/_768up.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.
    */
  }

  /* end .footer-links */
  /*********************
  SIDE
  *********************/
  /* line 341, ../scss/breakpoints/_768up.scss */
  .sidebar .widgettitle {
    background: none;
    color: #191919;
  }
  /* line 344, ../scss/breakpoints/_768up.scss */
  .sidebar .widgettitle:hover, .sidebar .widgettitle:focus {
    background: none !important;
    cursor: default;
  }
  /* line 348, ../scss/breakpoints/_768up.scss */
  .sidebar .widgettitle.acc-opening {
    background: none;
  }

  /*非表示*/
  /* line 357, ../scss/breakpoints/_768up.scss */
  #sidebar2 {
    display: none;
  }

  /*表示*/
  /* line 364, ../scss/breakpoints/_768up.scss */
  #sidebar1 .widget_tb_text_widget {
    display: block;
  }

  /*********************
  MAIN
  *********************/
  /*フォント検索*/
  /* line 376, ../scss/breakpoints/_768up.scss */
  #main form div.font_search input[type="search"] {
    width: 85%;
  }

  /*PASSPORT*/
  /* line 386, ../scss/breakpoints/_768up.scss */
  .passport h2.ttl {
    font-size: 36px;
    font-size: 3.6rem;
  }
  /* line 388, ../scss/breakpoints/_768up.scss */
  .passport h2.ttl span {
    font-size: 24px;
    font-size: 2.4rem;
  }

  /*SelectPack*/
  /* line 396, ../scss/breakpoints/_768up.scss */
  .selectpack h2.ttl {
    font-size: 36px;
    font-size: 3.6rem;
  }
  /* line 398, ../scss/breakpoints/_768up.scss */
  .selectpack h2.ttl span {
    font-size: 24px;
    font-size: 2.4rem;
  }

  /******************************************************************
  1カラム（かなバンク以外）
  ******************************************************************/
  /* line 408, ../scss/breakpoints/_768up.scss */
  .one_col {
    margin: 0 100px !important;
    padding: 0 !important;
  }

  /******************************************************************
  製品情報
  ******************************************************************/
  /* line 420, ../scss/breakpoints/_768up.scss */
  .products section li a.pro2 img {
    width: 100%;
    margin: 0;
  }

  /*かなバンク*/
  /* line 432, ../scss/breakpoints/_768up.scss */
  div.kb_wrap_top {
    padding: 50px 105px;
  }

  /*Select Pack　ライセンスの使い方について*/
  /* line 439, ../scss/breakpoints/_768up.scss */
  .select_lisence h4 br {
    display: block;
  }

  /*パスポート*/
  /* line 449, ../scss/breakpoints/_768up.scss */
  .passport .passport_system h3 br {
    display: block;
  }

  /******************************************************************
  ファミリーページ
  ******************************************************************/
  /* line 461, ../scss/breakpoints/_768up.scss */
  .family-back-button {
    text-align: left;
  }

  /* line 464, ../scss/breakpoints/_768up.scss */
  .related-families {
    width: 40%;
    float: right;
  }

  /* line 469, ../scss/breakpoints/_768up.scss */
  .font_purchase {
    display: table-cell;
    width: 40%;
    float: right;
  }

  /* line 475, ../scss/breakpoints/_768up.scss */
  .font-image-list {
    width: 59%;
    float: left;
  }

  /* line 480, ../scss/breakpoints/_768up.scss */
  .font-image-list:lang(en) {
    width: 100%;
    float: none;
  }

  /* line 485, ../scss/breakpoints/_768up.scss */
  .font-system-list {
    width: 59%;
    float: left;
  }

  /******************************************************************
  特集ページ
  ******************************************************************/
  /* line 495, ../scss/breakpoints/_768up.scss */
  main.feature {
    padding: 0 0.75em 0 0;
  }
}
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 1030px) {
  /******************************************************************
  Site Name:TypeBank
  Author:tenkai
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.
  
  ******************************************************************/
  /* line 12, ../scss/breakpoints/_1030up.scss */
  .wrap {
    width: 1040px;
  }

  /* line 17, ../scss/breakpoints/_1030up.scss */
  .header_bread_search .bread {
    max-width: 630px;
  }

  /******************************************************************
  共通設定
  ******************************************************************/
  /* line 25, ../scss/breakpoints/_1030up.scss */
  .fleft {
    float: left;
  }

  /* line 30, ../scss/breakpoints/_1030up.scss */
  .fright {
    float: right;
  }

  /*********************
  MAIN
  *********************/
  /*PASSPORT*/
  /* line 40, ../scss/breakpoints/_1030up.scss */
  .passport h2.ttl {
    font-size: 42px;
    font-size: 4.2rem;
  }
  /* line 42, ../scss/breakpoints/_1030up.scss */
  .passport h2.ttl span {
    font-size: 28px;
    font-size: 2.8rem;
  }

  /*SelectPack*/
  /* line 50, ../scss/breakpoints/_1030up.scss */
  .selectpack h2.ttl {
    font-size: 42px;
    font-size: 4.2rem;
  }
  /* line 52, ../scss/breakpoints/_1030up.scss */
  .selectpack h2.ttl span {
    font-size: 28px;
    font-size: 2.8rem;
  }

  /******************************************************************
  製品情報
  ******************************************************************/
  /*組込み製品*/
  /* line 64, ../scss/breakpoints/_1030up.scss */
  .emp .fleft .bitmapimg {
    width: 290px;
    height: 220px;
  }
  /* line 69, ../scss/breakpoints/_1030up.scss */
  .emp .fleft + ul {
    float: left;
    margin: 1.5rem;
  }

  /*Select Pack　ライセンスの使い方について*/
  /* line 77, ../scss/breakpoints/_1030up.scss */
  .select_lisence h4 br {
    display: none;
  }

  /*パスポート*/
  /* line 87, ../scss/breakpoints/_1030up.scss */
  .passport .passport_system h3 br {
    display: none;
  }

  /******************************************************************
  会社情報
  ******************************************************************/
  /*ご挨拶*/
  /* line 98, ../scss/breakpoints/_1030up.scss */
  .company_message {
    margin: 0 100px;
    line-height: 1.8;
  }

  /******************************************************************
  特集ページ
  ******************************************************************/
  /* line 108, ../scss/breakpoints/_1030up.scss */
  main.feature {
    padding: 30px 80px 0 100px;
  }
}
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Site Name: TypeBank
  Author: tenkai
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/
}
/*********************
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, ../scss/partials/_print.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

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

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

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

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

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

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

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

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

  /* line 74, ../scss/partials/_print.scss */
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav,
  .social-buttons-wrap,
  .searchform,
  .footermenu,
  .gotop,
  .sns_b,
  .font_search,
  header_bread_search {
    display: none;
  }

  /* line 90, ../scss/partials/_print.scss */
  .d-5of7 {
    width: 100%;
  }

  /* line 94, ../scss/partials/_print.scss */
  .one_col {
    margin: 1em 0px 70px;
  }

  /* line 98, ../scss/partials/_print.scss */
  main > article > header > h1, main > h1.archive-title {
    text-align: center !important;
    font-size: 18px !important;
  }

  /* line 102, ../scss/partials/_print.scss */
  #inner-header {
    position: relative;
  }
  /* line 104, ../scss/partials/_print.scss */
  #inner-header #logo {
    padding-top: 1.5em;
  }
  /* line 106, ../scss/partials/_print.scss */
  #inner-header #logo a {
    box-shadow: none;
  }

  /* line 112, ../scss/partials/_print.scss */
  .font-tab-menu-wrap {
    margin-top: 80px;
  }
}