/*
Theme Name: komoda
Theme URI: https://themegrill.com/themes/flash
Author: komoda
*/


html {
    font-size: 62.5%;
    overflow-y: scroll;
    -ms-text-size-adjust: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
	font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    word-break: break-word;
}
*, *:before, *:after {
    box-sizing: border-box;
}
html{
    -webkit-locale: "ja";
}
html {
    display: block;
}
*, *:before, *:after {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: border-box;
}

body {
    font-family: "Montserrat";
}
body, button, input, select, textarea {
    color: #333333;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    background: #fff;
}
body {
    display: block;
}

.site {
    background-color: #fff;
}

div {
    display: block;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.tg-container:after,
.tg-container:before {
    content: '';
    display: table;
}

.clearfix:after,
.row:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.tg-container:after {
    clear: both;
}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.tg-container:after,
.tg-container:before {
    content: '';
    display: table;
}
.header-top {
    background-color: #f1f5f8;
}
.header-bottom {
    background: #BBDEFB;
}

.tg-container {
    margin: 0 auto;
	display: block;
    /* text-align: center; */
	display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	
}
.header-bottom .tg-container {
    display: block;
    text-align: center;
}
.tg-container {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
	display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.tg-column-wrapper {
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tg-column-wrapper {
    clear: both;
    margin-left: -3%;
}



.test {
    display: block;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

a:hover {
    color: #1976d2;
    /* text-decoration: underline; */
}
a:hover {
    /* color: #000; */
}

a:hover, a:active {
    outline: 0;
}



.wp-custom-header {
    position: relative;
}

.navigation
.nav-links a:hover,
.bttn:hover,
 button,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover {
    color: #ffffff;
}
.navigation
.nav-links a,
.bttn,
 button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
    background: #333333;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 13px;
    height: 33px;
    border: none;
    padding: 10px 15px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    text-shadow: none;
    transition: background 0.5s ease;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
}

.wp-custom-header img {
    /* margin-bottom: 30px; */
    display: block;
    margin-left: auto;
    margin-right: auto;
}
a img {
    border: 0;
    padding: 10px;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
p {
    /* margin: 0 0 30px; */
}


#site-navigation {
    /* float: left; */
}
#site-navigation {
    padding: 0;
    margin: 0 auto;
}
#site-navigation .menu-toggle {
    display: none;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
dfn, cite, em, i {
    font-style: italic;
}

#site-navigation ul {
    margin: 0;
    list-style: none;
}
ul {
    list-style: disc;
}
ul, ol {
    margin: 0 0 15px 15px;
}
ol {
    list-style: decimal;
}
#site-navigation ul li {
    float: left;
    padding: 23px 30px 23px 0;
    position: relative;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
ul, menu, dir {
    display: block;
    list-style-type: disc;
}
#site-navigation ul li:hover > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_item > a {
    color: #30afb8;
}
#site-navigation ul li a {
    color: #4c5867;
}
#site-navigation ul li a {
    font-size: 14px;
}

.site-navigation-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.site-navigation-wrapper {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6;
}

.menu_visible-sm {
    overflow: hidden;
    /* margin-bottom: 20px; */
}

.site-main {
    overflow: hidden;
    margin-bottom: 20px;
}
.explan {
    overflow: hidden;
    margin-bottom: 20px;
}
.marginBottom20 {
    margin-bottom: 20px;
}
.marginTop20 {
    margin-top: 20px;
}
h1, h2, h3, h4, h5, h6 {
    /* font-weight: 700; */
}
h1 {
    display: block;
    /* font-size: 2em; */
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
h2 {
    /* font-size: 25px; */
    /* margin-bottom: 20px; */
    padding: 5px 0 5px 10px;
    background-color: #f0f5ff;
    border-left: 6px solid #3498db;
    /* font-size: 15px;*/
	 font-size: 120%;
}
h3 {
    /* font-size: 30px; */
    padding: 5px 0 5px 1%;
    /* background: #BBDEFB; */
    border-left: 6px solid #1976D2;
    /* font-size: 20px; */
    /* border-left: 6px solid #FF5252; */
    font-size: 120%;
    font-weight: bold;
    /* color: #1976D2; */
    margin-bottom: 15px;
}

.post {
    width: 100%;
}
.post {
    /* margin-bottom: 40px; */
    display: inline-block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.post-categories {
    list-style: none;
}
element.style {
    text-align: center;
    float: left;
    position: relative;
}

.spin_infinite {
    transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
}
.profile_left {
	float:right;
	width:75px; 
	position: absolute;
	top: -12px;
	right: -45px;
}
.profile_right {
	float:right;
	width:275px; 
	position: absolute;
	top: 0px;
	right: -330px;
	text-align:left;
}
.excerpt_parent {
    float: left;
    height: 150px;
    min-width: 100px;
    width: 60%;
}
.excerpt {
    min-width: 100px;
    width: 60%;
    height: 150px;
    vertical-align: bottom;
    display: table-cell;
    padding-left: 10px;
}
#bottom-footer {
    padding: 20px 0;
    background-color: #28313d;
}
#secondary .widget {
    margin-bottom: 30px;
    margin-top: 30px;
}

#secondary .widget h3 {
    border-bottom: #1976D2 solid 1px;
}
#secondary .widget-title {
    font-size: 16px;
    position: relative;
    margin-bottom: 30px;
}
#secondary .widget ul {
    margin: 0;
    list-style: none;
}
#secondary .widget ul li {
    position: relative;
    padding: 0 20px 10px 20px;
    /* font-size: 12px; */
}
#secondary .widget ul li a {
    font-size: 14px;
}

.textwidget {
    margin-left: 10px;
}
.textwidget_li{
	padding-left:10px!important;	
}

.features8 ol {
    counter-reset: number;
    list-style-type: none!important;
    background: #f5faff;
    padding: 0.3em 0.8em;
    border: solid 2px #5c9ee7;
    font-size: 16px;
    margin: 0 10px 0 0;
}
.features8 ol li {
    position: relative;
    line-height: 1.5em;
    padding: 0.5em 0.5em 0.5em 30px;
    border-bottom: dashed 1px #5c9ee7;
}
.features8 li:before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    background: #5c9ee7;
    color: white;
    font-family: 'Avenir','Arial Black','Arial',sans-serif;
    border-radius: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#bottom-footer {
    padding: 20px 0;
    background-color: #28313d;
}
#bottom-footer .copyright {
    float: left;
}
#bottom-footer .copyright-text {
    color: #fff;
    font-size: 12px;
}
#bottom-footer .copyright-text a {
    color: #bcbaba;
}
#scroll-up {
    background-color: #30afb8;
    border-radius: 3px;
    bottom: 20px;
    color: #fff;
    display: none;
    padding: 10px 16px;
    position: fixed;
    opacity: 0.5;
    filter: alpha(opacity=50);
    right: 20px;
}
i, cite, em, var, address, dfn {
    font-style: italic;
}

.menu-sm {
    width: 33.33333333%;
    float: left;
    padding: 3px 3px;
}
.menu_button {
    width: 99%;
    height: 60px;
    border: solid 1px #4c5867;
    color: #4c5867;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: table;
    text-align: center;
    vertical-align: middle;
}
.menu-sm span {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 20px;
}


.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

#secondary .searchform input {
    border: none;
    border: 1px solid #666;
    width: 80%;
	margin:5px;
}
#secondary .searchform .btn:hover {
    background: #30afb8 none repeat scroll 0 0;
}









.post-contents{
	text-align: center;
	float:left;
	position:relative;
	width:150px;

}

.breadcrumb-trail.breadcrumbs .trail-items {
    float: right;
    margin: 0;
    padding: 14px 0;
    list-style: none;
}
.breadcrumb-trail.breadcrumbs .trail-items li {
    float: left;
}
.breadcrumb-trail.breadcrumbs .trail-items li span{
    font-size: 12px;
    color: #a1a1a1;
    position: relative;
    line-height: 18px;
    padding: 0 14px;
}

.trail-items a{
    color: #a1a1a1;
}

.site-main {
    overflow: hidden;
    margin-bottom: 20px;
}

.entry-meta a, .entry-footer a {
    font-size: 12px;
    color: #8e8e8e;
}

.post .entry-thumbnail {
    float: left;
    margin-right: 30px;
    /* width: 33.7%; */
    width: 100%;
    text-align: center;
}
.single .entry-content-block {
    width: 100%;
}

.entry-content-block {
    overflow: hidden;
}
.single .entry-content-block .entry-header {
    margin: 20px 0 5px;
}

.single .entry-content-block .entry-title {
    font-size: 20px;
}

.entry-content-block .entry-title {
    font-size: 18px;
}

.hidden {
    display: none;
}


#primary .post .entry-content-block .entry-content {
    border: none;
}

.single .entry-content-block .entry-content {
    border-bottom: 1px solid #c5c5c5;
}

.entry-content {
    font-size: 16px;
}

.entry-content {
    margin-bottom: 20px;
}

.entry-content, .entry-summary {
    margin-top: 12px;
    color: #606060;
}

.single_mess {
	line-height: 180%;
    margin-bottom: 60px;
}


p {
    /* margin: 0 0 30px; */
}
.sm_none {
    max-width: 300px;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}


.entry-content-table {
    padding-left: 10px;
    padding-right: 10px;
}

table {
    margin: 0 0 15px;
    width: 100%;
    border-collapse: collapse;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
.entry-content-table th {
    width: 30%;
    font-weight: normal;
    text-align: center;
    background-color: #F6F6F6;
    white-space: nowrap;
}
.entry-content-table th, .entry-content-table td {
    padding: 8px;
}
th {
    font-weight: bold;
    border: 1px solid #CCC;
    padding: 5px 10px;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}


.entry-content-table th, .entry-content-table td {
    padding: 8px;
}
td {
    border: 1px solid #CCC;
    padding: 5px 10px;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
	vertical-align: top;
}




#primary .entry-footer span {
    font-size: 14px;
    margin-right: 15px;
}
.single .entry-content-block .entry-footer span {
    color: #8e8e8e;
    font-size: 14px;
    margin-right: 15px;
}
#primary .entry-footer span .fa {
    margin-right: 5px;
}
.single .entry-content-block .entry-footer span .fa {
    margin-right: 5px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
dfn, cite, em, i {
    font-style: italic;
}


#primary .entry-footer span a {
    font-size: 12px;
}

.single .entry-content-block .entry-footer span a {
    color: #8e8e8e;
    font-size: 12px;
}
.entry-meta a, .entry-footer a {
    font-size: 12px;
    color: #8e8e8e;
}
#primary .entry-footer span {
    font-size: 14px;
    margin-right: 15px;
}

.single .entry-content-block .entry-footer span {
    color: #8e8e8e;
    font-size: 14px;
    margin-right: 15px;
}

#primary .entry-footer span .fa {
    margin-right: 5px;
}
.single .entry-content-block .entry-footer span .fa {
    margin-right: 5px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

dfn, cite, em, i {
    font-style: italic;
}

#primary .entry-footer span a {
    font-size: 12px;
}
.single .entry-content-block .entry-footer span a {
    color: #8e8e8e;
    font-size: 12px;
}

.entry-meta a, .entry-footer a {
    font-size: 12px;
    color: #8e8e8e;
}


.post-navigation {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

.features_margin {
    margin-top: 60px;
}
.ninki, .osusume {
    width: 33.333333%;
    /* padding: 10px;*/
    padding: 2px;
    float: left;
}



.nav-previous, .nav-next {
    width: 49%;
}

.nav-previous {
    margin-bottom: 5px;
}
.post-navigation .nav-previous {
    float: left;
}
.nav-previous, .nav-next {
 width: 49%;
	
}
.nav-previous {
    margin-bottom: 5px;
}
.nav-previous, .nav-next {
    width: 49%;
}

.nav-next {
    margin-bottom: 5px;
}
.nav-previous a, .nav-next a {
    height: auto!important;
}

.post-navigation .nav-next {
    float: right;
}

.nav-previous, .nav-next {
    width: 49%;
}
.nav-next {
    margin-bottom: 5px;
}
.nav-previous span, .nav-next span {
    line-height: 150%;
}

.chara_waku01 {
    /* border-radius: 10px; */
    /* -webkit-border-radius: 10px; */
    /* -moz-border-radius: 10px; */
    width: 30%;
    float: left;
    margin: 5px;
    padding: 5px;
}
.color01 {
    /* border: #FFCC99 10px solid; */
    /* border: #BBDEFB 10px solid; */
    border: 2px solid #2196F3;
    box-shadow: 0 0 0 4px #BBDEFB;
}
.color02 {
    /* border: #ff906c 10px solid; */
    /* border: #BBDEFB 10px solid; */
    border: 2px solid #2196F3;
    box-shadow: 0 0 0 4px #BBDEFB;
}
.color03 {
    /* border: #ff6c6c 10px solid; */
    /* border: #BBDEFB 10px solid; */
    border: 2px solid #2196F3;
    box-shadow: 0 0 0 4px #BBDEFB;
}
center {
    display: block;
    text-align: -webkit-center;
}
.chara_waku01_img {
    width: 70%;
    max-width: 290px;
    max-height: 290px;
}
.chara_waku01_moji {
    /* height: 50px; */
    min-height: 95px;
    padding: 10px;
    font-size: 14pt;
}

.single .entry-thumbnail img {
    padding: 0;
}
.entry-thumbnail .nelioefi {
    max-width: 300px;
}

.entry-content {
    font-size: 16px;
}
.entry-content {
    margin-bottom: 20px;
}
.entry-content, .entry-summary {
    margin-top: 12px;
    color: #606060;
}
.form_message {
    padding: 10px;
    border: 1px #3498db solid;
    margin-bottom: 30px;
}
.form_message span {
    font-weight: bold;
}
.form_message strong {
    display: block;
    font-size: 18px;
    color: #3498db;
    margin-top: 10px;
    margin-bottom: 5px;
}

b, strong {
    font-weight: bold;
}
div.wpcf7 {
    margin: 0;
    padding: 0;
}
div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}
#primary .entry-footer span {
    font-size: 14px;
    margin-right: 15px;
}
#primary .entry-footer span a {
    font-size: 12px;
}
.wpcf7-form p {
    margin-top: 10px;
}
label.contact_f {
    margin-left: 18px;
    position: relative;
}
label.contact_f::after {
    display: block;
    content: '';
    position: absolute;
    top: .5em;
    left: -1em;
    width: 6px;
    height: 6px;
    background-color: #3498db;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.wpcf7-form-control-wrap {
    position: relative;
}
span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
}

input[type="checkbox"], input[type="radio"] {
    padding: 0;
}


button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
}
body, button, input, select, textarea {
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
}
label.contact_f {
    margin-left: 18px;
    position: relative;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
    padding: 3px 6px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
    color: #666;
    border: 1px solid #ccc;
    height: 36px;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0px;
}

.form-width {
    max-width: 100%;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
}

.form-width {
    max-width: 100%;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
}
p.contact_tel {
    margin-top: 0px;
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
}
option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}
textarea {
    overflow: auto;
    padding-left: 3px;
    vertical-align: top;
    color: #666;
    border: 1px solid #ccc;
    height: 160px;
    max-width: 100%;
    width: 100%;
}
p.contact_site {
    font-size: 18px;
    margin-top: 60px;
}
.navigation .nav-links a, .bttn, button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: #333333;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 13px;
    height: 33px;
    border: none;
    padding: 10px 15px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    text-shadow: none;
    transition: background 0.5s ease;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url(../../images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}
div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
}
.wpcf7-display-none {
    display: none;
}




.entry-meta a, .entry-footer a {
    font-size: 12px;
    color: #8e8e8e;
}
#primary .entry-footer span {
    font-size: 14px;
    margin-right: 15px;
}

#primary .entry-footer span a {
    font-size: 12px;
}
.entry-meta a, .entry-footer a {
    font-size: 12px;
    color: #8e8e8e;
}

#primary .entry-footer span {
    font-size: 14px;
    margin-right: 15px;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}


	#primary .post .entry-thumbnail img, .archive #primary .post .entry-content-block, .archive.grid-view #primary .post, .blog #primary .post .entry-content-block, .blog.grid-view #primary .post {
    width: 100%;
}

/* 20180330add */
.image_div{
    border-radius: 3px;
    background-position: center center;
    background-size: cover;
    height: 150px;
    width: 150px;
}

.image_div a{
    display: block;
    height: 150px;
    width: 150px;
}

.image_big_div{
    border-radius: 3px;
    background-position: center center;
    background-size: cover;
	display: inline-block;
	width:300px;
}

.image_big_div a{
    display: block;
    height: 300px;
    width: 300px;
}
/* 20180330add */
/* 20180402add */
.img_gray {
	-webkit-filter: grayscale(1); /* Webkit */
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* W3C */
	cursor: default;
}
.img_sepia {
	 -webkit-filter: sepia(100%) ;
     -moz-filter: sepia(100%) ;
     -o-filter: sepia(100%)  ;
     -ms-filter: sepia(100%)  ;
     filter: sepia(100%) ;
}
/* 20180402add */
/* 20180521add */
/* iba */
.cm-waku{	
    display:none;
}
/* 20180521add */

/*********** レスポンシブ用　***********/
@media screen and (min-width:1200px){
.tg-container {
    width: 1200px;
    /* margin: 0 auto; */
}
}
@media screen and (max-width: 1200px){
.tg-container {
    width: 98%;
}
}
@media screen and (min-width:1066px){
  /*1066px以上で適用する内容*/
 .menu_visible-sm{
    display:none;
 }
 .site-navigation-wrapper{
    /* display:block; */
	display: flex;
 }
 .test{
    display:block;
 }

.header-bottom{
   background:#BBDEFB;
 }
 .test2{
    display:none!important;
 }
#secondary {
    float: right;
    width: 32.22%;
}
#primary {
    float: left;
    width: 65.5%;
}
#searchform{
	padding: 0 0px 10px 20px;
	
}
.tg-container {
    /* width: 1200px; */
    /* margin: 0 auto; */
}
	
}

@media screen and (max-width:1065px){
  /*1065px以下で適用する内容*/
	
#secondary {
    float: right;
    width: 32.22%;
}
#primary {
    float: left;
    width: 65.5%;
}
	
 .menu_visible-sm{
    display:block;
 }
 .site-navigation-wrapper{
    display: none!important;
 }
 .center-logo-below-menu .logo {
    float: none!important;
 }
 .test{
    display: none!important;
 }
.header-bottom{
  background:#ffffff;
 }
 .test2{
    display:block;
 }
	
#searchform{
	padding: 0 0px 10px 20px;
	
}
	
}


@media screen and (min-width:769px) and (max-width:991px){
  /*768px以上992px未満で適用する内容*/

}

@media screen and (max-width:768px){
  /*768px以下で適用する内容*/
 h3 {
/*
   font-size:20px;
*/
 }
 .front_go h4 {
   margin-top:20px;
   font-size:14px;
 }
 .color01 {
    /* border: #FFCC99 5px solid;*/
    /* border: #BBDEFB 5px solid;*/
	border: 2px solid #2196F3;
    box-shadow: 0 0 0 4px #BBDEFB;
 }
 .color02 {
    /* border: #ff906c 5px solid;*/
    /* border: #BBDEFB 5px solid;*/
	border: 2px solid #2196F3;
    box-shadow: 0 0 0 4px #BBDEFB;
 }
 .color03 {
    /* border: #ff6c6c 5px solid;*/
    /* border: #BBDEFB 5px solid;*/
	border: 2px solid #2196F3;
    box-shadow: 0 0 0 4px #BBDEFB;
 }
 .chara_waku01_moji   { 
   font-size:12px;

  min-height:110px; 
 }

 .single_mess{
   margin-bottom:30px;
 }
.custom-html-widget{
   /* text-align:center; */
}
.widget-area{
  margin-top:20px;
}
.ninki h4, .osusume h4{
    font-size:14px;
}
.home_ul h1{
    /* font-size:16px; */
}
	

/* iba */
.widget_search{
    text-align: center;
    padding: 15px;
    /* border: #000 solid 1px; */
	background:#BBDEFB;
}
	
#primary, #secondary {
    float: none;
    width: 100%;
}
	

	
}

@media screen and (max-width:600px){
  /*600px以下で適用する内容*/
.sm_none {
	display:none;
}
/* iba */
.cm-waku{	
    display:block;
}	
	
	
/*　トリミングする外側の枠　*/
/*
.wp-custom-header img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
*/
	
	#primary .post .entry-thumbnail img, .archive #primary .post .entry-content-block, .archive.grid-view #primary .post, .blog #primary .post .entry-content-block, .blog.grid-view #primary .post {
    width: 100%;
}


}

@media screen and (max-width:480px){
  /*480px以下で適用する内容*/
.logo-text .site-description {
	font-size: 14px;
}
.breadcrumb-trail.breadcrumbs .trail-title {
	font-size: 20px;
}
.features_margin{
 margin-top:40px;
}
.menu-sm span{
  font-size: 80%;
}


/*　トリミングする外側の枠　*/
/*
.wp-custom-header img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
*/
	.post-contents{
	float:none;
	/* margin: 0 auto; */
}
	.excerpt_parent{
		height:auto;width:100%;
	}
	.excerpt{
		height:auto;
		display: block;
		width:90%;
		margin: 0 auto;
		margin-top:10px;
	}
	
	
.profile-contents{
	margin:0;
}
.img_gray{
    width:150px;
}
.profile_right {
    float: left;
    width: 300px;
    position: static;
	margin-left:20px;
	margin-bottom:10px;
}
	
}

.contents_title{
    padding: 5px 0 5px 10px;
    background-color: #f0f5ff;
    border-left: 6px solid #3498db;
    font-size: 140%;
}

.article-snsbox ul {
    margin: 0 auto;
    list-style: none;
}
.article-snsbox li {
    display: inline-block;
    vertical-align: top;
    line-height: 0;
    margin-right: 5px;
}
.article-snsbox a img {
    margin: 0px;
    padding: 0px;
}
.arrow_box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #666;
    height: 35px;
    width: 88px;
    margin-bottom: 8px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.image_list{
  display: block;
  height: auto;
  max-width: 100%;	
}
.resolved{
	float:right;
	width:275px;
	position: absolute;
	top: 0px;
	right: -300px;
	text-align:left;
}
@media screen and (max-width: 768px){
.contents_list {
    width: 33.3%;
}
.image_div{
    /* width: 120px; */
    /* max-width: 120px; */
    width: 100%;
    /* background-position: center center; */
	/* background-size:contain; */
	/* background-repeat: no-repeat; */
    /* background-position: 50% 50%; */
    /* background-attachment:fixed; */
}
.resolved {
    width: 210px;
	right: -220px;
}
}
@media screen and (max-width:355px) {
.image_div{
    width: 90px;
}
.resolved {
    width: 210px;
	right: -200px;

}
}

.link_site {
    display:inline-block;
    float:left;
	width:50%;
	height:275px;
}
.link_site a{
    float:left;
	margin:10px;
}
.link_site img{
    width:300px;
	border:#000 1px solid;
	padding:0px;
}

@media screen and (max-width:767px) {
.link_site {
    clear:both;
	width:100%;
}
}


.merit{
	font-size:140%!important;
	color:#ee7b4f;
}
.merit-table{
}
.merit-table th{
	background-color:#db3f3e;
	color:#ffffff;
}
.merit-table span{
	font-weight:bold;
	color:#18489d;	
}
.merit_link:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.merit_strong{
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 120%;
}


/* 借金相談用CSS */
a.soudan_cp_btn {
display: block;
width: 95%;
padding: 0.8em;
text-align: center;
text-decoration: none;
color: #1976d2;
border: 2px solid #1976d2;
border-radius: 3px;
transition: .4s;
	margin:5px 2%;
}
a.soudan_cp_btn:hover {
background: #1976d2;
color: #fff;
}

/* 知恵袋ピックアップ用CSS */
.chiebukuro h2{
	margin-bottom:20px;
	border-left: 6px solid #ff7373;
	background:#fee;
	color:#f00;
	padding:20px 5px;
	margin-top: 0px;
	margin-top:40px;
}
.chiebukuro h3{
	border-left: 6px solid #FF5252;
	background:#f00;
	color:#fff;
}


.excerpt_parent2 {
    float: left;
    min-width: 100px;
    width: 100%;
}
.excerpt2 {
    min-width: 100px;
    width: 100%;
    vertical-align: bottom;
    display: table-cell;
    padding-left: 10px;
}

a.chiebukuro_cp_btn {
display: block;
width: 95%;
padding: 0.8em;
text-align: center;
text-decoration: none;
color: #f00;
border: 2px solid #f00;
border-radius: 3px;
transition: .4s;
	margin:5px 2%;
}
a.chiebukuro_cp_btn:hover {
background: #f00;
color: #fff;
}

.news h2 {
    margin-bottom: 20px;
    border-left: 6px solid #a9ff73;
    background: #ddf6ca;
    color: #4ca315;
    padding: 20px 5px;
    margin-top: 0px;
    margin-top: 40px;
}
a.news_btn {
    display: block;
    width: 95%;
    padding: 0.8em;
    text-align: center;
    text-decoration: none;
    color: #4ca315;
    border: 2px solid #4ca315;
    border-radius: 3px;
    transition: .4s;
    margin: 5px 2%;
	margin-top:-30px;

}
a.news_btn:hover{
	color: #ffffff;
	background-color: #4ca315;
}
.news_list{
	border-top: 2px solid #4ca315;
	border-right: 2px solid #4ca315;
	border-left: 2px solid #4ca315;
}
.news_list_content{
	border-bottom: 2px solid #4ca315;
	border-right: 2px solid #4ca315;
	border-left: 2px solid #4ca315;
}



/* ヘッダーボタン用CSS */
/* 事例集 */
.head_btn11{
	width:30%;
	max-width:350px;
	float:left;
	color: #1976d2;
	margin: 3px;
	transition: .4s;
}
.head_btn11:hover {
	background: #1976d2;
	color: #fff;
}
.head_btn12{
	border-top: 2px solid #1976d2;
	border-left: 2px solid #1976d2;
	border-right: 2px solid #1976d2;
	border-bottom: 1px solid #1976d2;
	text-align: center;
	text-decoration: none;
	padding: 0.8em;
}
.head_btn13{
	border-top: 1px solid #fff;
	border-left: 2px solid #1976d2;
	border-right: 2px solid #1976d2;
	border-bottom: 2px solid #1976d2;
	text-align: center;
	text-decoration: none;
	padding: 0.8em;
}
/* 知恵袋 */
.head_btn21{
	width:30%;
	max-width:350px;
	float:left;
	color: #f00;
	margin: 3px;
	transition: .4s;
}
.head_btn21:hover {
	background: #f00;
	color: #fff;
}
.head_btn22{
	border-top: 2px solid #f00;
	border-left: 2px solid #f00;
	border-right: 2px solid #f00;
	border-bottom: 1px solid #f00;
	text-align: center;
	text-decoration: none;
	padding: 0.8em;
}
.head_btn23{
	border-top: 1px solid #fff;
	border-left: 2px solid #f00;
	border-right: 2px solid #f00;
	border-bottom: 2px solid #f00;
	text-align: center;
	text-decoration: none;
	padding: 0.8em;
}
/* News */
.head_btn31{
	width:30%;
	max-width:350px;
	float:left;
	color: #4ca315;
	margin: 3px;
	transition: .4s;
}
.head_btn31:hover {
	background: #4ca315;
	color: #fff;
}
.head_btn32{
	border-top: 2px solid #4ca315;
	border-left: 2px solid #4ca315;
	border-right: 2px solid #4ca315;
	border-bottom: 1px solid #4ca315;
	text-align: center;
	text-decoration: none;
	padding: 0.8em;
}
.head_btn33{
	border-top: 1px solid #fff;
	border-left: 2px solid #4ca315;
	border-right: 2px solid #4ca315;
	border-bottom: 2px solid #4ca315;
	text-align: center;
	text-decoration: none;
	padding: 0.8em;
}
/* 他 */
.head_btn41{
	width:30%;
	max-width:350px;
	float:left;
	color: #4c5867;
	margin: 3px;
	transition: .4s;
}
.head_btn41:hover {
	background: #BBDEFB;
	/* color: #fff; */
}
.head_btn42{
	border-top: 2px solid #4c5867;
	border-left: 2px solid #4c5867;
	border-right: 2px solid #4c5867;
	border-bottom: 2px solid #4c5867;
	text-align: center;
	text-decoration: none;
	padding: 0.8em;
}
.head_btn43{
	border-top: 1px solid #fff;
	border-left: 2px solid #4c5867;
	border-right: 2px solid #4c5867;
	border-bottom: 2px solid #4c5867;
	text-align: center;
	text-decoration: none;
	padding: 0.8em;
}
@media screen and (max-width:600px){
  /*600px以下で適用する内容*/
.head_btn12{
	border-bottom: 2px solid #1976d2;
}
.head_btn22{
	border-bottom: 2px solid #f00;
}
.head_btn32{
	border-bottom: 2px solid #4ca315;
}
.head_btn13{
	display:none;
}
.head_btn23{
	display:none;
}
.head_btn33{
	display:none;
}
}

/* 相互RSS用CSS */
.blogroll-channel {
	/* border: solid 1px #999 !important; */
	/* height: 200px !important; */
	height: 500px !important;
	overflow-y: scroll;
	max-width:1050px;
	padding-bottom:0px;
}

.blogroll-list{
	font-size:11px;
	padding-bottom:5px;
}

/* グランドメニュー用CSS */
.button1 {
  background-color: #f0f5ff;
  border: 1px solid #1976d2;
  color:#1976d2;
}
.button2 {
  background-color: #fee;
  border: 1px solid #f00;
  color:#f00;
}
.button3 {
  background-color: #ddf6ca;
  border: 1px solid #4ca315;
  color:#4ca315;
}