/*
Theme Name: Mantendo
Theme URI: https://www.mantendo.com/
Author URI: https://www.mantendo.com/
Description:  まんてん堂 HP
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/


body.admin-bar #loader1,
body.admin-bar header #hlogo,
body.admin-bar header #menuButton,
body.admin-bar header #hdtelbox,
body.admin-bar header .langbtn,
body.admin-bar header::before,
body.admin-bar header nav ul,
body.admin-bar header .hdinner::before{margin-top:32px !important;}
@media all and (min-width: 1201px){
body.admin-bar header:not(.thin) nav{margin-top:52px !important;}
}
@media all and (max-width: 840px) {
body.admin-bar header nav ul{margin-top:97px !important;}
}
@media all and (max-width: 768px) {
body.admin-bar header nav ul{margin-top:111px !important;}
}

@media all and (max-width: 768px) {
  body.admin-bar #loader1,
  body.admin-bar header #hlogo,
  body.admin-bar header #menuButton,
  body.admin-bar header #hdtelbox,
  body.admin-bar header .langbtn,
  body.admin-bar header::before,
  body.admin-bar header .hdinner::before{margin-top:46px !important;}
}
@media all and (max-width: 600px) {
  body.admin-bar header.thin #hlogo,
  body.admin-bar header.thin #menuButton,
  body.admin-bar header.thin #hdtelbox,
  body.admin-bar header.thin .langbtn,
  body.admin-bar header.thin::before,
  body.admin-bar header.thin .hdinner::before{margin-top:0px !important;}
}
/* @media all and (max-width: 600px) {
body.admin-bar #loader1,
body.admin-bar header.thin #hlogo,
body.admin-bar header.thin #menuButton,
body.admin-bar header.thin #hdtelbox,
body.admin-bar header::before{margin-top:0px !important;}
} */
/*--------------------------------------------------------------
LocomotiveScroll 高さ取得で adminバー分 footerが切れるのを対策
--------------------------------------------------------------*/
body.admin-bar footer{
  padding-bottom: 50px;
}

/*--------------------------------------------------------------
Contact Form 7 add confirm
--------------------------------------------------------------*/

input.wpcf7c-conf,
textarea.wpcf7c-conf {
  border: 0;
  padding: 0;
  background: #fff;
}

.wpcf7.is_confirm input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #fff inset;
}
/*--------------------------------------------------------------
IE等の画像縮小時のギザギザを綺麗にする
--------------------------------------------------------------*/
img { -ms-interpolation-mode: bicubic; }


small {
    font-size: smaller;
}

/*--------------------------------------------------------------
3.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;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer: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,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

/* .post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
	clear: both;
	line-height: 1.6;
	margin: 0 0 0.75em;
}

.post h1:first-child,
.post h2:first-child,
.post h3:first-child,
.post h4:first-child,
.post h5:first-child,
.post h6:first-child {
	padding-top: 0;
}

.post h1 {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 300;
}

.post h2,
.home.blog .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
}

.post h3 {
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 300;
}


.post h4 {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 800;
}

.post h5 {
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.post h6 {
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 800;
}

.post p {
	/* margin: 0 0 1.5em; */
	padding: 0;
	line-height: 1.6;
} */

.post dfn,
.post cite,
.post em,
.post i {
	font-style: italic;
}
i.fa,i.far,i.fas,i.fab{font-style: normal;}

.post blockquote {
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.post blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

.post address {
	margin: 0 0 1.5em;
}

.post pre {
	background: #eee;
	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;
}

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

.post abbr,
.post acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

.post mark,
.post ins {
	background: #eee;
	text-decoration: none;
}

.post big {
	font-size: 125%;
}

.post blockquote {
	quotes: "" "";
}

.post q {
	quotes: "“" "”" "‘" "’";
}

.post blockquote:before,
.post blockquote:after {
	content: "";
}

:focus {
	outline: none;
}
/* .post .cat-links{margin-right: 20px;} */
.post .cat-links,.post .tag-links{
/*	font-family: 'Ropa Sans',sans-serif;*/
/*	font-style: italic;*/
	margin-bottom: 5px;
	font-weight: 500;
  line-height: 2;

}
.post .cat-links a,.post .tag-links a{
	font-style: normal;
	font-weight: 400;
	padding: 0.3em 0.6em 0.25em;
	background-color: #B5811B;
	color: #fff;
	font-size: 0.9em;
	margin: 0 2px 5px;
	text-decoration: none;
	white-space: nowrap;
	letter-spacing: 0.06em;
}
.post .tag-links a{
  background-color: #b2b2b2;
    color: #000a0f;
  border-radius: 1em;
}
/*.post .cat-links a:hover,
.post .tag-links a:hover{background-color: #B99015; color:#222;}*/
.post img{max-width: 100%; height: auto;}

@media all and (max-width: 768px) {
	.post{font-size: 0.9em;}
}