/*
Theme Name: twemco
Theme URI: http://faisalshuvo.com/gossip/
Author: Faisal Hossain Shuvo
Author URI: http://faisalshuvo.com
Description: Gossip is a free WordPress theme. It is flat, responsive and simple blog design & it has woocommerce support. It is based on bootstrap (the most popular front-end framework). Gossip has a powerfull theme option . It is very easy to change logo, banner , header text color, footer text, social networking links etc. 
Version: 1.2.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gossip
Tags: blue, gray, white, light, one-column, two-columns, right-sidebar, flexible-header, responsive-layout, custom-background, custom-header, editor-style, featured-image-header, featured-images, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
							GLOBAL DESIGN
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
body {
	font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
	line-height: 1.6;
	color: #525263;
	-webkit-text-size-adjust: 100%;
	font-size: 15px;
    font-size: 1.5rem;
}

a { color: #0092C4;
    text-decoration: none;
    cursor: pointer;
}
a:hover,
a:focus,
a:active { color: #33A8D0;text-decoration: none; outline: none;}

ul, ol {
    list-style: none;
    margin: 0; padding: 0;
}
dl, dt, dd, li{
    margin: 0; padding: 0;
}
img {
    max-width: 100%;
}

/* 汎用クラス
*************************************************************/
/**********
Margin-Top & Padding-Top
**********/
	.mt00 { margin-top:  0px !important; }    .pt00 { padding-top:  0px !important; }
	.mt05 { margin-top:  5px !important; }    .pt05 { padding-top:  5px !important; }
	.mt10 { margin-top: 10px !important; }    .pt10 { padding-top: 10px !important; }
	.mt15 { margin-top: 15px !important; }    .pt15 { padding-top: 15px !important; }
	.mt20 { margin-top: 20px !important; }    .pt20 { padding-top: 20px !important; }
	.mt25 { margin-top: 25px !important; }    .pt25 { padding-top: 25px !important; }
	.mt30 { margin-top: 30px !important; }    .pt30 { padding-top: 30px !important; }
	.mt35 { margin-top: 35px !important; }    .pt35 { padding-top: 35px !important; }
	.mt40 { margin-top: 40px !important; }    .pt40 { padding-top: 40px !important; }
	.mt45 { margin-top: 45px !important; }    .pt45 { padding-top: 45px !important; }
	.mt50 { margin-top: 50px !important; }    .pt50 { padding-top: 50px !important; }
	.mt55 { margin-top: 55px !important; }    .pt55 { padding-top: 55px !important; }
	.mt60 { margin-top: 60px !important; }    .pt60 { padding-top: 60px !important; }
	.mt65 { margin-top: 65px !important; }    .pt65 { padding-top: 65px !important; }
	.mt70 { margin-top: 70px !important; }    .pt70 { padding-top: 70px !important; }
	.mt75 { margin-top: 75px !important; }    .pt75 { padding-top: 75px !important; }
	.mt80 { margin-top: 80px !important; }    .pt80 { padding-top: 80px !important; }
	.mt85 { margin-top: 85px !important; }    .pt85 { padding-top: 85px !important; }
	.mt90 { margin-top: 90px !important; }    .pt90 { padding-top: 90px !important; }
	.mt95 { margin-top: 95px !important; }    .pt95 { padding-top: 95px !important; }
	.mt100{ margin-top:100px !important; }    .pt100{ padding-top:100px !important; }

/**********
Margin-Right & Padding-Right
**********/
	.mr00 { margin-right:  0px !important; }  .pr00 { padding-right:  0px !important; }
	.mr04 { margin-right:  4px !important; }  .pr04 { padding-right:  4px !important; }
	.mr05 { margin-right:  5px !important; }  .pr05 { padding-right:  5px !important; }
	.mr08 { margin-right:  8px !important; }  .pr08 { padding-right:  8px !important; }
	.mr10 { margin-right: 10px !important; }  .pr10 { padding-right: 10px !important; }
	.mr15 { margin-right: 15px !important; }  .pr15 { padding-right: 15px !important; }
	.mr20 { margin-right: 20px !important; }  .pr20 { padding-right: 20px !important; }
	.mr25 { margin-right: 25px !important; }  .pr25 { padding-right: 25px !important; }
	.mr30 { margin-right: 30px !important; }  .pr30 { padding-right: 30px !important; }
	.mr35 { margin-right: 35px !important; }  .pr35 { padding-right: 35px !important; }
	.mr40 { margin-right: 40px !important; }  .pr40 { padding-right: 40px !important; }
	.mr45 { margin-right: 45px !important; }  .pr45 { padding-right: 45px !important; }
	.mr50 { margin-right: 50px !important; }  .pr50 { padding-right: 50px !important; }
	.mr55 { margin-right: 55px !important; }  .pr55 { padding-right: 55px !important; }
	.mr60 { margin-right: 60px !important; }  .pr60 { padding-right: 60px !important; }
	.mr65 { margin-right: 65px !important; }  .pr65 { padding-right: 65px !important; }
	.mr70 { margin-right: 70px !important; }  .pr70 { padding-right: 70px !important; }
	.mr75 { margin-right: 75px !important; }  .pr75 { padding-right: 75px !important; }
	.mr80 { margin-right: 80px !important; }  .pr80 { padding-right: 80px !important; }
	.mr85 { margin-right: 85px !important; }  .pr85 { padding-right: 85px !important; }
	.mr90 { margin-right: 90px !important; }  .pr90 { padding-right: 90px !important; }
	.mr95 { margin-right: 95px !important; }  .pt95 { padding-right: 95px !important; }
	.mr100{ margin-right:100px !important; }  .pr100{ padding-right:100px !important; }

/**********
Margin-Bottom & Padding-Bottom
**********/
	.mb00 { margin-bottom:  0px !important; } .pb00 { padding-bottom:  0px !important; }
	.mb05 { margin-bottom:  5px !important; } .pb05 { padding-bottom:  5px !important; }
	.mb10 { margin-bottom: 10px !important; } .pb10 { padding-bottom: 10px !important; }
	.mb15 { margin-bottom: 15px !important; } .pb15 { padding-bottom: 15px !important; }
	.mb20 { margin-bottom: 20px !important; } .pb20 { padding-bottom: 20px !important; }
	.mb25 { margin-bottom: 25px !important; } .pb25 { padding-bottom: 25px !important; }
	.mb30 { margin-bottom: 30px !important; } .pb30 { padding-bottom: 30px !important; }
	.mb35 { margin-bottom: 35px !important; } .pb35 { padding-bottom: 35px !important; }
	.mb40 { margin-bottom: 40px !important; } .pb40 { padding-bottom: 40px !important; }
	.mb45 { margin-bottom: 45px !important; } .pb45 { padding-bottom: 45px !important; }
	.mb50 { margin-bottom: 50px !important; } .pb50 { padding-bottom: 50px !important; }
	.mb55 { margin-bottom: 55px !important; } .pb55 { padding-bottom: 55px !important; }
	.mb60 { margin-bottom: 60px !important; } .pb60 { padding-bottom: 60px !important; }
	.mb65 { margin-bottom: 65px !important; } .pb65 { padding-bottom: 65px !important; }
	.mb70 { margin-bottom: 70px !important; } .pb70 { padding-bottom: 70px !important; }
	.mb75 { margin-bottom: 75px !important; } .pb75 { padding-bottom: 75px !important; }
	.mb80 { margin-bottom: 80px !important; } .pb80 { padding-bottom: 80px !important; }
	.mb85 { margin-bottom: 85px !important; } .pb85 { padding-bottom: 85px !important; }
	.mb90 { margin-bottom: 90px !important; } .pb90 { padding-bottom: 90px !important; }
	.mb95 { margin-bottom: 95px !important; } .pt95 { padding-bottom: 95px !important; }
	.mb100{ margin-bottom:100px !important; } .pb100{ padding-bottom:100px !important; }

/**********
//Margin-Left & Padding-Left
**********/
	.ml00 { margin-left:  0px !important; }   .pl00 { padding-left:  0px !important; }
	.ml05 { margin-left:  5px !important; }   .pl05 { padding-left:  5px !important; }
	.ml10 { margin-left: 10px !important; }   .pl10 { padding-left: 10px !important; }
	.ml15 { margin-left: 15px !important; }   .pl15 { padding-left: 15px !important; }
	.ml20 { margin-left: 20px !important; }   .pl20 { padding-left: 20px !important; }
	.ml25 { margin-left: 25px !important; }   .pl25 { padding-left: 25px !important; }
	.ml30 { margin-left: 30px !important; }   .pl30 { padding-left: 30px !important; }
	.ml35 { margin-left: 35px !important; }   .pl35 { padding-left: 35px !important; }
	.ml40 { margin-left: 40px !important; }   .pl40 { padding-left: 40px !important; }
	.ml45 { margin-left: 45px !important; }   .pl45 { padding-left: 45px !important; }
	.ml50 { margin-left: 50px !important; }   .pl50 { padding-left: 50px !important; }
	.ml55 { margin-left: 55px !important; }   .pl55 { padding-left: 55px !important; }
	.ml60 { margin-left: 60px !important; }   .pl60 { padding-left: 60px !important; }
	.ml65 { margin-left: 65px !important; }   .pl65 { padding-left: 65px !important; }
	.ml70 { margin-left: 70px !important; }   .pl70 { padding-left: 70px !important; }
	.ml75 { margin-left: 75px !important; }   .pl75 { padding-left: 75px !important; }
	.ml80 { margin-left: 80px !important; }   .pl80 { padding-left: 80px !important; }
	.ml85 { margin-left: 85px !important; }   .pb85 { padding-left: 85px !important; }
	.ml90 { margin-left: 90px !important; }   .pl90 { padding-left: 90px !important; }
	.ml95 { margin-left: 95px !important; }   .pt95 { padding-left: 95px !important; }
	.ml100{ margin-left:100px !important; }   .pl100{ padding-left:100px !important; }

/**********
font-size
**********/
.font18 {font-size: 18px !important;}
.font20 {font-size: 20px !important;}
.font22 {font-size: 22px !important;}
.font24 {font-size: 24px !important;}
.font26 {font-size: 26px !important;}
.font28 {font-size: 28px !important;}
.font30 {font-size: 30px !important;}
.font32 {font-size: 32px !important;}
.font34 {font-size: 34px !important;}
.font36 {font-size: 36px !important;}

/*  table
============================ */
table {
	width: 100%;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border-top:1px solid #ddd
}
.table-bordered {
    border:1px solid #ddd
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered>thead>tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border:1px solid #ddd
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width:2px
}

blockquote {
    margin: 72px 0 48px;
    padding: 0;
    font-size: 18px;
    border-left: none;
    text-align: center;
    font-weight: 700;
    font-style: italic;
    color: #777778;
    position: relative;
}
blockquote:before {
	position: absolute;
	font-family: 'FontAwesome';
	content: '';
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: -48px;
	font-weight: normal;
    font-style: normal;
    font-size: 24px;
}
fieldset {
    border: 1px solid #e5e5e5;
    margin: 0 2px;
    padding: 24px;
}
legend {
	margin: 0;
	padding: 0;
}
/*	form
============================ */

label {
    font-weight: normal;
}
input:focus,
select:focus {
    outline: none;
}
input[type="number"] {
    text-align: right;
}
.form-group .errormsg {
    margin-top: 3px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
}
dd.form-group .errormsg {
    margin-bottom: 0;
}
.form-control {
    border: 1px solid #C4CCCE;
    border-radius:3px !important;
    box-shadow:none;
    font-size: 16px;
    font-size: 1.6rem;
    height: 40px;
    padding: 6px 12px;
    width: auto;
    line-height: 1.5
}
.form-control:focus {
    border-color:#3c8dbc !important;
    box-shadow:none
}
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
    box-shadow:none;
    background: none;
}
.has-success .form-control { border-color: #0D8969; background: #e7f6f3; }
.has-warning .form-control { border-color: #E99133; background: #fdf7ed; }
.has-error .form-control { border-color: #CF3F34; background: #FDF1F0; }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: inherit;  background: #FDF1F0;
}
.form-control::-moz-placeholder {
    color:#bbb;
    opacity:1
}
.form-control:-ms-input-placeholder {
    color:#bbb
}
.form-control::-webkit-input-placeholder {
    color:#bbb
}
.form-control:not(select) {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.form-group .form-control {
    width: 100%;
}
.form-inline .form-control {
    width: auto;
}
.form-group.lange input[type="text"], .form-group.lange label {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 1%;
    margin-right: 1%;
    vertical-align: middle;
}
.form-group.lange input[type="text"] {
    width: 28%;
}
.input_tel input {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 1px;
    margin-right: 1px;
    max-width: 5em;
    vertical-align: middle;
    width: 30%;
}
.form-group.input_tel input:first-child {
    margin-left: 0;
}
.form-group.input_name input {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 2%;
    vertical-align: middle;
    width: 48%;
}
.form-group.input_name input:first-child {
    margin-left: 0;
}
.form-group.input_zip input {
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
    max-width: 5em;
    vertical-align: middle;
    width: 30%;
}
.form-group.input_zip .question-circle {
    font-size: 11px;
    display: inline-block;
    width: 15px; height: 15px;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
    background: #525263;
    border-radius: 50%;
}
.form-group.input_zip .question-circle .cb-question {
    fill: #fff;
}
.form-group .item_price input, .form-group .item_quantity input {
    margin: 0 1%;
    text-align: right;
    width: 50%;
}

.form-inline label {
    margin: 0 10px 0 0;
}
.form-inline label:first-child + select,
.form-inline label:first-child + input {
    margin-right: 10px;
}
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
}
.checkbox-inline, .radio-inline {
    cursor: pointer;
    margin-left: 20px;
}
.checkbox-inline:first-child, .radio-inline:first-child {
    margin-left: 0;
}
span.required {
    color: #DE5D50;
    font-weight: normal !important;
    margin-left: 1em;
    font-size: 12px;
    font-size: 1.2rem;
}

/* --------------------------------
	Parts
-------------------------------- */

/* heading */

h2 {
    font-size: 16px;
    font-size: 1.6rem;
}
.page-heading {
    margin: 0 0 8px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
    border-top: 1px solid #ccc;
    padding: 8px;
}

.heading01 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}
.heading02,
.heading03 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
}
.heading04 {
    clear: both;
    margin-bottom: 5px;
}
.heading05 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

/* btn */
.btn {
    font-size: 16px;
    font-size: 1.6rem;
    padding:10px 16px;
    font-weight: bold;
}

.btn-lg{padding:10px 16px;font-size:16px;line-height:1.3333333}
.btn-sm{padding:8px 10px;font-size:12px;line-height:1.5;font-weight: normal;}
.btn-xs{padding:5px 8px;font-size:10px;line-height:1.5;font-weight: normal;}
.btn .cb {
    margin: 0 5px;
}

/* btn_circle */
.btn_circle {
    border: 0 none;
    padding: 0; margin: 0;
    text-shadow: none;
    box-shadow: none;
    border-radius: 50%;
    color: #fff;
    background: #B8BEC4;
    cursor: pointer;
    width: 40px; height: 40px;
    line-height: 40px;
    vertical-align: middle;
}
.btn_circle .cb {
    font-size: 24px;
    font-size: 2.4rem;
    position: relative;
    top: -1px;
}
.btn_circle:hover {
    opacity: 0.8;
}

.btn_area {
    height: 56px;
    line-height: 56px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
}
.btn-info {
    color: #fff;
    background-color: #424242;
    border-color: #424242;
    font-weight: normal;
    border-radius: 0;
    padding: 10px 3em;
}
.btn-info a{
    color: #fff;
    display: block;
}
.btn-primary {
    color: #fff;
    background-color: #e62a17;
    border-color: #e62a17;
    font-weight: normal;
    border-radius: 0;
    padding: 10px 3em;
}
.btn-primary a{
    color: #fff;
    display: block;
}

/* icon_close */

.icon_close {
    position: absolute;
    height: 100%;
    width: 50px;
    top: 0;
    left: 0;
}
.icon_close::before, .icon_close::after {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    /* close icon */
    content: '';
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 22px;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -11px;
    background: #525263;
}
.icon_close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.icon_close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.more-link {
	margin-top: 24px;
	font-size: 14px;
	font-style: italic;
	width: 120px;
	height: 40px;
	background: #4fb2d9;
	color: #ffffff;
	display: block;
	text-align: center;;
	line-height: 40px;
	text-decoration: none;
}
.more-link:hover {
	color: #ffffff;
}
.more-link:after {
	content: "";
	background: #e5e5e5;
	width: 100%;
	height: 1px;
	overflow: hidden;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 20px;
	z-index: -1;
}

.gossip-post-heading{
	font-size: 36px;
}

.gossip-margin{
	margin-top: 24px;
	position: relative;
}
.page .gossip-margin{
	margin-top: 0px;
	position: relative;
}
.gossip-banner img {
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.gossip-meta {
	margin: 24px auto 24px;
}
.gossip-single-content{
	margin-bottom: 48px;
	margin-top: 32px;
}
.gossip-tags {
	margin: 0 auto 48px;
}
.gossip-meta ul {
	display: inline;
}
.gossip-meta div {
	display: inline-block;
	margin-right: 10px;
}
.gossip-meta div:before {
	content: "[";
	margin-right: 5px;
}
.gossip-meta div:after {
	content: "]";
	margin-left: 5px;
}	
.gossip-meta div a,
.gossip-meta div{
	font-size: 14px;
	font-style: italic;	
}
.gossip-meta-category li{
	display: inline-block;
}
.gossip-meta-category li:after {
	content: ", ";
}
.gossip-meta-category li:last-child:after {
	content: "";
}
.gossip-comments-closed {
	margin-top: 48px;
}
.form-control {
    height: 48px;
    padding: 6px 12px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #a7a7a7;
    border-color: #e5e5e5;
    background-color: #f9fafa;
    border-radius: 0;
    box-shadow: none;
}
.gossip-form-control:focus {
	border-color: #e5e5e5;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-group {
	margin-bottom: 30px;
}
.gossip-btn{
	min-width: 100%;
	height: 40px;
	border-radius: none;
	background: #4fb2d9;
	color: #ffffff;
	border: none;
}
.gossip-embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 
.gossip-embed-container iframe, 
.gossip-embed-container object, 
.gossip-embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

@media (max-width: 480px){
	.gossip-margin{margin-top: 82px;}
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
						WordPress Core
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

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

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

@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

.gossip-body-section {
	margin-bottom: 72px;
}

.sticky li {
	list-style: square;
	margin-top: 12px;
}

.container-fluid {
    padding-left: 16px;
    padding-right: 16px;
}

@media (max-width: 480px) {
  .gossip-body-section {
    margin-top: -60px;
  }
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
							Header Setting
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#header {
    background: #ffffff;
    z-index: 3;
    padding-top: 15px;
    min-height: 45px;
}
#header .inner {
    position: relative;
    width: 100%;
    max-width: 1170px;
    margin: auto;
}
#header .copy {
    font-size: 1.4rem;
    margin-top: 0;
    margin-bottom: 0;
}
#header .header-logo-area {
    position: relative;
    z-index: 10;
    min-height: 54px;
    max-width: 300px;
    float: left;
}
#header .header_logo {
    margin: 16px 0 0 0;
}

#header .header_bottom_area {
    clear: both;
    padding-top: 16px;
    width: 200px;
}

/* Member area */
#member {
    float: right;
    margin-top: -80px;
    text-align: right;
}
#member ul.member_link {
    margin: 0;
}
#member ul.member_link li {
    display: inline-block;
}
#member ul.member_link a {
    color: #525263;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    white-space: nowrap;
    font-weight: normal;
}
#member ul.member_link a:hover {
    color: #9797a1;
}
.ico_member {
    background: url(img/kaiin.gif) no-repeat left 6px;
    padding-left: 20px;
    background-size: 23px 23px;
}
.ico_okiniiri {
    background: url(img/kiniiri.gif) no-repeat left 6px;
    padding-left: 20px;
    background-size: 23px 23px;
}
.ico_login {
    background: url(img/login.gif) no-repeat left 6px;
    padding-left: 20px;
    background-size: 23px 23px;
}

#member ul.head_menu li {
    display: inline-block;
    margin: 0 0.5em;
    height: 25px;
    line-height: 25px;
}
#member ul.head_menu li a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #525263;
    font-weight: normal;
}

.ico_spec {
    background: url(img/spec.png) no-repeat left 0px;
    padding-left: 28px;
    background-size: 20px 20px;
}
.ico_topic {
    background: url(img/topic.png) no-repeat left 0px;
    padding-left: 28px;
    background-size: 20px 20px;
}
.ico_support {
    background: url(img/support.png) no-repeat left 0px;
    padding-left: 28px;
    background-size: 19px 19px;
}
.ico_qa {
    background: url(img/qa.png) no-repeat left 0px;
    padding-left: 30px;
    background-size: 20px 20px;
}
.ico_tenpo {
    background: url(img/tenpo.png) no-repeat left 0px;
    padding-left: 30px;
    background-size: 22px 22px;
}

#header #category {
    clear: both;
}

@media only screen and (max-width: 783px){
    #header {
        padding-top: 8px;
        min-height: 45px;
    }
    #header .copy {
            font-size: 9px;
            font-size: 0.9rem;
            margin-top: 0;
            margin-bottom: 0;
    }
    #header .header_logo {
        margin: 6px 0 0 0;
    }
    #header #category {
        clear: both;
        margin-top: 0;
    }
    #member {
        float: none;
        margin-top: 0;
        text-align: left;
    }
    #member ul.member_link li {
        display: block;
	border-bottom: 1px solid #E8E8E8;
    }
    #member ul.head_menu li {
       display: block;
       margin: 0;
       height: 43px;
       line-height: 43px;
       background-position: left 15px;
       border-bottom: 1px solid #E8E8E8;
   }
   
   #header .header_bottom_area {
        clear: both;
        padding-top: 50px;
        width: 100%;
   }
   .search-form .search-field {
    height: 40px;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0 115px 0 1em !important;
    font-size: 16px !important;
    background-image: none;
   }
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
						GOSSIP SERACHFORM
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.search-form {
	width: 100%;
	position: relative;
}
.search-form label {
	min-width: 100%;
}
.gossip-upper-search{
	max-width: 300px;
	margin: auto;
}
.gossip-search-social .search-form {
	margin: 0 auto;
}
.page-content .search-form {
	margin-top: 24px;
}
.search-form .search-field{
	height: 40px;
	border: none;
	border-bottom: 1px solid #ccc;
 	padding: 0 50px 0 1em;
  	font-size: 14px;
 	background-color: #fff;
 	background-image: none;
}
.page-content .search-form .search-field{
	width: 100%;
	margin: 50px 0;
}

.page-content .search-form .search-submit {
	    top: 40px;
	right: 10%;
}


.search-field::-moz-placeholder {
	font-weight: 300;
    color: #999;
    opacity: 1;
}
.search-field:-ms-input-placeholder {
    color: #999;
}
.search-field::-webkit-input-placeholder {
    color: #999;
}
.search-form .search-submit{
	position: absolute;
	font-family: 'FontAwesome';
    background: none;
    box-shadow: none;
    border: 0;
    color:  #777778;
    background-color: none;
    height: 40px;
    width: 40px;
    text-align: center;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    font-size: 26px;
}
.search-form .search-field {
	background-color: #ffffff;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
							GOSSIP NAVIGATION
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* MObile Navigation */
@media only screen and (max-width: 783px){

	.gossip-mobile-container {
		position: relative;
	}
	.gossip-mobile-container nav {
		position: fixed;
		width: 300px;
		height: 100%;
		overflow: scroll;
		background: #ffffff;
		top: 0;
		right: -300px;
		padding: 0px 8px;
		z-index: 999999;
		-webkit-box-shadow: 0px 0px 2px 2px rgba(119,119,120,0.4);
		-moz-box-shadow: 0px 0px 2px 2px rgba(119,119,120,0.4);
		box-shadow: 0px 0px 2px 2px rgba(119,119,120,0.4);
		transition-property: right;
	  	transition-duration: 1s;
	 	transition-timing-function: ease-out;

	}
	.gossip-mobile-container .gossip-nav-open {
		right: 0;
		background: #F6F6F6;
	}

	.category-nav li a {
    		overflow: hidden;
    		display: block;
   		 padding-top: 0px;
    		padding-bottom: 0px;
   		 color: #525263;
    		font-weight: bold;
    		font-size: 16px;
    		height: 50px;
    		line-height: 50px;
	}
	.category-nav .search-form {
		margin-top: 24px;
		margin-bottom: 24px;
	}
	.gossip-mobile-navigation li ul{
		padding-left: 12px;
		display: block;
	}
	.gossip-mobile-navigation .category-nav li{
		border-top: 1px solid #e5e5e5;
	}
	.gossip-mobile-navigation .category-nav li:first-child {
		border-top: none;
	}
	.gossip-mobile-navigation .category-nav ul li:first-child {
		border-top: 1px solid #e5e5e5;
	}
	#btn_menu {
    		margin: 0;
    		position: absolute;
   		 right: 0;
    		top: 0;
   		 z-index: 11;
	}
	.nav-trigger  {
    		position: relative;
    		display: block;
    		height: 44px;
    		overflow: hidden;
    		white-space: nowrap;
    		z-index: 3;
    		cursor: pointer;
    		color: transparent !important;
	}
	.nav-trigger span {
    		position: absolute;
    		top: 50%;
    		right: 10px;
    		margin-top: -2px;
    		-webkit-transition: background 0.3s 0.3s;
    		-moz-transition: background 0.3s 0.3s;
    		transition: background 0.3s 0.3s;
	}
	.nav-trigger span::before {
    		top: -6px;
	}
	.nav-trigger span::after {
    		top: 6px;
	}
	.nav-trigger span::before, .nav-trigger span::after {
    		content: '';
    		right: 0;
    		-webkit-transform: translateZ(0);
    		-moz-transform: translateZ(0);
    		-ms-transform: translateZ(0);
    		-o-transform: translateZ(0);
    		transform: translateZ(0);
    		-webkit-backface-visibility: hidden;
    		backface-visibility: hidden;
    		-webkit-transform-origin: 0% 50%;
    		-moz-transform-origin: 0% 50%;
    		-ms-transform-origin: 0% 50%;
    		-o-transform-origin: 0% 50%;
    		transform-origin: 0% 50%;
    		-webkit-transition: -webkit-transform 0.3s 0.3s;
    		-moz-transition: -moz-transform 0.3s 0.3s;
    		transition: transform 0.3s 0.3s;
	}
	.nav-trigger span, .nav-trigger span::before, .nav-trigger span::after {
    		position: absolute;
   		 display: inline-block;
    		height: 3px;
    		width: 24px;
    		background: #525263;
	}
	.gossip-search-social {
		display: none;
	}
	.gossip-search-trigger {
		position: absolute;
		top: 8px;
	}
	.gossip-search-trigger .fa {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
    		-moz-osx-font-smoothing: grayscale;
    		font-size: 30px;
	}
}

@media only screen and (min-width: 784px){

	.gossip-nav{
		/*max-width: 1150px;*/
		margin: auto;
	}
	.gossip-nav .gossip-desktop-navigation {
		text-align: center;

	}
	.category-nav {
		border-top: 1px solid #D9D9D9;
		border-bottom: 1px solid #D9D9D9;
		    margin: 20px 0 0;	
	}
	.gossip-nav .gossip-desktop-navigation ul.category-nav li {
		list-style: none;
		display: inline-block;
		position: relative;
	}
	.gossip-nav .gossip-desktop-navigation ul.category-nav > li > a{
		font-size: 1.6rem;
		font-weight: bold;
		color: #2e3233;
		text-transform: uppercase;
		display: inline-block;
		padding: 0 1em;
		height: 55px;
		line-height: 55px;
		border-bottom: none;
		transition: color 0.3s, box-shadow 0.3s;
	}

	.gossip-nav .gossip-desktop-navigation ul.category-nav li a:hover{
		text-decoration: none;
		display: block;
	}
	.gossip-nav .gossip-desktop-navigation ul.category-nav li > a:hover {
   		 background: rgba(204, 204, 204, 0.1);
	}
	/*.gossip-nav .gossip-desktop-navigation ul.category-nav li.has-child > a:after{
		font-family: 'FontAwesome';
		content: " ";
		margin-left: 10px;
	}*/
	.gossip-nav .gossip-desktop-navigation ul.category-nav li:hover a{
		color: #2e3233;
	}

	.gossip-nav .gossip-desktop-navigation ul.category-nav li ul{
		background: #ffffff;
		width: 200px;
		position: absolute;
		top: 100%;
		left: 0;
		display: none;
		z-index: 9999;
		-webkit-box-shadow: 0px 0px 2px 2px rgba(119,119,120,0.4);
		-moz-box-shadow: 0px 0px 2px 2px rgba(119,119,120,0.4);
		box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	}
	.gossip-nav .gossip-desktop-navigation ul.category-nav li:hover > ul{
		display: block;
	}
	.gossip-nav .gossip-desktop-navigation ul.category-nav li ul li {
		display: block;
		text-align: left;
		margin-right: 0;
		display: block;
		  -moz-transition: .2s;
		-webkit-transition: .2s;
		-o-transition: .2s;
		-ms-transition: .2s;
		transition: .2s;
	}
	.gossip-nav .gossip-desktop-navigation ul.category-nav li ul li a {
		margin: 0px auto;
		font-weight: 600;
		padding: 0 24px;
		display: block;
		border-bottom: 1px solid #e5e5e5;
		display: block;
		height: 50px;
		line-height: 50px;
	}

	.gossip-nav .gossip-desktop-navigation ul.category-nav li ul li.has-child-2 > a:after{
		font-family: 'FontAwesome';
		position: absolute;
		content: " ";
		right: 24px;
	}
	.gossip-nav .gossip-desktop-navigation ul.category-nav li:hover ul li a{
		color: #2e3233;
		display: block;
	}
	.gossip-nav .gossip-desktop-navigation ul.category-nav li:hover ul li a:hover{
		color: #4fb2d9;
	}

	.gossip-nav .gossip-side-trigger {
		display: none;
	}
	.gossip-search-trigger {
		display: none;
	}
	.gossip-nav .gossip-social {
		display: none;
	}
}

.mobile-toggle {
	display: block !important;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
						GOSSIP GALLERY POST
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.gallery-item {
	display: inline-table;
	width: 24%;
	margin-right: 1%;
}

.gallery-item:nth-child(n+4){
	clear: both;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
						GOSSIP LINK POST
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.gossip-link-post{
	background: #777778;
	padding: 48px 24px;
	text-align: center;
	width: 100%;
	height: 100%;
}
.gossip-link-details span{
	display: block;
}
.gossip-link-details span i{
	color: #4fb2d9;
	font-size: 24px;
	margin-bottom: 24px;
}
.gossip-link-details a {
	font-size: 24px;
	font-family: 'Lustria';
	color: #ffffff;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
						GOSSIP QUOTE POST
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.gossip-quote-post{
	background: #777778;
	padding: 24px;
	text-align: center;
}
.gossip-quote-details blockquote:before{
	color: #4fb2d9;
	font-size: 24px;
}
.gossip-quote-details blockquote{
	font-size: 24px;
	margin: 24px;
	margin-top: 72px;
	font-family: 'Lustria';
	color: #ffffff;
}
.gossip-quote-details blockquote a,
.gossip-quote-details blockquote p{
	clear: both;
	text-align: center;
	display: block;
	font-size: 13px;
	font-family: 'Lustria';
	font-style: italic;
	color: #4fb2d9;
	padding-top: 24px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
							GOSSIP SIDEBAR
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.gossip-sidebar-container {
	margin-top: 48px;
}
.gossip-sidebar-container {
	padding: 24px;
    outline: 1px solid #e5e5e5;
    overflow: hidden;
}
.gossip-sidebar-container h2 {
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 32px;
}
.gossip-about-author {
	text-align: center;
}
.gossip-about-author img {
	margin: 0 auto;
	margin-top: 24px;
	margin-bottom: 0px;
	padding-bottom: 0;
}
.gossip-sidebar-container ul li{
	border-top: 1px solid #e5e5e5;
	font-size: 16px;
	position: relative;
	padding: 0 0 0 16px;
}
.gossip-sidebar-container ul li:before{
  content: "";
    position: absolute;
    top: 15px;
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #7a0;
}


.gossip-sidebar-container ul li a{
	padding: 12px 0;
	display: block;
	position: relative;
}
.gossip-sidebar-container ul li:first-child {
	border-top: none;
}
.gossip-sidebar-container ul li a {
	line-height: 1;
	display: block;
}
.gossip-sidebar-container li .page_item_has_children a{
	margin-bottom: 0px;
}
.gossip-sidebar-container .children {
	padding-left: 24px;
	border-top: 1px solid #e5e5e5;
	list-style: square;
}
#recentcomments li{
	padding: 10px 0;
}

@media (min-width: 1200px) {
.col-lg-4 {
    width: 30%;
    margin-left: 3%;
}
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
							GOSSIP SINGLE POST AUTHOR 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.gossip-post-author {
	margin-bottom: 48px;
	overflow: hidden;
}
.gossip-post-author-img {
	float: left;
	width: 150px;
	margin-right: 24px;
}
.gossip-post-author-img img {
	border: 5px solid #777778;
}
.gossip-post-author-details {
	overflow: hidden;
}
.gossip-post-author-details h3{
	margin-top: 0;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #777778;
	text-transform: uppercase;

}
@media only screen and (max-width: 783px){
	.gossip-post-author-details {
		overflow: none;
		clear: both;
	}
	.gossip-post-author-details h3{
		margin-top: 24px;
	}
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
							GOSSIP COMMENTS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.gossip-comment-form p label {
	display: none;
}
.gossip-comment-container{
	clear: both;
	border-top: 1px solid #e5e5e5;
}
.gossip-post-comment{
	margin-top: 24px;
}
.comment-list {
	padding-left: 0;
}
.comments-title,
.comment-reply-title {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: #777778;
	text-align: center;
	font-weight: 600;
	padding-top: 48px;
}
.comment-meta{
	font-family: 'Lustria', sans-serif;
	overflow: hidden;
	padding-top: 48px;
	position: relative;
}
.children .comment-meta{
	padding-top: 24px;
}

.comment-author img{
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	width: 50px;
	height: auto;
	border: 1px solid #777778;
	position: relative;
}

.comment-author .fn{
	font-family: 'Lustria', sans-serif;
}

.gossip-comment-container a{
	font-family: 'Lustria', sans-serif;
	color: #4fb2d9;
}
.gossip-comment ol,
.gossip-comment li{
	list-style: none;
}
.comment-metadata .edit-link a {
	font-size: 14px;
	font-style: normal;
	color: #777778;
	margin-left: 12px;
}
.comment-metadata .edit-link a:before{
	content: ' ';
	font-family: 'FontAwesome';
}
.comment-metadata a {
	font-size: 15px;
	font-weight: 300;
	font-style: italic;
	color: #4fb2d9;
}
.comment-content{
	clear: both;
}
.reply a {
	font-size: 15px;
}
.reply a:before {
	content: " ";
	font-family: "FontAwesome";
}
.gossip-comment-form {
	clear: both;
}
.gossip-comment-form textarea {
	height: 336px;
}

@media only screen and (max-width: 783px){
	.comment-author{
		overflow: none;
		clear: both;
		height: auto;
		padding-top: 0;
		padding-bottom: 24px;
	}
	.gossip-post-comment-reply {
		margin-left: 48px;
	}
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
							GOSSIP WP CALENDAR
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.widget_calendar {
	float: left;
}
#wp-calendar {
	width: 100%; 
}
#wp-calendar caption { 
	color: #ffffff; 
	background: #777778;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px; 
	font-weight: 700;
}
#wp-calendar thead { 
	font-size: 13px; 
	color: #777778; 
}
.gossip-footer-widget #wp-calendar thead { 
	background: #ffffff;
}
#wp-calendar thead th { 
	padding: 10px 0px; 
	text-align: center;
	border: 1px solid #e5e5e5;
}
#wp-calendar tbody { 
	color: #777778; 
}
#wp-calendar tbody td { 
	background: #f5f5f5;
	border: 1px solid #e5e5e5; 
	text-align: center; 
	padding: 8px;
}
#wp-calendar tbody td:hover { 
	background: #fff; 
}
#wp-calendar tbody .pad,
#wp-calendar tbody .pad:hover { 
	background: transparent; 
}
.gossip-footer-widget #wp-calendar tbody .pad,
.gossip-footer-widget #wp-calendar tbody .pad:hover {
	background: #ffffff;
}
#wp-calendar tfoot{
	background: #777778;
	color: #ffffff;
}
#wp-calendar tfoot a {
	color: #ffffff;
}
#wp-calendar tfoot #next { 
	padding: 6px 0;
	padding-right: 12px;
	text-align: right;
}
#wp-calendar tfoot #prev { 
	padding: 6px 0;
	padding-left: 12px;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
							GOSSIP PAGINATION
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.gossip-pagination {
	margin-top: 48px;
}
.page-links {
	margin-top: 24px;
}
.page-numbers,
.page-links a,
.nav-previous a,
.nav-next a{
	padding: 10px;
	margin: 0 2px 0 0;
	border: 1px solid #e5e5e5;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600;
	font-size: 14px;
}
.page-numbers.current,
a.page-numbers:hover,
.page-links a:hover {
	background: #f9f9f9;
}
.comment-navigation {
	margin-top: 24px;
}
.nav-previous {
	float: left;
}
.nav-previous a:before {
	font-family: 'FontAwesome';
	content: ' ';
}
.nav-next {
	float: right;
}
.nav-next a:after {
	font-family: 'FontAwesome';
	content: ' ';
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
							 FOOTER
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#footer {
    background: 0 0;
    padding-top: 0;
    border-top: 0;
    padding-bottom: 0;
}
#footer .inner {
    position: relative;
    width: 100%;
    max-width: 1170px;
    margin: auto;
}
#footer .footer_menu {
    text-align: left;
    border-top: solid 1px #d2d2d2;
}
#footer .footer_menu li:nth-child(1) a {
    padding-left: 0;
    border-left: 0;
}
#footer .footer_menu li {
    display: inline-block;
    margin: 20px 0;
    font-size: 14px;
}
#footer a {
    color: #444;
}

#footer .footer-content {
    background: #f8f8f8;
    border-top: 1px solid #d2d2d2;
}
#footer .footer-content .footer-content-list {
    text-align: left;
}
#footer .footer-content .footer-content-list h3 {
    font-weight: 700;
    margin: 8px 0;
    font-size: 13px;
    border-bottom: 1px solid #ccc;
    line-height: 2;
}
#footer .footer-content .footer-content-list p {
    padding-bottom: 0px;
    margin-top: 0;
    line-height: 1.5;
    font-size: 13px;
}
#footer .footer-content .footer-content-list h4 {
    margin: 8px 0;
    font-size: 13px;
    line-height: 1.5;
    font-weight: bold;
}
#footer .footer-content .footer-content-list ul li {
    display: block;
    text-align: left;
    margin: 0;
    font-size: 13px;
}
#footer .footer-content .footer-content-list .sqlist li::before {
    content: "■";
}
#footer .footer_logo_area {
    text-align: center;
    width: 100%;
    background: #424242;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
#footer .footer_logo_area p.copyright {
    letter-spacing: .15rem;
    padding: 24px 1rem;
    font-size: 1.2rem;
    margin: 0;
}

@media (max-width: 768px){
    #footer .footer-content .footer-content-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #footer .footer-content {
        padding-top: 18px;
    }
    #footer .footer_menu li {
        margin: 12px 18px;
    }
    #footer .footer-content .footer-content-list p {
        padding-bottom: 5px;
    }
    #footer .footer-content .footer-content-list h3 {
        margin: 0 0 8px 0;
    }
}
@media (min-width: 769px){
    #footer .footer_menu li::after {
        content: "|";
    }
    #footer .footer_menu li a {
        padding: 0 3rem;
    }
    #footer ul li {
        display: inline-block;
        margin: 0 5% 24px 0;
    }
    #footer ul li:last-child {
        margin-right: 0;
    }
    #footer .footer-content {
    padding-top: 32px;
    }
    #footer .footer-content .footer-content-list {
    display: inline-block;
    vertical-align: top;
    }
    #footer .footer-content .footer-content-list > li {
    width: 47%;
    vertical-align: top;
    }
}
 
#smoothup {
	height: 50px;
	width: 50px;
	position:fixed;
	bottom: -50px;
	right:10px;
	cursor: pointer;
	    z-index: 100;
	background: url(img/pagetop.png) no-repeat center;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s; transition-duration: 0.4s;
}
#smoothup a{display:block;cursor: pointer;}
#smoothup a:hover {opacity: 0.85;}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
ページthumbnail
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.page_header_thumbnail {
    margin-bottom: 42px;
}
.page_header_thumbnail img{
    width: 100%;
    height:auto;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
ページタイトル
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.page_header {
    padding-bottom: 24px;
    width:90%;
    margin:0 auto;
}
.page-title {
  position: relative;
  text-align: center;
  font-size: 32px;
}
.page-title span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 4em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
.page-title:before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
  background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}

@media (max-width: 480px){
    h1, .h1, h2, .h2, h3, .h3 {
        margin-top: 12px;
        margin-bottom: 10px;
    }
    .page_header {
        width:98%;
        margin:auto;
	padding-bottom: 12px;
    }
    .page-title {
        font-size: 18px;
	border-bottom: 1px dotted #ccc;
	border-top: 1px solid #ccc;
	font-weight: 600;
    }
    .page-title span {
        position: relative;
        z-index: 2;
        display: block;
        margin: 0;
        padding: 8px;
        text-align: left;
    }

}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
よくある質問
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.content-accordion {
    max-width: 980px;
    margin: 0 auto;
    color: #424242;
}
.content-accordion .panel {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid #eee;
    margin: 0;
    padding: 0;
}
.content-accordion .panel .panel-heading {
    position: relative;
    cursor: pointer;
    padding: 20px 15px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.6;
    color: inherit;
}
.content-accordion .panel .question {
    color: #24439a;
    font-size: 24px;
    font-style: italic;
    font-weight: 500;
    margin-right: 15px;
}
.content-accordion .panel .panel-heading .clickable {
    position: absolute;
    top: 38%;
    right: 0;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: bold;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
}
.glyphicon-minus:before {
    content: "\2212";
}
.glyphicon-plus:before {
    content: "\002b";
}
.content-accordion .panel .panel-body {
    display: none;
}
.content-accordion .panel .panel-body {
    font-size: 16px;
    line-height: 26px;
        padding: 15px;
}
.content-accordion .panel-body .answer {
    color: #b71f1c;
    font-size: 24px;
    font-style: italic;
    font-weight: 500;
    margin-right: 15px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
スペック
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#tablepress-1 {
    border-bottom: 1px solid #ddd;
}
#tablepress-1 td {
    font-size: 12px;
    text-align: center !important;
    border-right: 1px solid #ddd !important;
}
#tablepress-1 td:last-child {
    border-right: none !important;
}
#tablepress-1 td.column-1 {
    font-weight: 700;
    width: 12%;
    font-size: 12px;
    text-align: center;
    border-right: 1px solid #ddd !important;
}
#tablepress-1 td.column-2,#tablepress-1 td.column-3,#tablepress-1 td.column-4,#tablepress-1 td.column-5,#tablepress-1 td.column-6,#tablepress-1 td.column-7 {
    font-size: 12px;
    text-align: center;
    width: 12%;
    padding: 8px 2px;
    border-right: 1px solid #ddd !important;
}
#tablepress-1 td.column-2 img,#tablepress-1 td.column-3 img,#tablepress-1 td.column-4 img,#tablepress-1 td.column-5 img,#tablepress-1 td.column-6 img,#tablepress-1 td.column-7 img {
    max-width: 160px;
    height: auto;
}
#tablepress-1 td.column-7 {
    border-right: none !important;
}
#tablepress-1 thead th {
    background-color: #d9edf7;
    font-weight: 700;
    vertical-align: middle;
    font-size: 13px;
    text-align: center;
    border-right: 1px solid #ddd;
}
#tablepress-1 thead th:last-child {
    border-right: none !important;
}


#tablepress-2 {
    border-bottom: 1px solid #ddd;
}
#tablepress-2 td {
    font-size: 12px;
    text-align: center !important;
    border-right: 1px solid #ddd !important;
}
#tablepress-2 td:last-child {
    border-right: none !important;
}
#tablepress-2 td.column-1 {
    font-weight: 700;
    width: 12%;
    font-size: 12px;
    text-align: center;
    border-right: 1px solid #ddd !important;
}
#tablepress-2 td.column-2,#tablepress-2 td.column-3,#tablepress-2 td.column-4,#tablepress-2 td.column-5,#tablepress-2 td.column-6,#tablepress-2 td.column-7 {
    font-size: 12px;
    text-align: center;
    width: 12%;
    padding: 8px 2px;
    border-right: 1px solid #ddd !important;
}
#tablepress-2 td.column-2 img,#tablepress-2 td.column-3 img,#tablepress-2 td.column-4 img,#tablepress-2 td.column-5 img,#tablepress-2 td.column-6 img,#tablepress-2 td.column-7 img {
    max-width: 180px;
    height: auto;
}
#tablepress-2 td.column-7 {
    border-right: none !important;
}
#tablepress-2 thead th {
    background-color: #d9edf7;
    font-weight: 700;
    vertical-align: middle;
    font-size: 13px;
    text-align: center;
    border-right: 1px solid #ddd;
}
#tablepress-2 thead th:last-child {
    border-right: none !important;
}


#tablepress-3 {
    border-bottom: 1px solid #ddd;
}
#tablepress-3 td {
    font-size: 12px;
    text-align: center !important;
    border-right: 1px solid #ddd !important;
}
#tablepress-3 td:last-child {
    border-right: none !important;
}
#tablepress-3 td.column-1 {
    font-weight: 700;
    width: 12%;
    font-size: 12px;
    text-align: center;
    border-right: 1px solid #ddd !important;
}
#tablepress-3 td.column-2,#tablepress-3 td.column-3,#tablepress-3 td.column-4,#tablepress-3 td.column-5,#tablepress-3 td.column-6,#tablepress-3 td.column-7 {
    font-size: 12px;
    text-align: center;
    width: 12%;
    padding: 8px 2px;
    border-right: 1px solid #ddd;
}
#tablepress-3 td.column-2 img,#tablepress-3 td.column-3 img,#tablepress-3 td.column-4 img,#tablepress-3 td.column-5 img,#tablepress-3 td.column-6 img,#tablepress-3 td.column-7 img {
    max-width: 180px;
    height: auto;
}
#tablepress-3 td.column-7 {
    border-right: none !important;
}

#tablepress-3 thead th {
    background-color: #d9edf7;
    font-weight: 700;
    vertical-align: middle;
    font-size: 13px;
    text-align: center;
    border-right: 1px solid #ddd;
}
#tablepress-3 thead th:last-child {
    border-right: none !important;
}

@media only screen and (max-width:768px){
	.table_scroll {overflow: auto;white-space: nowrap;}
	.table_scroll::-webkit-scrollbar{ height: 5px;}
	.table_scroll::-webkit-scrollbar-track{ background: #F1F1F1;}
	.table_scroll::-webkit-scrollbar-thumb { background: #BCBCBC;}
}

@media only screen and (max-width:480px){
#tablepress-1 td.column-2 img,#tablepress-1 td.column-3 img,#tablepress-1 td.column-4 img,#tablepress-1 td.column-5 img,#tablepress-1 td.column-6 img,#tablepress-1 td.column-7 img {
    max-width: 120px;
    height: auto;
}
#tablepress-2 td.column-2 img,#tablepress-2 td.column-3 img,#tablepress-2 td.column-4 img,#tablepress-2 td.column-5 img,#tablepress-2 td.column-6 img,#tablepress-2 td.column-7 img {
    max-width: 120px;
    height: auto;
}
#tablepress-3 td.column-2 img,#tablepress-3 td.column-3 img,#tablepress-3 td.column-4 img,#tablepress-3 td.column-5 img,#tablepress-3 td.column-6 img,#tablepress-3 td.column-7 img {
    max-width: 120px;
    height: auto;
}

}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
取り説
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/*一覧ページ*/
.support_list {
    font-size: 0;
    text-align: center;
    margin-top: 12px;
}
.support_list ul{}
.support_list li {
    display: inline-block;
    vertical-align: top;
    width: 23.5%;
    margin: 0 0.5% 24px 0.5%;
    font-size: 16px;
}
.support_list li img{
    width: 100%;
    height:auto;
    margin: 0;
    box-shadow: 1px 1px 1px #ccc;
}

@media (max-width: 480px){
    .support_list li {
        width: 48%;
    }
}    


/*詳細ページ*/
#support_area {
    width: 96%;
    max-width: 900px;
    margin: 0px auto 30px auto;
    border: 10px solid #ddd;
    padding: 2em;
}
#support_area .tit_name {
    font-size: 140%;
    padding-bottom: 4px;
    border-bottom: 3px solid #CCCCCC;
    margin-bottom: 24px;
    font-weight: bold;
}
#support_area .sub_tit {
    color: #FFFFFF;
    background: #001F3F;
    width: 20%;
    font-size: 14px;
    padding: 0.5em 1.5em;
    text-align: center;
}
#support_area .support_ul {
    width: 96%;
    margin: auto;
    counter-reset: item;
}
#support_area .support_ul li {
    margin-bottom: 0.4em;
}
#support_area .support_ul li:before {
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5em;
  font-weight: bold;
  color: #b40000;
}
.text_red {
    color: #CC0000;
    font-size: 14px;
}
.madetext_waku {
    padding: 8px;
    border: 1px solid #CCCCCC;
    text-align: center;
    width: 60%;
    margin: 18px auto;
}
#support_area dl {
    width: 96%;
    margin: 0 auto 1.5em auto;
}
#support_area dd {
    margin-left: 1em;
}

#support_area table {
    width: 96%;
    margin: 2em auto;
}

table.table-number {
	margin: 0px auto 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: collapse;
	text-align: center;
	font-size: 13px;
}
table.table-number th {
    padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f0f0f0;
    font-weight: normal;
}
table.table-number td {
	padding: 8px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.support_ul02 {
    margin-top: 15px;
    margin-bottom: 18px;
}
.support_ul02 > li {
    margin-bottom: 0.5em;
    margin-left: 25px;
    position: relative;
}
.support_ul02 > li::before {
    position: absolute;
    content: "●";
    top: 5px;
    left: -15px;
    font-size: 8px;
}


@media (max-width: 480px){
    article div#support_area {
        width: 96%;
        margin: 12px auto;
        border: 3px solid #ddd;
        padding: 1em 0.7em;
    }
    #support_area .sub_tit {
        width: 100%;
        font-size: 14px;
        padding: 0.5em 0;
        text-align: center;
    }
    .madetext_waku {
        width: 90%;
        margin: 18px auto;
    }
    article div#support_area img{
        width: 100%;
        height:auto;
    }
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
　販売店
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.flow_area {
    width: 95%;
    margin: auto;
    position: relative;
}
.flow {
    width: 96%;
    margin: 1em auto;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.flow_area dl dt {
    margin: 1%;
    padding: 8px;
    display: inline-block;
}
.flow_area dl dt span {
    font-size: 20px;
    line-height: 1;
    margin: 0 0 8px 0;
    padding: 12px 10px 12px 14px;
    background: #a94442;
    color: #fff;
    border-radius: 50%;
}
.flow_area dl dd {
    margin: 0;
    padding: 0px 0 6px 0;
    display: inline-block;
    font-weight: 600;
}

.flow_area .entry-title_header {
    margin: 24px 0;
}
.entry-title_header h2 {
    line-height: 1.3;
    position: relative;
    padding: .6em 1em .6em 1.5em;
    border: 1px solid #ccc;
    font-size: 18px;
}
.entry-title_header h2::after {
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 6px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #a94442;
    border-radius: 4px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
　実例集　シングル
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.single .gazou  {
    max-width: 680px;
    margin: 18px auto;
}
.single .jirei_text_area {
    margin: 24px 0;
}
ul.jirei_text {
    border-bottom: 1px solid #ddd;
    padding: 0 0 18px 0;
    padding: 18px 0;
}
ul.jirei_text li {
    display: inline-block;
    font-size: 16px;
}
ul.jirei_text li a{
    font-size: 22px;
}
ul.jirei_text li.jirei_number {
    font-size: 14px;
    margin: 0 1.5em;
}
ul.jirei_text li.j_price span {
    font-weight: 600;
}

.gossip-sidebar .jirei_list {

}
.gossip-sidebar .jirei_list li{
    border-bottom: dotted 1px #ccc;
    margin-bottom: 12px;
    padding-bottom: 12px;
}
.gossip-sidebar .jirei_list li .thumbnail{
    display: inline-block;
    vertical-align: middle;
    width: 60%;
}
.gossip-sidebar .jirei_list li .thumbnail img{
    width: 100%;
    height: 120px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
}
.gossip-sidebar .jirei_list li .title{
    display: inline-block;
    vertical-align: middle;
}
.cart_btn  {
    max-width: 260px;
}
.cart_btn a, .btn-info a {
    display: block;
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
　実例集　アーカイブ
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.jirei_area {
    font-size: 0;
}
.jirei {
    display: inline-block;
    width: 31.33%;
    margin: 24px 3% 24px 0;
    vertical-align: top;
}
.jirei:nth-of-type(3n) {
    margin-right: 0;
}
.jirei .gazou{
    margin: 0px 0 12px 0;
}
.jirei .gazou img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
}
.jirei_area .jirei_text_area p{
    font-size: 15px;
}
.jirei_name{
    font-size: 18px;
        margin: 0;
}

@media (max-width: 768px){
    .jirei {
        display: inline-block;
        width: 48%;
        margin: 24px 3% 24px 0;
        vertical-align: top;
    }
    .jirei:nth-of-type(3n) {
        margin-right: 3%;
    }
    .jirei:nth-of-type(2n) {
        margin-right: 0;
    }

}

@media (max-width: 480px){
    .jirei {
        display: block;
        width: 100%;
        margin: 24px 0 24px 0;
        vertical-align: top;
    }
    .jirei:nth-of-type(3n) {
        margin-right: 0;
    }
    .jirei:nth-of-type(2n) {
        margin-right: 0;
    }

}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
　カテゴリー分け
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.single-page-title {
    font-size: 28px;
}
.gossip-cat-content {
    margin-bottom: 48px;
    margin-top: 32px;
    font-size: 0;
}
.c_area {
    display: inline-block;
    width: 30.5%;
    margin: 0 2% 24px 0;
    font-size: 15px;
    vertical-align: top;
}
.c_area img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
}

@media (max-width: 480px){
    .page-header {
        padding-bottom: 9px;
        margin: 60px 0 20px;
        border-bottom: 1px solid #eee;
        text-align: center;
    }

    .c_area {
        display: inline-block;
        width: 48%;
        margin: 0 0.5% 24px 0.5%;
        font-size: 15px;
        vertical-align: top;
    }
    .c_area img {
        width: 100%;
        height: 180px;
        object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
    }

}

