@charset "utf-8";

/**************************************************
Sub Page Only
**************************************************/

/* 【content】 --------------- */

.subpage #wrap {
padding-bottom:50px;
}

#main {
width:840px;
text-align:left;
float:right;
}

#main h1.title,
#main h2.title {
width:100%;
margin-bottom:50px;
text-align:center;
font-size:30px;
position:relative;
}

#main h1.title:before,
#main h2.title:before {
width:100%;
position:absolute;
top:50%;
left:0;
content:"";
}

#main h1.title span,
#main h2.title span {
display:inline-block;
padding:0 20px;
position:relative;
}

#main-single h1.title {
font-size:18px;
}

.content {
width:100%;
float:left;
}

/************** archive category search **************/

.archive-description {
width:100%;
margin-bottom:50px;
float:left;
}

#main-archive {
float:left;
}

#main-archive .content-in {
width:100%;
margin-bottom:50px;
float:left;
}

#main-archive h2.post-title {
width:100%;
margin-bottom:10px;
float:left;
}

.content-left {
width:30%;
float:left;
position:relative;
text-align:center;
overflow:hidden;
}

.content-right {
width:70%;
float:right;
}

.content-right-in {
width:96%;
float:right;
}

.archive-date {
width:100%;
padding-top:15px;
float:left;
}

.archive-cat {
width:50%;
text-align:left;
font-size:12px;
float:left;
}

.postdate {
width:50%;
text-align:right;
font-size:12px;
float:right;
}

.content-hover {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:5;
}

.content-hover a {
width:100%;
height:100%;
float:left;
box-sizing:border-box;
}

.content-hover a span {
width:40px;
height:40px;
line-height:40px;
border:2px solid #fff;
color:#fff;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
position:absolute;
top:0;
left:0;
}

.content-hover a span:before {
font-size:40px;
font-family:"dashicons";
content:"\f347";
vertical-align:middle!important;
}

.pagenavi {
width:100%;
padding-bottom:20px;
float:left;
}

.pagenavi .page-numb {
text-align:left;
}

.pagenavi span.current {
font-weight:bold;
}

.pagenavi .page-numbers {
height:22px;
margin-right:5px;
padding:4px 8px;
text-align:center;
float:left;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

.search-error {
width:100%;
text-align:center;
flot:left;
}

.search-error h2 {
font-weight:bold;
font-size:50px;
color:#d1d1d1;
}

.tag-nav {
width:100%;
margin-bottom:10px;
float:left;
}

.navidate {
margin-bottom:10px;
text-align:right;
float:right;
}

.posttags {
height:auto;
font-size:11px;
float:left;
}

.posttags p {
margin-left:5px;
padding:0 5px 0 3px;
display:inline-block;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
transition:0.6s;
-webkit-transition:0.6s;
-moz-transition:0.6s;
-o-transition:0.6s;
-ms-transition:0.6s;
}

.posttags p span {
display:inline-block;
}

.posttags p a:before {
margin-right:3px;
font-family:"dashicons";
content:"\f323";
vertical-align:middle!important;
}

.posttags a {
padding:0 0 0 2px;
float:left;
}

/************** archive category search **************/

/************** page single **************/

#main-page,
#main-single {
width:100%;
float:left;
}

#ps-content {
width:auto;
margin:0 auto;
padding-bottom:20px;
}

#ps-content p {
margin:13px 0;
}

#ps-content h1,
#ps-content h2,
#ps-content h3,
#ps-content h4,
#ps-content h5,
#ps-content h6,
#ps-content strong,
#ps-content em {
font-weight:bold;
}

#txsingle-thumbnail {
width:100%;
height:auto;
padding-bottom:10px;
text-align:center;
float:left;
}

#txsingle-thumbnail img {
width:auto;
height:auto;
max-width:100%;
}

#ps-content img.alignnone,
#ps-content img.alignleft,
#ps-content img.aligncenter,
#ps-content img.alignright {
width:auto;
height:auto;
max-width:100%;
}

.alignleft {
display:inline;
float:left;
}

.alignright {
display:inline;
float:right;
}

.aligncenter {
display:block;
margin-right:auto;
margin-left:auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin:0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin:0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear:both;
margin-top:0.4em;
margin-bottom:1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom:1.2em;
}

#navidate-single {
width:100%;
margin-bottom:10px;
text-align:right;
float:left;
}

#posttags-single {
width:100%;
height:auto;
margin-bottom:15px;
font-size:11px;
float:left;
}
#posttags-single p {
margin-right:5px;
padding:0 5px 0 3px;
display:inline-block;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
transition:0.6s;
-webkit-transition:0.6s;
-moz-transition:0.6s;
-o-transition:0.6s;
-ms-transition:0.6s;
}

#posttags-single p span {
display:inline-block;
}

#posttags-single p a:before {
margin-right:3px;
font-family:"dashicons";
content:"\f323";
vertical-align:middle!important;
}

#posttags-single a {
padding:0 0 0 2px;
float:left;
}

#navi-out {
width:100%;
margin:50px 0;
text-align:center;
float:left;
}

#navinext {
width:50%;
text-align:left;
float:left;
}

#previous {
width:50%;
text-align:right;
float:right;
}

#navinext a,
#previous a {
width:92%;
padding:10px;
text-align:left;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-sizing:border-box;
}

#navinext a {
float:left;
}

#previous a {
float:right;
}

#single-author {
width:100%;
text-align:right;
float:left;
}

/************** page single **************/


/************** comment **************/

#comment-title {
width:100%;
margin-bottom:30px;
text-align:left;
font-size:16px;
float:left;
box-sizing:border-box;
display:table;
}

#comment-title p {
padding:8px 0 8px 8px;
float:left;
display:table-cell;
}

.comment-box {
width:100%;
margin-bottom:50px;
border-bottom:1px solid #e5e5e5;
float:left;
}

p.form-allowed-tags {
width:100%;
margin:10px 0;
float:left;
}

ul.commentlist {
width:100%;
padding-bottom:15px;
float:left;
}

ul.commentlist li {
width:100%;
margin:0 0 30px;
float:left;
}

ul.commentlist ul.children li {
width:92%;
margin:10px 0 0;
float:right;
}

ul.commentlist ul.children li p {
width:100%;
padding:15px;
box-sizing:border-box;
float:right;
}

ul.commentlist p {
width:100%;
padding:15px;
box-sizing:border-box;
}

.comment-metadata {
line-height:32px;
text-align:right;
}

.comment-content {
width:100%;
margin-top:10px;
float:left;
}

.comment-awaiting-moderation {
padding:10px 0!important;
background:none!important;
border:none!important;
color:red;
}

.comment-author {
line-height:32px;
float:left;
}

.comment-author img {
margin-right:10px;
float:left;
}

.reply {
width:100%;
margin-top:10px;
text-align:right;
float:left;
}

#respond {
width:100%;
margin:0 auto;
padding-bottom:15px;
}

#respond p.logged-in-as,
#respond p.comment-notes {
margin-bottom:30px;
}

#respond p.comment-form-author,
#respond p.comment-form-email,
#respond p.comment-form-url,
#respond p.comment-form-comment {
width:100%;
margin-bottom:15px;
float:left;
}

#respond p.comment-form-author label,
#respond p.comment-form-email label,
#respond p.comment-form-url label,
#respond p.comment-form-comment label {
width:30%;
padding:10px 5px;
font-weight:bold;
float:left;
}

#respond p.comment-form-author input,
#respond p.comment-form-email input,
#respond p.comment-form-url input,
#respond p.comment-form-comment textarea {
width:60%;
padding:10px 5px;
float:right;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-sizing:border-box;
transition:0.6s;
-webkit-transition:0.6s;
-moz-transition:0.6s;
-o-transition:0.6s;
-ms-transition:0.6s;
}

#respond p.comment-form-author input:hover,
#respond p.comment-form-email input:hover,
#respond p.comment-form-url input:hover,
#respond p.comment-form-comment textarea:hover {
border:1px solid #ccc;
}

p.form-allowed-tags {
width:100%;
margin:10px 0;
float:left;
}

p.form-submit {
width:100%;
height:30px;
padding:20px 0;
text-align:center;
float:left;
}

p.form-submit input {
width:230px;
padding:10px 0;
font-size:16px;
font-weight:bold;
color:#4c4c4c;
cursor:pointer;
outline:none;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
transition:0.6s;
-webkit-transition:0.6s;
-moz-transition:0.6s;
-o-transition:0.6s;
-ms-transition:0.6s;
float:right;
}

p.form-submit input:hover {
color:#fff;
}

.navigation {
width:90%;
margin:0 auto;
}

.navigation .alignleft {
margin-bottom:10px;
float:left;
}

.navigation .alignright {
margin-bottom:10px;
float:right;
}

/************** comment **************/

.breadcrumbs {
width:100%;
height:auto;
margin-bottom:40px;
text-align:left;
float:left;
}

.breadcrumbs p {
float:left;
}

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


/* 【contact】 --------------- */

#contact-form {
text-align:center;
}

#contact-form p {
margin-top:10px;
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="date"],
#contact-form input[type="number"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form select,
#contact-form textarea {
padding:10px 5px;
background:#f0f0f0;
border:1px solid #fff;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-sizing:border-box;
transition:0.6s;
-webkit-transition:0.6s;
-moz-transition:0.6s;
-o-transition:0.6s;
-ms-transition:0.6s;
}

#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="date"]:hover,
#contact-form input[type="number"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form select:hover,
#contact-form textarea:hover {
background:#fafafa;
border:1px solid #d3d3d3;
}

#contact-form input[type="range"] {
padding:10px 5px;
background:none!important;
border:0!important;
}

#contact-form input:placeholder-shown {
color:#cdcdcd;
}

#contact-form input::-moz-input-placeholder {
color:#cdcdcd;
}

#contact-form input::-webkit-input-placeholder {
color:#cdcdcd;
}

#contact-form input:-ms-input-placeholder {
color:#cdcdcd;
}

#contact-form input[type="submit"] {
width:230px;
margin-top:10px;
padding:10px 0;
background:#fff;
font-size:16px;
font-weight:bold;
color:#4c4c4c;
cursor:pointer;
outline:none;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
transition:0.6s;
-webkit-transition:0.6s;
-moz-transition:0.6s;
-o-transition:0.6s;
-ms-transition:0.6s;
}

#contact-form input[type="submit"]:hover {
color:#fff;
}

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


/* 【company】 --------------- */

.company {
width:100%;
text-align:center;
float:left;
}

table.returned {
width:100%;
text-align:center;
border-collapse:collapse;
float:left;
}

table.returned-in {
width:100%;
margin:0 auto;
border-collapse:collapse;
}

table.returned-in tr,
table.returned-in td {
vertical-align:middle!important;
}

.returned td.returned-left {
width:32%;
height:80px;
padding:10px 0;
text-align:center;
border-bottom:1px solid #fff;
font-weight:bold;
color:#fff;
}

.returned td.returned-right {
width:65%;
height:auto;
padding:10px 0 10px 3%;
text-align:left;
}

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


/* 【error】 --------------- */

#wrap-error {
width:320px;
height:300px;
margin:0 auto;
}

#wrap-error-in {
width:318px;
height:298px;
margin-top:100px;
background:#fff;
border:1px solid #e7e7e7;
text-align:center;
float:left;
}

#wrap-error .error-404 {
margin-top:120px;
font-size:16px;
}

#wrap-error .error-link {
margin-top:20px;
}

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


/* 【sns】 --------------- */

#single-sns {
width:100%;
margin-top:40px;
padding:30px 0;
text-align:center;
float:left;
letter-spacing:-0.5em;
}

#line,
#google-plus,
#pocket,
#hatena-book,
#facebook-like,
#twitter-tweet {
width:100px;
height:40px;
line-height:40px;
margin:0 2px;
display:inline-block;
vertical-align:bottom;
letter-spacing:normal;
}

#line a,
#google-plus a,
#pocket a,
#hatena-book a,
#facebook-like a,
#twitter-tweet a {
width:100px;
height:40px;
color:#fff;
overflow:hidden;
float:left;
transition:0.6s;
-webkit-transition:0.6s;
-moz-transition:0.6s;
-o-transition:0.6s;
-ms-transition:0.6s;
}

#line img,
#google-plus img,
#pocket img,
#hatena-book img,
#facebook-like img,
#twitter-tweet img {
margin-top:5px;
border-right:1px solid #fff;
float:left;
}

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


/**************************************************
***************************************************
横幅1200px以下
***************************************************
**************************************************/

@media screen and (max-width:1200px) {

.subpage #wrap {
padding:30px 0;
}

#main {
width:100%;
}

#main h1.title,
#main h2.title {
font-size:15px;
}

#navi-out {
margin:50px 0;
}

}

/**************************************************
***************************************************
800px以下の場合
***************************************************
**************************************************/

@media screen and (max-width:800px){

.txcategory-thumbnail img,
.txcategory-noimage img {
width:100%;
height:auto;
}

.archive-cat,
.postdate {
width:100%;
}

#line,
#google-plus,
#pocket,
#hatena-book,
#facebook-like,
#twitter-tweet {
margin-bottom:5px;
}

}