/*
Theme Name: Adaption
Theme URI: https://wordpress.com/themes/adaption/
Description: A theme that adapts to your content, making sure it looks good on any device. Full width featured images make your content stand out. This theme adapts as add widgets with a 3rd column added to the layout.
Version: 1.0.6
Author: Automattic
Author URI: http://themes.wordpress.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: adaption
Tags: black, white, red, three-columns, two-columns, responsive-layout, fluid-layout, custom-colors, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, translation-ready, photoblogging, custom-background

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Adaption is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Clearings
3.0 - Alignments
4.0 - Typography
5.0 - Elements
6.0 - Forms
7.0 - Media
8.0 - Navigation
9.0 - Accessiblity
10.0 - Widgets
11.0 - Content
12.0 - Infinite scroll
13.0 - Media
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 55.0%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box;
  /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  -moz-box-sizing: border-box;
  /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  box-sizing: border-box;
}

body {
  background: white;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
  display: block;
}

ol, ul {
  list-style: none;
}

table {
  /* tables still need 'cellbaseline="0"' in the markup */
  border-collapse: separate;
  border-baseline: 0;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

::selection {
  background: #cf000f;
  color: white;
}

::-moz-selection {
  background: #cf000f;
  color: white;
}

/*--------------------------------------------------------------
2.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: '';
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 20px;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

img.alignright {
  margin-left: 10px;
}

img.alignleft {
  margin-right: 10px;
}

/*--------------------------------------------------------------
4.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #444444;
  font-family: "Arimo", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #111111;
  font-family: "Arimo", sans-serif;
  margin-bottom: 10px;
}

h1 {
  font-size: 25.6px;
  font-size: 2.56rem;
  font-weight: 700;
  line-height: 1.17188;
}

h2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
}

h3 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.875;
}

h4 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2.14286;
}

h5 {
  font-size: 12.5px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2.4;
}

h6 {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 2.5;
}

h1.page-title {
  color: #777777;
}

h1.entry-title a,
h1.entry-title a:visited {
  color: #ffffff;
}

h1.entry-title a:hover {
  color: #cf000f;
  text-decoration: none;
}

h1.widget-title {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 20px 0;
  text-transform: uppercase;
}

h1.site-title {
  font-size: 25.6px;
  font-size: 2.56rem;
  font-weight: 700;
  text-transform: uppercase;
}

h1.site-title a:hover {
  color: #a00101;
}

h2.site-description {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 200;
  opacity: 0.8;
}

h2.comments-title {
  font-size: 25.6px;
  font-size: 2.56rem;
  padding-bottom: 40px;
}

.widget {
  font-size: 14px;
  font-size: 1.4rem;
}

p {
  margin-bottom: 20px;
}

b, strong {
  font-weight: bold;
}

dfn, cite, em, i {
  font-style: italic;
}

.format-quote .entry-content,
blockquote {
  border-top: 2px solid #eeeeee;
  border-bottom: 2px solid #eeeeee;
  color: #777777;
  font-style: italic;
  padding: 40px 0 20px 0;
}

blockquote {
  margin: 20px 0;
}

.format-quote .entry-content blockquote {
  border-top: none;
  border-bottom: none;
  margin: 0;
  padding: 0;
}

address {
  margin: 0 0 20px;
}

pre {
  background: #eeeeee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 20px;
  max-width: 100%;
  overflow: auto;
  padding: 20px;
}

code, kbd, tt, var {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
  border-bottom: 1px dotted #777777;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
5.0 Elements
--------------------------------------------------------------*/
hr {
  background-color: #2f3134;
  border: 0;
  height: 1px;
  margin-bottom: 20px;
}

figure {
  margin: 0;
}

ul, ol {
  margin: 0 0 20px 40px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 20px 20px;
}

table {
  margin: 0 0 20px;
  width: 100%;
}

th {
  font-weight: bold;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */
}

select {
  width: 100%;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #777777;
  border: 3px solid #eeeeee;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #333333;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 4px;
}

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 98%;
}

.search-form input.search-field {
  background: whitesmoke;
  border: 1px solid #dddddd;
  color: #444444 !important;
  padding: 5px 10px;
  width: 90%;
}

#secondary .search-form input.search-field {
  background: #cccccc;
}

.search-form input:focus {
  background: white;
  border: 1px solid #333333;
  box-shadow: none;
  outline: none;
}

button {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: white;
  border: 3px solid #2f3134;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  color: #2f3134;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 5px 10px;
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: white;
  border: 3px solid #cf000f;
  color: #cf000f;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  background: white;
  border: 3px solid #cf000f;
  color: #cf000f;
}

/*--------------------------------------------------------------
7.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.wp-caption {
  border: 1px solid #cccccc;
  margin-bottom: 20px;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 1.2% auto 0;
  max-width: 98%;
}
.wp-caption .wp-caption-text {
  margin: 10px 0;
}

.gallery-caption {
  font-size: 90%;
}

.wp-caption-text {
  font-size: 85%;
  text-align: center;
}

.site-main .gallery {
  margin-bottom: 20px;
}
.site-main .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}
.site-main .gallery dd {
  margin: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  max-width: 100%;
}

.entry-thumbnail {
  text-align: center;
}

img.alignleft {
  margin: 20px 20px 20px 0;
}

img.alignright {
  margin: 20px 0 20px 20px;
}

img.aligncenter {
  margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Navigation
--------------------------------------------------------------*/
.main-navigation {
  background: #cf000f;
  clear: both;
  font-weight: 700;
  padding: 0;
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  background: #cf000f;
  color: white;
  display: none;
  margin: 0;
  padding: 0;
}
.main-navigation ul ul li:first-child a {
  padding: 10px 20px 10px 40px;
}
.main-navigation ul ul li:last-child a {
  padding: 10px 20px 10px 40px;
}
.main-navigation ul ul ul li:first-child a {
  padding: 10px 20px 10px 60px;
}
.main-navigation ul ul ul li:last-child a {
  padding: 10px 20px 10px 60px;
}
.main-navigation ul ul ul ul li:first-child a {
  padding: 10px 20px 10px 80px;
}
.main-navigation ul ul ul ul li:last-child a {
  padding: 10px 20px 10px 80px;
}
.main-navigation ul ul li a {
  opacity: 0.7;
  padding-left: 40px;
}
.main-navigation ul ul li a:hover {
  background: #a00101;
  opacity: 1;
}
.main-navigation ul ul ul li a {
  padding-left: 60px;
}
.main-navigation ul ul ul ul li a {
  padding-left: 80px;
}
.main-navigation ul ul {
  top: 0;
}
.main-navigation li a {
  background: #cf000f;
  padding: 10px 20px;
  position: relative;
}
.main-navigation li a:hover {
  background: #a00101;
  color: white;
}
.main-navigation a,
.main-navigation a:visited {
  color: white;
  display: block;
  opacity: 1;
  text-transform: uppercase;
}
.main-navigation a:hover {
  color: white;
  opacity: 1;
}

.main-navigation ul ul.sub-on {
  display: block;
}

.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
  color: #eeeeee;
}

.site-main [class*="navigation"] {
  margin: 0;
  overflow: hidden;
}

[class*="navigation"] .nav-previous {
  float: left;
  width: 50%;
}

[class*="navigation"] .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.nav-links {
  overflow: hidden;
  padding: 20px;
}

.nav-previous a,
.nav-previous a:visited,
.nav-next a,
.nav-next a:visited {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 5px;
}

#social-links-wrapper {
  clear: both;
  display: block;
  padding: 40px 20px;
}

.social-links ul a:before,
#mobile-link:before,
.showsub-toggle,
#widget-link {
  -webkit-font-smoothing: antialiased;
  font-family: "Genericons";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
  vertical-align: text-bottom;
}

.showsub-toggle {
  content: "";
  display: block;
  height: 41px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 40px;
}

.showsub-toggle {
  opacity: 0.5;
}

.showsub-toggle:after {
  color: #eeeeee;
  content: "\f502";
  font-size: 16px;
  height: 16px;
  position: absolute;
  right: 11px;
  top: 14px;
  width: 16px;
}

.showsub-toggle:hover,
.showsub-toggle:focus,
.showsub-toggle.sub-on {
  opacity: 1;
}

.showsub-toggle:hover:after,
.showsub-toggle:focus:after {
  color: white;
}

.showsub-toggle.sub-on:after {
  content: "\f500";
  top: 6px;
}

.social-links {
  margin: 0 auto;
}

.social-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.social-links ul li {
  display: inline-block;
  list-style: none;
  margin: 0 0 4px 0;
}

.social-links ul a {
  display: inline-block;
  text-decoration: none;
}

.social-links ul a:before {
  color: white;
  font-size: 28px;
  display: block;
  padding: 5px;
  text-align: center;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.social-links ul a:hover {
  text-decoration: none;
}

.social-links ul a:hover:before {
  background: #cf000f;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.social-links ul:last-of-type {
  margin-right: 0;
}

.social-links ul a[href*='wordpress.org']:before,
.social-links ul a[href*='wordpress.com']:before {
    content: '\f205';
}
.social-links ul a[href*='facebook.com']:before {
    content: '\f204';
}
.social-links ul a[href*='twitter.com']:before {
    content: '\f202';
}
.social-links ul a[href*='dribbble.com']:before {
    content: '\f201';
}
.social-links ul a[href*='plus.google.com']:before {
    content: '\f206';
}
.social-links ul a[href*='pinterest.com']:before {
    content: '\f209';
}
.social-links ul a[href*='github.com']:before {
    content: '\f200';
}
.social-links ul a[href*='tumblr.com']:before {
    content: '\f214';
}
.social-links ul a[href*='youtube.com']:before {
    content: '\f213';
}
.social-links ul a[href*='flickr.com']:before {
    content: '\f211';
}
.social-links ul a[href*='vimeo.com']:before {
    content: '\f212';
}
.social-links ul a[href*='instagram.com']:before {
    content: '\f215';
}
.social-links ul a[href*='codepen.io']:before {
    content: '\f216';
}
.social-links ul a[href*='linkedin.com']:before {
    content: '\f207';
}
.social-links ul a[href*='foursquare.com']:before {
    content: '\f226';
}
.social-links ul a[href*='reddit.com']:before {
    content: '\f222';
}
.social-links ul a[href*='digg.com']:before {
    content: '\f221';
}
.social-links ul a[href*='getpocket.com']:before {
    content: '\f224';
}
.social-links ul a[href*='path.com']:before {
    content: '\f219';
}
.social-links ul a[href*='stumbleupon.com']:before {
    content: '\f223';
}
.social-links ul a[href*='spotify.com']:before {
    content: '\f515';
}
.social-links ul a[href*='twitch.tv']:before {
    content: '\f516';
}
.social-links ul a[href*='dropbox.com']:before {
    content: '\f225';
}
.social-links ul a[href*='/feed']:before {
    content: '\f413';
}
.social-links ul a[href*='skype']:before {
    content: '\f220';
}
.social-links ul a[href*='mailto']:before {
    content: '\f410';
}
.social-links ul a:before {
  background: #666;
  content: "\f415";
}

#mobile-panel {
  background: #cf000f;
  overflow: hidden;
  padding: 0 0 10px 0;
  width: 100%;
}

#mobile-link {
  color: white;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 45px;
  padding: 10px;
  width: 50px;
}

#mobile-link:hover,
#mobile-link.active {
  background: rgba(0, 0, 0, 0.4);
}

#mobile-link:before {
  content: "\f419";
  font-size: 28px;
}

#mobile-panel h1.site-title {
  clear: none;
  float: right;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0;
  padding: 15px 10px 0 10px;
}

#mobile-panel h1.site-title a {
  color: white;
}

#mobile-block {
  border-top: 1px solid #fff;
  display: none;
  overflow: hidden;
}

#mobile-block.active {
  display: block;
}

#mobile-block {
  top: 0;
}

a {
  color: #cf000f;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #cf000f;
}

.entry-summary a,
.entry-summary a:hover,
.entry-content a,
.entry-content a:hover {
  text-decoration: underline;
}

.entry-summary a:hover,
.entry-content a:hover {
  color: #a00101;
}

/*--------------------------------------------------------------
9.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
  background-color: #f1f1f1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  color: #cf000f;
  clip: auto !important;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 20px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}

/*--------------------------------------------------------------
10.0 Widgets
--------------------------------------------------------------*/
.widget {
  border-top: 2px solid #eeeeee;
  border-bottom: 1px solid white;
  color: #333333;
  padding: 20px;
}
.widget .widget select {
  max-width: 100%;
}
.widget h1 {
  color: #333333;
}

.widget a,
.widget a:link {
  color: #333333;
}

.widget a:hover {
  color: #cf000f;
}

/* Search widget */
.widget_search .search-submit {
  display: none;
}

.widget-areas {
  padding: 0 0 10px 0;
}

.widget ul {
  margin: 0;
  padding: 0;
}

.widget li {
  font-weight: 700;
  list-style: none;
  padding: 10px 0;
}

.tagcloud a,
.tags-links a,
.wp_widget_tag_cloud a {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 3px solid #2f3134;
  color: #2f3134 !important;
  font-size: 14px !important;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 5px;
  padding: 0 10px;
}

.tagcloud a:hover,
.tags-links a:hover,
.wp_widget_tag_cloud a:hover {
  border: 3px solid #cf000f;
  color: #cf000f !important;
}

.widget .sub-menu {
  padding-left: 10px;
}

#widget-block {
  background: #f2f1ef;
  overflow: hidden;
  width: 100%;
}

#widget-link {
  color: white;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 45px;
  padding: 10px;
  width: 50px;
}

#widget-link:hover,
#widget-link.active {
  background: rgba(0, 0, 0, 0.4);
}

#widget-link:before {
  content: "\f445";
  font-size: 26px;
}

#widget-block {
  display: none;
  overflow: hidden;
}

#widget-block.active {
  display: block;
}

#widget-block {
  top: 0;
}

.widget_recent_comments td {
  vertical-align: top;
}

#widget-block .widget-areas {
  margin: 0 auto;
  max-width: 580px;
}

/*--------------------------------------------------------------
11.0 Content
--------------------------------------------------------------*/
body {
  background: #fafafa;

  padding: 0;
  width: 100%;
  margin: 0 auto;
}

#page {
  background: white;
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1; margin: 0 auto;
  
}




#comments,
.entry-meta,
.entry-content,
.entry-summary,
.entry-header,
.entry-meta {
  margin: 0 auto;
  max-width: 680px;
}

#content {
  padding: 0;
}

.entry-thumbnail {
  margin-right: -20px;
  margin-left: -20px;
}

#masthead,
#secondary {
  display: none;
}

.site-branding {
  margin: 0;
  padding: 20px;
}

#header-image.custom-header {
  border-bottom: none;
}

#header-image.no-header {
  background: #cf000f;
  border-bottom: 1px solid #a00101;
  height: 240px;
}

#colophon {
  border-top: 4px solid #444444;
  clear: both;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 20px 0 ;
  padding:20px 0 100px 0;
}

#colophon a {
  color: #333333;
}

#colophon a:hover {
  color: #cf000f;
}

.hentry,
.page-header {
  border-bottom: 1px solid #eee;
  margin: 0;
  padding: 0 20px;
}

.hentry:last-child {
  border-bottom: none;
}

.page-header {
  border-bottom: 3px solid #777777;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.byline,
.updated {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin-top: 20px;
  margin-bottom: 20px;
}

.entry-content,
.entry-summary {
  padding-top: 20px;
}

.page-links {
  clear: both;
  margin: 0 0 20px;
}

.entry-header,
.page-title {
  padding: 20px 0 0 0;
}

.entry-meta {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 40px 0 20px;
}

.entry-meta a {
  color: #333333;
}

.entry-meta a:hover {
  color: #cf000f;
}

footer.entry-meta {
  border-bottom: none;
  padding: 20px 0;
  margin-bottom: 80px;
}

.comments-link {
  float: right;
}

.edit-link {
  opacity: 0.8;
  padding: 0 0 0 20px;
}

.edit-link:hover {
  opacity: 1;
}

.entry-top span:after {
  content: "\5c0";
  margin: 0 5px;
}

.entry-top span:last-child:after {
  content: none;
}

.entry-top span.author:after,
.entry-top span.comments-link:after,
.entry-top span.edit-link:after {
  content: none;
  margin-left: 0;
}

.entry-meta .edit-link {
  padding: 0;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

.comment-content a {
  word-wrap: break-word;
}

ol.comment-list li.bypostauthor .comment-wrapper {
  border-bottom: none;
}

ol.comment-list li.bypostauthor article {
  border-bottom: 3px solid #a00101;
}

#comments {
  padding: 40px 20px;
}

p.no-comments {
  font-weight: 900;
  margin: 0 auto;
  max-width: 680px;
}

ol.comment-list li {
  list-style: none;
  position: relative;
  z-index: 9990;
}

li.pingback {
  font-size: 90%;
  font-style: italic;
  margin: 5px 0;
  opacity: 0.8;
}

li.pingback:last-child {
  padding-bottom: 10px;
}

ol.comment-list {
  margin: 0;
  padding: 0;
}

ol.comment-list li {
  margin: 0;
  padding: 20px 0;
}

ol.comment-list ol.children li {
  display: block;
}

.comment-list .comment-author img.avatar {
  float: left;
  margin: 0 10px 5px 0;
}

.comment-list .fn {
  margin: 0;
}

.comment-meta {
  font-size: 14px;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: bold;
}

.comment-meta a {
  color: #777777;
}

.comment-meta a:hover {
  color: #cf000f;
}

.sticky .entry-content {
  margin-bottom: 5px;
  padding: 10px 5px 0 5px;
}

.comment-meta {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 0 5px 0;
}

.comment-wrapper {
  border-bottom: 2px solid #aaaaaa;
  margin-left: 70px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  position: relative;
}

.reply {
  float: right;
}

#respond {
  background: #333333;
  color: white;
  margin-top: 20px;
  padding: 20px;
}

h3#reply-title {
  color: white;
}

/*--------------------------------------------------------------
12.0 Infinite Scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block;
}

#infinite-handle {
  padding: 80px 40px;
  text-align: center;
}

#infinite-footer {
  max-width: 1380px;
  z-index: 2;
}

body.secondary-sidebar #infinite-footer {
  max-width: 1080px;
}

#infinite-footer .container {
  border: none;
  height: 40px;
  line-height: 40px !important;
  padding: 0 40px;
  margin: 0;
}

span.infinite-loader {
  height: 80px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}

span.infinite-loader .spinner {
  left: 50% !important;
  top: 0 !important;
  z-index: 9998 !important;
}

#infinite-footer .blog-info,
#infinite-footer .blog-credits {
  padding-top: 10px;
}

/*--------------------------------------------------------------
13.0 Mediaqueries
--------------------------------------------------------------*/
/* Define mobile styles */
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  h1 {
    font-size: 40.96px;
    font-size: 4.096rem;
  }

  h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }

  h3 {
    font-size: 25.6px;
    font-size: 2.56rem;
  }

  h4 {
    font-size: 20px;
    font-size: 2rem;
  }

  h5 {
    font-size: 16px;
    font-size: 1.6rem;
  }

  h6 {
    font-size: 12.5px;
    font-size: 1.25rem;
  }

  html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  }

  .entry-meta {
    padding: 40px 0;
  }

  .entry-header,
  .page-title {
    padding: 40px 0 0 0;
  }

  footer.entry-meta {
    margin-bottom: 80px;
  }

  #colophon {
    margin: 0 40px;
    padding: 80px 0;
  }

  .nav-links {
    overflow: hidden;
    padding: 40px;
  }

  .entry-thumbnail {
    margin-right: -40px;
    margin-left: -40px;
    margin-bottom: 40px;
  }

  #comments {
    padding: 40px;
  }

  .page-header{
    margin: 0 40px;
    padding: 0 0 60px 0;
  }
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) {
  #mobile-panel {
    display: none;
  }

  .hentry,
  .page-header {
    margin: 0;
    padding: 0 40px 60px;
  }

  h1 {
    font-size: 40.96px;
    font-size: 4.096rem;
  }

  h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }

  h3 {
    font-size: 25.6px;
    font-size: 2.56rem;
  }

  h4 {
    font-size: 20px;
    font-size: 2rem;
  }

  h5 {
    font-size: 16px;
    font-size: 1.6rem;
  }

  h6 {
    font-size: 12.5px;
    font-size: 1.25rem;
  }

  html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  }

  .entry-meta {
    padding: 80px 0 40px;
  }

  .entry-header,
  .page-title {
    padding: 40px 0 0 0;
  }

  footer.entry-meta {
    margin-bottom: 80px;
  }

  #colophon {
    margin: 0 40px;
    padding: 80px 0;
  }

  .nav-links {
    overflow: hidden;
    padding: 40px;
  }

  #page {
    position: relative;
  }

  #page:before,
  #page:after {
    content: " ";
    display: table;
  }

  #page:after {
    clear: both;
  }

  #content, #content:before {
    width: 75%;
  }

  body.secondary-sidebar #content,
  body.secondary-sidebar #content:before {
    width: 60%;
  }

  #content {
    float: left;
  }

  #content:before {
    background-color: white;
    bottom: 0;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }

  #secondary, #secondary:before {
    width: 20%;
  }

  #secondary {
    display: block;
    float: right;
    font-size: 90%;
  }

  #secondary:before {
    background-color: #f2f1ef;
    bottom: 0;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
  }

  #masthead,
  #masthead:before {
    width: 25%;
  }

  body.secondary-sidebar #masthead,
  body.secondary-sidebar #masthead:before {
    width: 20%;
  }

  #masthead {
    display: block;
    float: left;
    font-size: 90%;
  }

  #masthead:before {
    background: #fafafa;
    bottom: 0;
    content: '';
    position: absolute;
    right: 75%;
    top: 0;
    z-index: -1;
  }

  body.secondary-sidebar #masthead:before {
    right: 80%;
  }

  #page {
    width: 80%;
  }

  body.secondary-sidebar #page {
    width: 90%;
  }

  .entry-thumbnail {
    margin-right: -40px;
    margin-left: -40px;
  }

  #comments {
    padding: 40px;
  }
  .page-header{
    margin: 0 40px;
    padding: 0 0 60px 0;
  }
}
/* min-width 1025px, large screens */
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) {
  .widget,
  .site-branding {
    padding: 20px 40px;
  }

  .main-navigation li a {
    padding: 10px 40px;
  }

  .main-navigation li:first-child a {
	padding: 20px 40px 10px 40px;
  }

  .main-navigation li:last-child a {
	padding: 10px 40px 20px 40px;
  }

  .main-navigation ul ul li a {
    padding-left: 60px;
  }

  .main-navigation ul ul li:first-child a {
    padding: 10px 20px 10px 60px;
  }

  .main-navigation ul ul li:last-child a {
    padding: 10px 20px 10px 60px;
  }

  .main-navigation ul ul ul li a {
    padding-left: 80px;
  }

  .main-navigation ul ul ul li:first-child a {
    padding: 10px 20px 10px 80px;
  }

  .main-navigation ul ul ul li:last-child a {
    padding: 10px 20px 10px 80px;
  }

  .main-navigation ul ul ul ul li a {
    padding-left: 100px;
  }

  .main-navigation ul ul ul ul li:first-child a {
    padding: 10px 20px 10px 100px;
  }

  .main-navigation ul ul ul ul li:last-child a {
  	padding: 10px 20px 10px 100px;
  }

  #social-links-wrapper {
    padding: 40px;
  }

  #page {
    width: 70%;
  }

  body.secondary-sidebar #page {
    width: 80%;
  }

  .entry-thumbnail {
    margin-right: -40px;
    margin-left: -40px;
  }

  #comments {
    padding: 40px 0;
  }
}
/* min-width 1441px, xlarge screens */
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) {
  #page {
    width: 65%;
  }

  body.secondary-sidebar #page {
    width: 80%;
  }
}
/* min-width 1921px, xlarge screens */


/* -------------------------------------------------------------------------- */
/*各校お問合せダイヤルボタン　フッター部分に表示*/
/* -------------------------------------------------------------------------- */

@media (min-width: 1200px) {#ctaButton { display:block; z-index:1030; width:100%; height:100px; position:fixed; bottom:0;vertical-align: middle;}
	#ctaButton { background:rgba(255,255,255,0.9); border-top:1px solid #e1e1e1;text-align: center; }
	#ctaButton .ftNavBtn { display: inline-block; width:30%; height:50px; margin:10px; }
		
	#ctaButton .blueButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 40px;}
	#ctaButton .redButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 40px;}
	#ctaButton .greenButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 40px;}
	#ctaButton .orangeButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 40px;}
	#ctaButton .purpleButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 40px;}

	#ctaButton .blueButton .txt{font-size:16px;line-height: 40px;}
	#ctaButton .redButton .txt{font-size:16px; line-height: 40px;}
	#ctaButton .greenButton .txt{font-size:16px; line-height: 40px;}
	#ctaButton .orangeButton .txt{font-size:16px; line-height: 40px;}
	#ctaButton .purpleButton .txt{font-size:16px; line-height: 40px;}
	}
	
	
@media (min-width: 992px) and (max-width: 1199px){#ctaButton { display:block; z-index:1030; width:100%; height:100px; position:fixed; bottom:0;vertical-align: middle;}
	#ctaButton { background:rgba(255,255,255,0.9); border-top:1px solid #e1e1e1;text-align: center; }
	#ctaButton .ftNavBtn { display: inline-block; width:30%; height:50px; margin:10px; }
		
	#ctaButton .blueButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 40px;}
	#ctaButton .redButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 40px;}
	#ctaButton .greenButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 40px;}
	#ctaButton .orangeButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 40px;}
	#ctaButton .purpleButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 40px;}

	#ctaButton .blueButton .txt{font-size:16px;line-height: 40px;}
	#ctaButton .redButton .txt{font-size:16px; line-height: 40px;}
	#ctaButton .greenButton .txt{font-size:16px; line-height: 40px;}
	#ctaButton .orangeButton .txt{font-size:16px; line-height: 40px;}
	#ctaButton .purpleButton .txt{font-size:16px; line-height: 40px;}
	}
	

@media (min-width: 768px) and (max-width: 991px) {#ctaButton { display:block; z-index:1030; width:100%; height:100px; position:fixed; bottom:0;vertical-align: middle;}
	#ctaButton { background:rgba(255,255,255,0.9); border-top:1px solid #e1e1e1;text-align: center; }
	#ctaButton .ftNavBtn { display: inline-block; width:30%; height:50px; margin:10px; }
		
	#ctaButton .blueButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 40px;}
	#ctaButton .redButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 40px;}
	#ctaButton .greenButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 40px;}
	#ctaButton .orangeButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 40px;}
	#ctaButton .purpleButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 40px;}

	#ctaButton .blueButton .txt{font-size:16px;line-height: 40px;}
	#ctaButton .redButton .txt{font-size:16px; line-height: 40px;}
	#ctaButton .greenButton .txt{font-size:16px; line-height: 40px;}
	#ctaButton .orangeButton .txt{font-size:16px; line-height: 40px;}
	#ctaButton .purpleButton .txt{font-size:16px; line-height: 40px;}
	}


@media only screen and (max-width: 767px) {
	#ctaButton { display:block; z-index:1030; width:100%; height:60px; position:fixed; bottom:0; }
	#ctaButton { background:rgba(255,255,255,0.7); border-top:1px solid #e1e1e1;text-align: center; }
	#ctaButton .ftNavBtn { display: inline-block; width:30%; height:46px; margin:7px 1%; }
	#wrap_all { padding-bottom:60px; }  /* 60px上げる */
	
	#ctaButton .blueButton .webfontIcon { font-size:18px; font-weight:normal;line-height: 20px;display: block;}
	#ctaButton .redButton .webfontIcon { font-size:18px; font-weight:normal;line-height: 20px;display: block;}
	#ctaButton .greenButton .webfontIcon { font-size:18px; font-weight:normal;line-height: 20px;display: block;}
	#ctaButton .orangeButton .webfontIcon{ font-size:18px; font-weight:normal;line-height: 20px;display: block;}
	#ctaButton .purpleButton .webfontIcon{ font-size:18px; font-weight:normal;line-height: 20px;display: block;}

	#ctaButton .blueButton .txt{font-size:12px;line-height: 14px;display: block;}
	#ctaButton .redButton .txt{font-size:12px;line-height: 14px;display: block;}
	#ctaButton .greenButton .txt{font-size:12px;line-height: 14px;display: block;}
	#ctaButton .orangeButton .txt{font-size:12px;line-height: 14px;display: block;}
	#ctaButton .purpleButton .txt{font-size:12px;line-height: 14px;display: block;}
}

/* ブルーボタンデザイン */
#ctaButton .blueButton {
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	font-weight:bold;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	padding-top: 5px;
	}
#ctaButton .blueButton a:link    { text-decoration: none; color:#ffffff !important;}
#ctaButton .blueButton a:visited { text-decoration: none; color:#ffffff !important;}
#ctaButton .blueButton a:active  { text-decoration: none; color:#ffffff !important;}
#ctaButton .blueButton a:hover   { text-decoration: none; color:#ffffff !important;}
	
#ctaButton .blueButton:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
	text-decoration:none;
	}
#ctaButton .blueButton:active { position:relative; top:1px; }

/* レッドボタンデザイン */
#ctaButton .redButton {
	box-shadow:inset 0px 1px 0px 0px #ff7676;
	background:linear-gradient(to bottom, #ed1c24 5%, #bc1931 100%);
	background-color:#bc1931;
	border-radius:3px;
	border:1px solid #ad0e29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #c1272d;
	font-weight:bold;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	padding-top: 5px;
	}
#ctaButton .redButton a:link    { text-decoration: none; color:#ffffff !important;}
#ctaButton .redButton a:visited { text-decoration: none; color:#ffffff !important;}
#ctaButton .redButton a:active  { text-decoration: none; color:#ffffff !important;}
#ctaButton .redButton a:hover   { text-decoration: none; color:#ffffff !important;}
	
#ctaButton .redButton:hover {
	background:linear-gradient(to bottom, #bc1931 5%, #ed1c24 100%);
	background-color:#bc1931;
	text-decoration:none;
	}
#ctaButton .redButton:active { position:relative; top:1px; }

/* グリーンボタンデザイン */
#ctaButton .greenButton {
	box-shadow:inset 0px 1px 0px 0px #52a05a;
	background:linear-gradient(to bottom, #23a35d 5%, #00602b 100%);
	background-color:#00602b;
	border-radius:3px;
	border:1px solid #006837;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #2d7a54;
	font-weight:bold;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	padding-top: 5px;
	}
#ctaButton .greenButton a:link    { text-decoration: none; color:#ffffff !important;}
#ctaButton .greenButton a:visited { text-decoration: none; color:#ffffff !important;}
#ctaButton .greenButton a:active  { text-decoration: none; color:#ffffff !important;}
#ctaButton .greenButton a:hover   { text-decoration: none; color:#ffffff !important;}
	
#ctaButton .greenButton:hover {
	background:linear-gradient(to bottom, #00602b 5%, #23a35d 100%);
	background-color:#00602b;
	text-decoration:none;
	}
#ctaButton .greenButton:active { position:relative; top:1px; }

/* オレンジボタンデザイン */
#ctaButton .orangeButton {
	box-shadow:inset 0px 1px 0px 0px #f2a620;
	background:linear-gradient(to bottom, #f4901e 5%, #f23f20 100%);
	background-color:#f23f20;
	border-radius:3px;
	border:1px solid #f25220;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #f23420;
	font-weight:bold;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	padding-top: 5px;
	}
#ctaButton .orangeButton a:link    { text-decoration: none; color:#ffffff !important;}
#ctaButton .orangeButton a:visited { text-decoration: none; color:#ffffff !important;}
#ctaButton .orangeButton a:active  { text-decoration: none; color:#ffffff !important;}
#ctaButton .orangeButton a:hover   { text-decoration: none; color:#ffffff !important;}
	
#ctaButton .orangeButton:hover {
	background:linear-gradient(to bottom, #f46f1e 5%, #f4901e 100%);
	background-color:#f46f1e;
	text-decoration:none;
	}
#ctaButton .orangeButton:active { position:relative; top:1px; }


/* パープルボタンデザイン */
#ctaButton .purpleButton {
	box-shadow:inset 0px 1px 0px 0px #b72ab7;
	background:linear-gradient(to bottom, #8b24ba 5%, #62006d 100%);
	background-color:#62006d;
	border-radius:3px;
	border:1px solid #9327a3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #5409c1;
	font-weight:bold;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	padding-top: 5px;
	}
#ctaButton .purpleButton a:link    { text-decoration: none; color:#ffffff !important;}
#ctaButton .purpleButton a:visited { text-decoration: none; color:#ffffff !important;}
#ctaButton .purpleButton a:active  { text-decoration: none; color:#ffffff !important;}
#ctaButton .purpleButton a:hover   { text-decoration: none; color:#ffffff !important;}
	
#ctaButton .purpleButton:hover {
	background:linear-gradient(to bottom, #450156 5%, #700abf 100%);
	background-color:#520066;
	text-decoration:none;
	}
#ctaButton .purpleButton:active { position:relative; top:1px; }


/*非表示*/
@media (min-width: 992px) {
	.hidden-lg{ display: none;}.hidden-md{ display: none;}
}

@media (min-width: 700px) and (max-width: 991px) {
	.hidden-lg{ display: none;}.hidden-md{ display: none;}
}

@media (min-width: 321px) and (max-width: 699px) {
	.hidden-sm{ display: none;}.hidden-xs{ display: none;}
}

@media (max-width: 320px) {
	.hidden-sm{ display: none;}.hidden-xs{ display: none;}
}


/*--------------------------------------------------------------
オリジナルCSS　2020.03.06
--------------------------------------------------------------*/
/*小見出し*/
.tabTitle-default01{
	margin: 0 0 5px 0;
	padding:13px 5px 13px 5px;
	text-align: left;
	background-color: #cccccc;
	width: 100%;
	font-weight: bold;
	font-size: 120%;
	border-bottom: 2px solid #888888;
	}

/*小見出し02*/
.tabTitle-default02{
	margin: 0 0 5px 0;
	padding:7px 5px 7px 5px;
	text-align: left;
	border: 1px solid #cccccc;
	width: 100%;
	}

/*小見出し03*/
.tabTitle-default03{
	margin: 0 0 5px 0;
	padding:7px 5px 7px 5px;
	text-align: left;
	background-color: #ed2f62;
	color: #ffffff;
	width: 100%;
	}


/*小見出し04*/
.tabTitle-default04{
	margin: 0 0 5px 0;
	padding:7px 5px 7px 5px;
	text-align: left;
	background-color:#f15a24 ;
	color: #ffffff;
	width: 100%;
	}

/*小見出し05*/
.tabTitle-default05{
	margin: 0 0 5px 0;
	padding:7px 5px 7px 5px;
	text-align: left;
	background-color: #666666;
	color: #ffffff;
	width: 100%;
	}


/*テキスト01*/
.text01{
	margin: 0 3px 0 0;
	padding:5px;
	text-align:center;
	background-color: #ffffa6;
	font-size: 130%;
	font-weight: bold;
	border-radius: 50%;/*角丸*/
	}

/*テキスト02*/
.text02{
	margin: 0 3px 0 0;
	padding:5px;
	text-align:center;
	background-color: #ffffa6;
	font-size: 130%;
	font-weight: bold;
	border-radius: 5px;/*角丸*/
	}
    

/*フォントスタイル*/
.t-left{text-align:left!important;}
.t-right{text-align:right!important;}
.t-center{text-align:center!important;}


	
.t-bold{font-weight:bold;}

/*テキストカラー*/
.txt-red  {color:#e60012;}
.txt-white{color:#ffffff;}
.txt-black{color:#333333;}
.txt-pink {color:#ff82ad;}
.txt-blue {color:#293f84;}


/*フォントサイズ*/
.txt-size150  { font-size: 150%;}
.txt-size140  { font-size: 140%;}
.txt-size130  { font-size: 130%;}
.txt-size120  { font-size: 120%;}
.txt-size110  { font-size: 110%;}
.txt-size90  { font-size: 90%;}
.txt-size80  { font-size: 80%;}
.txt-size70  { font-size: 70%;}


/*テキストアンダーライン*/
.txt-underline{ text-decoration: underline;}
.txt-border{border: 1px solid;}


/*br/SpPcで改行位置変更 */
/*------PC用　768px以上----------*/
@media (min-width:768px) {  
 .br-pc{ display: block;} 
 .br-sp{ display: none;}
}
/*------SP用　767px以下----------*/
@media (max-width:767px) { 
 .br-pc{ display: none;}
 .br-sp{ display: block;}
}


/* -------------------------------------------------------------------------- */
/*見出し*/
/* -------------------------------------------------------------------------- */
/*h1見出しテキストーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
h1.entry-title{text-align:left!important;margin:0 0 20px 0!important;padding:10px 5px!important;background: #333333!important;color: #ffffff!important;border-left: #e50012 solid 10px!important;border-right: 5px #e50012 solid!important;}


@media (min-width: 1200px) {h1.entry-title{font-size: 1.6em!important;letter-spacing: -1px;line-height: 1.2;}}
@media (min-width: 992px) and (max-width: 1199px){h1.entry-title{font-size: 1.6em!important;letter-spacing: -1px;line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {h1.entry-title{font-size: 2.2em!important;letter-spacing: -1px;line-height: 1.0;}}
@media (max-width: 767px) {h1.entry-title{font-size: 2.2em!important;letter-spacing: -1px;line-height: 1.0;}}

@media (min-width: 1200px) {h1.entry-title span{font-size: 0.8em!important;letter-spacing: -1px;}}
@media (min-width: 992px) and (max-width: 1199px){h1.entry-title span{font-size: 0.8em!important;letter-spacing: -1px;}}
@media (min-width: 768px) and (max-width: 991px) {h1.entry-title span{font-size: 0.8em!important;letter-spacing: -1px;}}
@media (max-width: 767px) {h1.entry-title span{font-size: 0.8em!important;letter-spacing: -1px;}}



/*h2見出し画像見出しーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
h2.heading-img{margin: 0 0 20px 0;padding: 0;}
h2.heading-img img{width: 100%;}

/*h2見出しテキストーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
h2.heading-txt{text-align:left;margin:0 0 20px 0;padding:10px 5px;background: #333333;color: #ffffff;border-left: #e50012 solid 10px;border-right: 5px #e50012 solid;}
h2.heading-txt span{margin:0 5px;padding:0;}

@media (min-width: 1200px) {h2.heading-txt{font-size: 1.6em!important;letter-spacing: -1px;line-height: 1.2;}}
@media (min-width: 992px) and (max-width: 1199px){h2.heading-txt{font-size: 1.6em!important;letter-spacing: -1px;line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {h2.heading-txt{font-size: 2.2em!important;letter-spacing: -1px;line-height: 1.0;}}
@media (max-width: 767px) {h2.heading-txt{font-size: 2.2em!important;letter-spacing: -1px;line-height: 1.0;}}

@media (min-width: 1200px) {h2.heading-txt span{font-size: 0.8em!important;letter-spacing: -1px;}}
@media (min-width: 992px) and (max-width: 1199px){h2.heading-txt span{font-size: 0.8em!important;letter-spacing: -1px;}}
@media (min-width: 768px) and (max-width: 991px) {h2.heading-txt span{font-size: 0.8em!important;letter-spacing: -1px;}}
@media (max-width: 767px) {h2.heading-txt span{font-size: 0.8em!important;letter-spacing: -1px;}}

/*タイトル*/
h2.heading-txt-gold{text-align:center;margin:0 0 20px 0;padding:10px 5px;background: #ffffff;color: #b88e13;border-bottom: 2px solid #b88e13;border-top: 2px solid #b88e13;font-weight: bold;}
h2.heading-txt-gold span{margin:0 5px;padding:0;}

@media (min-width: 1200px) {h2.heading-txt-gold{font-size: 3.0em!important;line-height: 1.2;}}
@media (min-width: 992px) and (max-width: 1199px){h2.heading-txt-gold{font-size: 3.0em!important;line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {h2.heading-txt-gold{font-size: 2.6em!important;line-height: 1.0;}}
@media (max-width: 767px) {h2.heading-txt-gold{font-size: 2.6em!important;line-height: 1.0;}}

@media (min-width: 1200px) {h2.heading-txt-gold span{font-size: 0.8em!important;}}
@media (min-width: 992px) and (max-width: 1199px){h2.heading-txt-gold span{font-size: 0.8em!important;}}
@media (min-width: 768px) and (max-width: 991px) {h2.heading-txt-gold span{font-size: 0.8em!important;}}
@media (max-width: 767px) {h2.heading-txt-gold span{font-size: 0.8em!important;}}


/*h3見出しテキストーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
h3.heading-txt{margin:0 0 10px 0;padding:10px 5px;background: #e50012;color: #ffffff;display: flex;align-items: center;}
h3.heading-txt span{margin:0 5px;padding:0;}

@media (min-width: 1200px) {h3.heading-txt{font-size: 1.2em!important;letter-spacing: -1px;line-height: 0.9;}}
@media (min-width: 992px) and (max-width: 1199px){h3.heading-txt{font-size: 1.2em!important;letter-spacing: -1px;line-height: 0.9;}}
@media (min-width: 768px) and (max-width: 991px) {h3.heading-txt{font-size: 1.8em!important;letter-spacing: -1px;line-height: 1.0;}}
@media (max-width: 767px) {h3.heading-txt{font-size: 1.8em!important;letter-spacing: -1px;line-height: 1.0;}}



/*h3コンタクトキャッチテキストーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
h3.contact-catchtxt{text-align:center;margin:0 0 10px 0;padding:0px;color:#e50012;font-weight: bold;position:relative;}
h3.contact-catchtxt:before{content: "";margin: 0;border: 1px solid #e50012;height: 50px; top: -10px;left: 20px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);position:absolute;transform: rotate(-20deg);}
h3.contact-catchtxt:after{content: "";margin: 0;border: 1px solid #e50012;height: 50px;top: -10px;right: 20px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);position:absolute;transform: rotate(20deg);}
h3.contact-catchtxt span{margin:10px auto 0 auto;padding:7px; display: block;color:#ffffff;background:#333333;border-radius:30px;font-weight: normal;}

@media (min-width: 1200px) {h3.contact-catchtxt{font-size: 1.8em!important;letter-spacing: -1px;line-height: 1.0;}h3.contact-catchtxt span{font-size: 0.8em;width: 80%;}}
@media (min-width: 992px) and (max-width: 1199px){h3.contact-catchtxt{font-size: 1.8em!important;letter-spacing: -1px;line-height: 1.0;}h3.contact-catchtxt span{font-size: 0.8em;width: 80%;}}
@media (min-width: 768px) and (max-width: 991px) {h3.contact-catchtxt{font-size: 1.9em!important;letter-spacing: -1px;line-height: 1.0;}h3.contact-catchtxt span{font-size: 0.8em;width: 90%;}}
@media (max-width: 767px) {h3.contact-catchtxt{font-size: 1.9em!important;letter-spacing: -1px;line-height: 1.0;}h3.contact-catchtxt span{font-size: 0.8em;width: 90%;}}


@media (min-width: 1200px) {h3.contact-catchtxt-min{font-size: 1.8em!important;letter-spacing: -1px;line-height: 1.0;}h3.contact-catchtxt-min span{font-size: 0.8em;width: 80%;}}
@media (min-width: 992px) and (max-width: 1199px){h3.contact-catchtxt-min{font-size: 1.8em!important;letter-spacing: -1px;line-height: 1.0;}h3.contact-catchtxt-min span{font-size: 0.8em;width: 80%;}}
@media (min-width: 768px) and (max-width: 991px) {h3.contact-catchtxt-min{font-size: 1.9em!important;letter-spacing: -1px;line-height: 1.0;}h3.contact-catchtxt-min span{font-size: 0.8em;width: 90%;}}
@media (max-width: 767px) {h3.contact-catchtxt-min{font-size: 1.9em!important;letter-spacing: -1px;line-height: 1.0;}h3.contact-catchtxt-min span{font-size: 0.8em;width: 90%;}}


/*h3キャッチテキストマックス(大)ーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
h3.catchtxt-max{text-align:center;margin:0 0 10px 0;padding:10px 3px;color:#333333;font-weight: bold;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;letter-spacing: -1px;background: #eeeeee;}
h3.catchtxt-max span{color:#e50012!important;}
@media (min-width: 1200px) {h3.catchtxt-max{font-size: 1.8em!important;line-height: 1.2;}}
@media (min-width: 992px) and (max-width: 1199px){h3.catchtxt-max{font-size: 1.8em!important;line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {h3.catchtxt-max{font-size: 1.9em!important;line-height: 1.2;}}
@media (max-width: 767px) {h3.catchtxt-max{font-size: 1.9em!important;line-height: 1.2;}}

/*h3キャッチテキストミドル(基本)ーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
h3.catchtxt-mid{text-align:center;margin:0 0 10px 0;padding:5px;color:#e50012;font-weight: bold;border: 1px solid #e50012;}

@media (min-width: 1200px) {h3.catchtxt-mid{font-size: 1.4em!important;letter-spacing: -1px;line-height: 1.0;}}
@media (min-width: 992px) and (max-width: 1199px){h3.catchtxt-mid{font-size: 1.4em!important;letter-spacing: -1px;line-height: 1.0;}}
@media (min-width: 768px) and (max-width: 991px) {h3.catchtxt-mid{font-size: 1.8em!important;letter-spacing: -1px;line-height: 1.3;}}
@media (max-width: 767px) {h3.catchtxt-mid{font-size: 1.8em!important;letter-spacing: -1px;line-height: 1.3;}}



/*h4見出しテキストーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
h4.heading-txt{margin:0 0 10px 0;padding:10px 5px 10px 5px;border-top: 2px dotted #e50012;border-bottom: 2px solid #e50012;color: #e50012;display: flex;align-items: center;text-align: left;font-weight: bold;}

@media (min-width: 1200px) {h4.heading-txt{font-size: 1.2em!important;letter-spacing: -1px;line-height: 1.0;height: 55px;}}
@media (min-width: 992px) and (max-width: 1199px){h4.heading-txt{font-size: 1.2em!important;letter-spacing: -1px;line-height: 1.0;height: 55px;}}
@media (min-width: 768px) and (max-width: 991px) {h4.heading-txt{font-size: 1.8em!important;letter-spacing: -1px;line-height: 1.0;height: 55px;}}
@media (max-width: 767px) {h4.heading-txt{font-size: 1.8em!important;letter-spacing: -1px;line-height: 1.0;height: 55px;}}

/*h4見出しテキストセンターーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
h4.heading-txt-center{margin:0 0 10px 0;padding:10px 5px 10px 5px;border-top: 2px dotted #e50012;border-bottom: 2px solid #e50012;color: #e50012;display: flex;align-items: center;justify-content: center;font-weight: bold;text-align: center;}

@media (min-width: 1200px) {h4.heading-txt-center{font-size: 1.2em!important;letter-spacing: -1px;line-height: 1.0;height: 55px;}}
@media (min-width: 992px) and (max-width: 1199px){h4.heading-txt-center{font-size: 1.2em!important;letter-spacing: -1px;line-height: 1.0;height: 55px;}}
@media (min-width: 768px) and (max-width: 991px) {h4.heading-txt-center{font-size: 1.8em!important;letter-spacing: -1px;line-height: 1.0;height: 55px;}}
@media (max-width: 767px) {h4.heading-txt-center{font-size: 1.8em!important;letter-spacing: -1px;line-height: 1.0;height: 55px;}}

/*h5見出しテキストーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
h5.heading-txt{margin:0 0 10px 0;padding:10px 5px 5px 0;color: #333333;display: flex;align-items: center;text-align: left;font-weight: bold;border-bottom: 1px dotted #333333;}

@media (min-width: 1200px) {h5.heading-txt{font-size: 1.2em!important;letter-spacing: -1px;line-height: 1.0;height: 30px;}}
@media (min-width: 992px) and (max-width: 1199px){h5.heading-txt{font-size: 1.2em!important;letter-spacing: -1px;line-height: 1.0;height: 30px;}}
@media (min-width: 768px) and (max-width: 991px) {h5.heading-txt{font-size: 1.8em!important;letter-spacing: -1px;line-height: 1.0;height: 30px;}}
@media (max-width: 767px) {h5.heading-txt{font-size: 1.8em!important;letter-spacing: -1px;line-height: 1.0;height: 30px;}}







/* -------------------------------------------------------------------------- */
/*リスト型リンクボタン*/
/* -------------------------------------------------------------------------- */
/*リスト型リンクボタン　MAXーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max ul{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    }
		
.listLinkBtnArea-max li{
    list-style-type:none;
	text-align: center;
    border-radius:3px;
    position: relative;
    }
    
@media (min-width: 992px){
.listLinkBtnArea-max{margin:0 0 40px 0;padding:20px 0 0 0;background: #eeeeee;}
.listLinkBtnArea-max ul{margin: 0 auto;padding: 0;}
.listLinkBtnArea-max li{width: calc(90% - 0px);margin:0 auto 20px auto;font-size: 1.0em;}
.listLinkBtnArea-max li a,.listLinkBtnArea-min li a{line-height:1.2;padding:20px 0;}
.listLinkBtnArea-max li span{font-size: 0.8em;}
}
@media (max-width:991px){
.listLinkBtnArea-max{margin:0 0 20px 0;padding:20px 0 0 0;}
.listLinkBtnArea-max ul{margin: 0 auto;padding:0;}
.listLinkBtnArea-max li{width: calc(98% - 0px);margin:0 auto 20px auto;font-size: 1.8em;}
.listLinkBtnArea-max li a,.listLinkBtnArea-min li a{line-height:1.2;padding:15px 0;}
.listLinkBtnArea-max li span{font-size: 0.8em;}
}
 
/*リスト型リンクボタン　MINーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-min ul{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content:center;
	-moz-justify-content:center;
	-ms-justify-content:center;
	-o-justify-content:center;
	justify-content:center;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    }
		
.listLinkBtnArea-min li{
    list-style-type:none;
    text-align: center;
    border-radius:3px;
    position: relative;
    }

 @media (min-width: 992px){
.listLinkBtnArea-min{margin:0 0 40px 0;padding:30px 0 20px 0;background: #eeeeee;}
.listLinkBtnArea-min ul{margin: 0 auto;padding:0;}
.listLinkBtnArea-min li{width: calc(48% - 10px);margin:0 5px 10px 5px;font-size: 1.0em;}
.listLinkBtnArea-min li a,.listLinkBtnArea-min li a{line-height:1.2;padding:15px 0;}
.listLinkBtnArea-min li span{font-size: 0.8em;}
}
@media (max-width:991px){
.listLinkBtnArea-min{margin:0 0 20px 0;padding:30px 0 20px 0;background: #eeeeee;}
.listLinkBtnArea-min ul{margin: 0 auto;padding: 0;}
.listLinkBtnArea-min li{width: calc(100% - 10px);margin:0 10px 10px 10px;font-size: 1.8em;}
.listLinkBtnArea-min li a,.listLinkBtnArea-min li a{line-height:1.2;padding:15px 0;}
.listLinkBtnArea-min li span{font-size: 0.8em;}
}   



/*リスト型リンクボタン共通　リンク右アイコンーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max li:after,.listLinkBtnArea-min li:after{
    content: "\f054";
    font-family: "fontawesome";
    font-size: 100%;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color:#ffffff;
    text-shadow: 0.5px 0.5px 1px #333333;
    }

/*リスト型リンクボタン　カラー：イエローーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .yellowButton,.listLinkBtnArea-min .yellowButton{
    border:1px solid #d3d30f;
    text-shadow:0px 1px 0px #fffdd4;
    box-shadow:inset 0px 1px 0px 0px #fffc8d;
	background:linear-gradient(to bottom, #ffff00 5%, #ffdb27 100%);
	background-color:#ffff00;
    }

.listLinkBtnArea-max .yellowButton a:link   {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-max .yellowButton a:visited{color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-max .yellowButton a:active {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-max .yellowButton a:hover  {color:#000000; text-decoration:none;background:linear-gradient(to bottom, #ffdb27 5%, #ffff00 100%);background-color:#ffdb27; display:block;}

.listLinkBtnArea-min .yellowButton a:link   {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-min .yellowButton a:visited{color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-min .yellowButton a:active {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-min .yellowButton a:hover  {color:#000000; text-decoration:none;background:linear-gradient(to bottom, #ffdb27 5%, #ffff00 100%);background-color:#ffdb27; display:block;}


/*リスト型リンクボタン　カラー：ブルーーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .blueButton,.listLinkBtnArea-min .blueButton{
    border:1px solid #124d77;
    text-shadow:0px 1px 0px #154682;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
    }

.listLinkBtnArea-max .blueButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .blueButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .blueButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .blueButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);background-color:#0061a7; display:block;}

.listLinkBtnArea-min .blueButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .blueButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .blueButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .blueButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);background-color:#0061a7; display:block;}


/*リスト型リンクボタン　カラー：レッドーーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .redButton,.listLinkBtnArea-min .redButton{
    border:1px solid #ad0e29;
    text-shadow:0px 1px 0px #c1272d;
    box-shadow:inset 0px 1px 0px 0px #ff7676;
	background:linear-gradient(to bottom, #ed1c24 5%, #bc1931 100%);
	background-color:#bc1931;
    }

.listLinkBtnArea-max .redButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .redButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .redButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .redButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #bc1931 5%, #ed1c24 100%);background-color:#bc1931; display:block;}

.listLinkBtnArea-min .redButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .redButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .redButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .redButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #bc1931 5%, #ed1c24 100%);background-color:#bc1931; display:block;}



/*リスト型リンクボタン　カラー：グリーンーーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .greenButton,.listLinkBtnArea-min .greenButton{
    border:1px solid #006837;
    text-shadow:0px 1px 0px #2d7a54;
    box-shadow:inset 0px 1px 0px 0px #52a05a;
	background:linear-gradient(to bottom, #23a35d 5%, #00602b 100%);
	background-color:#00602b;
    }

.listLinkBtnArea-max .greenButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .greenButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .greenButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .greenButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #00602b 5%,  100%);background-color:#00602b; display:block;}

.listLinkBtnArea-min .greenButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .greenButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .greenButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .greenButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #00602b 5%,  100%);background-color:#00602b; display:block;}


/*リスト型リンクボタン　カラー：オレンジーーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .orangeButton,.listLinkBtnArea-min .orangeButton{
    border:1px solid #f25220;
    text-shadow:0px 1px 0px #f23420;
    box-shadow:inset 0px 1px 0px 0px #f2a620;
	background:linear-gradient(to bottom, #f4901e 5%, #f23f20 100%);
	background-color:#f23f20;
    }

.listLinkBtnArea-max .orangeButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .orangeButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .orangeButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .orangeButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #f23f20 5%, #f4901e 100%);background-color:#f23f20; display:block;}

.listLinkBtnArea-min .orangeButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .orangeButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .orangeButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .orangeButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #f23f20 5%, #f4901e 100%);background-color:#f23f20; display:block;}


/*リスト型リンクボタン　カラー：グレーーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .grayButton,.listLinkBtnArea-min .grayButton{
    border:1px solid #808080;
    text-shadow:0px 1px 0px #f2f2f2;
    box-shadow:inset 0px 1px 0px 0px #e6e6e6;
	background:linear-gradient(to bottom, #cccccc 5%, #b3b3b3 100%);
	background-color:#cccccc;
    }

.listLinkBtnArea-max .grayButton a:link   {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-max .grayButton a:visited{color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-max .grayButton a:active {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-max .grayButton a:hover  {color:#000000; text-decoration:none;background:linear-gradient(to bottom, #b3b3b3 5%, #cccccc 100%);background-color:#b3b3b3; display:block;}

.listLinkBtnArea-min .grayButton a:link   {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-min .grayButton a:visited{color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-min .grayButton a:active {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-min .grayButton a:hover  {color:#000000; text-decoration:none;background:linear-gradient(to bottom, #b3b3b3 5%, #cccccc 100%);background-color:#b3b3b3; display:block;}


/*リスト型リンクボタン　カラー：パープルーーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .purpleButton,.listLinkBtnArea-min .purpleButton{
    border:1px solid #9327a3;
    text-shadow:0px 1px 0px #5409c1;
    box-shadow:inset 0px 1px 0px 0px #b72ab7;
	background:linear-gradient(to bottom, #8b24ba 5%, #62006d 100%);
	background-color:#62006d;
    }

.listLinkBtnArea-max .purpleButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .purpleButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .purpleButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .purpleButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #62006d 5%, #8b24ba 100%);background-color:#62006d; display:block;}

.listLinkBtnArea-min .purpleButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .purpleButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .purpleButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .purpleButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #62006d 5%, #8b24ba 100%);background-color:#62006d; display:block;}


/*リスト型リンクボタン　アイコン：PDFーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .pdf a:before,.listLinkBtnArea-min .pdf a:before{
    content: "\f1c1";
    font-family: "fontawesome";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow:inset 0px 1px 0px 0px #888888;
    background:rgba(255,255,255,0.6);
    width: 40px;height: 40px;
    }
.listLinkBtnArea-max .pdf a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}
.listLinkBtnArea-min .pdf a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}


/*リスト型リンクボタン　アイコン：資料請求・お問合せーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .contact a:before,.listLinkBtnArea-min .contact a:before{
    content: "\f15b";
    font-family: "fontawesome";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow:inset 0px 1px 0px 0px #888888;
    background:rgba(255,255,255,0.6);
    width: 40px;height: 40px;
    }
.listLinkBtnArea-max .contact a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}
.listLinkBtnArea-min .contact a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}


/*リスト型リンクボタン　アイコン：各種イベント・説明会ーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .briefing a:before,.listLinkBtnArea-min .briefing a:before{
    content: "\f0c0";
    font-family: "fontawesome";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow:inset 0px 1px 0px 0px #888888;
    background:rgba(255,255,255,0.6);
    width: 40px;height: 40px;
    }
.listLinkBtnArea-max .briefing a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}
.listLinkBtnArea-min .briefing a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}


/*リスト型リンクボタン　アイコン：体験授業ーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .experience a:before,.listLinkBtnArea-min .experience a:before{
    content:"\270f";
    font-family: "Glyphicons Halflings";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow:inset 0px 1px 0px 0px #888888;
    background:rgba(255,255,255,0.6);
    width: 40px;height: 40px;
    }
.listLinkBtnArea-max .experience a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}
.listLinkBtnArea-min .experience a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}


/*リスト型リンクボタン　アイコン：入塾相談会ーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .consultation a:before,.listLinkBtnArea-min .consultation a:before{
    content: "\f0e6";
    font-family: "fontawesome";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow:inset 0px 1px 0px 0px #888888;
    background:rgba(255,255,255,0.6);
    width: 40px;height: 40px;
    }
.listLinkBtnArea-max .consultation a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}
.listLinkBtnArea-min .consultation a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}


/*リスト型リンクボタン　アイコン：お問合せダイヤルーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .dial a:before,.listLinkBtnArea-min .dial a:before{
    content:"\e145";
    font-family: "Glyphicons Halflings";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow:inset 0px 1px 0px 0px #888888;
    background:rgba(255,255,255,0.6);
    width: 40px;height: 40px;
    }
.listLinkBtnArea-max .dial a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}
.listLinkBtnArea-min .dial a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}


/*リスト型リンクボタン　アイコン：メガホンーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .bullhorn a:before,.listLinkBtnArea-min .bullhorn a:before{
    content:"\e122";
    font-family: "Glyphicons Halflings";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow:inset 0px 1px 0px 0px #888888;
    background:rgba(255,255,255,0.6);
    width: 40px;height: 40px;
    }
.listLinkBtnArea-max .bullhorn a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}
.listLinkBtnArea-min .bullhorn a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}


/*リスト型リンクボタン　アイコン：紙飛行機ーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .paperAirplane a:before,.listLinkBtnArea-min .paperAirplane a:before{
    content:"\e171";
    font-family: "Glyphicons Halflings";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow:inset 0px 1px 0px 0px #888888;
    background:rgba(255,255,255,0.6);
    width: 40px;height: 40px;
    }
.listLinkBtnArea-max .paperAirplane a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}
.listLinkBtnArea-min .paperAirplane a:before{font-size: 1.4em;padding: 3px;line-height: 35px;}



/* -------------------------------------------------------------------------- */
/*DIV型リンクボタン*/
/* -------------------------------------------------------------------------- */
/*DIV型リンクボタン　カラー：グレーーーーーーーーーーーーーーーーーーーーーーー*/
.common-noneActiveButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #dddddd;
    box-shadow:inset 0px 1px 0px 0px #e6e6e6;
	background:linear-gradient(to bottom, #cccccc 5%, #b3b3b3 100%);
	background-color:#cccccc;
    text-align: center;
    border-radius:3px;
    color: #ffffff;
    }
    
@media (min-width: 992px){
    .common-noneActiveButton{font-size: 0.9em;line-height:1.2;padding:10px 0;}
    .common-grayButton   a{font-size: 0.9em;line-height:1.2;padding:10px 0;}
    .common-blueButton   a{font-size: 0.9em;line-height:1.2;padding:10px 0;}
    .common-redButton    a{font-size: 0.9em;line-height:1.2;padding:10px 0;}
    .common-greenButton  a{font-size: 0.9em;line-height:1.2;padding:10px 0;}
    .common-purpleButton a{font-size: 0.9em;line-height:1.2;padding:10px 0;}
    .common-orangeButton a{font-size: 0.9em;line-height:1.2;padding:10px 0;}
    .common-yellowButton a{font-size: 0.9em;line-height:1.2;padding:10px 0;}
    }
    
@media (max-width:991px){
    .common-noneActiveButton{font-size: 1.8em;line-height:1.2;padding:15px 0;}
    .common-grayButton   a{font-size: 1.8em;line-height:1.2;padding:15px 0;}
    .common-blueButton   a{font-size: 1.6em;line-height:1.2;padding:15px 0;}
    .common-redButton    a{font-size: 1.6em;line-height:1.2;padding:15px 0;}
    .common-greenButton  a{font-size: 1.6em;line-height:1.2;padding:15px 0;}
    .common-purpleButton a{font-size: 1.6em;line-height:1.2;padding:15px 0;}
    .common-orangeButton a{font-size: 1.6em;line-height:1.2;padding:15px 0;}
    .common-yellowButton a{font-size: 1.6em;line-height:1.2;padding:15px 0;}
    }


/*DIV型リンクボタン　カラー：グレーーーーーーーーーーーーーーーーーーーーーーー*/
.common-grayButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #808080;
    text-shadow:0px 1px 0px #f2f2f2;
    box-shadow:inset 0px 1px 0px 0px #e6e6e6;
	background:linear-gradient(to bottom, #cccccc 5%, #b3b3b3 100%);
	background-color:#cccccc;
    text-align: center;
    border-radius:3px;
    }

.common-grayButton a:link   {color:#000000;text-decoration: none;display: block;}
.common-grayButton a:visited{color:#000000;text-decoration: none;display: block;}
.common-grayButton a:active {color:#000000;text-decoration: none;display: block;}
.common-grayButton a:hover  {color:#000000; text-decoration:none;background:linear-gradient(to bottom, #b3b3b3 5%, #cccccc 100%);background-color:#b3b3b3; display:block;}


/*DIV型リンクボタン　カラー：イエローーーーーーーーーーーーーーーーーーーーーーー*/
.common-yellowButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #d3d30f;
    text-shadow:0px 1px 0px #fffdd4;
    box-shadow:inset 0px 1px 0px 0px #fffc8d;
	background:linear-gradient(to bottom, #ffff00 5%, #ffdb27 100%);
	background-color:#ffff00;
    text-align: center;
    border-radius:3px;
    }

.common-yellowButton a:link   {color:#000000;text-decoration: none;display: block;}
.common-yellowButton a:visited{color:#000000;text-decoration: none;display: block;}
.common-yellowButton a:active {color:#000000;text-decoration: none;display: block;}
.common-yellowButton a:hover  {color:#000000; text-decoration:none;background:linear-gradient(to bottom, #ffdb27 5%, #ffff00 100%);background-color:#ffdb27; display:block;}


/*DIV型リンクボタン　カラー：ブルーーーーーーーーーーーーーーーーーーーーーーーー*/
.common-blueButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #124d77;
    text-shadow:0px 1px 0px #154682;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
    text-align: center;
    border-radius:3px;
    }

.common-blueButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.common-blueButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.common-blueButton a:active {color:#ffffff;text-decoration: none;display: block;}
.common-blueButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);background-color:#0061a7; display:block;}


/*DIV型リンクボタン　カラー：レッドーーーーーーーーーーーーーーーーーーーーーーーー*/
.common-redButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #ad0e29;
    text-shadow:0px 1px 0px #c1272d;
    box-shadow:inset 0px 1px 0px 0px #ff7676;
	background:linear-gradient(to bottom, #ed1c24 5%, #bc1931 100%);
	background-color:#bc1931;
    text-align: center;
    border-radius:3px;
    }

.common-redButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.common-redButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.common-redButton a:active {color:#ffffff;text-decoration: none;display: block;}
.common-redButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #bc1931 5%, #ed1c24 100%);background-color:#bc1931; display:block;}


/*DIV型リンクボタン　カラー：グリーンーーーーーーーーーーーーーーーーーーーーーーーー*/
.common-greenButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #006837;
    text-shadow:0px 1px 0px #2d7a54;
    box-shadow:inset 0px 1px 0px 0px #52a05a;
	background:linear-gradient(to bottom, #23a35d 5%, #00602b 100%);
	background-color:#00602b;
    text-align: center;
    border-radius:3px;
    }

.common-greenButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.common-greenButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.common-greenButton a:active {color:#ffffff;text-decoration: none;display: block;}
.common-greenButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #00602b 5%,  100%);background-color:#00602b; display:block;}


/*DIV型リンクボタン　カラー：オレンジーーーーーーーーーーーーーーーーーーーーーーーー*/
.common-orangeButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #f25220;
    text-shadow:0px 1px 0px #f23420;
    box-shadow:inset 0px 1px 0px 0px #f2a620;
	background:linear-gradient(to bottom, #f4901e 5%, #f23f20 100%);
	background-color:#f23f20;
    text-align: center;
    border-radius:3px;
    }

.common-orangeButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.common-orangeButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.common-orangeButton a:active {color:#ffffff;text-decoration: none;display: block;}
.common-orangeButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #f23f20 5%, #f4901e 100%);background-color:#f23f20; display:block;}


/*DIV型リンクボタン　カラー：パープルーーーーーーーーーーーーーーーーーーーーーーーー*/
.common-purpleButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #9327a3;
    text-shadow:0px 1px 0px #5409c1;
    box-shadow:inset 0px 1px 0px 0px #b72ab7;
	background:linear-gradient(to bottom, #8b24ba 5%, #62006d 100%);
	background-color:#62006d;
    text-align: center;
    border-radius:3px;
    }

.common-purpleButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.common-purpleButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.common-purpleButton a:active {color:#ffffff;text-decoration: none;display: block;}
.common-purpleButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #62006d 5%, #8b24ba 100%);background-color:#62006d; display:block;}