@charset "UTF-8";


/*
Theme Name: Sakan
Theme URI: http://sakan.tradeworks.jp
Description: 2014年「Bella Muro」
Author: the AXROS team
Author URI: http://www.adworks24.co.jp
Version: 0.9
*/



/******************/
/*
Version.2014-08-16
1. Base （CSS リセット）
	css reset & normalize
	html5 format
	font
	html tags (a, hr, img, table, etc...)
	Shortcodes
	WordPress Codes （WordPress が吐き出す固有のタグ）

2. Layout （大まかなレイアウト - width, height, margin, padding, etc...）
	#load, #wrap, #header, #footer, #navi, #slider, #main, #sidebar, #content, #comments, etc...
	.inner, .article .section, etc...

3. Template （上記、各ブロック要素レイアウトの詳細）
	#load
	#header (header.php)
	#footer (footer.php)
	#navi
	#slider
	#main
	#home
	#content
	#sidebar
	#comments
	#noscript

4. Contents （各固定ページ、各投稿ページの詳細なデザイン）
	.article
	- home.php (home.php, front-page.php)
	- archive.php (index.php, category.php, archive.php, tag.php, etc...)
	- single.php
	- page.php
	- 404.php

5. Other Templates
	Comments （comments.php）
	Sidebar (sidebar.php)

5. Materials
	#breadcrumbs
	.navigation
	.wp-pagenavi

8. Plugins （WordPress や jQuery のプラグイン対応）
	.masonry
	.wpcf7 (contact form 7)
	.facebook
	etc...

9. Media Query
	@media screen and (max-width:000px){}
*/


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

/*
接頭語
h- #header
f- #footer
s- #sidebar
n- #navi
m- #main, #home
c- #comments
*/

/******************/
/******************/
/* 0. 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;
font:inherit;
font-style:normal;
font-weight:lighter;
list-style:none;
text-decoration:none;
}

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

body {
color:#333;
font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'MS PGothic', 'ＭＳ Ｐゴシック', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
font-weight:lighter;
font-size:10px;
font-size:1.0rem;
width:100%;
height:100%;
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%;
}
body.home.page,
body.archive,
body.category {background:#ccc url(images/bg.png);}
body.page {background:#fff; background-image:none;}

/******************/
/* html5 format ***/

article,
aside,
dialog,
figure,
footer,
header,
main,
menu,
nav,
section {display:block;}

audio,
canvas,
video {
display:inline-block;
max-width:100%;
}

/******************/
/* Fonts **********/

@font-face{/* for IE */
font-family:'utsukushi';
src:url(fonts/Utsukushi.eot)}
@font-face{/* other */
font-family:'utsukushi';
src:url('fonts/Utsukushi.woff') format('woff')}

/******************/
/* html tags ******/

a,
a:link,
a:visited,
a:hover,
a:active {
color:#000;
text-decoration:none;
	-webkit-transition:0.3s ease-in-out;
	-ms-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;
}

a:hover {color:#999;}

b,
i,
em,
cite,
strong {}

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

hr {margin:30px 0; border:0; border-top:1px solid #ccc; border-bottom:1px solid #fafafa; height:0;}

mark {background:transparent;}
ins {}

del {}

ruby {}
rt {font-size:0.5em;}

table {
border-collapse:collapse;
border-spacing:0;
background-color:#fff;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
text-align:left;
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;
margin-bottom:30px;
}

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

table th,
table td {padding:10px;}

table th {vertical-align:top;}

table caption {
background-color:#e8e8e8;
text-align:left;
font-size:1.5px;
font-size:1.5rem;
margin-bottom:0;
padding:10px;
}

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

.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 {zoom:1;}
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.hide,
.none {display:none;}
.indent-1 {padding-left:1em; text-indent:-1em;}
.left,
.float-left {float:left;}
.right,
.float-right {float:right;}
.nowrap {white-space:nowrap;}
.small {font-size:0.8em;}

img.left,
img.alignleft,
img.align-left  {margin:0 30px 30px 0; float:left;}
img.right,
img.alignright,
img.align-right {margin:0 0 30px 30px; float:right;}

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

.table {display:table; table-layout:fixed; width:100%;}
.table .cell {display:table-cell;}
.table .cell {padding:0 10px;}
.table .cell:first-child {padding-left:0;}
.table .cell:last-child {padding-right:0;}

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

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

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

img.size-full,
img.size-large {width:100%; height:auto;}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}

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


/******************/
/******************/
/* 1. layout ******/

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

#wrap {
width:auto;
text-align:center;
font-size:13px;
font-size:1.3rem;
min-width:992px;
}

.inner {
clear:both;
display:block;
max-width:100%;
min-width:992px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
margin:0 auto;
padding:0 4px;
position:relative;
width:100%;
text-align:left;
line-height:1.5;
}

.page .inner,
.single .inner {width:992px;}

#masonry {width:100%; height:auto; margin:0 auto 50px auto; padding:0; text-align:center; position:relative;}
.item {margin:0 4px 8px 4px; display:inline-block; background:#fff; width:240px; height:480px; overflow:hidden; float:left; text-align:left; position:relative;}

#t-header {
width:240px;
height:480px;
}

#header {padding-top:30px;}

#slider {width:736px; height:480px;}

#main {}

#content {float:left; width:700px;}
#sidebar {width:240px; float:right;}

.section {text-align:left;}
.article {text-align:left;}

#noscript {
width:100%;
height:100%;
background-color:rgba(255,255,255,0.8);
position:fixed;
top:0;
left:0;
z-index:999;
}

/******************/
/* clearfix *******/

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

/******************/
/******************/
/* 2. header ******/

.site-description {min-width:600px; width:100%; margin:0 auto; text-align:center;}
h1 {margin:5px 0 0 0; padding:0; font-size:12px; font-size:1.2rem; line-height:50px;}

#t-header {padding:20px;}
#t-header h2 {width:200px; height:100px; overflow:hidden; margin:20px 0 60px 0;}
#t-header h2 a {
background:url(images/logo.png) 0 0 no-repeat;
	-webkit-background-size:200px 100px;
	-moz-background-size:200px 100px;
	-ms-background-size:200px 100px;
	-o-background-size:200px 100px;
	background-size:200px 100px;
display:block;
padding:120px 0 0 0;
}

#header {}

#logo {margin:0 auto 20px auto;}


#logo h2 {
font-size:1.5em;
font-size:15px;
height:20px;
line-height:20px;
white-space:nowrap;
}

#header h2 {width:200px; height:100px; overflow:hidden; margin:0 auto;}
#header h2 a {
background:url(images/logo.png) 0 0 no-repeat;
	-webkit-background-size:200px 100px;
	-moz-background-size:200px 100px;
	-ms-background-size:200px 100px;
	-o-background-size:200px 100px;
	background-size:200px 100px;
display:block;
padding:120px 0 0 0;
}

#logo a {color:#000;}
#logo a:hover {
	-webkit-transition:0;
	-ms-transition:0;
	-ms-transition:0;
	-o-transition:0;
	transition:0;
}

#logo:hover {
opacity:0.6;
filter:alpha(opacity=60);
}

/******************/
/* util ***********/

#util {
margin:0;
padding:0;
width:200px;
height:50px;
background-color:#fff;
float:right;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
border:3px solid #333;
padding:0 10px;
margin-top:15px;
overflow:hidden;
}

#util input[type=search] {
width:280px;
height:44px;
line-height:45px;
background:transparent;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
font-size:15px;
font-size:1.5rem;
	-webkit-appearance:textfield;
	-moz-appearance:textfield; /* 非対応 */
	-ms-appearance:textfield; /* 非対応 */
	-o-appearance:textfield; /* 非対応 */
	appearance:textfield; /* 非対応 */
}

#util input[type="search"]:focus {outline:0;}
#util input[type="search"]::-webkit-search-decoration {display:none;}


/******************/
/******************/
/* 3. footer ******/

#footer {background:#eee; border-top:1px solid #ccc; padding:0 0 20px 0;}

#colophon {float:right; width:210px; text-align:center; padding-top:30px; margin-bottom:10px;}
#colophon h2 {font-size:20px; font-size:2.0rem; margin-bottom:5px; width:206px; height:50px; overflow:hidden;}
#colophon h2 a {background:url(images/logo-tradeworks.png) 0 0 no-repeat; padding:60px 0 0 0; display:block;}
#colophon p {display:none;}

#footer a {color:#333;}

#copy {clear:both; text-align:center; background:#666; height:30px;}
#copy a {color:#fff;}
#copy small {font-size:11px; font-size:1.1rem; color:#fff; line-height:30px;}

/******************/
/******************/
/* widget *********/

#f-widget {width:992px; float:left; display:table; table-layout:fixed; position:relative; clear:both; padding:20px 0; margin:0 0 20px 0; line-height:1.8; text-align:left;}
#f-widget .module {margin:0; display:table-cell; width:auto; border-right:1px solid #ccc; box-shadow:1px 0 0 #fff;}
#f-widget h3 {font-size:13px; font-size:1.3rem; font-weight:bold; margin:0 0 20px 0; padding: 0 0 0 20px;}
#f-widget ul {text-align:left; margin:0; padding:0 0 0 20px;}
#f-widget ul li {padding:0; margin:0;}
#f-widget a {color:#333; display:block;}

/******************/
/******************/
/* 4. navi ********/

#t-navi {line-height:1; padding:0 0 0 20px; font-family:"TsukuMinPr6-R","FOT-筑紫明朝 Pr6 R";}
#t-navi ul {margin:0 0 40px 0;}
#t-navi ul li {font-size:16px; font-size:1.6rem; margin:0 0 20px 0;}
#t-navi ul li:last-child {margin-bottom:0;}
#t-navi ul li a {
	-webkit-background-size:12px 12px;
	-moz-background-size:12px 12px;
	-ms-background-size:12px 12px;
	-o-background-size:12px 12px;
	background-size:12px 12px;
background-repeat:no-repeat;
background-position:left center;
padding:0 0 0 20px;
}
#t-navi ul li:nth-child(1) a {background-image:url(images/navi-blue.png);}
#t-navi ul li:nth-child(2) a {background-image:url(images/navi-green.png);}
#t-navi ul li:nth-child(3) a {background-image:url(images/navi-orange.png);}
#t-navi ul li:nth-child(4) a {background-image:url(images/navi-pink.png);}
#t-navi ul li:nth-child(5) a {background-image:url(images/navi-purple.png);}

#t-navi-02 {font-family:"TsukuMinPr6-R","FOT-筑紫明朝 Pr6 R";}
#t-navi-02 ul {padding:0 0 0 20px;}
#t-navi-02 ul li {font-size:16px; font-size:1.6rem; margin:0 0 10px 0;}


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

#h-navi {line-height:1; margin:0 0 30px 0;}
#h-navi ul {height:50px; line-height:50px; clear:both; overflow:hidden; width:100%; display:table; border-left:1px solid #ccc;}
#h-navi ul li {display:table-cell; border-right:1px solid #ccc; text-align:center;}

#h-navi ul li a {
color:#1a1a1a;
display:block;
text-align:center;
font-size:13px;
font-size:1.3rem;
overflow:hidden;
}
#h-navi ul li a:hover {}

#h-navi .navi-toggle {display:none;}

/******************/
/******************/
/* slider *********/


#sa-title {width:150px; height:70px; margin:7px 0; float:left; border-right:1px solid #ccc; text-align:center;}
#sa-text {float:right; width:540px; margin:7px 20px 0 0;}
#sa-text ul li {border-bottom:1px dotted #ccc; line-height:30px;}

#sa-title h3 {line-height:40px;}


/******************/
/* sidebar ********/

#sidebar {margin:0 0 30px 0;}
#sidebar .item {height:auto;}
#sidebar #t-side-02 ul {position:relative; bottom:0;}
#sidebar #t-side-03 p {margin:0 0 10px 0;}
#sidebar #t-side-03 p.copy {position:relative; bottom:0;}
#sidebar ul {position:relative;}


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

.article {/*
background-color:#fff;
padding:20px 20px 0.1em;
padding-left:-webkit-calc(30px + 1.5em);*/
margin-bottom:30px;
font:inherit;
font-size:14px;
font-size:1.4rem;
line-height:1.75;
}

.article a {color:#999;}
.article a:hover {color:#1a1a1a;}

.article h3,
.article h4,
.article h5,
.article h6 {font-family:"TsukuMinPr6-R","FOT-筑紫明朝 Pr6 R", serif;}

.article h3 {font-size:32px; font-size:3.2rem;}
.article h4 {font-size:27px; font-size:2.7rem; color:#0071bc; margin:0 0 20px 0;}
.article h5 {font-size:1.2em;}
.article h6 {font-size:1.1em;}

.article p {
font-size:13px;
font-size:1.3rem;
margin-bottom:30px;
}

.article ul,
.article ol {margin-bottom:30px; padding-left:1em;}
.article ul li,
.article ol li {margin-bottom:5px;}
.article ul li:last-child,
.article ol li:last-child {margin-bottom:0;}

.article ul li:before {content:">"; margin-right:10px;}

.article ol {counter-reset:li;}
.article ol li {padding-left:2em; text-indent:-2em;}
.article ol li:before {
content:counter(li) ".";
counter-increment:li;
margin-right:20px;
color:#0071bc;
font-size:1.2em;
}

.article dl {margin-bottom:30px; margin-left:2em;}
.article dl dt {margin-bottom:5px; font-weight:bold; position:relative;}
.article dl dd {margin-bottom:20px; margin-left:1em;}
.article dl dd:last-child {margin-bottom:0;}

.article blockquote {
padding:0 0 0.1em 30px;
margin-left:1em;
margin-bottom:30px;
border-left:3px solid #333;
}

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


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

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

.entry-meta {padding:0; margin:0; font-size:0.6em; color:#0071bc; font-size:20px; font-size:2.0rem; font-family:'Adobe Caslon Pro';}
.entry-title {margin:0 0 30px 0; padding:0;}
.entry-content {overflow:hidden;}

/******************/
/******************/
/* home.php *******/

#t-side-01 {text-align:center; padding:25px 0 0 0; line-height:1;}
#t-side-01 h3,
#t-side-01 p {margin: 0 0 10px 0;}

#t-side-02 {padding:15px; color:#666; text-align:center; line-height:1.75; font-size:12px; font-size:1.2rem;}
#t-side-02 .ts-module {background:#e6e6e6; width:100%; height:100%; padding:25px 10px 10px 10px; position:relative;}
#t-side-02 h3 {font-size:13px; font-size:1.3rem; margin:0 0 10px 0;}
#t-side-02 p {margin:0 0 15px 0;}
#t-side-02 p a {padding:15px; display:block; background:#fff; margin:10px 0 0 0; text-align:left;}
#t-side-02 ul {position:absolute; bottom:10px; width:100%; text-align:left;}
#t-side-02 ul li {margin:0 0 10px 0; display:block; width:190px;}
#t-side-02 ul li:last-child {margin:0;}
#t-side-02 ul li a {background:#fff; padding:15px; display:block;}

#t-side-03 {font-size:13px; font-size:1.3rem; line-height:1.8; position:relative;}
#t-side-03 h3 {text-align:center; background:#333; height:40px; line-height:41px; font-size:19px; font-size:1.9rem; margin:0 0 20px 0; color:#fff;}
#t-side-03 p {margin:0 15px;}
#t-side-03 p.copy {text-align:center; position:absolute; bottom:15px;}
#t-side-03 p.copy span {height:30px; border:1px solid #ccc; line-height:30px; display:block; margin:0 0 5px 0;}
#t-side-03 smal {text-align:center;}

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



#google-maps {
height:380px;
margin-bottom:0;
background-color:#333;
}
/******************/
/******************/
/* archive.php ****/

#archive {
border-top:1px solid #ccc;
padding-top:20px;
margin-bottom:30px;
}

#archive ul li {
display:inline-block;
margin-bottom:20px;
clear:both;
}

#archive ul li:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
#archive ul li:last-child {margin-bottom:0;}
#archive ul li span {display:block;}
#archive span {margin-left:120px;}

.t-archive {padding:15px; overflow:hidden; line-height:1.8;}

.ribbon {
position:absolute; top:0; left:0; width:90px; height:90px; background-position:0 0; background-repeat:no-repeat;
	-webkit-background-size:90px 90px;
	-moz-background-size:90px 90px;
	-ms-background-size:90px 90px;
	-o-background-size:90px 90px;
	background-size:90px 90px;
}
.ribbon-o .ribbon {background-image:url(images/ribbon-orange.png);}
.ribbon-p .ribbon {background-image:url(images/ribbon-pink.png);}
.ribbon-c .ribbon {background-image:url(images/ribbon-brown.png);}
.ribbon-g .ribbon {background-image:url(images/ribbon-green.png);}
.ribbon-b .ribbon {background-image:url(images/ribbon-blue.png);}

.ribbon-o .archive-meta {color:#ff931e;}
.ribbon-p .archive-meta {color:#ff7bac;}
.ribbon-c .archive-meta {color:#534741;}
.ribbon-g .archive-meta {color:#7ac943;}
.ribbon-b .archive-meta {color:#004097;}

.archive-thumbnail {
display:block;
width:210px;
height:210px;
margin:0 0 10px 0;
}
.archive-thumbnail img {border:1px solid #ccc; width:100%; height:auto;}
.archive-title {
font-size:16px;
font-size:1.6rem;
margin-bottom:5px;
overflow:hidden;
}
.archive-meta {font-style:italic; font-family:serif;}
.archive-text {overflow:hidden; margin-bottom:20px;}
.archive-more {position:absolute; width:100%; height:40px; bottom:0; left:0; border-top:1px solid #ccc; background:#fff;}
.archive-more a {text-align:center; line-height:40px; display:block;}
.archive-more a:hover {}


/******************/
/******************/
/* single.php *****/

/* #post-ID {} example */

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

/* #mission {} example */
/* #profile {} example */
/* #service {} example */
/* #support {} example */
/* #company {} example */
/* #contact {} example */
/* #recruit {} example */
/* #privacy {} example */
/* #faq {} example */
/* #legal {} example */
/* #sitemap {} example */


/******************/
/******************/
/* 404.php *******/

/* #404 {} example */


/******************/
/******************/
/* comments *******/

#pagetop {width:80px; height:80px; margin:0 auto; margin-top:-60px; overflow:hidden; position:relative;}
#pagetop a {
display:block;
padding-top:90px;
background-color:#333;
	-webkit-border-radius:80px;
	-moz-border-radius:80px;
	-ms-border-radius:80px;
	-o-border-radius:80px;
	border-radius:80px;
color:#fff;
position:relative;
}

#pagetop a:before {
content:"▲";
top:15px;
width:100%;
text-align:center;
position:absolute;
}

/******************/
/******************/
/* materials ******/


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

#breadcrumbs {clear:both; display:block; width:100%; margin-bottom:20px; height:40px; line-height:40px; padding:0; line-height:1.5; border-bottom:1px solid #ccc;}
#breadcrumbs:after {content:""; height:0; clear:both; display:block; border-bottom:1px solid #fff;}
#breadcrumbs ul {line-height:40px;}
#breadcrumbs li {float:left; font-size:12px; font-size:1.2rem;}
#breadcrumbs li:after {content:"\00BB"; margin:0 10px;}
#breadcrumbs li:first-child:before {content:"\25a0"; margin-right:5px; color:#333;}
#breadcrumbs li:last-child:after {content:"";}
#breadcrumbs li a {color:#333;}
#breadcrumbs li a:hover {color:#999;}


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

.navigation {margin-bottom:50px;}
.navigation:after {content:""; clear:both; display:block; height:0; visibility:hidden;}

.navigation span {background-repeat: no-repeat}

.navigation span.pn-prev {
float:left;
padding:0;
background-position:center left;
}

.navigation span.pn-next {
float:right;
padding:0;
background-position:center right;
}

.navigation span.pn-prev:before {content:"<"; margin-right:10px;}
.navigation span.pn-next:after {content:">"; margin-left:10px;}

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

.wp-pagenavi {
text-align:center;
margin-bottom:60px;
font-size:13px;
font-size:1.3rem;
clear:both;
display:block;
}

.wp-pagenavi a.page {width:auto; float:none;}

.wp-pagenavi .pages {display:none;}

.wp-pagenavi a {
padding:8px 15px;
margin:5px;
background-color:#ccc;
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;
}

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

.wp-pagenavi a:active {}

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

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


/******************/
/******************/
/* plugins ********/


#jquery-tabs {margin-top:30px;}

#jquery-tabs ul {margin-bottom:20px; background-color:#ccc; padding:20px 10px 5px;}
#jquery-tabs ul li {display: inline; padding:0 10px;}

#jquery-tabs ul li a {border-bottom:1px solid #fff; background-color:#ccc; height:20px; padding:10px 10px 5px;}

#jquery-tabs ul li a:hover {background-color:#eee;}

#jquery-tabs ul li.ui-tabs-active a {background-color:#fff; color:#333;}

#jquery-tabs h4 {font-weight:bold;}

.tab-box {padding:20px;}


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

.fieldset {margin-bottom:30px; padding:5px; border:1px solid #ededed;}
.wpcf7{}

.screen-reader-response {display:none;}

.wpcf7-mail-sent-ok {
border:1px solid #0aa;
color:#0aa;
display:block;
font-size:1.35em;
padding:10px;
margin-bottom:40px;
}

.wpcf7-validation-errors {
border:1px solid #f67;
color:#f67;
text-align:center;
font-size:1.5em;
padding:5px;
margin-bottom:20px;
}

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

.wpcf7 p span {color:#333;}
.wpcf7 span.wpcf7-not-valid-tip-no-ajax {display:none;}
.wpcf7 td span.wpcf7-not-valid-tip-no-ajax {color:#f67; display:block; padding-top:5px;}

input[type=address],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
textarea {
background:#fff;
color:#500;
padding:3px;
line-height:25px;
font-size:1.0em;
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;
}

input:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=number]:focus,
textarea:focus {
	background:#fff;
}

input:-moz-placeholder {color:#aaa;}
input::-webkit-input-placeholder {color:#aaa;}

:-moz-placeholder {color:#aaa;}
::-webkit-input-placeholder {color:#aaa;}

textarea {
padding-left:3px;
width:98%;
height:180px;
margin:0;
}


.wpcf7 input[type=submit] {
background-color:#000;
display:inline-block;
padding:5px 20px;
background-position:0 0;
color:#fff;
height:40px;
cursor:pointer;
display:block;
margin-bottom:40px;
}

.wpcf7 input[type=submit]:hover {
background-color:#333;
background-position:0 -50px;
color:#fff;
}

.wpcf7 .sent .form-inner {
display:none;
}


/******************/
/* facebook *******/



/******************/
/* twitter ********/


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

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

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