@charset "UTF-8";
/*
  Theme Name: gcom
  Description: WordPress gcomテーマ
  Author: ajc
  Version: 1.0
  License: GNU General Public License
  License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

@charset "UTF-8";
/*
	Theme Name: gcom
	Description: WordPress gcomテーマ
	Author: ajc
	Version: 1.0
	License: GNU General Public License
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 409, ../sass/partials/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  margin-right: 0.25em;
  /*width: 16px;
  height:16px;*/
  -webkit-transform: scale(1.25);
   transform: scale(1.25);
  /* 2 */
}

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

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

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

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

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

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

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

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

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

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

Stylesheet: Variables

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

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/***********************

IMAGES URL

************************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

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

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

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/
/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
/*
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 67, ../sass/partials/_typography.scss */
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  /*
  -webkit-font-feature-settings: "liga", "dlig";
   -moz-font-feature-settings: "liga=1, dlig=1";
      -ms-font-feature-settings: "liga", "dlig";
       -o-font-feature-settings: "liga", "dlig";
          font-feature-settings: "liga", "dlig";
  */
}

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

Stylesheet: Sass Functions

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

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

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

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

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

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

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

Stylesheet: Mixins Stylesheet

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

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

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

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/* line 32, ../sass/style.scss */
body {
  /*font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #231815;
  background-color: #fff;
}

/*********************
MIX IN
**********************/
/*********************
LINK STYLES
*********************/
a, a:visited {
  text-decoration: none;

}
/*
a:hover{
	text-decoration: underline;
}
*/

a:link, a:visited: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 77, ../sass/style.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 86, ../sass/style.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 91, ../sass/style.scss */
h1, .h1 {
  font-size: 2.0em;
  font-weight: bolder;
  line-height: 1.333em;
}

/* line 98, ../sass/style.scss */
h2, .h2 {
  font-size: 1.5em;
  font-weight: bolder;
  line-height: 1.4em;
  margin-bottom: 0.375em;
}

/* line 105, ../sass/style.scss */
h3, .h3 {
  font-weight: bolder;
  font-size: 1.25em;
  margin: 0.5em 0 0.5em 0;
}

/* line 113, ../sass/style.scss */
h4, .h4 {
  border-left: 10px solid #005BAC;
  border-bottom: 1px solid #005BAC;
  font-size: 25px;
  padding-left: 10px;
  padding-bottom: 3px;
  margin-bottom: 30px;
  font-weight: normal;

}

/* line 118, ../sass/style.scss */
h5, .h5 {
  font-weight: bold;
  font-size: 24px;
  line-height: 0;
  color: #005BAC;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/*********************
HEADER STYLES
*********************/
/* line 129, ../sass/style.scss */
#header {
  background-color: #fff;
}
/* line 131, ../sass/style.scss */
#header #inner-header {
	margin:0 auto;
	width:960px;
	padding:20px 10px 12px 10px;
}

/* line 142, ../sass/style.scss */
#header .alignleft {
  width: 50px;
}
/* line 145, ../sass/style.scss */
#header .alignright {
  width: 45%;
  padding-top: 2px;
}
/* line 149, ../sass/style.scss */
#header #logo {
  margin: 0;
}
/* line 155, ../sass/style.scss */
#header #searchform {
  float: right;
}
/* line 158, ../sass/style.scss */
#header #s {
  /* padding: 6px 2em 6px 5%; */
  padding: 12px 5% 11px 5%;
  width: 250px;
  float: left;
  height: 42px;
}
/* line 164, ../sass/style.scss */
#header #searchsubmit {
  padding: 2px 1em;
  float: left;
  height: 40px;
  border: none;
}
/* line 170, ../sass/style.scss */
#header #homebutton {
  display: block;
  float: left;
}
/* line 174, ../sass/style.scss */
#header #homebutton img {
  padding: 2px;
  height: 40px;
  border: none;
}

/***********************
LAYOUT STYLES
************************/
/* line 188, ../sass/style.scss */
#container {
  background-color: #fff;
}

/* line 195, ../sass/style.scss */
.wrap {
  width: 960px;
  margin: auto;
}

/* line 209, ../sass/style.scss */
#main-image_wrap {
  position: relative;
  margin-bottom: -1px;
}
/* line 211, ../sass/style.scss */
#main-image_wrap #main-image {
  vertical-align: bottom;
}
/* line 214, ../sass/style.scss */
#main-image_wrap #tab_area {
  position: absolute;
  right: 0;
  bottom: 0;
}

/* line 221, ../sass/style.scss */
#sidebar {
  float: right;
  width: 250px;
}

/*********************
NAVIGATION STYLES
*********************/
/* line 229, ../sass/style.scss */
#nav-wrapper {
  background-color: #005BAC;
  background-repeat: repeat-x;
}

/* line 236, ../sass/style.scss */
.nav {
  border: 0;
  display: block;
  /* highlight current page */
  /* end current highlighters */
}
/* line 242, ../sass/style.scss */
.nav.footer-nav li {
  display: inline-block;
  border-left: 1px solid #fff;
  font-size: 0.8em;
  text-align: center;
  padding: 0em 0.5em;
  margin-left: -5px;
}
/* line 248, ../sass/style.scss */
.nav.footer-nav li:first-child {
  border: none;
}
/* line 253, ../sass/style.scss */
.nav.footer-nav a {
  color: #fff;
}


/* end .nav */
/*********************
  breadcrumbs
*********************/
/* line 305, ../sass/style.scss */
.breadcrumbs {
  padding-top: 1em;
  padding-bottom: 1em;
}

/*********************
POSTS & CONTENT STYLES
*********************/

/* line 322, ../sass/style.scss */
.single-title,
.page-title,
.entry-title {
  font-size: 25px;
  margin: 0;
}

/* line 330, ../sass/style.scss */
.page-title {
  color: #005BAC;
  border-bottom: 2px solid #005BAC;
}
/* line 333, ../sass/style.scss */
.page-title.thumbnail {
  border: 6px 0 6px 0;
}

/* line 342, ../sass/style.scss */
.contents {
  background-color: #fff;
}

#inner-contents{
	padding-left: 10px;
	padding-right: 10px;
}

/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* line 350, ../sass/style.scss */
.post {
  /* general post style */
}

/********************
 post関連
********************/

.contents .entry-header{
	padding-bottom: 0.5em;
	border-bottom: 1px solid #231815;
}

.contents .list-item{
	margin-bottom: 1em;
	border-bottom: 1px solid #b3b3b3;
}

.contents .list-item p{
	margin:0;
}

.contents .list-header span,
.contents .entry-header span{
	display: inline-block;
	font-size: 16px;
    margin: 0 2px 2px 0;
    padding-top: 2px;
    padding-bottom:1px;
    font-weight: bold;
    vertical-align: top;
    line-height: 1.5em;
    letter-spacing: normal;
}


.contents .list-header .category,
.contents .entry-header .category{
	text-align: center;
    background: #b3b3b3;
    margin-right: 0.5em;
    padding-left: 5px;
    padding-right: 5px;
}

.contents .list-header .category a,
.contents .entry-header .category a
{
	color: #fff;
}


/**********************

 固定ページ用

**********************/


/* line 353, ../sass/style.scss */
.page {
  /*
  .entry-title{
  	position: relative;
  	h2{
  		margin: 0;
  		//font-size: 32px;
  	}
  	div#tab_area{
  		position: absolute;
  		right: 0;
  		bottom:0;
  		margin: 0;
  	}
  }*/
}
/* line 371, ../sass/style.scss */
.contents div#tab_wrapper {
  border-top: 38px solid #005BAC;
}

/* line 374, ../sass/style.scss */
.contents div#tab_area_up {
  margin-top: -1px;
  border-top: 72px solid #005BAC;
  border-right: 45px solid transparent;
  height: 0;
  width: 50%;
  min-width: 480px;
  color: #fff;
  text-align: center;
  position: relative;
}
/* line 385, ../sass/style.scss */
.contents div#tab_area_up h2 {
  width: 430px;
  position: absolute;
  top: -100px;
  right: 0;
  text-align: left;
}
/* line 393, ../sass/style.scss */
.contents div#tab_area_title {
  position: relative;
}
/* line 395, ../sass/style.scss */
.contents div#tab_area_title h2 {
  position: absolute;
  top: -117px;
  padding-left:10px;
  padding-right:10px;
  *margin-top:20px;
  font-size: 38px;
  color: white;
}
.contents div#tab_area_title h2 img {
	vertical-align: bottom;
}

/* line 402, ../sass/style.scss */
.page div#tab_area {
  border-bottom: 72px solid #005BAC;
  border-left: 45px solid transparent;
  height: 0;
  width: 50%;
  float: right;
  color: #fff;
  text-align: center;
}
/* line 412, ../sass/style.scss */
.page div#tab_area h2 {
  width: 400px;
  line-height: 4;
  text-align: center;
  *margin-top:30px;
  *margin-right:100px;
}
/* line 419, ../sass/style.scss */
.contents .entry-content {
  font-size: 24px;
}

/* line 421, ../sass/style.scss */
.page .entry-content .section {
  padding-bottom: 30px;
  /*padding-top: 30px;*/
}
/* line 427, ../sass/style.scss */
.page .entry-content ul.childpage-list li {
  width: 460px;
  display:inline-block;
  height: 178px;
  margin: 10px;
  float: left;
  text-align: center;
}
.page .entry-content ul.childpage-list li img {
	width:460px;
	max-width:460px;
	display:inline-block;
}
/* line 435, ../sass/style.scss */
.page .entry-content ul.childpage-list li a {
  display: table-cell;
  vertical-align: middle;
}
/* line 444, ../sass/style.scss */
.page .entry-content ul.childpage-list.col3 li {
  width: 290px;
  height: 178px;
  margin: 10px;
}

/* 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 460, ../sass/style.scss */
.byline {
  color: #9fa6b4;
  font-style: italic;
  margin: 0;
}

/* entry content */
/* line 469, ../sass/style.scss */
.entry-content {
  padding: 30px 0 30px 0;
  line-height: 1.5;
  /*
  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 473, ../sass/style.scss */
.entry-content p {
  margin: 0 0 1.5em;
  word-break: break-all;
}
/* line 475, ../sass/style.scss */
.entry-content p.catchphrase {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0 1em;
}
/* line 503, ../sass/style.scss */
.entry-content table {
  width: 100%;
  border: none;
  margin-bottom: 1.5em;
}
/* line 508, ../sass/style.scss */
.entry-content table caption {
  margin: 0 0 7px;
  font-size: 0.75em;
  color: #9fa6b4;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* line 517, ../sass/style.scss */
.entry-content tr:not(:last-child) {
  border-bottom: 1px dotted #000;
}
/* line 526, ../sass/style.scss */
.entry-content td {
  padding-left: 50px;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}

/* line 535, ../sass/style.scss */
.entry-content th {
    background-color: #FEF2CC;
    font-weight: normal;
    width: 210px;
    text-align: center;
}
/* line 540, ../sass/style.scss */
.entry-content th:last-child {
  border-right: 0;
}
/* line 545, ../sass/style.scss */
.entry-content blockquote {
  margin: 0 0 1.5em 0.75em;
  padding: 0 0 0 0.75em;
  border-left: 3px solid #2980b9;
  font-style: italic;
  color: #9fa6b4;
}
/* line 560, ../sass/style.scss */
.entry-content dd {
  margin-left: 0;
  margin-bottom: 1.5em;
}
/* line 567, ../sass/style.scss */
.entry-content img {
  margin: 0 0 0 0;
  max-width: 100%;
  height: auto;
}
/* line 591, ../sass/style.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 600, ../sass/style.scss */
.entry-content pre {
  background: #323944;
  color: #f8f9fa;
  font-size: 0.9em;
  padding: 1.5em;
  margin: 0 0 1.5em;
  border-radius: 3px;
}
/* line 609, ../sass/style.scss */
.entry-content div.wrapper1 {
  margin: 2em 0 2em 0;
  text-align: center;
}
/* line 613, ../sass/style.scss */
.entry-content .wrapper2 {
  margin: 2em 0 0 0;
}

/* end .entry-content */
/* line 619, ../sass/style.scss */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */
}
/* line 625, ../sass/style.scss */
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
/* line 631, ../sass/style.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 665, ../sass/style.scss */
.tags {
  margin: 0;
}

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
/* line 673, ../sass/style.scss */
.pagination,
.wp-prev-next {
  margin: 1.5em 0;
}

/* line 677, ../sass/style.scss */
.pagination {
  text-align: center;
}
/* line 680, ../sass/style.scss */
.pagination h2.screen-reader-text {
  display: none;
}
/* line 683, ../sass/style.scss */
.pagination a, .pagination span {
  border-left: 1px solid #8591A3;
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 0.75em;
  min-width: 1em;
  color: #2980b9;
}
/* line 696, ../sass/style.scss */
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
  background-color: #2980b9;
  color: #323944;
}
/* line 700, ../sass/style.scss */
.pagination a:first-child, .pagination span:first-child {
  border-left: none;
}
/* line 705, ../sass/style.scss */
.pagination .current {
  cursor: default;
  color: #231815;
}
/* line 709, ../sass/style.scss */
.pagination .current:hover, .pagination .current:focus {
  background-color: #fff;
  color: #231815;
}

/* end .bones_page_navi */
/* fallback previous & next links */
/* line 722, ../sass/style.scss */
.wp-prev-next .prev-link {
  float: left;
}
/* line 726, ../sass/style.scss */
.wp-prev-next .next-link {
  float: right;
}

/* end .wp-prev-next */
/*********************
SIDEBARS & ASIDES
*********************/
/* line 736, ../sass/style.scss */
.sidebar {
  background-color: #f8f9fa;
  font-size: 0.8em;
  padding-left: 1em;
  padding-right: 1em;
}
/* line 743, ../sass/style.scss */
.sidebar .categories ul {
  margin: 0.25em;
}

/* line 748, ../sass/style.scss */
.widget_widget_info,
.widget_nav_menu {
  background-color: #fff;
}
/* line 752, ../sass/style.scss */
.widget_widget_info ul,
.widget_nav_menu ul {
  margin: 0;
}
/* line 754, ../sass/style.scss */
.widget_widget_info ul li,
.widget_nav_menu ul li {
  padding-bottom: 5px;
}

/* line 761, ../sass/style.scss */
.widget_my_recent_posts ul li {
  padding: 0.5em 0;
  border-bottom: 1px dotted #323944;
  font-size: 0.9em;
}

/* line 773, ../sass/style.scss */
.widget ul {
  padding-left: 1em;
}
/* line 775, ../sass/style.scss */
.widget ul li {
  /* deep nesting */
}

/* line 794, ../sass/style.scss */
.no-widgets {
  background-color: #fff;
  padding: 1.5em;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-bottom: 1.5em;
}

/*********************
FOOTER STYLES
*********************/
/* line 807, ../sass/style.scss */
.footer {
  clear: both;
  background-color: #005BAC;
  color: #fff;
  padding: 1em 0 1em 0;
 /* border-top: 1px solid #323944;*/
}
#inner-footer {
  width:960px;
  padding:0 10px;
}

/* end .iso-links */
/* line 839, ../sass/style.scss */
#footer-bottom {
  margin: 20px 0;
}
/* line 841, ../sass/style.scss */
#footer-bottom p {
  margin: 0;
}

/* line 847, ../sass/style.scss */
#copyright {
  text-align: right;
}


/* line 934, ../sass/style.scss */
#contact_area dl {
  width: 90%;
  margin:auto;
  /*border: 1px solid #323944;*/
}
/* line 937, ../sass/style.scss */
#contact_area dl dt {
  text-align: center;
  /*border-bottom: 1px solid #323944;*/
  font-size: 0.9em;
}
/* line 942, ../sass/style.scss */
#contact_area dl dd {
  text-align: center;
  font-size: 0.9em;
  padding: 1em;
}
/* line 946, ../sass/style.scss */
#contact_area dl dd li {
  float: left;
  width: 50%;
  font-weight: bold;
}
/* line 949, ../sass/style.scss */
/*#contact_area dl dd li.tel {
  font-size: 1.2em;
  font-weight: bold;
}*/
#contact_area dl dd li a{
  color: #fff;
  display: inline-block;
  width: 300px;
  padding: 8px;
  font-size: 0.9em;
}
#contact_area dl dd li.tel a{
  background-image: url("../images/icon_tel.png");
  background-repeat: no-repeat;
  background-position: 20px 6px;
  padding-left: 40px;
}
#contact_area dl dd li.mail a{
  background-image: url("../images/icon_mail.png");
  background-repeat: no-repeat;
  background-position: 50px 9px;
  padding-left: 50px;
}

#contact_area dl dd li.mail a:hover{
  background: #fff;
  color: #005BAC;
  background-image: url("../images/icon_mail_on.png");
  background-repeat: no-repeat;
  background-position: 50px 9px;
}
#contact_area dl dd li a span.sub{
  font-size: 0.5em;
  font-weight: normal;
  margin-bottom: 2px;
}

/******************
WORDPRESS MISC
******************/
/* line 858, ../sass/style.scss */
.alignleft {
  float: left;
}

/* line 862, ../sass/style.scss */
.alignright {
  float: right;
}

/* ↓ ADDDI ↓ */
.aligncenter {
    display: block;
    margin-left: auto!important;
    margin-right: auto!important;
}
/* ↑ ADDDI ↑ */

/******************
DECORATION
******************/
/* line 870, ../sass/style.scss */
span.sub_h {
  color: #00B9E7;
  font-size: 0.6em;
  margin-left: 1em;
}

/* line 876, ../sass/style.scss */
.variable_image {
  width: 100%;
}

/* line 880, ../sass/style.scss */
button.css3button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
  padding: 10px 20px;
  background: -moz-linear-gradient(top, #ff9999 0%, #be0000);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9999), to(#be0000));
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #b85f00;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px -1px 0px rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px -1px 0px rgba(255, 255, 255, 0.7);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px -1px 0px rgba(255, 255, 255, 0.7);
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
}

/* line 912, ../sass/style.scss */
.hoveraction:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* line 918, ../sass/style.scss */
.pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
}

/* line 924, ../sass/style.scss */
.pagetop a {
  outline: none;
  display: block;
  text-align: center;
  font-size: 12px;
  text-decoration: none;
}

/* line 934, ../sass/style.scss */
#contact_area dl {
  width: 90%;
  margin:auto;
  /*border: 1px solid #323944;*/
}
/* line 937, ../sass/style.scss */
#contact_area dl dt {
  text-align: center;
  /*border-bottom: 1px solid #323944;*/
  font-size: 0.9em;
}
/* line 942, ../sass/style.scss */
#contact_area dl dd {
  text-align: center;
  font-size: 0.9em;
  padding: 1em;
}
/* line 946, ../sass/style.scss */
#contact_area dl dd li {
  float: left;
  width: 50%;
}
/* line 949, ../sass/style.scss */
#contact_area dl dd li.tel {
  font-size: 1.2em;
  font-weight: bold;
}

/******************
metaslider custom
******************/
/* line 961, ../sass/style.scss */
.metaslider {
  min-width: 960px;
  /*
  .flexslider:hover{
  	.flex-prev {
  		background: image-url("icon_slide_prev.png") no-repeat left; opacity: 0.7; left: 0px;
  	}
  	.flex-next {
  		background: image-url("icon_slide_next.png") no-repeat right; opacity: 0.7; right: 0px;
  	}
  }
  */
}
/* line 977, ../sass/style.scss */
.metaslider .flexslider .flex-direction-nav a {
  width: 49px;
  height: 80px;
}
/* line 980, ../sass/style.scss */
.metaslider .flexslider .flex-direction-nav a.flex-prev {
  background: url('/lms/images/lgwan/icon_slide_prev.png') no-repeat left;
  width: 30px;
  height: 30px;
  opacity: 1;
  left: 75px !important;
}
/* line 985, ../sass/style.scss */
.metaslider .flexslider .flex-direction-nav a.flex-next {
  background: url('/lms/images/lgwan/icon_slide_next.png') no-repeat right;
  width: 30px;
  height: 30px;
  opacity: 1;
  right: 75px !important;
}
/* line 990, ../sass/style.scss */
.metaslider .flexslider .flex-direction-nav a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 998, ../sass/style.scss */
.metaslider .rslides_nav {
  display: hidden;
  background-color: transparent;
  width: 49px;
  height: 80px;
  margin-top: -40px;
}
/* line 1004, ../sass/style.scss */
.metaslider .rslides_nav.prev {
  background-image: url('/wp/wp-content/themes/gcom/images/icon_slide_prev.png');
  left: 75px;
}
/* line 1009, ../sass/style.scss */
.metaslider .rslides_nav.next {
  background-image: url('/wp/wp-content/themes/gcom/images/icon_slide_next.png');
  right: 75px;
}
/* line 1013, ../sass/style.scss */
.metaslider .rslides_nav:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

/* 20200213 追加 flexslider */
.flexslider .flex-viewport{
  max-height: 400px;
}

.breadcrumbs {
	padding-left:10px;
	padding-right:10px;
}
.page-template-default .entry-content,
.page-template-custom-intro_example .entry-content {
	padding-left:10px;
	padding-right:10px;
}

.page-template-default .entry-content .childpage-list,
.page-template-custom-intro_example .entry-content .childpage-list {
	margin:0 -10px;
	padding:10px 0;
}

/* 20200219 追加 */
/*LGWAN系login*/
.login-row {
  height: 61px;
}

.lgwan-font {
  font-size: 24px;
}

.update-information-area {
  padding-bottom: 30px;
}

.update-information-title {
  margin-top: 0;
  font-size: 30px;
}

#update-information-list {
  margin: 0;
  padding: 12px 0;
}

#submit_area {
  text-align: center;
}

#submit_area .alignleft, #submit_area .alignright {
  width: 50%;
}

/* 20200605 追加 */
/*Acrocity×BI お問い合わせフォーム*/
.frame{
	margin: 0 9px 25px 8px;
	padding: 12px 15px;
	border: 1px solid #7f9db9;
	height: 348px;
	overflow-y: scroll;
	line-height: 1.5;
	font-size: 16px;
}

  /* 20170112 追加 */
area{
  border:none;
  outline:none;
}