/*!
Theme Name: incloop
Theme URI: https://incloop.com/
Author: incloop
Author URI: https://incloop.com/
Description: themes
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: incloop
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Common
# Flex
# Layout
# Respo

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html{line-height:1.15;-webkit-text-size-adjust:100%;}
body{margin:0;}
main{display:block;}
h1{font-size:2em;margin:0.67em 0;}
hr{box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:monospace, monospace;font-size:1em;}
a{background-color:transparent;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
img{border-style:none;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:0.35em 0.75em 0.625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
details{display:block;}
summary{display:list-item;}
template{display:none;}
[hidden]{display:none;}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6{clear:both;}
p{margin-bottom:1.5em;}
dfn, cite, em, i{font-style:italic;}
blockquote{margin:0 1.5em;}
address{margin:0 0 1.5em;}

pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym{border-bottom:1px dotted #666;cursor:help;}
mark, ins{background:#fff9c0;text-decoration:none;}
big{font-size:125%;}



/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html{box-sizing:border-box;}
*,*:before,*:after{box-sizing:inherit;}
body{background:#fff;}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em;}
ul, ol{margin:0 0 1.5em 0.5em; padding-inline-start: 30px;}
ul{list-style:disc;}
ol{list-style:decimal;}
li > ul,li > ol{margin-bottom:0;margin-left:1.5em;}
dt{font-weight:bold;}
dd{margin:0 1.5em 1.5em;}
img{height:auto;max-width:100%;}
figure{margin:1em 0;}
table{margin:0 0 1.5em;width:100%;}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
  padding: 0;
}

button a{padding: .6em 1em .4em;}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}
input[type="submit"]:hover, button:hover {
    color: #000;
    background: #fff;
}
input[type="submit"],button {
    padding: 5px;
    font-size: 1.0rem;
    margin: 5px auto;
    cursor: pointer;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}
@media screen and (max-width: 600px) {
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    width: 100%;
}
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select { border: 1px solid #ccc; }

textarea { width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a{color:#003ec0;transition : all 0.3s ease 0s; text-decoration: none;}
a:visited{color:#003ec0;}
a:hover, a:focus, a:active{color:#ba0000;opacity: 0.5}
a:focus{outline:thin dotted;}
a:hover, a:active{outline:0;}

a img{transition : all 0.3s ease 0s;}
a img:hover{opacity: 0.5}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.menu-menu-1-container {
    max-width: 960px;
    margin: auto;
}
.nav-menu {
    justify-content: space-around;
}
.main-navigation {
    clear: both;
    display: block;
    width: 100%;
}
.menu-bg {
    background: #8f8f8f;
    background: -moz-linear-gradient( #303030 0%,#8f8f8f 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#8f8f8f));
    background: -webkit-linear-gradient( #303030 0%,#8f8f8f 100%);
    background: -o-linear-gradient(#303030 0%,#8f8f8f 100%);
    background: linear-gradient( #303030 0%,#8f8f8f 100%);
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a { width: 200px; }

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
    position: relative;
    display: table;
    width: 12.4%;
    height: 60px;
}

.main-navigation a {
	display: block;
	text-decoration: none;
  color: #FFF;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.main-navigation a:hover {
    background: #333;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
button.menu-toggle {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
    height: 50px;
    width: 50px;
    margin: 0;
    padding: 0;
}
button.menu-toggle:before {
    font-family: "dashicons";
    content: "\f228";
    font-size: 36px;
    line-height: 1.4;
}
.main-navigation.toggled button.menu-toggle:before {
    content: "\f335";
}

@media screen and (min-width: 37.5em) {
.menu-toggle{display:none;}
.main-navigation ul{display: flex; display: -ms-flexbox; -ms-flex-flow: row wrap; flex-flow: row wrap;}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
	clip-path: none;
	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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft{display:inline;float:left;margin-right:1.5em;}
.alignright{display:inline;float:right;margin-left:1.5em;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear: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 {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget select{max-width:100%;}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky{display:block;}
.updated:not(.published){display:none;}
.page-content,.entry-content,.entry-summary{margin:1.5em 0 0;}
.page-links{clear:both;margin:0 0 1.5em;}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a{word-wrap:break-word;}
.bypostauthor{display:block;}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption{margin-bottom:1.5em;max-width:100%;}
.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto;}
.wp-caption .wp-caption-text{margin:0.8075em 0;}
.wp-caption-text{text-align:center;}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery{margin-bottom:1.5em;}
.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;}
.gallery-columns-2 .gallery-item{max-width:50%;}
.gallery-columns-3 .gallery-item{max-width:33.33%;}
.gallery-columns-4 .gallery-item{max-width:25%;}
.gallery-columns-5 .gallery-item{max-width:20%;}
.gallery-columns-6 .gallery-item{max-width:16.66%;}
.gallery-columns-7 .gallery-item{max-width:14.28%;}
.gallery-columns-8 .gallery-item{max-width:12.5%;}
.gallery-columns-9 .gallery-item{max-width:11.11%;}
.gallery-caption{display:block;}

/*--------------------------------------------------------------
## Flex
--------------------------------------------------------------*/

/****flexbox @flexy Copyright (c) 2018 Vladimir Carrer****/

* {box-sizing: border-box;}

.flex{display: flex; display: -ms-flexbox; -ms-flex-flow: row wrap; flex-flow: row wrap;}

.dp10,.dp12,.dp17,.dp20,.dp25,.dp33,.dp40,.dp50,.dp60,.dp67,.dp75,.dp80,.dp83,.dp100,.fluid{margin:0 5px}

.dp10{width:calc(10% - 10px)}
.dp12{width:calc(12.5% - 10px)}
.dp17{width:calc(16.6667% - 10px)}
.dp20{width:calc(20% - 10px)}
.dp25{width:calc(25% - 10px)}
.dp33{width:calc(33.3334% - 10px)}
.dp40{width:calc(40% - 10px)}
.dp50{width:calc(50% - 10px)}
.dp60{width:calc(60% - 10px)}
.dp67{width:calc(66.6667% - 10px)}
.dp75{width:calc(75% - 10px)}
.dp80{width:calc(80% - 10px)}
.dp83{width:calc(83.3334% - 10px)}
.dp100{width:calc(100% - 10px)}

.fluid{-ms-flex: 2;flex:2}
.clear{width: 100%}

.f-center{justify-content: center;align-items: center;}
.f-right{justify-content: flex-end;align-items: center;}

@media (max-width: 600px) {
  .dp10,.dp12,.dp17,.dp20,.dp25,.dp33,.dp40,.dp50,.dp60,.dp67,.dp75,.dp80,.dp83,.dp100,.fluid {width:100%; margin:0}}

/*--------------------------------------------------------------
## Common
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;

    font-size:16px;
}
body:before {
    background: url(../img/bg001.jpg);
    background-size: cover;
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
}

button a {
    display: block;
}
.pc-on{display:block;}
.sp-on{display:none;}
.sp-inline-on{display:none;}
@media (max-width: 600px) {
.pc-on{display:none;}
.sp-on{display:block;}
.sp-inline-on{display:inline-block;}
}

.breadcrumbs {
    background: #00356b;
    color: #FFF;
    font-size: 0.8rem;
    font-weight: normal;
    padding: 2px 5px;
}
.breadcrumbs a {
    color: #FFF;
}
/* IE11 only */
_:-ms-lang(x)::-ms-backdrop, .wp-block-image figure img, .ie-image-adjust, .ie-image-adjust img {
    width: 100%;
}

/*--------------------------------------------------------------
## Layout
--------------------------------------------------------------*/
.content-container {
    max-width: 960px;
    margin: 20px auto;
}
.header-container {
    max-width: 960px;
    margin: 20px auto 0px;
}
.header-container-bottom-adjust {
    margin-bottom: 20px;
}
div#primary, section#primary {
    width: calc(100% - 280px);
    padding-right: 30px;
}
div#secondary {
    max-width: 280px;
    width:100%
}
input.search-field {
    width: 100%;
}
@media screen and (max-width: 800px) {
  .archive-container div#primary,
  .archive-container section#primary,
  .archive-container div#secondary,
  .single-container div#primary,
  .single-container section#primary,
  .single-container div#secondary { width: 100%; }
  .archive-container div#secondary,
  .single-container div#secondary { margin: auto; max-width: 100%; text-align: left;}
  .archive-container div#primary .dp50,
  .single-container div#primary .dp50{ width: 100%; }

}
@media screen and (max-width: 600px) {
  div#primary,section#primary,div#secondary{ width: 100%; }
}


/*****Header*****/

ul.header-submenu li {
    list-style: none;
}
ul.header-submenu li:before {
    content: url(../img/tri-red.png);
    position: relative;
    top: 2px;
}
ul.header-submenu li a {
    font-size: 0.8rem;
    text-decoration: none;
    padding: 5px 10px 0px 5px;
}
.site-branding h1 {
    margin: 0px;
}


/*****Footer*****/
.footer-content-area {
    max-width: 1080px;
    margin: 20px auto;
}
.footer-content01 {
    background: -moz-linear-gradient(50% 100% 90deg,rgba(204, 0, 25, 1) 35.96%,rgba(129, 0, 6, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(204, 0, 25, 1) 35.96%, rgba(129, 0, 6, 1) 100%);
    background: -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.3596,rgba(204, 0, 25, 1) ),color-stop(1,rgba(129, 0, 6, 1) ));
    background: linear-gradient(0deg, rgba(204, 0, 25, 1) 35.96%, rgba(129, 0, 6, 1) 100%);
}
.footer-content02 {
    background: #FFF;
}
.site-info {
    font-size: 0.8rem;
    text-align: center;
    color: #FFF;
    padding: 20px;
    background: #8f8f8f;
    background: -moz-linear-gradient( #303030 0%,#8f8f8f 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#8f8f8f));
    background: -webkit-linear-gradient( #303030 0%,#8f8f8f 100%);
    background: -o-linear-gradient(#303030 0%,#8f8f8f 100%);
    background: linear-gradient( #303030 0%,#8f8f8f 100%);
}
.logo2-area {
    justify-content: flex-start;
    align-items: center;
}
.logo2-area img {
    background: #FFF;
    padding: 10px 40px;
}
.footer-logo-box {
    margin: 0 10px 0 0;
}
.add-area {
    padding: 20px 0;
}
.add-area>.flex {
    margin-top: 20px;
}
.f-widgetarea01 {
    text-align: center;
    padding: 10px;
}
ul.footer-sub-menu {
    margin: 0 20px;
    padding-inline-start: 0;
    justify-content: space-around;
    border-top: 1px solid #0059B2;
    border-bottom: 1px solid #0059B2;
}
ul.footer-sub-menu li {
    list-style: none;
}
ul.footer-sub-menu li a {
    padding: 5px;
    display: block;
}
ul.footer-sub-menu li a:before {
    content: "■";
    margin-right: 5px;
}
.f-widgetarea02 {
    justify-content: space-around;
    align-items: center;
    padding: 20px;
}
.footer-logo-contact-area {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.footer-logo-contact-area > p {
    margin: 0px;
}
.footer-logo-contact-area > p:nth-of-type(2) {
    margin-left: 20px;
    margin-bottom: 9px;
}
.footer-logo-contact-area > p:nth-of-type(2) > a {
    display: inline-block;
    padding: 10px 20px;
    color: #cc1817;
    font-weight: bold;
    background-color: #fff;
    font-size: 16px;
    width: 265px;
    position: relative;
}
.footer-logo-contact-area > p:nth-of-type(2) > a > img {
    vertical-align: middle;
    width: 20px;
    display: inline-block;
    margin-right: 10px;
    padding-bottom: 3px;
}
@media (max-width: 1000px) {
.footer-logo-contact-area > p {
    width: 100%;
    text-align: center;
}
.footer-logo-contact-area > p:nth-of-type(2) {
    margin: 10px auto 0px;
}
}
@media (max-width: 600px) {
.add-area>.flex {
    margin-top: 0px;
}
.footer-logo-contact-area {
    margin-bottom: 20px;
}
}



/**************Frontarea*************/
.info-date {
    font-size: 0.7rem;
}
.front-post .dp50 h3 {
    margin: 5px auto;
}
.front-post .dp50 h3 a {
    color: #ED1C24;
}
.front-post .dp50 h3 a:visited {
    color: #a71a1f;
}
.front-post > div {
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    padding: 15px;
    margin: 0;
    background: rgba(255, 255, 255, 0.65);
}
.front-post > div:nth-child(even) {
    border-right: none;
}
.category-list ul {
    margin: 0;
    padding-inline-start: 0;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.category-list ul li {
    list-style: none;
    margin-right: 2px;
}
.category-list ul li a {
    background: #0059b2;
    color: #FFF;
    font-size: 0.8rem;
    padding: 2px 10px;
    border-radius: 2px;
}
.category-list ul li a:hover {
    background: #001540;
}

.front-post .sentence {
    font-size: 0.9rem;
    font-weight: bold;
}
.post-more,.more-archive {
    text-align: right;
}
.post-more a {
    color: #ED1C24;
    font-weight: bold;
    font-size: 0.9rem;
}
.post-more a:hover,.more-archive a:hover {
    color: #003ec0;
}
.post-thumbnail img {
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
}
.more-archive {
    margin: 40px 10px;
}
.more-archive a:before {
    content: url(../img/tri-red.png);
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.more-archive a {
    color: #ED1C24;
    font-weight: bold;
}
.front-lineup-container {
    background: #0059B2;
    padding: 5px;
}
.front-lineup-container h2 {
    margin: 0px 5px 5px;
    font-size: 1.2rem;
    color: #FFF;
}
.front-lineup-container h2:before {
    content: url(../img/car-icon.png);
    position: relative;
    top: 7px;
    margin-right: 5px;
}
.u-price {
    font-size: 1.2rem;
    color: #ed1c24;
    font-weight: bold;
}
.used-car-container h2 {
    font-size: 1.2rem;
}
.streetview-area h2 {
    margin: 0px;
    background-color: #015cc5;
    color: #fff;
    padding: 5px 10px;
    font-size: 1.2rem;
}
.streetview-area iframe {
    border: solid 3px #015cc5;
}

@media screen and (max-width: 600px) {
    .streetview-area iframe {
        height: 350px;
    }
}



/*****タブ実装*****/
/*tabの全体枠*/
.tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: wrap;
    max-width: 700px;
    background: #0059b2;
}
.tab-panel {
    width: 100%;
}
/*inputを非表示にする*/
.input {
  position: absolute;
  opacity: 0; }

/*tabボタン部分*/
.tab-label {
    width: auto;
    padding: 10px 1% 5px;
    background: #287ad8;
    cursor: pointer;
    font-size: 0.8rem;
    color: #fff;
    margin-bottom: 0;
    transition: background 0.1s, color 0.1s;
    border-radius: 3px;
    border: 2px solid #0059b2;
    line-height: 1.2;
}

.tab-label:hover {
  background: #d8d8d8; }

.tab-label:active {
  background: #ccc; }

.input:checked + .tab-label {
  background: #fff;
  color: #000; }

.tab label:after {
    font-family: "dashicons";
    content: "\f347";
    display: block;
    text-align: center;
}
label[for="tab-1"] {
    min-width: 69px;
}
label[for="tab-2"] {
    min-width: 56px;
}
label[for="tab-3"] {
    min-width: 95px;
}
label[for="tab-4"] {
    min-width: 95px;
}
label[for="tab-5"] {
    min-width: 101px;
}
label[for="tab-6"] {
    min-width: 82px;
}
label[for="tab-7"] {
    min-width: 69px;
}
label[for="tab-8"] {
    min-width: 69px;
}
@media (max-width: 600px) {
  .tab-label {width: 100%;}
}
/*tabの本文エリア*/
.tab-panel {
    display: none;
    padding: 10px 20px 20px;
    background: #fff;
}
.tab-panel h3 {
    margin: 0;
    font-weight: normal;
    border-bottom: 2px solid #e3e3e3;
}
.tab-panel > .flex > div.dp25 {
    text-align: center;
    padding: 10px 5px;
}
.tab-panel > .flex > div.dp25 h4 {
    margin: 0;
    font-size: 0.9rem;
}
.tab-panel > .flex > div.dp25 >div.item {
    text-align: left;
    font-size: 0.75rem;
}
.tab-panel > .flex > div.dp25 >div.item span, .newcar-item span {
    margin-right: 10px;
}
@media (min-width: 600px) {
  .tab-panel {
    order: 99; } }
.input:checked + .tab-label + .tab-panel {
  display: block; }

.used-car-area {
    background: #015cc5;
    padding: 3px;
}
.used-car-container h2 {
    margin: 20px auto 5px;
}
.used-car-container h2 span {
    background: #015CC5;
    color: #FFF;
    padding: 5px 40px;
}
.used-car-box .thumb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
}
.used-car-box .detail h3 {
    margin: 10px 0 5px;
}
.used-car-box .detail {
    font-size: 0.9rem;
    margin-bottom: 10px;
}
.used-more {
    text-align: right;
}
.used-more a {
    border: 1px solid #8d8d8d;
    padding: 2px 10px;
}
.used-more a:before {
    content: url(../img/tri-red.png);
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.used-more a:hover {
    background: #CCC;
}
.used-archive a:before {
    font-family: "dashicons";
    content: "\f139";
    font-size: 2rem;
    top: 10px;
}


/*****Sidebar*****/
h2.post-side-title {
    font-size: 1.2rem;
    background: #0000ff;
    color: #FFF;
    padding: 2px 10px;
}
.recall-container {
    background: #577590;
    color: #FFF;
    padding: 8px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 20px;
}
.recall-container h3 {
    padding: 5px;
    margin: 0;
}
.recall-container h3 span {
    font-size: 0.8rem;
    padding: 1px 20px;
    color: #577590;
    background: #FFF;
    display: inline-block;
    position: relative;
    top: -5px;
    margin-left: 5px;
}
ul.recall {
    display: flex;
    margin: 0;
    padding-inline-start: 0;
}
ul.recall li {
    list-style: none;
}
.leftbn_daihatsu_link {
    background: url(../img/leftbn_daihatsu_link_bg.jpg) no-repeat;
    margin: 0 0 10px;
    text-align: center;
    width: 280px;
    height: 328px;
    box-sizing: border-box;
    padding: 115px 17px 0px 18px;
    padding-inline-start: 0;
}
.leftbn_daihatsu_link li {
    list-style: none;
}
.leftbn_daihatsu_link li {
    list-style: none;
    line-height: 0;
    padding-left: 15px;
}

/****************Archive****************/
.archive-container,.single-container,used-archive-container {
    background: #FFF;
    padding: 20px;
    border-radius: 3px;
    border: 2px solid #90d0e8;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}
.archive-main .flex .dp50 {
    border: 1px solid #CCC;
    padding: 10px;
    margin: 5px;
}
.archive-container h1 {
    font-size: 1.3em;
    margin: 0px;
}
.archive-container h3 a {
    color: #ED1C24;
}
.archive-container h3 a:visited {
    color: #a71a1f;
}
.used-archive-detail {
    justify-content: space-around;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 0;
    width: 66.66667%;
}
.used-archive-detail>div {
    width: 100%;
    border: 1px solid #CCC;
    background: #FFF;
    padding: 5px;
    font-size: 0.8rem;
}
.title .used-archive-detail>div {
    text-align: center;
}
.used-car-box {
    background: #fff;
    padding: 0 20px;
}
.title .thumb {
    font-size: 0.8rem;
    justify-content: center;
    align-items: center;
}
.title .used-car-box div.dp33 {
    border: 1px solid #CCC;
    margin: 0;
}
.used-title-archive .thumb {
    margin: 0;
    border: 1px solid #CCC;
}
.used-title-archive .thumb div.dp50 {
    padding: 5px;
    font-size: 0.7rem;
    border: none;
    margin: 0;
}
.used-container {
    padding: 20px;
    background: #fff;
}
.contract-area {
    color: #FFF;
    font-weight: bold;
    background: #cc0019;
    width: 100%;
    text-align: center;
}
.used-container > .title > .used-car-box div {
    background-color: #d9edf7;
    font-weight: bold;
}
.scroll::-webkit-scrollbar {
    height: 15px;
}
.scroll::-webkit-scrollbar-track {
    background: #fff;
    border-left: solid 1px #ececec;
}
.scroll::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #fff;
}
.other-img {
    margin-top: 5px !important;
}
.archive-side ul li {
    text-align: left;
}
.post-thumbnail {
    text-align: center;
}
.used-archive-container .pagination {
    padding: 0px 20px;
}

@media (max-width: 800px) {
.used-container {
    width: 800px;
}
.scroll {
    overflow-x: scroll;
}
.title .used-car-box div.dp33,.used-title-archive .thumb {
    width: calc(33.3334% - 10px);
}
.dp67.used-archive-detail.flex {
    width: calc(66.6667% - 10px);
}
.used-title-archive .thumb div.dp50 {
    width: calc(50% - 10px);
}

}

/****************Page****************/
.page-container .entry-content {
    margin: 0;
}
.page-container .content-area {
    background: #FFF;
    padding: 20px 40px;
    border-radius: 3px;
    border: 2px solid #90d0e8;
}
.page-container h1 {
    background: #0059B2;
    color: #FFF;
    font-size: 1.4rem;
    padding: 5px 15px;
    border-radius: 3px;
}
.page-container h2 {
    border-bottom: 2px solid #0059b2;
    font-size: 1.2rem;
}
.page-container h3 {
    color: #0059b2;
    border-bottom: 1px solid #CCC;
}
.page-container .thumb {
    text-align: center;
}
.new-container {
    border: 2px solid #0059b2;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 2px 5px #a6a6a6;
}
.new-container h3 {
    margin: 0px auto 5px;
    border-bottom: 1px solid #CCC;
    color: #0059b2;
}
.new-container section {
    border: 1px solid #CCC;
    padding: 10px;
    margin: 20px auto;
    background: #FFF;
}
.new-container .flex .dp25 h4 {
    margin: 0;
    font-size: 0.8rem;
    text-align: left;
}
span.new-icon {
    background: #cc0019;
    color: #FFF;
    padding: 0 10px;
    font-size: 0.5rem;
    border-radius: 3px;
}
.new-container .flex .dp25 {
    text-align: right;
}
.new-container .flex .dp25 .item {
    font-size: 0.8rem;
    text-align:left;
}
.bg-blue {
    background: #e3f5fc;
}
.maker-link {
    text-align: center;
    margin: 20px auto;
}
.maker-link a,.search a,.brand a,.maker-lineup div a,.other-link a {
    background: #0059b2;
    padding: 5px 40px;
    color: #FFF;
    border-radius: 3px;
}
.maker-link a:hover,.search a:hover,.brand a:hover,.maker-lineup div a:hover,.other-link a:hover {
    background: #9dd6ea;
}
.search {
    margin: 20px auto 40px;
}
.maker-lineup div {
    margin: 0 5px 10px 0;
}
.question:before {
    content: '';
    height: 25px;
    width: 25px;
    background: url(../img/q_icon.gif);
    display: inline-block;
    margin-left: -35px;
    margin-right: 5px;
    top: 5px;
    position: relative;
}
.answer:before {
    content: '';
    height: 25px;
    width: 25px;
    background: url(../img/a_icon.gif);
    display: inline-block;
    margin-left: -35px;
    margin-right: 5px;
    top: 5px;
    position: relative;
}
.answer {
    border-bottom: 1px solid #CCC;
    padding: 10px 40px 30px;
    margin-top: 0px;
}
.question {
    padding: 10px 40px 0px;
    margin-bottom: 0px;
}
.lease-box {
    width: calc(50% - 100px);
    text-align: center;
    padding: 0 50px;
}
.corp-overview .dp33 {
    background: #90d0e8;
    color: #FFF;
    padding: 10px;
    border: 1px solid #69bad8;
    margin: 0;
}
.corp-overview .dp67 {
    border: 1px solid #69bad8;
    padding: 10px;
    margin: 0;
}
.pgp-voice {
    margin: 0px;
}
.pgp-voice > div:nth-of-type(1) {
    flex-basis: 150px !important;
}
.pgp-voice > div:nth-of-type(2) {
    flex-basis: calc(100% - 165px) !important;
    margin-left: 15px;
}
.pgp-name {
    margin-bottom: 0px;
}
.pgp-name-desc {
    margin-top: 10px;
}
.pgp-authentication {
    min-width: auto !important;
}
.pgp-authentication tbody tr td:nth-of-type(1) {
    background-color: #90d0e8;
    min-width: 85px;
    color: #fff;
}
.pgp-authentication tbody tr td {
    border: 1px solid #69bad8 !important;
}
.margin-bottom-zero {
    margin-bottom: 0px;
}
.margin-top-zero {
    margin-top: 0px;
}
.choi-cam-lineup figure,
.choi-cam-lineup .wp-block-image {
    margin-bottom: 0px;
}
.choi-cam-lineup p {
    font-size: 0.9em;
}
.trouble-bottom-blank {
    margin-bottom: 30px;
}
.shop-staff-list .wp-block-image,
.shop-staff-list .wp-block-image figure {
    margin-bottom: 0px;
    margin-top: 0px;
}
.shop-staff-list .wp-block-column p {
    margin-top: 0px;
}
.list-adjust,
.list-adjust > li > ol {
    margin-left: 0px;
    padding-left: 25px;
}


/****************Single****************/

.post h1 a {
    color: #ED1C24;
}
.entry-single_u h1 {
    margin: 0;
    background: #00356b;
    color: #FFF;
    padding: 5px 10px;
    font-size: 1.8rem;
}
.entry-single_u h2 {
    background: #0059B2;
    color: #FFF;
    font-size: 1.1rem;
    padding: 5px 15px;
    border-radius: 3px;
    margin: 0;
}
.entry-single_u h3 {
    margin: 10px auto 5px;
    border-bottom: 1px solid #CCC;
    color: #0059b2;
    font-size: 1rem;
}
.entry-single_u .flex {
    margin: 20px auto;
}
.other-link {
    margin: 10px auto;
    text-align: right;
}
.contact-link {
    text-align: center;
    margin: 20px auto;
}

/****************MAIL****************/

input#c-name01,input#c-name02,input#zip,input#addr,input#c-mail,input#c-tel {
    width: 100%;
}
input.c-send {
    background: #0059b2;
    color: #FFF;
    padding: 10px 30px;
    display: block;
    border: none;
    font-size: 1.4rem;
}
input[type="submit"]:hover, button:hover {
    color: #fff;
    background: #90d0e8;
}
.corp-overview input[type="text"] {
    width: 100%;
}
.corp-overview input[type="number"] {
    width: 100%;
    max-width: 70px;
}
.contact-emphasis {
    color: red;
    font-size: 0.8em;
}
.contact-price {
    color: #0159b2;
    font-size: 0.9em;
}


/*--------------------------------------------------------------
## Respo
--------------------------------------------------------------*/


@media (max-width: 960px) {
.main-navigation a {
    padding: 5px;
    font-size: 0.8rem;
}
ul.footer-sub-menu li a {
    font-size: 0.8rem;
}
}
@media (max-width: 600px) {
.main-navigation {
    position: fixed;
    top: 0;
    z-index: 10;
}
.menu-bg {
    position: relative;
    /*top: 60px;*/
}
.main-navigation li {
    height: auto;
    width: 100%;
    display: list-item;
}
.main-navigation a {
    padding: 10px;
    font-size: 1rem;
    border-bottom: 2px dotted #a5a5a5;
    display: block;
}
.header-container {
    margin:10px;
}
ul.flex.f-right.header-submenu {
    justify-content: flex-start;
    margin: 0 10px;
    padding-inline-start: 0;
}
div#primary, section#primary {
    padding-right: 0;
    padding: 10px;
}
.front-post div.dp50 {
    width: 100%;
}
.tab-panel > .flex > div.dp25,.new-container .flex .dp25 {
    width: 50%;
}
.tab-label,div#secondary,.footer-content01 {
    text-align: center;
}
div#secondary {
    margin: auto;
    max-width: 100%;
}
.recall-container {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
}
.leftbn_daihatsu_link {
    margin-left: auto;
    margin-right: auto;
}
.tab-panel {
    border: 2px solid #0059b2;
}
.logo2-area {
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    margin: 10px;
}
ul.footer-sub-menu {
    display: block;
}
.maker-link a, .search a, .brand a, .maker-lineup div a {
  padding: 5px 20px;
    display: inline-block;
    margin: 5px auto;
}
.page-container .content-area,.new-container {
    padding: 10px;
}
.lease-box {
    width: calc(60% - 100px);
    text-align: center;
    padding: 0 30px;
}
.sitemap-adjust {
    margin-bottom: 0px;
}
.shop-img-columns .wp-block-column {
    flex-basis: 50%!important;
    text-align: center;
}
.pgp-voice > div:nth-of-type(1) {
    flex-basis: 100%!important;
}
ul.flex.f-right.header-submenu {
    padding-left: 0px;
}
/* IE11 only */
_:-ms-lang(x)::-ms-backdrop, .header-container > .flex {
    display: block;
}
}

/*--------------------------------------------------------------
## Googleカレンダー
--------------------------------------------------------------*/
#wrap-calendar {
    line-height: 1;
}

.fc .fc-daygrid-day-number {
    padding: 0px;
    font-size: 0.7em;
}

.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title {
    font-size: 0.7em;
}

/* 日付、曜日 */
.fc-daygrid-day .fc-daygrid-day-number, .fc-col-header-cell-cushion {
    /* 黒でリセット */
    color: #000000;
}

/* 日曜日、日曜日日付、祝日日付 */
.fc-day-sun .fc-daygrid-day-number, .fc-day-sun .fc-col-header-cell-cushion, .public-holiday-1, .public-holiday-2 .fc-daygrid-day-number {
    color: #ff0000;
}
/* 土曜日、土曜日日付 */
.fc-day-sat .fc-daygrid-day-number, .fc-day-sat .fc-col-header-cell-cushion {
    color: #0000ff;
}

/* カレンダータイトル */
#fc-calendarTitle {
    text-align: center;
}

/* カレンダー全体 */
#wrap-calendar {
    width: 280px;
    padding: 3px;
    /* 余白と罫線を幅（280px）に含める */
    box-sizing: border-box;
}

/* 祝日イベント */
.public-holiday-2 .fc-daygrid-event-harness .public-holiday-1{
    display: none;
}

/* カレンダータイトル */
.fc .fc-toolbar-title {
    /* 強制 */
    font-size: 1em !important;
}

/* カレンダー表示切り替えボタン */
.fc .fc-button-group > .fc-button {
    padding: 0;
    background: #d2b48c;
    border: #d2b48c;
    color: #000000;
}

/* 曜日列 */
.fc-col-header {
    margin-bottom: 0;
}

/* カレンダーテーブル */
.fc-scrollgrid-sync-table, .fc-scrollgrid {
    margin-bottom: 0;
}

/* イベント表示の凡例 */
#guide-akibadai {
    background-color: #008000;
}
#guide-cyogo {
    background-color: #0000ff;
}
#guide-akibadai, #guide-cyogo {
    color: #ffffff;
    padding: 2px;
    text-align: center;
}

/* カレンダーヘッダー */
.fc .fc-scrollgrid-section-sticky > * {
    background: #d2b48c;
}
.fc .fc-toolbar.fc-header-toolbar {
    /* 強制 */
    margin-bottom: 0 !important;
}

/* カレンダーボディ */
.fc-theme-standard td {
    background: #ffffff;
}

/* テーブル、テーブルヘッダー、テーブルセル */
.fc .fc-scrollgrid, #fc-calendarArea th, #fc-calendarArea td {
    border: #d2b48c 1px solid;
}

/* イベント */
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    /* 強制 */
    margin-bottom: 0 !important;
}

@media (max-width: 600px)
{
/* カレンダーを中央表示 */
    #wrap-calendar {
        margin: 0 auto;
    }
}


.shop-info{
	color:#fff;
}

.tel {
    font-size: 24px;
    font-weight: bold;
}