@charset "utf-8";

/******************/
/* reset **********/

* {
border:0;
margin:0;
outline:0;
padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
background:transparent;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
}

html {font-size:62.5%; width:100%; height:100%;}

body {
background:#ffffff;
color:#1a1a1a;
/*font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;
font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Kaku Gothic ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;*/
/* メイリオ系 font-family:'Meiryo', 'メイリオ', 'YuGothic', 'Yu Gothic', '游ゴシック', Arial, Verdana, sans-serif; */
font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif;
font-size:14px;
font-size:1.4rem;
line-height:1;
position:relative;
text-align:center;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
/*-moz-font-smoothing:antialiased;
-ms-font-smoothing:antialiased;
-o-font-smoothing:antialiased;*/
font-smoothing:antialiased;
width:100%;
height:100%;
}

article, aside, dialog, figure, footer, header, main, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block;}

br,
hr {display:block;}

ol,
ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

input,
select {vertical-align:middle;}

/******************/
/******************/
/* html format ****/

a,
a:link,
a:visited,
a:hover,
a:active {
color:#1a1a1a;
	-webkit-tap-highlight-color:transparent rgba(0,0,0,0);
	-moz-tap-highlight-color:transparent rgba(0,0,0,0);
	-ms-tap-highlight-color:transparent rgba(0,0,0,0);
	-o-tap-highlight-color:transparent rgba(0,0,0,0);
	tap-highlight-color:transparent rgba(0,0,0,0);
text-decoration:none;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

a:hover {color:#999;}

h1,
h2,
h3,
h4,
h5,
h6 {font-family:"Open Sans", sans-serif; font-weight:lighter;}

b {
background:-webkit-linear-gradient(transparent 40%, #ff9 40%);
background:-moz-linear-gradient (transparent 40%, #ff9 40%);
background:-ms-linear-gradient (transparent 40%, #ff9 40%);
background:-o-linear-gradient (transparent 40%, #ff9 40%);
background:linear-gradient (transparent 40%, #ff9 40%);
}

i {}
s {color:#35AFD4;}

del {text-decoration:line-through;}

mark {}

em,
strong {color:#35AFD4;}

hr {clear:both; margin:0 0 2em 0; border-bottom:1px solid #ccc;}

table {border-collapse:collapse; border-spacing:0; empty-cells:show; text-align:left; width:100%; margin:0 0 2em 0; border:none;}
table th,
table td {padding:4px; vertical-align:top; border:none;}
table caption {text-align:left; padding:4px;}

table.border,
table.border th,
table.border td {border:1px solid #ccc;}

table.hover tbody tr:hover,
table.hover tbody tr:nth-child(odd):hover,
table.hover tbody tr:nth-child(even):hover {background:#999; color:#fff; cursor:text;}

table.stripe tbody tr:nth-child(even) {background-color:#f8f8f8;}

/******************/
/******************/
/* shortcodes *****/

.pc {display:block;}
.tb {display:none;}
.sp {display:none;}

.alignright,
.align-right {text-align:right;}
.alignleft,
.align-left {text-align:left;}
.center,
.aligncenter,
.align-center {text-align:center; display:block; margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden; zoom:1;}
.hide,
.none {display:none;}
.hidden {overflow:hidden;}
.left, .floatleft, .float-left {float:left;}
.right, .float-right, .float-right {float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.static {position:static;}
.fixed {position:fixed;}
.nowrap {white-space:nowrap;}
.small {font-size:0.8em;}

img.left,
img.floatleft,
img.float-left {margin:0 20px 20px 0;}
img.right,
img.floatright,
img.float-right {margin:0 0 20px 20px;}

/*
::-moz-selection {background:#1aa; color:#fff;}
::selection {background:#1aa; color:#fff;}
*/

.table {display:table; table-layout:fixed; width:100%;}
.cell {display:table-cell; vertical-align:top;}

.banner2 img{width:100px;}


/******************/
/******************/
/* WordPress Tags */

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
max-width:100%;
height:auto;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
#wpstats {display:none;}

/******************/
/******************/
/* layout *********/

#to,
#bo {clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}

.site {width:100%; height:100%;}

.inner {
width:100%;
max-width:100%;
height:100%;
margin:0 auto;
padding:0 50px;
position:relative;
text-align:left;
word-wrap:break-word;
}

.color-green {color:rgb(30,190,180);} /* #35AFD4 */
.color-gray {color:rgb(120,130,150);} /* #788296 */

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

.clearfix:after,
.inner:after,
.section:after,
.article:after {
content:"";
display:block;
clear:both;
height:0;
visibility:hidden;
overflow:hidden;
}

/******************/
/******************/
/* header *********/

#header {background-color: #fff;
display:block; position:absolute; width:100%; overflow:hidden; margin:0;}

#logo {display:inline-block; width:90px; position:relative; z-index:999;padding-top:20px;}
@media screen and (max-width:980px){
    #logo {padding-top:10px;}
}
#header h1 {width:90px; height:30px; overflow:hidden;}
#header h1 a {font-size:90px; display:block; text-align:center; padding:50px 0 0 0; color:#fff;
background-image:url(image.php?id=028);
background-position:0 0; background-repeat:no-repeat;
	-webkit-background-size:90px 30px;
	-moz-background-size:90px 30px;
	-ms-background-size:90px 30px;
	-o-background-size:90px 30px;
	background-size:90px 30px;
}
.home #header h1 a {background-image:url(image.php?id=028);}

#header h2 {display:none;}
/******************/
/* branding *******/
#main-img1
{
position: relative;
overflow: hidden;
}
#main-img1 img{margin-top:50px;max-width:100%;}
#main-img1 p
{
position: absolute;
top: 30%;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 100%;
height: 100%;
color: #1a1a1a;
font-size: 3.5em;
font-weight: bold;
letter-spacing: 6px;
text-shadow:
    0 1px 0 #fff,
    1px 0 0 #fff,
    0 -1px 0 #fff,
    -1px 0 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff
    ;
}
#main-img1 .black {
    z-index: 5;
}
#main-img img{max-width:100%;}

#main-img p{font-size:3em;margin:20px 0 10px 0;margin-top:50px;}

.txt_red {
color: #FF0000
}

#branding {
background-color:#161514;
background-image:url(data/lights.png);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
background-position:center center;
background-repeat:no-repeat;
position:relative; width:100%; min-width:100%; height:100%; min-height:380px; overflow:hidden; top:0; left:0; right:0; bottom:0; margin:0; padding:0;
z-index:0;
}

#branding .inner {max-width:100%; min-width:100%; width:100%; height:100%; margin:0; padding:0; overflow:hidden; position:relative;}

#video-box {position:absolute; min-width:100%; min-height:100%; height:100%; /* 固定横幅を指定しないことがポイント */
margin:0;
top:0; left:0; right:0; bottom:0;}

#bg-video {min-width:100%; min-height:100%;}

#bg-video.bgwidth {width:100%;}
#bg-video.bgheight {min-height:110%; min-height:100%;}

#branding:before,
#hero:before {
position:absolute;
width:100%; min-width:100%; height:100%; min-height:100%;
content:""; clear:both; display:block;
background:url(images/mask.png) center center repeat;
	-webkit-background-size:3px 3px;
	-moz-background-size:3px 3px;
	-ms-background-size:3px 3px;
	-o-background-size:3px 3px;
	background-size:3px 3px;
z-index:8;
}

#branding .scroll {
position:absolute; width:40px; height:40px; overflow:hidden; left:50%; bottom:40px; color:transparent; padding:0; text-align:center; margin-left:-20px;
	-webkit-animation:updown 0.5s ease-in-out infinite;
	-webkit-animation-direction:alternate;
	-moz-animation:updown 0.5s ease-in-out infinite;
	-moz-animation-direction:alternate;
	-ms-animation:updown 0.5s ease-in-out infinite;
	-ms-animation-direction:alternate;
	-o-animation:updown 0.5s ease-in-out infinite;
	-o-animation-direction:alternate;
	animation:updown 0.5s ease-in-out infinite;
	animation-direction:alternate;
z-index:9;
}
#branding .scroll a {display:block; height:auto; color:#fff;}
#branding .scroll a:before {content:'\"'; font-family:"linea-basic-10"; display:block; width:100%; font-size:36px; font-size:3.6rem; text-align:center; margin:0 auto; padding:2px 0 0 0; height:50px;}
#branding .scroll a:hover {color:#35AFD4;}

#branding-box {position:absolute; width:100%; display:block; text-align:center; height:200px; top:50%; margin-top:-100px; z-index:9999;}
#branding-box h3,
#branding-box h4 {margin:0 0 12px 0;}
#branding-box p {color:#fff; white-space:nowrap; font-size:16px; font-size:1.6rem; letter-spacing:4px; line-height:1.5;}

#util {position:absolute; float:right; right:20px; bottom:20px; z-index:39;}
#util input,
#util input[type="search"],
#util input[type="search"]::-webkit-search-decoration,
#util input[type="search"]::-webkit-search-cancel-button,
#util input[type="search"]::-webkit-search-results-button,
#util input[type="search"]::-webkit-search-results-decoration  {
background:transparent;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
color:transparent;
text-align:right;
}

#util input[type="search"]:focus {color:#fff;}
#search {clear:both; display:block; margin-bottom:20px;}

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

#hero {
background-color:#161514;
position:relative; width:100%; min-width:100%; height:120px; overflow:hidden; margin:0; padding:0; margin:0;
color:#fff;
text-align:center;
display:none;
}

#hero .inner {z-index:11;}
#hero h3 {color:#fff; text-align:center; position:relative; display:block;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
margin:0 auto;
z-index:9;
}
#hero h3 i {color:#fff;}

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

#gl_hd_logo{text-align: left;}
#gl_hd_logo img{width:100px;padding:10px;}

/******************/
/* navi ***********/

#h-navi {position:absolute; width:100%; line-height:25px; top:0; text-align:right; display:block; z-index:40;}
#h-navi ul {clear:both; display:table; overflow:hidden; text-align:right; float:right;}
#h-navi ul li {display:table-cell; overflow:hidden; text-align:right; position:relative; padding:0 0 0 20px;}
#h-navi ul li a {display:block; text-align:center; position:relative; font-size:14px;color:#35AFD4;}
#h-navi ul li a:hover {color:#35AFD4;}
@media screen and (max-width: 1170px){
    #h-navi {
        width: 100%;
    }
    .inner {
padding:0 5px;
}
}
@media screen and (max-width: 1100px){
    #h-navi ul li a {font-size:12px;}
    }
@media screen and (max-width: 768px){
    #h-navi ul li a span {display: none;}
}
#h-navi .navi-toggle {display:none;}
#h-navi .inner {
    background: #FFF;
    padding: 15px 50px;
    box-sizing: border-box;
}
/******************/
/******************/
/* f-navi *********/

#f-navi {position:relative; display:none;}
#f-navi .module {display:table-cell; text-align:left;}
#f-navi a {position:relative; line-height:1; color:#1a1a1a;}
#f-navi a:hover {color:#35AFD4;}

#f-navi h4 {margin:0 8px 12px 8px; display:block; border-top:1px solid #ccc; padding:12px 0 0 0; color:#35AFD4;}
#f-navi ul {line-height:1.5; padding-left:1em; display:block; margin:0 0 20px 0;}
#f-navi ul li {font-size:12px; font-size:1.2rem;}
#f-navi a:before {content:""; width:0em; height:0em;
border-top:0.4em solid transparent;
border-right:0.4em solid transparent;
border-bottom:0.4em solid transparent;
border-left:0.4em solid #999;
display:inline-block;
margin-right:5px;
}

#f-navi a:hover:before {border-left-color:#35AFD4;}

/******************/
/******************/
/* footer *********/

#footer {margin:0; color:#404040; clear:both; position:relative;background: #F5F5F5;padding-top:20px;}
#f-info {margin:0 auto; padding:0 24px; top:-10px; height:20px; line-height:21px; background:#35AFD4; color:#fff; display:inline-block;
font-size:12px; font-size:1.2rem;
position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
letter-spacing:2px;
z-index:20;
}
#footer .inner {text-align:center; line-height:1.5;}
#footer a {
color:#1A1A1A;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}
#colophon {padding:24px 0 0.1em 0;}
#colophon h2 {width:120px; height:40px; overflow:hidden; margin:0 auto;}
#colophon h2 a {overflow:hidden; display:block; text-align:center; padding:60px 0 0 0;
background:url(images/logo.png) 0 0 no-repeat;
	-webkit-background-size:120px 40px;
	-moz-background-size:120px 40px;
	-ms-background-size:120px 40px;
	-o-background-size:120px 40px;
	background-size:120px 40px;
}

#colophon h3 {font-size:18px; font-size:1.8rem; margin:0 0 20px 0;}
#colophon p {margin:0 auto 36px auto; color:#fff; max-width:600px;}
#colophon p.small {margin:0 0 30px 0;}
#colophon p span {margin:0 0.4em;}
#footer ul {display:table; width:100%; max-width:640px; padding:0; table-layout:fixed; margin:0 auto 20px auto; border-collapse:separate; border-spacing:20px 0; font-size:13px; font-size:1.3rem;}
#footer ul li {display:table-cell; padding:0; vertical-align:top; text-transform:uppercase;}
#footer ul li a {border:1px solid #636363; color:#636363; padding:8px 4px 4px; display:block; border-radius:3px;}
#footer ul li i {display:block;}
#footer ul li i:before {font-family:"linea-basic-10"; color:#35AFD4; display:block; clear:both; font-size:40px; font-size:4.0rem;}
#footer ul li:nth-child(1) i:before {content:"\.";}
#footer ul li:nth-child(2) i:before {content:"\&";}
#footer ul li:nth-child(3) i:before {content:"\R";}
#footer ul li:nth-child(4) i:before {content: "\\";}

#footer ul li a:hover {border:1px solid #35AFD4; color:#35AFD4;}
#footer ul li span {display:none;}

#copy {clear:both; display:block; text-align:center; margin:0; padding:20px 0; border-top:1px solid #464646; font-size:12px; font-size:1.2rem; line-height:1; color:#a0aab4;}
#copy .table {margin:0 auto; max-width:600px; vertical-align:middle;}
#copy .cell {line-height:20px; height:20px;}
#copy .cell:nth-child(1) {text-align:left;}
#copy .cell:nth-child(3) {text-align:right;}
#copy p {margin:0; color:#a0aab4;}
#copy a {color:#a0aab4;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

#copy a:hover img {
	-webkit-animation:rotation 1.0s linear infinite;
	-moz-animation:rotation 1.0s linear infinite;
	-ms-animation:rotation 1.0s linear infinite;
	-o-animation:rotation 1.0s linear infinite;
	animation:rotation 1.0s linear infinite;
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
/*width:24px; height:24px;*/
}
#copy small {display:block;}

/*******TOPページに戻る***********/
#global_ft_gototop a{font-size:1.5em;}
/******************/

/******************/
/******************/
/* main ***********/

#main {padding:0; position:relative; display:block;}
.single #main {padding-top:60px; background:#fff;}


#main a {
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.section {clear:both; display:block; line-height:1.5; position:relative;}

#content {
width:100%;
	width:-webkit-calc(100% - 340px);
	width:-moz-calc(100% - 340px);
	width:-ms-calc(100% - 340px);
	width:-o-calc(100% - 340px);
	width:calc(100% - 340px);
float:left;
position:relative;
}

/******************/
/******************/
/* sidebar.php ****/

#sidebar {width:300px; border-top:1px solid #ccc; padding:20px 0 0 0; float:right; text-align:left; margin-bottom:30px; line-height:1.5;}
#sidebar .module {margin-bottom:40px; display:block;}

#sidebar h3 {margin:0 0 20px 0; font-size:12px; font-size:1.2rem;}
#sidebar h3 span {display:block; font-size:18px; font-size:1.8rem;}

#sidebar h4 {margin:0 0 20px 0; font-size:12px; font-size:1.2rem;}
#sidebar h4 i {display:block; font-size:18px; font-size:1.8rem;}
#sidebar p {font-size:12px; font-size:1.2rem; margin:0 0 12px 0;}

/*#sidebar p img {border:1px solid #ccc; width:100%; height:auto;}*/

#sidebar ul {margin-bottom:40px;}
#sidebar ul li {margin-bottom:8px;}
#sidebar ul li a {display:block;}

#sidebar select {width:100%; margin-bottom:12px;}

#sidebar #s-search input {
background:#f8f8f8; padding:4px 12px; width:100%;}

#sidebar input,
#sidebar input[type="search"],
#sidebar input[type="search"]::-webkit-search-decoration,
#sidebar input[type="search"]::-webkit-search-cancel-button,
#sidebar input[type="search"]::-webkit-search-results-button,
#sidebar input[type="search"]::-webkit-search-results-decoration  {
background:transparent;
-webkit-appearance:none;
}

.meta dl {margin-bottom:20px;}
.meta dl dt {color:#1aa; font-size:11px; font-size:1.1rem;}
.meta dl dd {font-size:11px; font-size:1.1rem; margin-bottom:4px; color:#666;}

.meta dl dt.title {font-size:11px; font-size:1.1rem;}
.meta dl dt.title + dd {margin-bottom:20px; font-size:11px; font-size:1.1rem;}

/******************/
/******************/
/* article ********/

.article {clear:both; display:block; line-height:1.6; overflow:hidden; position:relative; font-size:14px; font-size:1.4rem;}

.article a {color:#35AFD4;}
.article a:hover {color:#35AFD4;}
.article a img:hover {
opacity:0.6;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif;
margin:0 0 1.5em 0;
}

.article h1 {font-size:24px; font-size:2.4rem;}
.article h2 {font-size:24px; font-size:2.4rem;}
.article h3 {font-size:18px; font-size:1.8rem;}
.article h4 {font-size:18px; font-size:1.8rem;}
.article h5 {font-size:15px; font-size:1.5rem;}
.article h6 {font-size:15px; font-size:1.5rem;}

.article h3 i {display:block; color:#35AFD4; font-size:36px; font-size:3.6rem; font-family:'Open Sans', sans-serif; font-weight:lighter;}

.article h4,
.article h5,
.article h6 {background:#f6f6f6; padding:4px 12px;}

.article p {margin:0 0 2em 0;}

.article ul,
.article ol {margin:0 0 1.5em 0; padding-left:1.8em;}
.article ul ul, .article ul ol, .article ol ul, .article ol ol {margin-bottom:0;}
.article ol ol {list-style-type:lower-roman;}

.article ul li {list-style:disc outside none;}
.article ul li li {list-style:circle outside none;}
.article ol li {list-style:decimal outside none;}

.article dl {margin:0 0 1.8em 0; padding-left:0.5em;}
.article dl dt {margin:0; position:relative;}
.article dl dt:before {content:'?'; margin:0 0.5em 0 0;}
.article dl dt:not(:first-child) {padding-top:1em;}
.article dl dd {margin:0; padding-left:1.5em;}

.article blockquote {
clear:both;
background-color:#f5f5f5;
padding:1em 1.8em 1em;
border:1px solid #ccc;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
margin:0 0 2em 0;
}

.article blockquote {}
.article blockquote > *:last-child,
.article blockquote > *:last-child > *:last-child,
.article blockquote > *:last-child > *:last-child > *:last-child {margin:0;}

blockquote cite {font-size:0.8em;}
blockquote cite:before {content:"? "; margin:0 0 0 1em;}

pre, code {
font-family:"Deja-vu Sans Mono", Monaco, "Consolas", "Courier New", "Osaka-mono", "MS Gothic", monospace;
color: #ddd;
background: #333;
border-radius:4px;
margin:0;
padding:0.8em 1em;
white-space:pre-wrap;
word-break:break-all;
word-wrap:break-word;
font-size:13px;
font-size:1.3rem;
}

pre {margin:0 0 1.8em 0;}
code {display:inline-block; padding:0.1em 0.4em;}

.article img {max-width:100%; height:auto;}


.article .box {border:1px solid #eee; clear:both; padding:40px 40px 0.1em; margin:0 0 1.8em 0;}
.article .box:after {content:""; clear:both; display:block; height:0; visibility:hidden;}

.keyboard {
height:40px;
line-height:40px;
min-width:24px;
padding:8px;
margin:0 8px 4px 8px;
background:#222;
border-radius:4px;
border-top:1px solid #222;
box-shadow:0 0 24px #333 inset, 0 1px 0 #000, 0 2px 0 #222, 0 2px 4px #333;
color:#ccc;
text-shadow:0 -1px 0 #000;
font:bold 14px arial;
text-align:center;
display:inline-block;
min-width:40px;
vertical-align:middle;
}
/******************/
追加
/******************/
.address{text-align: center;margin: 1em 0; }



/******************/
/******************/
/* entry **********/

.article .entry {border-top:1px solid #ccc; padding:20px 0 0 0;}
.article .entry-thumbnail {display:block; float:left; width:60px;}
.article .entry-thumbnail img {width:60px; height:60px;}
.article .entry-title {font-size:20px; font-size:2.0rem; margin:0 0 0 80px;}
.article .entry-content {margin:0 0 0 80px;}
.article .entry-meta {margin:0 0 40px 80px; clear:both; background:#f8f8f8; padding:12px 12px 4px;}

.article .entry-meta dl {font-size:11px; font-size:1.1rem; padding:0; margin:0; clear:both; display:inline-block;}
.article .entry-meta dl dt,
.article .entry-meta dl dd {display:block; margin:0; padding:0; float:left;}
.article .entry-meta dl dt {clear:both; width:10em; color:#333; font-weight:normal; white-space:nowrap;}
.article .entry-meta dl dd,
.article .entry-meta dl dd span {color:#1a1a1a;}
.article .entry-meta dl dd a {color:#1a1a1a;}
.article .entry-meta a:hover {color:#1aa;}

.article .entry-meta .bday,
.article .entry-meta .url,
.article .entry-meta .org,
.article .entry-meta .n {display:none;}

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

.entry-sns {margin:0 0 40px 80px;}
.entry-sns ul {width:100%; display:table; table-layout:fixed; text-align:center; margin:0; padding:0; border-spacing:4px;}
.entry-sns ul li {display:table-cell; padding:0; margin:0; white-space:nowrap; overflow:hidden;}
.entry-sns ul li a {border-bottom:2px solid #333; display:block; padding:4px 0;}
.entry-sns ul li a:hover {color:#fff;}

.entry-sns ul li:nth-child(1) a {border-bottom:2px solid #55acee; color:#55acee;}
.entry-sns ul li:nth-child(2) a {border-bottom:2px solid #3d5b98; color:#3d5b98;}
.entry-sns ul li:nth-child(3) a {border-bottom:2px solid #dd4b39; color:#dd4b39;}
.entry-sns ul li:nth-child(4) a {border-bottom:2px solid #e57b42; color:#e57b42;}
.entry-sns ul li:nth-child(5) a {border-bottom:2px solid #8cc63f; color:#8cc63f;}
.entry-sns ul li:nth-child(1) a:hover {background:#55acee; color:#fff;}
.entry-sns ul li:nth-child(2) a:hover {background:#3d5b98; color:#fff;}
.entry-sns ul li:nth-child(3) a:hover {background:#dd4b39; color:#fff;}
.entry-sns ul li:nth-child(4) a:hover {background:#e57b42; color:#fff;}
.entry-sns ul li:nth-child(5) a:hover {background:#8cc63f; color:#fff;}


.subscribe ul .rss a {
background-color:#ffb53c;
border:1px solid #ffb53c;
}
.subscribe ul .feedly a {
background-color:#87c040;
border:1px solid #87c040;
}
.subscribe ul .facebook a {
background-color:#3b5998;
border:1px solid #3b5998;
}
.subscribe ul .twitter a {
background-color:#4099ff;
border:1px solid #4099ff;
}


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

.section h3 {font-size:18px; font-size:1.8rem; margin:0 0 1.2em 0;}
.section h3 i {display:block; color:#35AFD4; font-size:36px; font-size:3.6rem; font-family:'Open Sans', sans-serif; font-weight:lighter;}
.home .section h3 i {color:#35AFD4;}
.section h3 p{display:block; color:#000000; font-size:36px; font-size:3.6rem; font-family:'Open Sans', sans-serif; font-weight:lighter;}


#post-works h4 {text-align:center;}

.section h4 {margin:0 0 2em 0;}
.section h4 i {display:block; color:#35AFD4; font-family:'Open Sans', sans-serif; font-size:24px; font-size:2.4rem;}

/******************/
/******************/
/* archive.php ****/

#archive{background: #F5F5F5;}
#archive {margin:0; padding:20px 0 0.1em 0; background:#F5F5F5;}
#archive h3 i {color:#1a1a1a;font-size:2em;}
#archive h4 {text-align:center;}
#archive #a-util {clear:both; text-align:center; margin:0 auto 40px auto;}
#archive #a-util input {display:block; margin:0 0 12px 0; display:none;}
#archive #a-util select {display:inline-block; margin:0 4px; width:100%; max-width:200px; border:1px solid #ccc;}
#archive #a-list {width:100%;}
#a-list li{float: left;  }
#archive .inner{text-align: center; }
#archive ul {clear:both; display:block; width:100%; max-width:1600px; margin:0 auto;padding:0 20px;}
#archive ul:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
#archive ul li {float:left; padding:0 12px; text-align:left; width:250px; display:inline-block; position:relative; margin:0 0 10px 0;}
#archive ul li:nth-child(3n + 1) {clear:both;}
#archive ul li a:hover {color:#35AFD4;}
#archive ul li span {display:block; line-height:1.5;}
#archive .entry-thumbnail ~ * {margin-left:80px; overflow:hidden; display:block;}
#archive .entry-thumbnail {float:left; width:68px; height:68px; display:inline-block;}
#archive .entry-thumbnail img {width:68px; height:68px;}
#archive .entry-title {font-size:18px; font-size:1.8rem; margin-bottom:8px; display:block;}
#archive .entry-title a {display:block;}
#archive .entry-detail {margin-bottom:8px; color:#666; font-size:12px; font-size:1.2rem;}
#archive .entry-detail a {color:#666;}
#archive .entry-detail a:hover {color:#35AFD4;}
#archive .entry-detail span {display:inline-block; margin:0 12px 0 0;}
#archive span.entry-author {display:none;}
#archive .entry-detail span:before {font-family:"linea-basic-10"; font-size:1em; display:inline-block; margin-right:4px; vertical-align:top;}
#archive{border-bottom: 1px solid #666;}
#archive .entry-summary {overflow:hidden; margin-bottom:8px;}
#archive .entry-more {float:right; text-align:center;}
#archive .entry-more span {display:none;}
#archive .entry-more a {background:transparent; border:1px solid #999; color:#666; border-radius:4px; min-width:100px; display:inline-block; padding:4px 20px;}
#archive .entry-more a:hover {border:1px solid #35AFD4; color:#35AFD4;}


/******************/
@media screen and (max-width:1200px) {
#archive ul li {width:49.9999%; display:inline-block;}
#archive ul li:nth-child(3n + 1) {clear:none;}
#archive ul li:nth-child(odd) {clear:both;}
#archive ul li:nth-child(even) {}
.home #archive ul li:nth-child(4) {display:none;}
}
/******************/



/******************/
/******************/
/* front-page.php */

#post-top {width:100%; height:100%; background:#161514; position:relative; margin:0; overflow:hidden;}
#post-top:after {content:""; position:relative; display:block; clear:both; height:0; visibility:hidden;}
ul#pt-menu {display:table; table-layout:fixed; vertical-align:middle; width:100%; font-size:12px; font-size:1.2rem;}
ul#pt-menu li {display:table-cell; text-align:center; width:100%; text-transform:uppercase; letter-spacing:2px; height:60px; white-space:nowrap;}
ul#pt-menu li a {background:#313640; color:#ccc; display:block; line-height:65px; position:relative; overflow:hidden; cursor:pointer;}
ul#pt-menu li a.active,
ul#pt-menu li a.active:hover {background:#35AFD4; color:#fff;}
ul#pt-menu li a:hover {background:#666; color:#fff;}

ul#pt-menu li a:hover:after,
ul#pt-menu li a.active:after {content:""; display:block; width:10px; height:10px; position:absolute; bottom:-5px; background:#161514; left:50%; margin-left:-10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

#post-top h3 {font-size:16px; font-size:1.3rem;}
#post-top p {color:#788296; margin:0 0 1em 0;}
#post-top table {color:#788296;}


#top-service,
#top-works {background:#fff; color:#161514; width:100%;}

#top-service .inner,
#service-art .inner {
    border-bottom: solid 1px #666;
}

#post-top img {width:110%; height:auto;}

#top-service img {margin-top:-60px; margin-bottom:-10px;}

#top-service ul {margin:0 0 20px 0;}
#top-service ul li {display:inline; margin:0 20px 0 0;}
#top-service ul li img {height:20px; width:auto; margin:0;}

#top-service .col:nth-child(2) img {margin-top:-50px;}
#top-service .table:nth-child(3) {border-bottom:0;}
#top-service .table:nth-child(3) .cell:nth-child(2) {vertical-align:bottom; line-height:1;}
#top-service .table:nth-child(3) .cell:nth-child(2) img {vertical-align:bottom; margin-bottom:0;}

#post-top .col,
#post-top .table {padding:40px 0 0 0;}

#post-top .box {padding:0 0 80px 0;}
#post-top .box a {color:#35AFD4;}
#post-top .col a {color:#35AFD4;}
#post-top .col a:hover {color:#fff;}

.inner h3 li{color:#747272;}

/******************/
/******************/
/* page.php *******/

#post-clients {background:#fff; color:#747474; padding:40px 0; overflow:hidden;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
background-position:center center;
background-repeat:no-repeat;
position:relative;
}

#post-clients2 {background:#fff; color:#747474; padding:40px 0; overflow:hidden; 
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
background-position:center center;
background-repeat:no-repeat;
position:relative;
}

#post-clients.mobile {background:#161514;}

#post-clients .inner {text-align:center; z-index:9;}
#post-clients h3 i {color:#35AFD4;}
#post-clients ul {display:block; width:100%; margin:0 auto; margin-bottom:80px;}
#post-clients ul:after {content:""; clear:both; display:block; visibility:hidden; height:0;}
#post-clients ul li {display:block; float:left; padding:0 10px; width:32.999%;}

#clients-list {display:block;}
#post-clients h4 {color:#fff; font-size:14px; font-size:1.4rem; letter-spacing:4px; margin:0 0 40px 0; text-transform:uppercase;}
#post-clients .col {width:100%;}
#post-clients ol {text-align:left; width:32%; padding:0; margin:0; float:left; position:relative;}
#post-clients ol:nth-child(1) { margin-right:2%;}
#post-clients ol:nth-child(2) {}
#post-clients ol:nth-child(3) {float:right;}

#post-clients ol li {color:#788296; position:relative; line-height:1.2; margin:0 0 20px 0; display:block;}
#post-clients ol li i {display:block;}
#post-clients ol li span {display:none;}
#post-clients ol li:hover {color:#fff; cursor:pointer;}
#post-clients ol li:hover i {visibility:hidden;}
#post-clients ol li:hover span {display:block; position:absolute; top:0; left:0;}


#video-box-2 {
position:absolute;
min-width:100%; min-height:100%; height:100%; /* 固定横幅を指定しないことがポイント */
top:0; left:0; right:0; bottom:0;
z-index:0;
}
#bg-video-2 {min-width:100%; min-height:100%;}

#post-clients:before {position:absolute; top:0; right:0; bottom:0; left:0;
width:100%; min-width:100%; height:100%; min-height:100%;
content:""; clear:both; display:block;
	-webkit-background-size:3px 3px;
	-moz-background-size:3px 3px;
	-ms-background-size:3px 3px;
	-o-background-size:3px 3px;
	background-size:3px 3px;
z-index:2;
}

#post-clients.mobile:before {display:none;}

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

#post-works {text-align:center; background:#151519; color:#fff; padding-top:80px;}
.home #post-works {padding:60px 0 0 0;}
#post-works .inner {text-align:center;}
#post-works h4 {color:#999; margin:0 0 12px 0; font-size:15px; font-size:1.5rem; display:none;}

#isotope {width:100%; text-align:center; clear:both; display:block; margin:0;}
#isotope .item {float:left; display:inline-block; width:20%; height:auto; padding:0; margin:0; overflow:hidden; position:relative; z-index:20;}
#isotope .item img {width:100%; max-width:100%; height:auto;}

#isotope .item a {
display:block; width:100%; height:100%;
	-webkit-transition:1.8s linear;
	-moz-transition:1.8s linear;
	-ms-transition:1.8s linear;
	-o-transition:1.8s linear;
	transition:1.8s linear;
position:relative;
cursor:pointer;
}

#isotope .item a:hover {
opacity:1;
	-webkit-transform:scale(1.3,1.3);
	-moz-transform:scale(1.3,1.3);
	-ms-transform:scale(1.3,1.3);
	-o-transform:scale(1.3,1.3);
	transform:scale(1.3,1.3);
}

#isotope .item .figcaption {
position:absolute; top:0; left:0; padding:0; vertical-align:middle; text-align:center;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
text-align:center;
display:none;
opacity:0;
}
#isotope .item a:hover .figcaption {display:block; opacity:1;}

#isotope .item a .figcaption div {
position:relative;
padding:0 20px;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
top:50%;
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-o-transform:translate(0, -50%);
	transform:translate(0, -50%);
width:100%;
}

#isotope .item a span {display:block; word-wrap:break-word; position:relative;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
}
#isotope .item a .fig-title {color:#fff; font-size:21px; font-size:2.1rem; position:relative; top:-20px; opacity:0.5; display:block;
-webkit-transform:scale(2);
-moz-transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2);
transform:scale(2);
}
#isotope .item a .fig-text  {color:#fff; font-size:15px; font-size:1.5rem; display:block;}
#isotope .item a .fig-type  {color:#fff; font-size:11px; font-size:1.1rem; top:20px; opacity:0.5; display:block; 
-webkit-transform:scale(2);
-moz-transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2);
transform:scale(2);
}
#isotope .item a .fig-description {display:none;}
#isotope .item a .fig-hr {height:1px; background:#fff; width:0%; display:block; margin:4px auto 12px auto; clear:both;}
#isotope .item a:hover .fig-hr {
	-webkit-animation:isoitem-2 1.3s;
	-moz-animation:isoitem-2 1.3s;
	-ms-animation:isoitem-2 1.3s;
	-o-animation:isoitem-2 1.3s;
	animation:isoitem-2 1.3s;
width:65%;
}
#isotope .item a:hover .fig-title {
	-webkit-animation:isoitem-1 0.8s;
	-moz-animation:isoitem-1 0.8s;
	-ms-animation:isoitem-1 0.8s;
	-o-animation:isoitem-1 0.8s;
	animation:isoitem-1 0.8s;
opacity:1; top:0;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
#isotope .item a:hover .fig-type  {
	-webkit-animation:isoitem-3 0.8s;
	-moz-animation:isoitem-3 0.8s;
	-ms-animation:isoitem-3 0.8s;
	-o-animation:isoitem-3 0.8s;
	animation:isoitem-3 0.8s;
opacity:1; top:0;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}

.filter {width:100%; margin:0 0 4px 0;}
.selectbox {position:relative; display:block; text-align:center; margin:0 0 40px 0;}
.selectbox dl {position:relative; display:table; table-layout:auto; width:auto; padding:0; margin:0 auto; text-transform:uppercase; cursor:pointer; font-size:11px; font-size:1.1rem;}
.selectbox dl dt {display:table-cell; padding:0 12px; margin:0; white-space:nowrap; font-weight:normal;}
.selectbox dl dd {display:table-cell; padding:0; margin:0; white-space:nowrap; text-align:center;}
.selectbox dl dd a {padding:2px 10px 2px 10px; display:block; color:#aaa;}
.selectbox dl dd a:hover,
.selectbox dl dd a.current {color:#35AFD4;}

/******************/
/******************/
/* #mission *******/

/******************/
/* <!--▼企業紹介-->*********/
#menuIndex_wrap { max-width:100%; margin:0 auto; padding:10px 0 10px; position:relative; overflow:hidden; }
#menuIndex_wrap ul { margin-right:-180px; max-width:100%; }
#menuIndex_wrap ul li { float:left; max-width:300px; margin-right:30px; margin-bottom:20px;  }
#menuIndex_wrap ul li section h1 { padding:10px 15px 0 0; line-height:30px; height:30px; }
#menuIndex_wrap ul li section h1 a { display:block; line-height:30px; height:30px; overflow:hidden; font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#000; font-size:18px; font-weight:400; margin-right:10px; }
#menuIndex_wrap ul li section h1 a img { margin-top:-1px; vertical-align: middle; margin-left:8px; background:#b4a48c; transition:background 0.4s ease-in-out; -o-transition:background 0.4s ease-in-out; -ms-transition:background 0.4s ease-in-out; -moz-transition:background 0.4s ease-in-out; -webkit-transition:background 0.4s ease-in-out; display:none;}
#menuIndex_wrap ul li:hover section h1 a img,  #menuIndex_wrap ul li section h1 a:hover img { /*margin-top:-51px;*/
		background:#b40000; }
#menuIndex_wrap ul li section p { padding:15px 0; font-size:14px; line-height:21px; }
#servicePickup { background:#000; }
#servicePickup_wrap { max-width:1070px; margin:0 auto; padding:50px 0 50px; position:relative; overflow:hidden; }
#servicePickup_wrap .fl_left { float:left; max-width:515px; line-height:0; }
#servicePickup_wrap .fl_right { float:right; max-width:515px; line-height:0; }
#informartion { background:#fff; }
#informartion section { max-width:1070px; margin:0 auto; padding:50px 0 50px; position:relative; }
#informartion section h1 { background:#000; }
#informartion section h1 span { background:#b4a48c; display:block; width:146px; height:30px; letter-spacing:2px; }
#informartion section #newsMore { position:absolute; top:0; right:0; width:146px; height:30px; }
#informartion section #newsMore a { position:absolute; top:50px; right:0; width:146px; height:30px; letter-spacing:1px; background:url(../img/base/i04.png) 125px 2px no-repeat; }
#informartion section #newsMore a:hover { text-decoration:none; background:url(../img/base/i04.png) 125px -28px no-repeat; }/**/
#informartion section h1 span,  #informartion section #newsMore a { font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#fff; font-size:14px; font-weight:normal; text-align:center; line-height:30px; }
#informartion section ul li { padding:12px 15px 12px 30px; }
#informartion section ul li.odd { background:#f5f5f5; }
#informartion section ul li.even { background:#e6e6e6; }
#informartion section ul li figure { width:172px; float:right; line-height:0; }
#informartion section ul li time,  #informartion section ul li p { font-size:14px; line-height:21px; width:800px; float:left; }
#informartion section ul li p br,  #informartion section ul li p img,  #informartion section ul li p .more-link,  #informartion section #newsInlineMore a,  #informartion section #newsMore { display:none !important; }
#informartion section ul li time { display:block; color:#b4a48c; }
#informartion section ul li p a { display:block; color: #000; }
#informartion section ul li p a:hover { display:block; color: #977c53; text-decoration:none; }
#informartion section #newsInlineMore { height:30px; background:#000; text-align:center; line-height:30px; }
#informartion section #newsInlineMore a { display:block; border-top:5px #000 solid; border-bottom:5px #000 solid; height:20px; overflow:hidden; }
#informartion section #newsInlineMore a img { margin-top:-20px; }
#informartion section #newsInlineMore a:hover img { margin-top:0; }
	
#index .s_menu li a.on { 
	color:#fff;
	background-color:#6e6c6c;
	display:block;
	padding:0 10px;
	}

/******************/
/* #service *******/

#service {}
#service .inner {width:100%; max-width:100%; min-width:100%; padding:0;}

#service .cell {
padding:20px;
margin-bottom:1px;
background:#f2f2f2;
}

#service .cell:nth-child(1) {border-left:0; border-right:1px solid #fff;}
#service .cell:nth-child(2) {border-left:2px solid #fff; border-right:1px solid #fff;}
#service .cell:nth-child(3) {border-left:2px solid #fff; border-right:0;}

#service dl {padding:12px;}
#service dl dt span {display:block; color:#1aa; font-size:0.8em;}
#service dl dt {
font-size:15px;
font-size:1.5rem;
margin:0 0 12px 0;
}
#service dl dd {
font-size:11px;
font-size:1.1rem;
margin-bottom:4px;
}

#service dl dd:last-child {margin-bottom:0;}

#service dl dd:before {
content:">";
display:inline;
margin:0 4px;
}

#service h4 {
text-align:center;
position: relative;
padding-bottom:12px;
display:block;
font-size:15px;
font-size:1.5rem;
text-transform:uppercase;
letter-spacing:2px;
padding:0;
}

#service h4 span {display:block; font-size:20px; font-size:2.0rem; color:#1aa;}

#service h4:after {
content: "";
position: relative;
display:block;
width:20px;
height:2px;
margin:20px auto;
}

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

#post-profile {text-align:left; background:#161514; color:#fff; padding-top:80px;}
#post-profile h3 {text-align:center;}
#post-profile h4 {display:block;}
#profile-information {padding:60px 0 0 0;}
#post-profile dl {font-size:13px; font-size:1.3rem;}
#post-profile dl dt {clear:both; float:left; width:6em;}
#post-profile dl dd {margin:0 0 1em 7em;}
#post-profile dd span.small {display:block;}
#post-profile dl dt:before {content:""; width:0.8em; height:0.8em; background:#ccc; margin-right:0.5em; display:inline-block;}
#post-profile .col img {width:100%; height:auto;}


#profile-office {border-top:1px solid #788296; padding:20px 20px 0 20px;}
#profile-office div.table {display:block; width:100%; display:table; table-layout:fixed; padding:0; border-spacing:12px; margin:0 0 20px 0;}
#profile-office dl {display:table-cell;}
#profile-office dl dt {float:none; width:100%;}
#profile-office dl dt:before {display:none;}
#profile-office dl dt img {width:100%; height:auto;}
#profile-office dl dd {margin:0;}
#profile-office dl dd i {display:block; font-weight:bold;}
#profile-office dl dd:nth-child(2) {margin:0 0 4px 0;}
#profile-office dl dd:nth-child(3) {}

#google-maps {width:100%; height:300px; min-height:300px; overflow:hidden; position:relative; margin-bottom:-2px; background:#161514 !important;}
#google-maps img.static-map {height:300px; position:absolute; top:0; left:50%; margin-left:-540px;}


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


#post-privacy .inner {padding-top:40px;}

#t-staff dl dt {width:12em;}
#t-staff dl dd {margin:0 0 20px 13em;}


/******************/
/******************/
/* CustomContents */

.single-jetpack-portfolio {background:#161514;}
.single-jetpack-portfolio #main {border-bottom:1px solid #35AFD4; padding-top:0; background:#161514;}

.jetpack-portfolio {max-width:880px; margin:0 auto; color:#fff;}
.jetpack-portfolio .entry-title,
.jetpack-portfolio .entry-meta,
.jetpack-portfolio .entry-content {margin:0;}

.jetpack-portfolio .entry-title {}
.jetpack-portfolio .entry-meta {display:none;}
.jetpack-portfolio .entry-content {}

.jetpack-portfolio .entry-title span {display:block;}

/******************/
/******************/
/* comments.php ***/

#comments {border-top:1px solid #ccc; padding:20px 0 0.1em;}

#comments input,
#comments textarea {background:#f5f5f5; width:100%;}

#comments label {display:block;}
#comments input[type="submit"] {display:inline-block; cursor:pointer; padding:4px 12px;
margin:0 auto; text-align:center;
white-space:nowrap; vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	 user-select:none;
border-radius:4px;
min-width:120px;
background:transparent; border-color:#161514; border-style:solid; border-width:1px;
color:#999;
width:auto;
}
#comments input[type="submit"]:hover {border-color:#35AFD4; color:#35AFD4;}

.comment-list ol {margin:0 0 40px 0; padding:0; font-size:12px; font-size:1.2rem;}
.comment-list ol:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.comment-list ol li {margin:0; padding:0; text-indent:0; list-style-position:outside; clear:both;}
.comment-list ol li:before {display:none;}
.comment-body {display:inline;}

.reply {float:right;}
.reply a {background:#161514; color:#fff; border:1px solid #000; border-radius:4px; height:40px; line-height:41px; display:inline-block; cursor:pointer; padding:0 12px;}
.reply a:hover {background:transparent; color:#161514;}

.form-allowed-tags {display:none;}

.reply-title {clear:both;}

/******************/
/******************/
/* Materials ******/

.read-more {display:block;}
.read-more a {
border:1px solid #ccc;
color:#999;
padding:10px 50px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
display:inline-block;
}

.read-more a:hover {border:1px solid #35AFD4; color:#35AFD4;}


.btn {
padding:4px 12px;
margin-bottom:0;
font-size:15px;
line-height:2;
text-align:center;
white-space:nowrap;
vertical-align:middle;
cursor:pointer;
-webkit-user-select:none;
   -moz-user-select:none;
    -ms-user-select:none;
     -o-user-select:none;
        user-select:none;
border:1px solid transparent;
border-radius:4px;
color:#fff;
}

.btn {display:inline-block; min-width:120px; padding:8px 24px; margin-bottom:16px; border-radius:4px;
text-align:center; background:transparent; border-color:#35AFD4; border-style:solid; border-width:1px;
color:#82dcd2;
}

a.btn {color:#35AFD4;}

.article .btn:hover,
.btn:hover {background-color:#35AFD4; cursor:pointer; color:#fff;}

.btn:hover a {color:#fff;}

.btn.btn-small {padding:4px 12px; min-width:30px; font-size:0.8em;}
.btn.btn-large {padding:8px 36px; min-width:200px; font-size:1.2em;}

.btn.btn-success {border-color:#2e6392; color:#2e6392;}
.btn.btn-success:hover {background-color:#2e6392; color:#fff;}

.btn.btn-error {border-color:#E74C3C; color:#E74C3C;}
.btn.btn-error:hover {background-color:#E74C3C; color:#fff;}

.btn.btn-warning {border-color:#F1C000; color:#F1C000;}
.btn.btn-warning:hover {background-color:#F1C000; color:#fff;}
.border {border:1px solid #ccc;}

/******************/
/* column System **/

.col {width:100%;}
.col:after {content:""; clear:both; display:block; height:0; visibility:hidden;}

.col-2,
.col-3,
.col-4,
.col-5,
.col-6 {float:left; padding:0; margin:0 2% 2% 0;}

.col-2 {width:80%; /*47.5% - 49%*/}
.col-3 {width:32%; /*30% - 32%*/}
.col-4 {width:23.5%; /*20% - 23.5%*/}
.col-5 {width:18.4%; /*15% - 18.4%*/}
.col-6 {width:15%; /*12.5% - 15%*/}

.col-2:nth-child(even),
.col-3:nth-child(3), .col-3:nth-child(6),
.col-4:nth-child(4), .col-4:nth-child(8),
.col-5:nth-child(5), .col-5:nth-child(10),
.col-6:last-child {float:right; margin:0 0 2% 0;}

.col-2:nth-child(odd),
.col-3:nth-child(2), .col-3:nth-child(5),
.col-4:nth-child(3), .col-4:nth-child(7),
.col-5:nth-child(4), .col-5:nth-child(9),
.col-6:nth-child(5),
.col-7:nth-last-child(2) {margin:0 0 2% 0;}

.col-2:nth-child(3),
.col-3:nth-child(4),
.col-4:nth-child(5),
.col-5:nth-child(6),
.col-6:nth-child(7) {clear:both;}



/******************/
/******************/
/* breadcrumbs ****/

/******************/
/******************/
/* navigation *****/

.navigation {clear:both; margin:40px 0;}
.navigation span {width:60px; height:60px; display:block; overflow:hidden;}
.navigation a {color:transparent;
display:block; width:60px; height:60px;
	-webkit-background-size:60px 60px;
	-moz-background-size:60px 60px;
	-ms-background-size:60px 60px;
	-o-background-size:60px 60px;
	background-size:60px 60px;
}
.navigation a:hover {color:transparent; fill:#161514;}
.navigation .pn-prev {float:left;}
.navigation .pn-next {float:right;}
.navigation .pn-prev a {background-image:url(images/icon-arrow-left.svg);}
.navigation .pn-next a {background-image:url(images/icon-arrow-right.svg);}

/******************/
/******************/
/* wp-pagenavi  ***/

.wp-pagenavi {text-align:center; font-size:12px; font-size:1.2rem; clear:both; display:block; margin:0 0 40px 0;}
.wp-pagenavi:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.wp-pagenavi a.page {width:auto; float:none;}
.wp-pagenavi .pages {display:none;}

.wp-pagenavi a {
padding:8px 12px;
margin:5px;
background-color:#161514;
border:1px solid #161514;
line-height:1;
color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
display:inline-block;
}

.wp-pagenavi a:hover {background-color:transparent; color:#161514;}
.wp-pagenavi a:active {background-color:#999;}

.wp-pagenavi span.current {
padding:8px 15px;
margin:5px;
background-color:transparent;
border:1px solid #161514;
color:#161514;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
display:inline;
}

.wp-pagenavi span.extend {display:none;}

/******************/
/******************/
/* Plugins  *******/

.ads {clear:both; overflow:hidden;}
.article .ads {margin:0 0 24px 0; border:1px solid #f0f0f0; width:100%;}


/******************/
/******************/
/* ContactForm7 ***/

#post-contact {background:#161514; color:#fff; padding-top:80px; padding-bottom:40px; border-bottom:1px solid #464646;}
#post-contact h3,
#post-contact h4 {text-align:center;}

.contact-form {margin:0 auto; max-width:800px;}
.contact-form th {padding:12px 0;}
#post-contact .fieldset {margin:0; clear:both; display:block;}
#post-contact label {font-size:12px; font-size:1.2rem; margin:0 0 10px 0;display:none;}

#post-contact input[type="text"],
#post-contact input[type="email"],
#post-contact input[type="url"],
#post-contact input[type="tel"],
#post-contact textarea {
background:#f8f8f8; padding:8px; width:100%;}

#post-contact textarea {height:240px;}

input[type="checkbox"] {display:inline-block; width:auto;}

input[type="submit"] {
background:transparent;
border:1px solid #999;
color:#999;
cursor:pointer;
display:inline-block;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
margin:0 auto;
width:auto;
padding:12px 40px;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
text-align:center;
}

input[type="submit"]:hover {color:#35AFD4; border:1px solid #35AFD4; background:transparent;}

.wpcf7 p {font-size:1.4px; font-size:1.4rem;}
.screen-reader-response {display:none;}
.wpcf7 .wpcf7-response-output {
margin:0;
padding:10px 20px 10px 20px;
border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
display:none;
}

.wpcf7 .wpcf7-mail-sent-ok {
color:#333;
display:block;
padding:40px;
font-size:1.5px;
font-size:1.5rem;
color:#3A87AD;
background-color: #D9EDF7;
line-height:1.75;
margin-bottom:40px;
}

.wpcf7 .wpcf7-validation-errors {
color:#f66;
clear:both;
text-align:center;
padding:10px 20px;
margin-bottom:20px;
font-size:1.5px;
font-size:1.5rem;
color:#B94A48;
background-color:#F2DEDE;
border:1px solid #EED3D7;
}

span.wpcf7-not-valid-tip,
.wpcf7 p .wpcf7-not-valid-tip,
.wpcf7 span.wpcf7-not-valid-tip, /*チェックボックスの下のところ*/
.wpcf7 .wpcf7-not-valid-tip span {color:#f66; display:none;}

span.use_label_element {display:block; margin-bottom:10px;}
span.wpcf7-list-item-label {color:#666;}

.wpcf7 p span {color:#666;}

.wpcf7 span.wpcf7-not-valid-tip-no-ajax {display:none;}
.wpcf7 td span.wpcf7-not-valid-tip-no-ajax {color:#f66; display:block; padding-top:4px;}
.wpcf7 .sent .form-inner {display:none;}

img.ajax-loader {display:none; padding:8px 0; margin:0 auto 12px auto; text-align:center; width:30px; height:30px;}

/******************/
/******************/
/* facebook-box ***/

#facebook-box {}

.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
width:100% !important;
}

.fb-like-box {margin:0 auto; margin-bottom:40px;}
a.twitter-follow-button {display:block;}

/******************/
/******************/
/* noscript *******/

#load {
width:60px;
height:60px;
	-webkit-animation:rotation 1.0s linear infinite;
	-moz-animation:rotation 1.0s linear infinite;
	-ms-animation:rotation 1.0s linear infinite;
	-o-animation:rotation 1.0s linear infinite;
	animation:rotation 1.0s linear infinite;
position:fixed;
display:block;
display:none;
top:50%;
left:50%;
margin-top:-30px;
margin-left:-30px;
}

#load img {width:60px; height:60px;}

#warning {
display:block;
position:absolute;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
padding:40px;
background-color:#161514;
/*background-color:rgba(224, 0, 0, 0.9);*/
color:#fff;
z-index:9999;
font-size:13px;
font-size:1.3rem;
text-align:center;
line-height:1.5;
overflow:hidden;
overflow-y:scroll;
overflow:scroll;
}
#warning h2 {font-size:24px; font-size:2.4rem; margin:0 0 40px 0;}
#warning ul {margin:0 0 40px 0; padding:20px; text-align:center;}
#warning ul li {display:inline; margin:0 20px;}
#warning p {font-size:15px; font-size:1.5rem; margin:0 0 40px 0;}
#warning p.close {text-align:center;}
#warning p a {cursor:pointer; color:#ffa500;}
#warning p a:hover {text-decoration:underline;}
#warning p.small {color:#666;}
/******************/
/******************/

/*------------------------------------*/

#area_company h3{font-size:13px;}

#area_company table{
margin-left: auto;
margin-right: auto;
max-width:50%;
}

#area_company table th{width:150px;}
#area_company table td{width:350px;}

/*------------------------------------*/

#img_area2{
background-color: #fff;
}

#img_area2 ul{
	margin: 0; 
	padding: 0; 
	list-style: none;
	display:table;
}
.banner1 li {
	position: relative;
	list-style: none;
	line-height: 0;
	margin-right: 0px;
	display:table-cell;
	vertical-align:middle;
}

#img_area2 li img{
	max-width: 100%;
	height: auto;
}

.banner1 p {
  position: absolute;
  bottom: 50px;
  margin: 0 0 0 0 ;
  line-height: 1.2;
  background: rgba(0,51,105,0.5);
  padding:20px 0 10px 0;
  width: 100%;
  height: 110px;
}

.banner1 a{
  color: #fff;
   text-decoration: none;
  font-size: 20px;
}


/*------------------------------------*/
.waku_1{width:70%;  position: relative;  left: 15%;
}

.alfont_1{color:#000;font-size:25px;font-weight:bold;}
.alfont_2{color:#000;font-size:1.5em;font-weight:bold;}

.box2{padding:0 0px 0 0;margin: 0 30px 0 10px;}

.js-innerLinkMask h1{text-align: center;}

/******************/
/******************/
/* Media Query ****/

/* @media screen and (max-width:640px){} example */


/******************/
/******************/
/* fonts **********/

@font-face {
font-family:'Open Sans';
font-style:normal;
font-weight:300;
src:local('Open Sans Light'),
	local('OpenSans-Light'),
	url('fonts/OpenSans-Light.ttf') format('truetype');
}
@font-face {
font-family:'Open Sans';
font-style:normal;
font-weight:400;
src:local('Open Sans'),
	local('OpenSans'),
	url('fonts/OpenSans-Regular.ttf') format('truetype');
}
/*
@font-face {
font-family:'Axis-ExtraLight';
src:url("fonts/AxisStd-ExtraLight.eot");
src:url("fonts/AxisStd-ExtraLight.eot?#iefix") format("eot"),
	url("fonts/AxisStd-ExtraLight.woff") format("woff"),
	url("fonts/AxisStd-ExtraLight.ttf") format("truetype"),
	url("fonts/AxisStd-ExtraLight.svg") format("svg");
}

.axis {
font-family:'Axis-ExtraLight', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', sans-serif;
}
*/

@font-face {
font-family:'icomoon';
src:url('fonts/icomoon.eot');
src:url('fonts/icomoon.eot#iefix') format('embedded-opentype'),
	url('fonts/icomoon.woff') format('woff'),
	url('fonts/icomoon.ttf') format('truetype'),
	url('fonts/icomoon.svg#icomoon') format('svg');
font-weight:normal;
font-style:normal;
}

[class^="icon-"], [class*=" icon-"] {
font-family:'icomoon';
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.icon-icon:before {content:"\e600";}

@font-face {
font-family:"linea-basic-10";
src:url("fonts/linea-basic-10.eot");
src:url("fonts/linea-basic-10.eot?#iefix") format("embedded-opentype"),
	url("fonts/linea-basic-10.woff") format("woff"),
	url("fonts/linea-basic-10.ttf") format("truetype"),
	url("fonts/linea-basic-10.svg#linea-basic-10") format("svg");
font-weight:normal;
font-style:normal;
}

[data-icon]:before {
  font-family: "linea-basic-10" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/******************/
/******************/
/* keyframes ******/

@-webkit-keyframes rotation {
0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotation {
0% {-moz-transform:rotate(0deg);}
100% {-moz-transform:rotate(360deg);}
}
@-ms-keyframes rotation {
0% {-ms-transform:rotate(0deg);}
100% {-ms-transform:rotate(360deg);}
}
@-o-keyframes rotation {
0% {-o-transform:rotate(0deg);}
100% {-o-transform:rotate(360deg);}
}
@keyframes rotation {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}

@-webkit-keyframes pulse {
from {opacity:0.1;}
to {opacity:1.0;}
}
@-moz-keyframes pulse {
from {opacity:0.1;}
to {opacity:1.0;}
}
@-ms-keyframes pulse {
from {opacity:0.1;}
to {opacity:1.0;}
}
@-o-keyframes pulse {
from {opacity:0.1;}
to {opacity:1.0;}
}
@keyframes pulse {
from {opacity:0.1;}
to {opacity:1.0;}
}

@-webkit-keyframes updown {
from {bottom:40px;}
to {bottom:20px;}
}
@-moz-keyframes updown {
from {bottom:40px;}
to {bottom:20px;}
}
@-ms-keyframes updown {
from {bottom:40px;}
to {bottom:20px;}
}
@-o-keyframes updown {
from {bottom:40px;}
to {bottom:20px;}
}
@keyframes updown {
from {bottom:40px;}
to {bottom:20px;}
}



@-webkit-keyframes spin {
0%{-webkit-transform:rotateY(0deg);}
100%{-webkit-transform:rotateY(180deg);}
}
@-moz-keyframes spin {
0%{-moz-transform:rotateY(0deg);}
100%{-moz-transform:rotateY(180deg);}
}
@-ms-keyframes spin {
0%{-ms-transform:rotateY(0deg);}
100%{-ms-transform:rotateY(180deg);}
}
@-o-keyframes spin {
0%{-o-transform:rotateY(0deg);}
100%{-o-transform:rotateY(180deg);}
}
@keyframes spin {
0%{transform:rotateY(0deg);}
100%{transform:rotateY(180deg);}
}

@-webkit-keyframes warp {
from {opacity:0;-webkit-transform:rotate(-60deg) translateZ(-300px)}
to{opacity:1;-webkit-transform:rotate(60deg) translateZ(300px)}
}
@-moz-keyframes warp {
from {opacity:0;-moz-transform:rotate(-60deg) translateZ(-300px)}
to{opacity:1;-moz-transform:rotate(60deg) translateZ(300px)}
}
@-ms-keyframes warp {
from {opacity:0;-ms-transform:rotate(-60deg) translateZ(-300px)}
to{opacity:1;-ms-transform:rotate(60deg) translateZ(300px)}
}
@-o-keyframes warp {
from {opacity:0;-o-transform:rotate(-60deg) translateZ(-300px)}
to{opacity:1;-o-transform:rotate(60deg) translateZ(300px)}
}
@keyframes warp{
from{opacity:0;transform:rotate(-60deg) translateZ(-300px);}
to{opacity:1;transform:rotate(60deg) translateZ(300px);}
}

@-webkit-keyframes isoitem-1 {
from{opacity:0.5; top:-20px; -webkit-transform:scale(2);}
to{opacity:1; top:0; -webkit-transform:scale(1);}
}
@-moz-keyframes isoitem-1 {
from{opacity:0.5; top:-20px; -moz-transform:scale(2);}
to{opacity:1; top:0; -moz-transform:scale(1);}
}
@-ms-keyframes isoitem-1 {
from{opacity:0.5; top:-20px; -ms-transform:scale(2);}
to{opacity:1; top:0; -ms-transform:scale(1);}
}
@-o-keyframes isoitem-1 {
from{opacity:0.5; top:-20px; -o-transform:scale(2);}
to{opacity:1; top:0; -o-transform:scale(1);}
}
@keyframes isoitem-1 {
from{opacity:0; top:-20px; transform:scale(2);}
to{opacity:1; top:0; transform:scale(1);}
}
@-webkit-keyframes isoitem-2 {
from{width:0;}
to{width:65%;}
}
@-moz-keyframes isoitem-2 {
from{width:0;}
to{width:65%;}
}
@-ms-keyframes isoitem-2 {
from{width:0;}
to{width:65%;}
}
@-o-keyframes isoitem-2 {
from{width:0;}
to{width:65%;}
}
@keyframes isoitem-2 {
from{width:0;}
to{width:65%;}
}
@-webkit-keyframes isoitem-3 {
from{opacity:0.5; top:20px; -webkit-transform:scale(2);}
to{opacity:1; top:0; -webkit-transform:scale(1);}
}
@-moz-keyframes isoitem-3 {
from{opacity:0.5; top:20px; -moz-transform:scale(2);}
to{opacity:1; top:0; -moz-transform:scale(1);}
}
@-ms-keyframes isoitem-3 {
from{opacity:0.5; top:20px; -ms-transform:scale(2);}
to{opacity:1; top:0; -ms-transform:scale(1);}
}
@-o-keyframes isoitem-3 {
from{opacity:0.5; top:20px; -o-transform:scale(2);}
to{opacity:1; top:0; -o-transform:scale(1);}
}
@keyframes isoitem-3 {
from{opacity:0.5; top:20px; transform:scale(2);}
to{opacity:1; top:0; transform:scale(1);}
}




/* end ************/
/******************/
/******************/