@charset "UTF-8";  
/*
Theme Name: ラボワット・スタジオ合同会社
Theme URI: http://laboite-std.com/
Description: ラボワット WordPress テーマ
Author: AthreeLaugh
Author URI: http://athreelaugh.co.jp
Version: 1.8
*/

/* =Reset default browser CSS. Based on work by Eric Meyer.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
}
html {
font-size:62.5%;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
width:100%;
height:100%;
}
body {
	line-height: 1;
	height: 100%;
	width: 100%;
	position:relative;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

#content p.annotation{font-size: 13px; font-size: 1.3rem;}

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

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

article,
section{
	display: block;
}

.section,
.article{
	display: block;
    overflow: hidden;
}
    
#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}

#content {
	margin: 0 280px 0 20px;
}

#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 220px;
}

#secondary {
	clear: right;
}

#footer {
	clear: both;
	width: 100%;
}

.author{display: none}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column #content {
	margin: 0 auto;
	width: 100%;
}
.single-portfolio #content{
	text-align: center;
}

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content {
	margin: 0 auto;
	width: 900px;
}

/* =Fonts
-------------------------------------------------------------- */
body {
	font-family:Helvetica,'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', Arial, sans-serif;
}

@font-face {
font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
	url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), 
	url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), 
	url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face{
	font-family: 'Cardo';
	src:url('fonts/Cardo.eot');	/* IE9 Compat Modes */
	src:url('fonts/Cardo.eot?#iefix') format('eot'),	/* IE6-IE8 */
		url('fonts/Cardo.woff') format('woff'),
		url('fonts/Cardo.otf');
}

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
.w740{
	margin: 0 auto;
	width: 740px;
	padding: 0 20px;
	display: block;
	clear: both;
	position: relative;
}

.inner {
	margin: 0 auto;
	width: 940px;
	padding: 0 20px;
	display: block;
	clear: both;
	position: relative;
}

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


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	background: #fff;
}
body,
input,
textarea {
	color: #603813;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 24px;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p {
}
ul {
}
ol {
}
ol ol {
}
ol ol ol {
}
ol ol ol ol {
}
ul ul,
ol ol,
ul ol,
ol ul {
}
dl {
}
dt {
}
dd {
}
strong {
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: smaller;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="tel"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
	width: 100%;
}


a:link {
	color: #333;
	text-decoration: none;
	transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
}
a:visited {
	color: #333;
}
a:active,
a:hover {
	color: #c21a1f;
	transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px;
}

/* =Header
-------------------------------------------------------------- */
#header {
	padding: 0 0 0 0;
	position: relative;
	overflow: hidden;
	background-image: url(images/bg_tree.png);
	background-size:100px 100px;
	width: 100%;
}

#site-title {
	position: absolute;
	top: 30px;
	z-index: 100;
	width: 100%;
	height: 40px;
	background: #000;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0;
}

#site-title a {
	background: url(images/m_logo.png) 0 0 no-repeat;
	background-size: 180px 40px;
	width: 180px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	text-align: center;
	margin: 0 auto;
	display:block;
}

#site-description {
	background: url(images/bg_01.png)0 0 no-repeat;
	background-size:100% 30px;
	width: 100%;
	height: 30px;
	color: #fff;
	font-size: 11px;
	font-size: 1.1rem;
	color: #fff;
	width: 100%;
	text-align: center;
	font-weight: bold;
	line-height: 30px;
}

.home #site-description{
	background: transparent;
}

body .player .video-wrapper{
	background: transparent;
}

body #player, .fallback, body, html, iframe{
	background-color: transparent;
}

.video {
	position: relative;
	height: 0;
	padding: 0 0 39.375%;
	overflow: hidden;
	margin-top: 50px;
}

.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*.press {
	position: absolute;
	clear: both;
	width: 100%;
	background-color: #000;
	height: 40px;
	line-height: 40px;
	bottom: 0;
	z-index: 102;
}*/

.press {
	display: block;
	clear: both;
	width: 100%;
	background-color: #000;
	height: 40px;
	line-height: 40px;
}

.home .press h3 {
	background-color: #333;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	width: 100px;
	float: left;
	margin-right: 2em;
	text-align: center;
}
.press li {
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
	color: #fff;
}

.press li a{
	color: #fff;	
}

.press ul{
	float: left;
}

.tonews {
	float: right;
	background-color: #333;
}

.tonews a{
	color: #b3b3b3;
	display: block;
	padding: 0 20px;
}

.tonews a:hover{
	background: #b3b3b3;
	color: #000;
}

#page-header #site-title-p {
	width: 240px;
	height: 55px;
	text-align: center;
	display: block;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

#page-header #site-title-p a{
	background: url(images/logo.png) 0 0 no-repeat;
	background-size: 240px 70px;
	width: 240px;
	height: 70px;
	display: block;
	text-indent: -9999px;
}

/* =Menu
-------------------------------------------------------------- */
#access,
.access_clone,
#page-access,
.page-access_clone{
	clear: both;
	background: url(images/bg_02.png)0 0 no-repeat;
	background-size: 100% 80px;
	width: 100%; 
	display: block;
	height: 60px;
	overflow: hidden;
}

/*#access{
    position: absolute;
    width: 100%;
    z-index: 102;
    bottom: 40px;
    height: 60px;
    background: transparent;
}*/

#page-access{
	clear: both;
	background: transparent;
	width: 100%; 
	display: block;
	height: auto;
	overflow:hidden;
}

.access_clone,
.page-access_clone {
	background: #000;
}

#access ul,
.access_clone ul,
#page-access ul,
.page-access_clone ul {
	width: 100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding: 20px 0;
	text-align: center;
}

#access ul{
	padding: 0 0;
	height: 60px;
}

.access_clone ul,.page-access_clone ul{
	padding: 10px 0;
}

#access ul li,
.access_clone ul li,
#page-access ul li,
.page-access_clone ul li {
	display:inline-block;
	margin: 0 26px;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-ms-transition:0.8s;
	-o-transition:0.8s;
	transition:0.8s;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

#page-access ul li{
	height: auto;
}

#page-access ul{
	height: auto;
	padding: 0 0;
}

#access ul li:last-child,
.access_clone ul li:last-child,
#page-access ul li:last-child,
.page-access_clone ul li:last-child{
}

#access ul li a,
.access_clone ul li a,
.page-access_clone ul li a {
	text-align: center;
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
	text-decoration: none;
	line-height: 1.5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 60px;
}

#page-access ul li a{
	text-align: center;
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	color: #603813;
	text-decoration: none;
	line-height: 1.5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.access_clone ul li a,
.page-access_clone ul li a {
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	font-size: 1.6rem;
}

#access ul li span,
#page-access ul li span{
	display:block;
	font-weight:normal;
	font-size:13px;
	font-size:1.3rem;
	color:#c21a1f;
}

#access ul li a:hover,
.access_clone ul li a:hover,
#page-access ul li a:hover,
.page-access_clone ul li a:hover{
	display: block;
	color: #d0bd80;
}

.access_clone ul li a:hover,
.page-access_clone ul li a:hover{
}

#access.sticky,
#page-access.sticky {
	position:fixed;
	top:0;
	border-bottom:1px solid #eee;
	box-shadow:2px 2px 2px #ccc;
}

.access_clone,
.page-access_clone {
	position: fixed;
	top: -80px;
	height: 80px;
	width: 100%;
	z-index: 999;
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	-ms-transition: top 0.3s;
	-o-transition: top 0.3s;
	transition: top 0.3s;
	overflow: hidden;
}

.access_clone.visible,
.page-access_clone.visible {
	top:0;/* 	border-bottom:1px solid #eee;
	box-shadow:2px 2px 2px #e6e6e6;*/
}

#access a span,#page-access a span{
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	display: block;
}

/* =Content
-------------------------------------------------------------- */
#main {
	clear: both;
	overflow: hidden;
	padding: 40px 0 0 0;
	margin-bottom: 80px;
}

.home #main {
	margin-bottom: 0;
	padding: 0 0 0 0;
}

#content {
	margin-bottom: 36px;
}

#content,
#content input,
#content textarea {
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8em;
	vertical-align: middle;
}

#content .contact input{
    vertical-align: inherit;
    margin-right: 5px;
    line-height: 2.4em;
}

#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	line-height: 1.8em;
}

#content p{
	margin-bottom: 2.0em;
}

#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}

#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}

#content code {
	font-size: 13px;
}

#content dt,
#content th,
#content td {
	color: #603813;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #603813;
	line-height: 1.5em;
	margin: 0 0 20px 0;
}

#content h3{
	font-family:'Cardo', "游明朝" , "Yu Mincho" , "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 42px;
	font-size: 4.2rem;
	letter-spacing: 0.05em;	
	text-align: center;
	margin-bottom: 10px;
	color: #603813;
	text-align: center;
}

#content h3.m-title{
	font-size: 23px;
	font-size: 2.3rem;
	letter-spacing: 0.2em;
	margin-bottom: 25px;
}

#content h4.title{
	font-size: 18px;
	font-size: 1.8rem;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	padding: 10px 0;
}

#content h4.entry-title{
	margin-bottom: 20px;
	font-size: 19px;
	font-size: 1.9rem;
	border-top: 1px solid #c5a991;
	border-bottom: 1px solid #c5a991;
	border-left: 5px solid #c5a991;
	padding: 12px 0;
	padding-left: 20px;
	font-weight: bold;
	color: #603813;
}

.page-id-6 #content h4.entry-title{
	margin-bottom: 20px;
	font-size: 14px;
	font-size: 1.4rem;
	border-top: none;
	border-bottom: none;
	border-left: none;
	padding: 0 0;
	padding-left: 0;
	font-weight: normal;
	color: #603813;
}

#content h4.entry-title a{color: #603813;}
#content h4.entry-title a:hover{color: #b81c22;}

h4{
	font-size: 21px;
	font-size: 2.1rem;
	color: #603813;
}

table {
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}

tr th,
thead th {
	color: #777;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}

tr td {
	border-top: 1px solid #e6e6e6;
	padding: 6px 24px;
}

tr.odd td {
	background: #f2f7fc;
}

.hentry {
	margin: 0 0 48px 0;
}

.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}

.single .hentry {
	margin: 0 0 36px 0;
}

#content h4.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
	border-top:1px solid #c5a991;
	border-bottom: 1px solid #c5a991;
	padding: 10px 0;
}

.page-title span {
	color: #603813;
	font-size: 16px;
	font-weight: normal;
}

.page-title a:link,
.page-title a:visited {
	color: #777;
	text-decoration: none;
}

.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}

#content h3.t-title{
	color: #fff;
	line-height: 1;
	margin-bottom: 10px;
}

.home #content h3.t-title-2{
	margin-bottom: 10px;
	line-height: 1;
}

#content h3.entry-title,
h3.entry-title {
	color: #603813;
	font-size: 32px;
	font-size: 3.2rem;
	background:url(images/bg_eyecatch.png) 0 0 no-repeat;
	background-size:100% 100px; 
	width:100%;
	height:100px;
	text-align: center;
	font-family: 'Cardo';
	line-height: 100px;
	letter-spacing: 0.05em;
	margin-bottom: 0;
}

#content .entry-title{
}

.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}

.entry-title a:active,
.entry-title a:hover {
	color: #b81c22;
}

.entry-meta {
	color: #333;
	font-size: 13px;
}

.entry-meta abbr,
.entry-utility abbr {
	border: none;
}

.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}

.entry-content,
.entry-summary {
	clear: both;
	padding: 0 0 0 0;
}

.entry-content .more-link {
	white-space: nowrap;
}

#content .entry-summary p:last-child {
	margin-bottom: 12px;
}

.entry-content fieldset {
	border: 1px solid #e6e6e6;
	margin: 0 0 24px 0;
	padding: 24px;
}

.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}

.entry-content input {
	margin: 0 0 0 0;
}

.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}

.entry-content label {
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
}

.entry-content select {
	margin: 0 0 0 0;
	padding: 5px 0 9px 0;
	width: 20%;
}

.entry-content sup,
.entry-content sub {
	font-size: 10px;
}

.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}

.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}

.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	line-height: 48px;
	word-spacing: 0.5em;
}

.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #603813;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}

.home .sticky .page-link a {
	background: #d9e8f7;
}

.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}

body.page .edit-link {
	clear: both;
	display: block;
}

#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}

#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e6e6e6;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}

#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}

#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}

.entry-utility {
	clear: both;
	color: #777;
	font-size: 12px;
	line-height: 18px;
}

.entry-meta a,
.entry-utility a {
	color: #777;
}

.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}

#content .video-player {
	padding: 0;
}

.format-standard .wp-video,
.format-standard .wp-audio-shortcode,
.format-audio .wp-audio-shortcode,
.format-standard .video-player {
	margin-bottom: 24px;
}

/* =Asides
-------------------------------------------------------------- */
.home #content .format-aside p,
.home #content .category-asides p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}

.home .hentry.format-aside,
.home .hentry.category-asides {
	padding: 0;
}

.home #content .format-aside .entry-content,
.home #content .category-asides .entry-content {
	padding-top: 0;
}

/* ************************************************ 
*   mixitup
* ************************************************ */
.controls{margin-bottom: 30px; text-align: center; display: inline-block;}

button.filter{
	margin:15px 0;
	padding: 10px 18px 6px 18px;
	color: #603813;
    border: 1px solid #603813;
    background: #fff;
	text-decoration:none;
	font-size: 14px;
	font-size: 1.4rem;
	float: left;
	display: inline-block;
	height: 80px;
	line-height: 1.5em;
	margin-right: 28px;
}

button.filter:hover{
	color:#fff;
	border: 1px solid #603813;
	background: #603813;
	transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
}

button.last{
	margin-right: 0;
}

#Container{
	text-align: justify;
	font-size: 0.1px;
	-webkit-backface-visibility: hidden;
}

#Container:after{
	content:'';
	display:inline-block;
	width:100%;
}

#Container .mix,
#Container .gap{
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

#Container .mix{
	text-align: left;
	margin-bottom: 3%;
	display: none;
}

.blog #content,
.blog #primary,
.single #content,
.single #primary,
.archive #container,
.archive #primary{
	margin-top: 60px;
}

.mix img{border:1px solid #603813; width:100%; height:152px;}

.mix .date,.third .date{display:block; font-size: 13px; font-size: 13px;margin-bottom: 5px; color: #603813;}

.mix h4{font-size: 1.5rem; font-size: 15px}

/* =portfolio
-------------------------------------------------------------- */
.diary-al-single{
	border: 1px solid #603813;
	border-radius: 8px;
	padding: 8px 12px;
	display: block;
	width: 25%;
	margin: 0 auto;
}

.diary-al-single:hover{
	background: #881a1f;
	border: 1px solid #881a1f;
	color: #fff;
}

/* =Gallery listing
-------------------------------------------------------------- */
.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}

/* =Attachment pages
-------------------------------------------------------------- */
.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
	max-width: 622px; /* caption width - 10px */
}
.wp-caption p.wp-caption-text {
	color: #777;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #777;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

/* =Navigation
-------------------------------------------------------------- */
.navigation {
	color: #777;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #777;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #b81c22;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: 0 0 0 0;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e6e6e6;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: none;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #777;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #777;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #777;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type="submit"] {
	color: #603813;
}
#respond {
	border-top: 1px solid #e6e6e6;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #777;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #777;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}

/* =Widget Areas
-------------------------------------------------------------- */
.widget-area ul {
	margin-left: 0;
}

.widget-area ul ul {
}

.widget-area select {
	max-width: 100%;
}

.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}

.widget_search label {
	display: none;
}

.widget-container {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin: 0 0 32px 0;
}

#colophon .widget-container{
	margin: 0 0 10px 0;
}


.widget-container .wp-caption img {
	margin: auto;
}

.widget-title {
	color: #603813;
	font-weight: bold;
	border-top:1px solid #c5a991;
	border-bottom:1px solid #c5a991;
	padding: 10px 0;
	margin-bottom: 15px;
}

.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}

.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}

.widget-area .entry-meta {
	font-size: 11px;
}

#wp_tag_cloud div {
	line-height: 1.6em;
}

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}

#wp-calendar thead {
	font-size: 11px;
}

#wp-calendar thead th {
}

#wp-calendar tbody {
	color: #aaa;
}

#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}

#wp-calendar tbody .pad {
	background: none;
}

#wp-calendar tfoot #next {
	text-align: right;
}

.widget_rss a.rsswidget {
	color: #000;
}

.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}

.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}

#main .widget-area ul ul {
	border: none;
	padding: 0;
}

#primary {
}

#primary ul li ul li{
	margin-bottom: 10px;
	border-bottom: 1px dotted #c5a991;
	padding-bottom: 10px;
	font-size: 14px;
	font-size: 1.4rem;
}

#primary ul li ul li:last-child{
	margin-bottom: 0;
}

#secondary {
}

/* Footer widget areas */
#footer-widget-area {
}

ul#menu-f_nav{
	display: block;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 35px;
}

ul#menu-f_nav li{
	display: inline-block;
}

ul#menu-f_nav li a{
	color: #603813;
	font-size: 16px;
	font-size: 1.6rem;
	border-left: 1px solid #603813;
	padding: 0 15px;
	display: block;
	text-decoration: none;
}

ul#menu-f_nav li:last-child a{
	border-right: 1px solid #603813;
}

ul#menu-f_nav li a:hover{
	color: #d0bd80;
}

/* =Footer
-------------------------------------------------------------- */
#contact{
	background: url(images/bg_tree.png);
	background-size: 100px 100px;
	width: 100%;
	height: auto;
	display:block;
	clear: both;
	text-align: center;
}

#contact a{
	display: block;
	padding: 45px 0 50px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

#contact p{
	font-size: 17px;
	font-size: 1.7rem;
	color: #fff;
	margin-bottom: 20px;
}

#contact h4{
	color: #fff;
	border: 1px solid #fff;
	padding: 14px 0;
	font-family: 'Cardo';
	font-size: 28px;
	font-size: 2.8rem;
	width: 340px;
	border-radius: 8px;
	margin: 0 auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}

#contact a:hover h4{
	background: #d0bd80;
	border: 1px solid #d0bd80;
	transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}

.toTop {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	margin-bottom: 55px;
	margin-top: 60px;
}

#footer {
	display: block;
	clear: both;
	overflow: hidden;
}

#colophon p{
	color: #603813;
	text-align: center;
	margin-bottom: 50px;
	font-size: 14px;
}

#colophon p.add{
	margin-bottom: 5px;
}

#colophon p a{
	color: #603813;
}

#colophon span{
	color: #603813;
}

#site-info {
	width: 250px;
	height: 60px;
	display: block;
	margin: 0 auto;
	margin-bottom: 40px;
}

#site-info a {
	background:url(images/f_logo.png) 0 0 no-repeat;
	background-size: 250px 60px;
	width:250px;
	height:60px;
	display:block;
	text-indent:-9999px;
}
	
#site-generator {
	background:url(images/bg_02.png) 0 0 no-repeat;
	background-size: cover;
	width: 100%; 
	display:block;
	padding: 10px 0;
}

#site-generator ul{
	float: left;
}

#site-generator ul li{
	display: inline-block;
}

#site-generator ul li:nth-of-type(1){
	margin-right: 20px;
}

#site-generator ul li a{
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
}

#site-generator ul li a:hover{
	color: #d0bd80;
}

.copyright{
	color: #fff;
	float: right;
	font-size: 12px;
	font-size: 1.2rem;
	letter-spacing: 0.05em;
}

#map_canvas{
	width: 100%;
	height: 500px;
}

/* =Front-page
-------------------------------------------------------------- */
#philosophy{
	background:url(images/bg_philosophy.png) center center no-repeat;
	background-size: 2000px 750px;
	height: 750px;
	display:block;
	clear: both;
}

#p-philosophy{
	background:url(images/bg_philosophy2.png) center center no-repeat;
	background-size: 2000px 1450px;
	height: 1450px;
	display:block;
	clear: both;
}

.t-concept{
	padding-top: 120px;
	text-align: center;
}

#content .t-concept h3{
	font-family: 'Cardo', "游明朝" , "Yu Mincho" , "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 28px;
	font-size: 2.8rem;
	margin-bottom: 25px;
	letter-spacing: 0.05em;
}

.t-concept h3 span{
	font-family:Helvetica,'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', Arial, sans-serif;
	font-weight: bold;
}

.t-concept p{
	font-family: 'Cardo', "游明朝" , "Yu Mincho" , "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: -0.02em;
	line-height: 1.5;
}

.t-concept h3 span{
	color: #881a1f;
}

.t-concept dl{
	background: url(images/circle_c.png)0 0 no-repeat;
	background-size: 270px 270px;
	width: 270px;
	height: 270px;
	float: left;
	margin-right: 40px;
}

.t-concept dl.tcdl_3{
	margin-right: 0;
}

.tcdl{
	display: block;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	margin-left: 25px;
	font-family: 'Cardo', "游明朝" , "Yu Mincho" , "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-top: 30px;
}

dl.tcdl_1 dt,
dl.tcdl_2 dt,
dl.tcdl_3 dt{
	font-size: 38px;
	font-size: 3.8rem;
	margin-bottom: 15px;
	margin-top: 60px;
}

dl.tcdl_1 dt span,
dl.tcdl_2 dt span,
dl.tcdl_3 dt span{
	font-size: 27px;
	font-size: 2.7rem;
}

dl.tcdl_1 dd,
dl.tcdl_2 dd,
dl.tcdl_3 dd{
	letter-spacing: -0.02em;
}

#works{
	background:url(images/bg_tree.png);
	background-size: 100px 100px;
	width:100%;
	display:block;
	clear: both;
	color:#fff;
	padding: 50px 0;
}

.sec{
	clear: both;
	overflow: hidden;
}

.sec img{
	display: inline;
	vertical-align: top;
}

.thumbnail_lists{
}

.thumbnail_lists ul{
	width: 712px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 30px;
}

.thumbnail_lists li{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	display: block;
	overflow: hidden;
}

.thumbnail_lists li:nth-of-type(3n){
	margin-right: 0;
}

.thumbnail_lists li img{
}

.inside{
	background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
	height: 126px;
	left: 0;
	opacity: 1;
	position: absolute;
	top: -100%;
	transition: all 0.5s ease 0s;
	width: 100%;
	display: table;
	z-index: 2;
	text-align: center;
	padding: 0 10px;
	box-sizing: border-box;
}

.thumbnail_lists li:hover .inside{
	left: 0;
	top: 0;	
}

#content .inside p{
	color: #fff;
	font-family:Helvetica,'YuGothic';
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5;
}

.diary-al{
	margin: 0 auto;
	text-align: center;
	display: block;
	clear: both;
	width: 90px;
	height: 20px;
	background: #999;
	border-radius: 12px;
	font-size : 12px;
	line-height : 1.8;
	color : #fff !important;
	padding: 2px;
}

#what{
	width:100%;
	display:block;
	clear: both;
	color:#fff;
	padding: 50px 0;
}

#what img{
	text-align: center;
	display: block;
	margin: 0 auto;
	margin-bottom: 60px;
}	

.wecan{
	margin-bottom: 50px;
	overflow: hidden;
}

.wecan_1{
	width: 156px;
	height: 156px;
	float: left;
	margin-right: 40px;
	background: url(images/circle_01.png)0 0 no-repeat;
	background-size: cover;
	display: table;
}

.wecan_2{
	width: 156px;
	height: 156px;
	float: left;
	margin-right: 40px;
	background: url(images/circle_02.png)0 0 no-repeat;
	background-size: cover;
	display: table;
}

.wecan_3{
	width: 156px;
	height: 156px;
	float: left;
	margin-right: 40px;
	background: url(images/circle_03.png)0 0 no-repeat;
	background-size: cover;
	display: table;
}

.wecan_4{
	width: 156px;
	height: 156px;
	float: left;
	margin-right: 40px;
	background: url(images/circle_04.png)0 0 no-repeat;
	background-size: cover;
	display: table;
}

.wecan_5{
	width: 156px;
	height: 156px;
	float: left;
	margin-right: 0;
	background: url(images/circle_05.png)0 0 no-repeat;
	background-size: cover;
	display: table;
}

.we_p{
   display:table-cell;
    text-align:center;
    vertical-align:middle;
    line-height:1.4em;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    padding-top: 8px;
}

#member{
	background:url(images/bg_pt1.png);
	background-size: 200px 200px;
	width: 100%;
	display:block;
	clear: both;
	color:#fff;
	padding: 50px 0;
}

#member span{
	color:#603813;
}

#member img{
	width: 1200px;
	margin: 0 auto;
	display: block;
	margin-bottom: 30px;
}

.w_more,
.more{
	display: block;
	font-size: 21px;
	width: 224px;
	margin: 0 auto;
	text-align: center;
}

.more a{
	color: #603813;
	border: 1px solid #603813;
	padding: 10px;
	font-family: 'Cardo';
	display: block;
	border-radius: 8px;
	margin: 0 auto;
}

.w_more a{
	color:#fff;
	border: 1px solid #fff;
	padding: 10px;
	font-family: 'Cardo';
	display: block;
	border-radius: 8px;
	margin: 0 auto;
}

.w_more a:hover,
.more a:hover{
	background: #d0bd80;
	color: #fff;
	border: 1px solid #d0bd80;
}

#member .more a:hover{
	background: #603813;
	border-color: #603813;
}

span.f-title,
span.b-title{
	text-align: center;
    display: block;
    font-weight: bold;
    letter-spacing: 0.2em;
	margin-bottom: 40px;
	font-size: 15px;
	font-size: 1.5rem;
}
    
span.b-title{
	color: #603813;
}
    
#greeting{
	background:url(images/bg_tree.png);
	background-size: 100px 100px;
	width:100%;
	display:block;
	clear: both;
	color:#fff;
	padding: 50px 0;
}

#greeting h4{
	font-size: 21px;
	margin-bottom: 20px;
	color: #fff;
	font-weight: bold;
}

#greeting p{
	line-height: 2.0em;
	text-align: justify;
}

.t-message{
	float: left;
	width: 630px;
}

.g-right{
	float: right;
	margin-left: 40px;
	text-align: center;
}

.g-right dd.g-name{
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}

#company{
	background:url(images/bg_pt1.png);
	background-size: 200px 200px;
	width:100%;
	height:auto;
	display:block;
	clear: both;
	color: #603813;
	padding: 50px 0;
}

.home table{
	width: 50%;
	float: left;
	margin: 0 0;
}

.home table tr td{
	border-top:none;
}

.home table tr th{
	color: #603813;
	font-size: 15px;
	font-weight: normal;
	width: 28%;
}

/* =Thaks
-------------------------------------------------------------- */
.thanksmail{
    margin-top: 60px;
	margin-bottom: 120px;
}

#content .thanksmail h4{
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.0;
    margin-bottom: 30px;
}

#content .thanksmail p{
	margin-bottom: 60px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.thanks_mail{
	text-align: center;
	margin-bottom: 40px;
}

/* breadcrumbs
-------------------------------------------------------------- */
.bread{
	background: url(images/bg_01.png)0 0 no-repeat;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    padding: 5px 0 9px 0;
}

ul.breadcrumbs {
	float: left;
	width: 100%;
	height: 1.4em;
}

ul.breadcrumbs li {
	float: left;
	padding-right: 0.5em;
	position: relative;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
}

ul.breadcrumbs li a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-size: 1.3rem;
}

ul.breadcrumbs li:nth-child(1) a{padding-left: 1.5em;}
ul.breadcrumbs li span a {
	background: url(images/home.png) left center no-repeat;
	height: 1.4em;
	padding: 0 0.5em 0 2.0em;
	display: inline-block;
}

ul.breadcrumbs li a:hover{
	color: #d0bd80;
}

ul.breadcrumbs li:before{content:""; background: url(images/arrow_02.png) left center no-repeat; background-size:6px 11px; width: 6px; height: 11px; display: inline-block; margin-right: 0.5em;}


ul.breadcrumbs li:nth-child(1):before{content:""; background: url(images/home.png) left center no-repeat; background-size:14px 14px; width: 14px; height: 14px; display: inline-block; margin-right: 0.5em; position: absolute; top:5px;}

/* =Contact form
-------------------------------------------------------------- */
#content table.contact {}

#content table.contact .note {
    color: #b90b12;
    padding: 0 0 10px;
    text-align: right;
    margin-bottom: 10px;
}

#content table.contact{
    margin: 0 auto 10px;
	width: 100%;
}

#content table.contact tr th {
	width: 180px;
	font-size: 15px;
	font-size: 1.5rem;
	background: #f7f8f8;
	vertical-align: middle;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

#content table.contact tr td {
	font-size: 14px;
	padding: 14px;
	color: #f2f2f2;
	border-bottom: 1px solid #e6e6e6;
}

.comfirm table {
    margin: 15px 0 40px;
    width: 100%;
}
.contact select, .contact input, .contact textarea {
	padding-left: 10px;
}
.contact .inline, .comfirm .inline {
    float: left;
    padding: 0 0 10px 0;
    text-align: center;
    width: 100%;
}
.contact .inline li {
    display: inline;
    padding: 0;
}
.comfirm .inline li {
    display: inline;
    padding: 0 10px 0 0;
}
contact .inline li:last-child, .comfirm .inline li:last-child {
    padding: 0;
}
.mw_wp_form_input .btn input {
    background: #ffffff linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%) repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 #ffffff inset;
    color: #463d26;
    cursor: pointer;
    font-size: 110%;
    line-height: 1.4;
    margin: 25px 0 0;
    padding: 24px 0 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
    width: 660px;
}
.mw_wp_form_input .btn input:hover {
    background: #f6f6f6 linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%) repeat scroll 0 0;
}

.mw_wp_form_confirm .btn input {
    background: #ffffff linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%) repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 #ffffff inset;
    color: #463d26;
    cursor: pointer;
    font-size: 110%;
    line-height: 1.4;
    padding: 24px 0 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
    width: 322px;
}
.mw_wp_form_confirm .btn input:hover {
    background: #f6f6f6 linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%) repeat scroll 0 0;
}
#submitback input {
    background: #ffffff linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%) repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 #ffffff inset;
    color: #463d26;
    cursor: pointer;
    font-size: 110%;
    line-height: 1.4;
    padding: 24px 0 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
    width: 322px;
}
#submitback input:hover {
    background: #f6f6f6 linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%) repeat scroll 0 0;
}
.complete .contacts {
    background-color: #FBF5F4;
    border: 1px solid #cccccc;
    display: inline-block;
    line-height: 1.8;
    margin: 35px 0 0;
    padding: 40px 50px 38px;
    width: 558px;
}
.complete .contacts h4 {
    font-size: 120%;
    font-weight: bold;
}

.wpcf7-form-control wpcf7-radiowpcf7-list-item-label {
	width:310px;
}

.wpcf7-list-item {
    float:left;
    margin-right: 20px;
}

.confirmation .wpcf7-list-item{
    margin-right: 5px;
}

.sendBtn {
	margin:20px 0 0 0;
	text-align:center;
}

.returnTop {
	clear: both;
        width: 570px;
        padding:30px 0 20px 0;
        text-align:center;
	position:absolute;
	left:45px;
	bottom:45px;
}

/* must */
.must {
    color: #c00;
    font-size: 13px;
    font-size: 1.3rem;
}

/* before */
.sent .formInner {
    display: none;
}

/* after */
.complete-display{
    display: none;
}

.sent .complete-display{
    display: block;
}

div.wpcf7-response-output {
    margin: 0;
    background: #881a1f;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    border-radius: 8px;
    line-height: 45px;
}

wpcf7-response-output wpcf7-display-none wpcf7-mail-sent-ok{
    display: none;
}
/* error */
.wpcf7-not-valid-tip-no-ajax{
    width:100%;
    float:left;
    color: #b90b12;
    padding:7px 0 0 0;
}

.wpcf7-validation-errors{
    color: #cb5520;
    font-weight:700;
    font-size:110%;
    margin :20px auto;
    text-align:center;
}

.wpcf7 span.wpcf7-not-valid-tip {
	width:310px;
    display: block;
	color: #881a1f;
}

.wpcf7 .wpcf7-not-valid {
	background: #f1efea;
}

.sendBtn input {
    background: #ffffff linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%) repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 #ffffff inset;
    color: #463d26;
    cursor: pointer;
    font-size: 110%;
    line-height: 1.4;
    margin: 15px 0 0;
    padding: 24px 0 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
    width: 100%;
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.sendBtn input:hover {
    background: #f6f6f6 linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%) repeat scroll 0 0;
    transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    -webkit-transition:0.3s ease-in-out;
    -ms-transition:0.3s ease-in-out;
    -o-transition:0.3s ease-in-out;
}

.screen-reader-response li{
	color: #b90b12;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 5px 0;
	margin: 10px 0;
}

input[type="radio"]{
	margin-top: -5px;
}

.page-id-13 #main,
.page-id-13 .hentry{
	margin-bottom: 0;
}

.page-id-13 #contact{
	display: none;
}

/* =page
-------------------------------------------------------------- */

/* =Philosophy
-------------------------------------------------------------- */
.philosophy{
	background:url(images/bg_philosophy2.png) center center no-repeat;
	background-size: 2000px 1450px;
	height: 1450px;
	display:block;
	clear: both;
}

.p-concept{
	text-align: center;
}

.p-concept img{
	margin-top: 40px;
	text-align: center;
}

/* =company
-------------------------------------------------------------- */
.company{
	margin-top: 60px;
}

.company h3{
}

.company h4 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
}

.company table{
	width: 50%;
	float: left;
	margin: 0 0;
	margin-bottom: 50px;
}

.company table tr td{
	border-top:none;
}

.company table tr th{
	color:#603813;
	font-size: 15px;
	font-weight: normal;
	width: 28%;	
}

.p-greeting{
	border-top: 1px solid #603813;
	border-bottom: 1px solid #603813; 
	padding-top: 50px;
	padding-bottom: 10px; 
}

/* =works
-------------------------------------------------------------- */
#p-works{margin-top: 60px;}

#p-works dl{
	float: left;
}

/* =member
-------------------------------------------------------------- */
.member{
	margin-top: 60px;
}

.member{
	text-align: center;
}

.member img{
	margin: 0 auto;
}

/* =contact
-------------------------------------------------------------- */
.contact{
	margin-top: 60px;
}

.confirmation {
    color: #c00;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 30px;
}

/* =what
-------------------------------------------------------------- */
.w-box-1,
.w-box-2{
	width: calc((99.9999% - 60px) / 3);
	width: -webkit-calc((99.9999% - 60px) / 3);
	margin-right:30px;
	display: block;
	float: left;
	text-align: center;
	border: 1px solid #603813;
	box-sizing: border-box;
	height: 235px;
}

.w-box-3,
.w-box-4{
	width: calc((99.9999% - 60px) / 3);
	width: -webkit-calc((99.9999% - 60px) / 3);
	margin-right:30px;
	display: block;
	float: left;
	text-align: center;
	border: 1px solid #603813;
	box-sizing: border-box;
	height: 164px;
}

.w-box-2,
.w-box-4{
	margin-right: 0;
}

#content h3.p-title{
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 40px;
	font-weight: bold;
	font-family:Helvetica,'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', Arial, sans-serif;
}

.collage{
	margin-top: 40px;
	margin-bottom: 40px;
}

#content h4.w-title{
	background: url(images/what_bg_01.png) 0 0 no-repeat;
	background-size: cover;
	width: 100%;
	padding: 12px 0;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.7rem;
	text-align: center;
	margin: 0 0 20px 0;
}

.w-1,
.w-2{
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 20px;
}

.w-lbox,.w-rbox{
	width: 42%;
	display: block;
	float: left;
	background: url(images/bg_pt1.png) ;
	background-size: 100px 100px;
	padding: 24px;
	height: 535px;
}

.w-rbox{
	float: right;
}

.page-id-15 #content dt{
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 1.5;
}

.page-id-15 #content dd{
	margin-bottom: 10px;
}

/* =
-------------------------------------------------------------- */
.single-image-list-big{
	margin-bottom: 20px;
}

.portname{
	margin-bottom: 20px;
	font-size: 15px;
	font-size: 1.5rem;}

.portsub{margin-bottom: 40px;}

/* =policy
-------------------------------------------------------------- */
#privacy,
#sitepolicy{
	margin-top: 60px;
}

#privacy ul,
#sitepolicy ul{
	margin-bottom: 2em;
}

/* News &  single
-------------------------------------------------------------- */
.index-box{
	margin-bottom: 80px;
}

.index-box ul{
	display: block;
	margin-bottom: 40px;
}

.blog-title{
	margin-bottom: 20px;
	font-size: 19px;
	font-size: 1.9rem;
	border-top: 1px solid #c5a991;
	border-bottom: 1px solid #c5a991;
	border-left: 5px solid #c5a991;
	padding: 12px 0;
	padding-left: 20px;
}

.blog-title a{
	color: #603813;
	font-weight: bold;
}

.blog-title a:hover{
	color: #b81c22;
}

span.news-more a{
	color: #b81c22;
}

.date{
	margin-bottom: 10px;
}

.date-single{
	margin-bottom: 30px;
}

.archive .date-single{
	margin-bottom: 10px;
}

/*pager
----------------------------*/
.wp-pagenavi{
	display: block;
	clear: both;
	text-align: center;
}

.page-numbers{
	background: #f0e9e3;
	padding: 6px 10px;
	margin: 0 5px;

}

.next{
	background: none;
}

.wp-pagenavi a:hover{
	background: #603813;
	color: #fff;
}

/* =short cords
-------------------------------------------------------------- */
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}

#entry-author-info #author-avatar{display: none;}
#entry-author-info #author-description{float: none; margin: 0 0 0 0;}