/*
Theme Name: 流通クラウドポータル
Theme URI: http://underscores.me/
Author: CYBERLINKS
Author URI: http://www.cyber-l.co.jp/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cyberlinks-portal
Tags:

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.

流通クラウドポータル is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*-------------------------------
>>> TABLE OF CONTENTS:
---------------------------------
# Normalize
# Typography
# Elements
# Layout
# Header
# Secondary
# Navigation
# Footer
# Navigation
	## Links
	## Menus
# Forms
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
##wp-admin
-------------------------------*/

/*-------------------------------
# Normalize
-------------------------------*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;vertical-align: baseline;letter-spacing:normal;list-style:none;}
html {font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;box-sizing:border-box;}
body {
	overflow-x: hidden;
	background:#fff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.75;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {	background-color: transparent; transition:0.5s}
a:hover{transition: 0.5s}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
mark {background: #ff0;color: #000;}
small {font-size: 13px; font-size:1.3rem;}
sub,sup {font-size:12px; font-size:1.2rem;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-size: 1em;}
button,input,optgroup,select,textarea {	color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],
html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}

/*-------------------------------
# Typography
-------------------------------*/
h1,h2,h3,h4,h5,h6 {clear: both;}
p {margin-bottom: 1.5em;}
dfn,cite,em,i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}
abbr,acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,ins {
	background: #fff9c0;
	text-decoration: none;
}
big {font-size: 125%;}

/* == 段落 */
#contents p{margin-bottom:16px;}
section p:last-child{margin-bottom: 50px;}

/* == 見出し */
h1,h2,h3,h4{ font-weight: normal;line-height: 1.3;}
h2 a,h3 a,h4 a{text-decoration:underline;}
.entry-header{
	background: #3EC1A5;
	padding: 10px;
	margin-bottom: 70px;
}
h1.entry-title{
	color: #FFF;
	font-size:28px;
	font-size: 2.8rem;
	margin-bottom: 50px;
	max-width: 1024px;
	margin: auto;
	line-height: 60px;
}
h1.entry-title.retail,
h1.entry-title.wholesale,
h1.entry-title.manufacture{padding-left: 70px;}
h1.entry-title.retail{ background: url(../images/ico_retail240.png) no-repeat 0 0;
	background-size: 60px 60px;}
h1.entry-title.wholesale{ background: url(../images/ico_wholesale240.png) no-repeat 0 0;
	background-size: 60px 60px;}
h1.entry-title.manufacture{ background: url(../images/ico_manufacture240.png) no-repeat 0 0;
	background-size: 60px 60px;}
.page-id-15 h1.entry-title,
h1.entry-title.blogTitle{
	background: url(../images/ico_blog.png) no-repeat 0 50%;
	background-size: 30px 30px;
	padding: 15px 0;
	line-height:30px;
	padding-left: 40px;
}
.page-id-97 h1.entry-title,
h1.entry-title.UtilityTitle{
	background: url(../images/ico_utility.png) no-repeat 0 50%;
	background-size: 30px 30px;
	padding: 15px 0;
	line-height:30px;
	padding-left: 40px;
}
h1.entry-title.ShowcaseTitle{
	background: url(../images/ico_showcase.png) no-repeat 0 50%;
	background-size: 30px 30px;
	padding: 15px 0;
	line-height:30px;
	padding-left: 40px;
}
h2{
	color: #2296A8;
	font-size:32px;
	font-size: 3.2 rem;
	text-align: center;
	margin-bottom:40px;
}
h2.entry-title{ text-align: left;}
h3{
	color: #1365CC;
	font-size:28px;
	font-size:2.8rem;
	margin-bottom:20px;
}
h4 {
	color: #008BE7;
	font-size:22px;
	font-size:2.2rem;
	font-weight: bold;
	margin-bottom:16px;
}

/*-------------------------------
# Elements
-------------------------------*/
*,*:before,*:after {box-sizing: inherit;}
blockquote:before,
blockquote:after,
q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
hr {
	border: 0;
	border-top:1px dashed #ccc;
	height: 1px;
	margin-bottom: 1.5em;
}
ul,ol {margin: 0 0 1.5em 1.3em;}
.entry-content ul li{list-style: disc;}
li > ul,li > ol {margin-bottom: 0;margin-left: 1.5em;}
ol li{
    list-style: decimal inside !important;
    text-indent: -20px;
    padding-left: 20px;
}
dt {font-weight: bold;}
dd {margin: 0 1.5em 1.5em;}
img {height: auto; max-width: 100%;}
figure {margin:0 0 1em 0;}
/*table*/
table {
	color: #333;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em;
	width: 100%;
	border-color:#666;
	}
table td,
table th{
	border-collapse: collapse;
	border-spacing: 0;
	border-color:#666;
}
table th{
	background: #bbb;
}
caption, th, td {
	font-weight: normal;
	padding: 4px;
}
.entry-footer{clear: both;text-align:right;}
.edit-link a{padding:2px 10px;border:1px solid #ccc; background:#efefef;}
.edit-link a:hover{background:#ccc;}
/*-------------------------------
# Layout
-------------------------------*/
#page{position: relative;}
#content{margin-bottom:30px; background: url(../images/bg_header.png) repeat-x 0 0; padding-top:5px;}
.Inner{max-width:1044px;width:100%;	margin:0 auto;padding: 0 10px; }
/*サイドメニューあり*/
#primary{ width:69.3359375%; float:left;}/*710px*/ 
#secondary{ width:28.709375%; float:left; margin-left:1.953125%;}/*294px*/
#main{margin-bottom:60px;}

/* == Layout Module */
/* 背景色あり */
.box_blue{
	padding: 80px 10px;
	background: #E4F8EE;
}
.box_blue p:last-child{
	margin-bottom: 0;
}
.box_blue ul.list {
	margin-bottom: 0;
}

/*-------------------------------
# Header
-------------------------------*/
.site-branding{
	float: left;
	width: 400px;
	min-height: 95px;
	padding-top: 15px;
}
p.site-description{
	font-size:11px;
	color:#666;
	margin-bottom:5px;
}
.site-title {
	width:384px;
	height:46px;
	margin-bottom: 0;
}
.site-title a{
	display: block;
	height:46px;
	background-image: url(../images/logo_pc.png);
	background-repeat:no-repeat;
	background-size:100%;
	text-indent:-9999px;
}
/*
## Menus
-------------------------------*/
.main-navigation{
	width: 520px;
	float: right;
}
.bt_gmenu {display: none;}
.nav-container {display: block;}
ul#primary-menu {font-size: 0;}
ul#primary-menu li {
	clear: both;
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
	display: inline-block;
	width:130px;
	cursor: pointer;
	border-bottom: 5px solid #FFF;
	transition: .5s;
}
ul#primary-menu li a {
	height: 90px;
	padding-top:25px;
	display: block;
	text-decoration: none;
	color: #999;
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 50% 55px;
}
ul#primary-menu li:hover,
ul#primary-menu li.current-menu-parent,
ul#primary-menu li.current-menu-item,
.single-cio ul#primary-menu li.nav_blog {
	color:#FFF;
	background-color: #333;
	border-bottom: 5px solid #3EC1A5;
	transition: .5s;
}
ul#primary-menu li a:hover{color:#FFF;}
ul#primary-menu li.nav_service a {background-image: url(../images/nav_service.png);}
ul#primary-menu li.nav_service a:hover {background-image:url(../images/nav_service_o.png)}
ul#primary-menu li.nav_utility a { background-image: url(../images/nav_utility.png) ;}
ul#primary-menu li.nav_utility a:hover {background-image:url(../images/nav_utility_o.png)}
ul#primary-menu li.nav_showcase a { background-image: url(../images/nav_showcase.png) ;}
ul#primary-menu li.nav_showcase a:hover {background-image:url(../images/nav_showcase_o.png)}
ul#primary-menu li.nav_blog a {background-image: url(../images/nav_blog.png) ;}
ul#primary-menu li.nav_blog a:hover {background-image:url(../images/nav_blog_o.png)}
/*ul#primary-menu li.nav_corporate a {background-image: url(../images/nav_corporate.png);}
ul#primary-menu li.nav_corporate a:hover {background-image:url(../images/nav_corporate_o.png)}*/
ul#primary-menu li.nav_service ul.sub-menu {
	font-size: 0;
	display: none;
	width: 100%;
	margin: 0;
	position: absolute;
	z-index: 100;
	top: 95px;
	left: 0;
	background: #3EC1A5;
	border-bottom: 1px solid #009987;
}
ul#primary-menu li.nav_service ul.sub-menu li {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 80px;
	width: 220px;
	border: none;
}
ul#primary-menu li.nav_service ul.sub-menu li:hover {background: none;}
ul#primary-menu li.nav_service ul.sub-menu li.current-menu-item{
	font-weight: bold;
	background-color: #3EC1A5;
}
ul#primary-menu li.nav_service ul li a {
	color: #FFF;
	padding:0px;
	padding-left:70px;
	background-color: none;
	pointer-events: auto;
	display: table-cell;
	height:80px;
	background-size: 60px 60px;
	background-position: 0px 50%;
	zoom : 1;
}
ul#primary-menu li.nav_service ul li a:hover {
	background-size: 50px 50px;
	background-position: 5px 50%;
}
ul#primary-menu li.nav_service ul li.sub_retail a{background-image:url(../images/ico_retail240.png);}
ul#primary-menu li.nav_service ul li.sub_wholesale a{background-image:url(../images/ico_wholesale240.png);}
ul#primary-menu li.nav_service ul li.sub_manufacture a{background-image:url(../images/ico_manufacture240.png);}

.fixed {
	position: fixed !important;
	z-index: 9999;
	top: 0px;
	left: 0;
	width: 100%;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
@media screen and (min-width: 37.5em) {
	.menu-toggle {display: none;}
	.main-navigation ul {display: block;}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/* Topicpath */
#topicpath { margin:10px auto;}
#topicpath ,#topicpath a{
	font-size:12px;
	line-height: 1;
	color:#666;
	text-decoration:none;
}
#topicpath a:hover{color: #000;}

/*-------------------------------
# Secondary
-------------------------------*/
#secondary{
	margin-bottom: 40px;
}
#secondary h3 a{
	font-size: 20px;
	font-size: 2.0rem;
	text-decoration: none;
	display: block;
	color: #FFF;
	background-color: #3EC1A5;
	padding: 20px;
}
#secondary h4{
	cursor: pointer;
	margin-left: 15px;
	color: #3EC1A5;
	font-size: 18px;
	font-size: 1.8rem;
}
ul.SideList li a{
	font-size: 14px;
	font-size: 1.4rem;
	color: #333333;
	text-decoration: none;
}
ul.SideList li a:before{
	content:"> ";
	color: #1365CC;
}

#secondary ul.SideList.close{
	display: none;
}
#secondary h4.bt_open{
	padding-left: 20px;
	background: url(../images/bt_open.png) no-repeat 0 50%;
	background-size:14px 8px;
}
#secondary h4.bt_close{
	padding-left: 20px;
	background: url(../images/bt_close.png) no-repeat 0 50%;
	background-size:14px 8px;
}


/*-------------------------------
# Footer
-------------------------------*/
/* PageTop */
.pagetop {
	position: fixed;
	z-index: 9998;
	width: 80px;
	height: 80px;
	bottom: 80px;
	right: 10px;
}
.pagetop a {
	display: block;
	width: 80px;
	height: 80px;
	background: url(../images/gototop.png) no-repeat 0 0;
	background-size: 80px 80px;
	text-indent: -9999px;
}

/* Footer */
#colophon{
	clear: both;
	padding-top: 30px;
	color:#FFF; background: #009987;}
#colophon aside p{
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 0;
}
#colophon ul.list_footer{
	list-style: none;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 5px;
	margin-left: 0;
}
#colophon ul.list_footer ul{margin-bottom: 5px;}
#colophon ul.list_footer li:before{content:"■ ";}
#colophon ul.list_footer li > ul{margin-left:0;}
#colophon ul.list_footer li li:before{content:"・ ";}
#colophon ul.list_footer a{
	color: #FFF;
	text-decoration: none;
}
/* == TextLink */
#underLink{
	width: 430px;
	font-size:0;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 20px }
#underLink li{
	margin-right: 10px;
	display: inline-block;
	font-size: 13px;
	font-size: 1.3rem;}
#underLink li a{
	color: #FFF;
	text-decoration:none;
}
#underLink li a:hover {color: #28B2E0;}
#underLink li a:before{ content:"> "}

/* Copyright */
#copy{
	color: #FFF;
	text-align: center;
	margin-bottom: 0 !important;
	padding:10px 0;
	font-size:12px;
	font-size:1.2rem;
	background: #333333;
}

/*-------------------------------
# Navigation
-------------------------------*/
/*
## Links
-------------------------------*/
a {color:#1365CC;}
a:visited {color:#1362B7;}
a:hover,
a:focus,
a:active {color: #3EC1A5;}
a:focus {}
a:hover,
a:active {outline: 0;}

/*-------------------------------
# Forms
-------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-size: 14px;
	line-height: 1;
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

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 {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {width: 100%;}


/*-------------------------------
# Accessibility
-------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*-------------------------------
# Alignments
-------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*-------------------------------
# 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;
	table-layout: fixed;
}

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

/*-------------------------------
# Widgets
-------------------------------*/
.widget {margin: 0 0 1.5em;}

/* Make sure select elements fit in widgets. */
.widget select {max-width: 100%;}

/*-------------------------------
# Content
-------------------------------*/
/*
## Posts and pages
-------------------------------*/
.sticky {display: block;}
.hentry {margin: 0 0 1.5em;}
.byline,
.updated:not(.published) {display: none;}
.single .byline,
.group-blog .byline {display: inline;}

.page-content,
.entry-content,
.entry-summary {margin: 1.5em 0 0;}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*
## Comments
-------------------------------*/
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}

/*-------------------------------
# Infinite scroll
-------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.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;}

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

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

/*-------------------------------
## Captions
-------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {font-size: 13px; margin:0 0 0.8075em 0;}
.wp-caption-text {text-align: center;}

/*-------------------------------
## Galleries
-------------------------------*/
.gallery {margin-bottom: 1.5em;}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}

.gallery-caption {
	display: block;
}

/*---------------------------
= Module
---------------------------*/
.clear { clear: both;}
.hide  { display: none;}
.pcbr{display:block;}
.spbr{display: inline-block;}
.pc_del{display:none !important;;}
.sp_del{display:block}
blockquote{
	font-size: 14px;
	font-size: 1.4rem;
	background: #efefef;
	padding: 20px;
	margin: 40px 0 1em;}
blockquote p:last-child{
	margin-bottom:0;}

#content a[href$=".pdf"] {background: url(../images/icon_pdf.png) no-repeat 100% 4px; padding-right: 20px;}  
* html #content a.pdf{background: url(../images/icon_pdf.png) no-repeat 100% 4px; padding-right: 20px;}
#content a[href$=".docx"] {background: url(../images/icon_doc.png) no-repeat 100% 4px; padding-right: 20px;}  
* html #content a.docx{background: url(../images/icon_doc.png) no-repeat 100% 4px; padding-right: 20px;}
#content a[href$=".doc"] {background: url(../images/icon_doc.png) no-repeat 100% 4px; padding-right: 20px;}  
* html #content a.doc{background: url(../images/icon_doc.png) no-repeat 100% 4px; padding-right: 20px;}
#content a[href$=".xlsx"] {background: url(../images/icon_xls.png) no-repeat 100% 4px; padding-right: 20px;}  
* html #content a.xlsx{background: url(../images/icon_xls.png) no-repeat 100% 4px; padding-right: 20px;}
#content a[href$=".xls"] {background: url(../images/icon_xls.png) no-repeat 100% 4px; padding-right: 20px;}  
* html #content a.xls{background: url(../images/icon_xls.png) no-repeat 100% 4px; padding-right: 20px;}

/* Clearfix */
.clearfix,
.innerbox {
	display: block;
	min-height: 1%;
}
.clearfix:after,
.innerbox:after{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
/* Alignment */
.txt_left   { text-align: left   !important; }
.txt_center { text-align: center !important; }
.txt_right  { text-align: right  !important;}

.txt18{font-size: 18px !important; font-size: 1.8rem !important;}
.txt13{font-size: 13px !important; font-size: 1.3rem !important;}

.ico_new{font-size: 12px; color:#DD6666}

/* float設定 */
/* 50% */
.unit2 {
	float: left;
	width: 49.5%;
	margin-left:1%;
}
/* 33% */
.unit3 {
	float: left;
	width: 32.6%;
	margin-left:1.1%;
}
/* 25% */
.unit4 {
	float: left;
	width: 24.2%;
	margin-left:1%;
}
.unit2,
.unit3,
.unit4  {position:relative;}
.unit2:first-child,
.unit3:first-child,
.unit4:first-child  {clear:both;margin-left:0 !important;}
/* Margin */
.mt00 { margin-top: 0   !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb80 { margin-bottom:80px !important;}

/* LINK:角丸ボタン */
a.LinkBtn {
	margin:20px auto auto auto !important;
	padding:6px 40px;
	color: #FFF;
	letter-spacing:6px;
	text-decoration: none;
	display: inline-block;
	background: #F1854D;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	behavior: url(/js/PIE.htc);
}
a.LinkBtn:hover {background:#E85B12;}

/* LINK:角丸ボタン(外部リンク) */
a.Link_blank {
	padding:6px 60px 6px 40px;
	color: #FFF;
	letter-spacing:6px;
	text-decoration: none;
	display: inline-block;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	behavior: url(/js/PIE.htc);
	background: url(../images/icon_link.png) no-repeat 80% 50% #F1854D;
	background-size:18px 16px ;
}
a.Link_blank:hover {background-color:#E85B12;}


/* アニメーション */
.motion {
	margin: 60px 0;
	list-style-type: none;
	overflow: hidden;
}
.motion div {
	transition: .8s;
}
/*----- ズームイン -----*/
.motion .inviewzoomIn {
	opacity: 0;
	transform: scale(.5, .5);
	-webkit-transform: scale(.5, .5);
	transition: .8s;
    }
    
.motion .zoomIn {
	opacity: 1;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
    } 

/*
# FrontPage
-------------------------------*/
#NewsBlock{
	width: 100%;
	display:table;
	margin-top:100px;
	margin-bottom:100px;
}
#NewsTit{
	display: table-cell;
	vertical-align: middle;
	width:19.53125%;/*210px*/
}
#NewsTit h3{
	color:#3EC1A5;
	font-size: 20px;
	font-size: 2.0rem;
} 
#NewsTit h3 span{
	padding-top: 10px;
	display: block;
	color: #B2B2B2;
	font-size: 14px;
	font-size: 1.4rem;
}
#NewsBox{
	display: table-cell;
	padding-left: 30px;
	width:80.46875%;
	border-left: 1px solid #8C8C8C;
}
#NewsBox dt{
	font-size: 14px;
	font-size: 1.4rem;
	width: 280px;
	float: left;
	font-weight: normal;
}
#NewsBox dd{
	font-size: 14px;
	font-size: 1.4rem;
	padding-bottom: 5px;
	padding-left: 280px;
	margin-bottom: 10px;
	margin-left: 0;
	border-bottom: 1px dotted #808080;
}
#NewsBox dl,
#NewsBox dt:last-child,
#NewsBox dd:last-child,
#NewsBox dd p:last-child{margin-bottom: 0;}
#NewsBox dt span {
	margin: 0 15px;
	padding:0;
	width: 160px;
	display: inline-block;
	text-align: center;
	color:#FFF;
	font-size:11px;
}
#NewsBox dt .cate01 {background-color:#6E9EF8;}
#NewsBox dt .cate02 {background-color:#3EC1A5;}
#NewsBox dt .cate03 {background-color:#4CD8F9;}
#NewsBox dt .cate04 {background-color:#EF8A4C;}
#NewsBox dt .cate05 {background-color:#DD6666;}
#NewsBox dt .cate06 {background-color:#425BBD;}
#NewsBox dt .cate07 {background-color:#A9B05A;}
#NewsBox dt .cate08 {background-color:#98AEB3;}
#NewsBox dt .cate09 {background-color:#28404F;}
#NewsBox dt .cate10 {background-color:#9E74B3;}
#NewsBox dt .cate11 {background-color:#4FB363;}
#NewsBox dt .cate_cio {background-color:#2DDDFE;}
#NewsBox dt .cate_katuyo {background-color:#213A85;}
#NewsBox dt .cate_info {background-color:#BBBBBB;}
#NewsBox dt .cate_showcase {background-color:#EF8A4C;}

#NewsBox dd a{
	margin-left: -1.1em;
	text-indent: 1.1em;
	color: #2E2E2E;
	text-decoration: none;
}
#NewsBox dd a:before{
	content:"> ";
	color: #1365CC;
}

/*サービス*/
#box_sevise .unit3{
	background: #FFF;
	border-bottom: 3px solid #3EC1A5;
	position: relative;
}
#box_sevise .unit3 a.LinkBtn{
	text-align: center;
	width: 60%;
	margin: auto auto 40px !important;
	display: block;
}
#s_retail,#s_wholesale,#s_manufacture{
	margin:20px 20px 20px 20px !important;
	padding-top: 160px;
	background-size: 120px 120px;
	background-repeat: no-repeat;
	background-position: 50% 20px;
}
#s_retail{ background-image: url(../images/ico_retail240.png); }
#s_wholesale{ background-image: url(../images/ico_wholesale240.png);}
#s_manufacture{ background-image: url(../images/ico_manufacture240.png);}

/*導入企業一覧*/
.list_bnr{
	font-size: 0;
}
.list_bnr li{
	font-size:16px;
	font-size: 1.6rem;
	width: 25%;
	display: inline-block;
}

/*
# Service
-------------------------------*/
table.table_service{
	width: 95.1171875%;
	margin: auto;
	border-collapse:separate;
	border-spacing:30px 0;
}
table.table_service tr td{
	vertical-align: top;
	position: relative;
	width: 50%;
	padding: 40px 0 80px 0 !important;
	background: url(../images/bg_tbl_service.png) repeat-x left bottom;
}
table.table_service tr td p{ margin-bottom: 8px;}
table.table_service tr td a.Link_blank{
	text-align: center;
	width: 50%;
	position: absolute;
	right: 0;
	bottom:30px;
	left:0;
	margin: auto;
}

/* Blog
----------------------------*/
/*サムネイル付記事一覧*/
.ico_box{
	width:22.65625%;/* 232px;*/
	height: 140px;
	margin-right:3%;
	float:left;
}
.txt_box{
	width: 74.21875%;
	float:left;
}
.txt_box .post_date{margin-bottom:0;}
.txt_box h3{
	border-bottom: 1px solid #B2B2B2;
}
.txt_box a{
	font-size: 20px;
	font-size: 2.0rem;
	color: #333;
	text-decoration: none;
}
.txt_box .sub_theme{
	margin-left: 20px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #008BE7;
	display: inline-block;
	text-align: center;
	background-color: #CFEEF4;
	min-width: 180px;
}
.txt_box a:hover{
	color: #1365CC;
}
.txt_box a:before{
	content:"> ";
	color: #1365CC;
}
/*記事内*/
.post_date{
	margin-top:0;
	margin-bottom:1em;
	font-size: 14px;
	font-size: 1.4rem;
}
/* 導入企業一覧
----------------------------*/
/*記事一覧*/
.showbox .ico_box{
	width:35.7421875%;/* 366px;*/
	height:275px;
	margin-right:3%;
	float:left;
}
.showbox .txt_box{
	width: 61.03515625%;/* 625px;*/
	float:left;
}
.showbox .txt_box .post_date{margin-bottom:0;}
.showbox .txt_box h3{
	color: #000;
	font-size: 20px;
	font-size: 2.0rem;
	margin-top: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #B2B2B2;
}
.showbox .txt_box h3 a{
	color: #000;
	text-decoration: none;
}
.showbox .txt_box h4{
	letter-spacing: -1px;
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 13px;
	color: #2296A8;
}
.showbox .txt_box p,
.showpage p{
	letter-spacing: -1px;
	margin-bottom: 12px;
	font-size: 14px;
	font-size: 1.4rem;
}
.showbox .txt_box p span,
.showpage span{
	margin-right:10px;
	padding: 0 10px;
	color: #CD7814;
	display: inline-block;
	white-space: nowrap;
	text-align: center;
	background-color: #F4E6C9;
}
.showbox .txt_box p a{
	margin-bottom: 14px;
	font-size: 14px;
	color: #1365CC;
}
.showbox .txt_box a:before{content:none;}
/*導入企業一覧*/
#listCompany{margin-top:100px;margin-bottom:80px;}

/*-- 記事詳細 --*/
/*見出し*/
.showpage {display: inline-block;}
.showpage h2.entry-title{
	color: #000;
	font-size: 25px;
	font-size: 2.5rem;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #B2B2B2;
}
.showpage h3{
	letter-spacing:0;
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 13px;
	color: #2296A8;
	border-bottom: none;
}
.showpage .txt_box{
	width: 61.03515625%;/* 625px;*/
	float:left;
}
.showpage .ico_box{
	width:35.7421875%;/* 366px;*/
	height:275px;
	margin-right:0;
	margin-left:3%;
	float:right;
}
/*本文*/
.tbl_show th{
	line-height: 1.5;
	text-align: left;
	width:200px;
	background:#FFF;
	font-weight: normal;
	vertical-align: top;
}
.tbl_show td{
	font-size: 15px;
	font-size: 1.5rem;
	padding-left: 20px;
	font-weight: normal;	
}
.tbl_show h3{
	margin-top: 50px;
	letter-spacing:0;
	font-size: 20px;
	font-size: 2.0rem;
	padding-left: 6px;
	color: #008BE7;
	border-left: 2px solid #008BE7;
}

.tbl_show td h3:first-child{margin-top: 0;}
/*企業データ*/
blockquote p{margin-bottom: 5px;}
.tbl_data{
	margin-bottom: 0;
	width: auto !important;
}
.tbl_data th{width: auto; white-space: nowrap;}
.tbl_data th,.tbl_data td{
	background:none;
	vertical-align: top;
	text-align: left;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 0 ;
}
.tbl_data td{	padding-left: 30px;}

/*ページング*/
#paging {font-size: 0; text-align: center;}
#paging li{display: inline-block;}
#paging .pageup{margin: 0 20px;}
#paging .pageup a,
#paging .next a,
#paging .prev a{
	font-size:22px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background: #E6E6E6;
	text-decoration: none;
	display: block;
}
#paging .pageup a{
	font-weight: normal;
	background: #E4F8EE;
	color: #179885;
	width:200px;
}
#paging .pageup a:hover{background: #C8ECDA;}
#paging .next a:hover,
#paging .prev a:hover{background: #CCC;}

/*メンテナンス案内*/
.mainteBox{
	font-size: 90%;
	margin: 0 auto 20px auto;
	border: 1px solid #3EC1A5;
	padding: 15px;
}
.mainteBox p{margin-bottom: 10px;}
.mainteBox p:last-child{margin-bottom: 0;}

/*-----------------------------------
Form
------------------------------------*/
.wpcf7-form{
font-size: 90%;
border: 1px solid #999;
margin: 40px 0;
}
#form {
width: 90%;
margin: 60px auto;
}
#form h3{
color: #444;
font-size: 2.0rem;
}
dl.dlform{border-bottom:1px solid #CCC;}
dl.dlform dt{
color: #444;
width: 16em;
font-weight: bold;
line-height: 1.5em;
padding:10px 5px;
border-top:1px solid #CCC;
 float: left;
 clear: both;
}
dl.dlform dd label {	font-weight: normal;}
dl.dlform dd {
padding:10px 5px;
/*margin-top: -42px;*/
	margin-bottom: 0;
	margin-left: 16em;
	line-height: 1.5;
border-top:1px solid #CCC;
}
dl.dlform dd .indentL{padding-left:18px;line-height: 1;}
dl.dlform dd form {	width: 95%;}
span.wpcf7-list-item { margin: 0 !important;}
div.wpcf7-response-output {	margin: 1em 0 1em;	padding: .8em 1em;}
div.wpcf7-validation-errors {
	background-color: #fcf8e3;
	border: 3px solid #CB7C24;
	color: #CB7C24;
	font-weight: bold;
	text-align: center;
}
div.wpcf7-mail-sent-ok {
	background-color: #dff0d8;
	border: 3px solid #d6e9c6;
	color: #468847;
	font-weight: bold;
	text-align: center;
}
.wpcf7-not-valid-tip {	margin-top: .3em;}
.area480 {	max-width: 480px;	width: 100%;}
.area200 {	max-width: 200px;	width: 100%;}
.movie-frame {	position: relative;	width: 100%;	padding-top: 56.25%;}
.movie-frame iframe {	position: absolute;	top: 0;	right: 0;	width: 100%;	height: 100%;}
.entry-content .mt00 {	margin-top: 0 !important;}
.entry-content .mb00 {	margin-bottom: 0 !important;}
#form label{	font-weight: normal; cursor: pointer;}
#form .form_check{background-color: #E5EDFF; margin: 20px 10px; padding: 15px;}
#form .form_check h4{margin-top: 0;}
#form .form_check label{border-radius: 3px;border: 1px solid #d3d3d3; padding: 15px; height: 76px; display: block; margin-right:10px;background: #FFF;}
#form .form_check .floatList{ margin: 0; display: inline-block;}
#form .form_check .floatList li{ margin: 0;width:50%; float: left; list-style: none;}
#form .form_check .floatList li:first-child{text-align: center;}
#form .form_check input[type=checkbox] {
	width:	18px;
	height:	18px;
	-moz-transform:	scale(1.2);
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
.btn-submit {	margin:40px auto; text-align: center;}
.btn-submit .wpcf7-submit{
	padding:20px 80px;
	font-weight:normal;
	color:#FFF;
	font-size:22px;
 box-shadow:none;
	border:none !important;
	background:#23A6C7 !important;
}
.btn-submit .wpcf7-submit:hover{
	background:#1B819B !important;
 box-shadow:none;
 }
input[type="submit"] {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}