/*
 Theme Name: emlabo Theme
 Theme URI:
 Description: 株式会社EM研究所のテーマです。
 Version: 1.1
 Author: 株式会社ウェブサクセス
 Author URI: https://emlabo.co.jp/
*/


/* ===================================================================
 Reset
=================================================================== */

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
 margin: 0; padding: 0; border: 0; font-weight: normal; font-size: 100%; vertical-align:baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article, header, footer, aside, figure, figcaption, nav, section { display:block;}
html { scroll-behavior:smooth; }
body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
table { border-collapse: collapse; border-spacing: 0;}


/* ===================================================================
 Layout
=================================================================== */
html { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*, :before, :after { -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit; }
body { background:#FFF; padding:0; margin:0 auto; font-size:16px; line-height:1.5; color:#333; font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#page { position:relative; word-wrap:break-word; }

.site-content-contain { background-color:#F1EEE7; position: relative;}
.site-content { width:100%; max-width:1200px; margin:0 auto; padding:20px 0 50px 0; overflow:hidden;}
#page-home .site-content { padding:50px 0;}
#main { line-height:1.5;}
@media only screen and (max-width: 960px) { 
  .site-content { padding:0 0 50px 0;}
  #main { margin-left:2%; margin-right:2%;}
}

/*--------------------------------------------------------------
 サイドバーあり
--------------------------------------------------------------*/
.has-sidebar #secondary { float:left; width:220px;}
.has-sidebar #primary { float:right; width:940px;}
.has-sidebar #secondary .fb-page { width:100%; height:300px;}
.has-sidebar #secondary h2.sp { display:none;}

@media only screen and (max-width: 960px) { 
 .has-sidebar #secondary h2.sp { display:block;}
}
@media only screen and (max-width: 640px) { 
 .has-sidebar #secondary { float: none; width: 100%; margin-left:auto; margin-right:auto;}
 .has-sidebar:not(.error404) #primary { float: none; width: 100%; margin-left:auto; margin-right:auto;}
}


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

.clear { clear: both;}
.clear:after { content:" "; display:block; clear:both;}

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

h1, h2, h3, h4, h5, h6
{ clear:both; line-height:1; margin:0 0 1.5em 0; padding:1.5em 0 0; font-weight:bold;}

h1 { color:#6D5241; font-size:30px; }
h2 { color:#6D5241; font-size:26px; }
h3 { color:#6D5241; font-size:22px; }
h4 { color:#6D5241; font-size:20px; }
h5 { color:#6D5241; font-size:18px; }
h6 { color:#6D5241; font-size:16px; }

p { margin:0 0 1em; padding:0; }
em,
i { font-style:italic; }

hr { background-color: #bbb; border: 0; height: 1px; margin-bottom: 1.5em;}

img { max-width:100%; height: auto; margin:0; padding:0; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }
video { height: auto; max-width: 100%; }

img.alignleft { float: left; margin-right: 1.5em; margin-bottom:10px;}
img.alignright { float: right; margin-left: 1.5em; margin-bottom:10px;}

@media screen and (max-width: 30em) {
	img.alignleft,
  img.alignright { float: none; margin:0 auto 10px auto;}
}

embed,
iframe,
object { margin-bottom: 1.5em; max-width: 100%;}

/*--------------------------------------------------------------
 Links
--------------------------------------------------------------*/
a,
a:visited { color:#008040; text-decoration:underline;}
a:focus { }
a:hover,
a:active { color:#75A82F; text-decoration:none;}

@media (min-width: 768px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/*--------------------------------------------------------------
 Tables
--------------------------------------------------------------*/
table { width:100%; margin-bottom:1em; }
table th, table td  { padding: 10px; text-align: left; border: 1px solid #CCC; }
table th { min-width:20%; background:#DFEBCF;}
table td { background: #FFF; }

@media only screen and (max-width: 640px) { 
	table { margin-bottom:30px; border-bottom:1px solid #CCC;}
	table tr { display:block; margin-bottom: 10px;}
	table th { display:block; width: 100%; padding:5px 10px;}
	table td { width: 90%; border:none; }
}

/*--------------------------------------------------------------
 List
--------------------------------------------------------------*/
.post ul { list-style-type: disc; margin: 0 0 0 1.5em; padding: 0; }
.post ul li > ul { margin-bottom: 0; margin-left: 1.5em; }

.post ol { list-style-type: decimal; margin: 0 0 0 1.5em; padding: 0; }
.post ol li > ol { margin-bottom: 0; margin-left: 1.5em; }

/*--------------------------------------------------------------
 Dl List
--------------------------------------------------------------*/
dl { clear:both; width: 100%; text-align: left; border-bottom:1px dotted #999; }
dt { padding: 10px 0 9px 10px; clear: left; float: left; width: 10em; border-top:1px dotted #999;}
dd { padding: 10px 0 9px 10px; margin-left: 10em; border-top:1px dotted #999; }



/*--------------------------------------------------------------
 Accessibility
--------------------------------------------------------------*/
.screen-reader-text { clip:rect(1px,1px,1px,1px); height:1px; overflow:hidden; position:absolute!important; width:1px; word-wrap:normal!important; top:1px; }
.screen-reader-text:focus { background-color:#f1f1f1; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.6); box-shadow:0 0 2px 2px rgba(0,0,0,0.6); clip:auto!important; color:#21759b; display:block; font-size:14px; font-size:.875rem; font-weight:700; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000; }

/* ===================================================================
 Header
=================================================================== */
#masthead { }
.site-header { background:#FFF; }
.site-header .head { width:100%; max-width:1000px; margin:0 auto; }
.logo { z-index:99999; }

/* 上部ナビ ---------------------------- */
#head-guide { width:100%; background:#008040;}
#head-guide:after { content:" "; display:block; clear:both;}
#head-guide p { float:left; margin:0; padding:12px 20px; color:#FFF; font-size:14px; font-weight:normal;}
#head-guide ul { float:right; padding:12px 0 8px 20px; list-style:none; line-height:110%;}
#head-guide ul li { float:left; margin-right:16px; padding-right:16px; font-size:15px; border-right:1px solid #FFF;}
#head-guide ul li:last-child { border:none;}
#head-guide ul li a { color:#FFF; text-decoration:none;}
#head-guide ul li a:hover { text-decoration:underline;}
#head-guide ul li i { margin:0 5px 0 0; font-size:18px;}
#head-inq { clear:both; }

@media screen and (max-width:1200px){
  #head-guide { display:none;}
}
@media screen and (max-width:768px){
}

/* ロゴ・検索・電話・問い合わせボタン ---------------------------- */
#head-inq { width:100%; background:#FFF;}
#head-inq:after { content:" "; display:block; clear:both;}

#head-inq h1 { margin:0; padding:0;}
#head-inq a { text-decoration: none;}
#head-inq .logo { float:left; width:300px; margin:10px 0 5px 30px;}
#head-inq .logo img { width:100%;}
#head-inq .inquiry { float:right; width:580px; padding:15px 0;}
#head-inq .inquiry .tel { float:left; margin:0 0 0 30px; display: block;}
#head-inq .inquiry .tel i { display:none;}
#head-inq .inquiry .mail { float:right; width:200px; margin:0 15px 0 0;}
#head-inq .inquiry .mail a { width:100%; display: block; padding:10px; text-align: center; color:#FFF; background-color:#FF9326;}
#head-inq .inquiry .mail a i { float:left; font-size:28px; margin:0 0 0 10px;}
#head-inq .inquiry .mail a span { margin-top:2px; display: block; font-size:18px; font-weight: bold;}

@media screen and (max-width:1200px){
#head-inq .logo { width:200px; margin:10px 0 8px 2%;}
#head-inq .inquiry { width:310px; padding:15px 70px 5px 0;}
#head-inq .inquiry .tel { margin:-5px 0 0 0; width:230px;}
#head-inq .inquiry .mail { float:right; width:160px; margin:0;}
#head-inq .inquiry .mail a { padding:4px 7px 7px 7px;}
#head-inq .inquiry .mail a i { font-size:24px; margin:2px 0 0 5px;}
#head-inq .inquiry .mail a span { font-size:16px;}
}
@media screen and (max-width:780px){
#head-inq .inquiry { width:120px; padding:11px 70px 5px 0;}
#head-inq .inquiry .tel { width:50px; margin:0;}
#head-inq .inquiry .tel img { display:none;}
#head-inq .inquiry .tel a i { display:block; width:44px; height:44px; padding:0; color:#FFF; font-size:24px; background:#FF9326; border-radius:100%; border:10px solid #FF9326;}
#head-inq .inquiry .mail { width:50px; margin:0;}
#head-inq .inquiry .mail a { width:44px; height:44px; padding:0; border-radius:100%; border:10px solid #FF9326;}
#head-inq .inquiry .mail a i { margin:0;}
#head-inq .inquiry .mail a span { display:none;}
}
@media screen and (max-width:390px){
#head-inq .logo { width:145px; margin:15px 0 8px 5px;}
#head-inq .inquiry { width:160px; padding:10px 60px 8px 0;}
}

/* Googleカスタム検索 */
#gsc { float:left; width:280px; margin:15px 0;}
#gsc table { margin-bottom:0 !important; border: none !important;}
#gsc td { padding: 0 !important; border: none !important;}

#gsc .gsc-control-cse { margin:0 !important; padding: 0 !important; background-color: transparent !important; border: none !important;}
#gsc .gsc-control-cse, 
#gsc .gsc-control-cse-ja,
#gsc .gsib_a{ margin:0 !important; padding:0 !important;}
#gsc .gsc-search-box .gsc-search-button { margin-left:0 !important; padding:7px 17px; border:none; -webkit-border-radius:0; border-radius:0;}
#gsc .gsc-search-box input { width: 100% !important; box-sizing: border-box; padding: 3px !important; -webkit-border-radius:0; border-radius:0;}

#gsc input[type="text"]:focus { border: 2px solid #ddd !important; outline: 0; /*safariの自動フォーカスを切る */}
#gsc #gsc-iw-id1 { border:none !important;/* テキスト入力フォームの影を消す */}
#gsc .gsc-search-button { margin:0 0 0 -16px !important;/* ボタンの位置調整 */}
#gsc .gsib_b span{ box-sizing: border-box; -moz-box-sizing: border-box; padding:2px 0 0 0;/* 入力時に出る×ボタン -- Firefox位置調整 -- */}
#gsc .gsc-search-button-v2 { background-color:#888;}
#gsc .gsc-search-button-v2:hover { background-color:#008040;}

#head-nav #gsc { display:none;}

@media screen and (min-width:1201px){
#gsc input[type="text"]{ border: 1px solid #BBB!important; height:28px !important;}
}
@media screen and (max-width:1200px){
#gsc { width: calc(100% - 20px) !important;}
.gsc-input-box{ width: 100% !important;}
    #head-inq .inquiry #gsc { display:none;}
#head-nav #gsc { display:block; background:#008040;}
#head-nav #gsc input[type="text"]{ border: #FFF!important; height:28px !important;}
#gsc .gsc-search-button-v2 { height: 24px;}
}

@media screen and (max-width:640px){
#gsc .gsc-search-button-v2 { height: 31px;}

}

/* ヘッダーナビ ---------------------------- */
#head-nav { clear:both; width:100%; margin:0 auto; padding:0; text-align:center; z-index:99;}
#head-nav:after { content:" "; display:block; clear:both;}

#head-nav .navi { display: inline-block; margin:5px auto 0 auto; padding: 0 0 10px 0;}
#head-nav .navi li { position: relative; list-style: none; float: left; height:20px; border-right:1px solid #CCC;}
#head-nav .navi li:last-child { border-right:none;}
#head-nav .navi li a { display: block; min-width:125px; margin:0 20px; padding: 0 0 5px 0; text-align: center; font-weight: bold; color:#333; text-decoration: none; box-sizing: border-box;}
#head-nav .navi > li:hover > a { }
#head-nav .navi > li li:hover > a { color: #FFF; background: #008040;}
#head-nav .navi > li li:hover > a:hover { color: #FFF; background:#008040;}

#head-nav .navi li ul { width:400px; top:30px; left:0; position:absolute; background:#008040; text-align:left; z-index:999999;}
#head-nav .navi li ul li { width:100%; overflow:hidden; height:0; transition:0.2s; border:none;}
#head-nav .navi li ul li a { padding-top:12px; font-size:15px; font-weight:normal; display:block; text-align:left; color:#FFF;}
#head-nav .navi li ul li a:hover { border-bottom:1px solid #FFF;}
#head-nav .navi li ul li a:before {
 font-family: "Font Awesome 5 Free"; content: '\f054'; font-weight: 900; color: #FFF; font-size: 0.8em; padding-right : 5px;}
#head-nav .navi li:hover > ul > li { overflow: visible; height: 40px;}
#head-nav .navi li:hover > ul > li:last-child { height: 50px;}

#head-nav .navi a { position:relative; display:inline-block; text-decoration:none;}
#head-nav .navi a::after { position:absolute; bottom:-4px; left:0; content:''; width:100%; height:2px;
 background:#008040; transform:scale(0, 1); transform-origin:left top; transition:transform .3s;}
#head-nav .navi a:hover::after { transform:scale(1, 1);}

#head-nav .navi li.current a::after { transform:scale(1, 1);}
#head-nav .navi li.sp { display:none;}



@media screen and (max-width:1320px){
#head-nav .navi li a { margin:0 15px;}
}
@media screen and (max-width:1200px){
#head-nav .navi li.sp { display:block;}
}
@media screen and (max-width:960px){
}


/* ===================================================================
 SIDE
=================================================================== */
.has-sidebar #secondary { float:left; width:220px;}
.has-sidebar #primary { float:right; width:940px;}

.has-sidebar #secondary h2 { margin:15px 0; padding:15px 0; font-size:18px; text-align:center; background:url(./assets/images/side_bg_h2.png) no-repeat center bottom; background-size:100%;}
.has-sidebar #secondary ul { margin-bottom:40px;}
.has-sidebar #secondary ul li { margin-bottom:10px; list-style:none;}

.has-sidebar #secondary ul li a:hover,
.has-sidebar #secondary ul li a:active { opacity:0.75; filter: alpha(opacity=75);}

.has-sidebar #secondary ul li ul { padding:10px 10px 5px 10px; margin-bottom:25px!important; background:#75A82F;}
.has-sidebar #secondary ul li h2 { margin:5px 0 0 0; padding:18px 5px 5px 5px; font-size:18px; color:#FFF; text-align:center; background:#75A82F; border:none;}
.has-sidebar #secondary ul li ul li { display:block; padding:7px 0 0 10px; font-size:15px; text-indent:-1em; border-top:1px dotted #FFF;}
.has-sidebar #secondary ul li ul li:before { font-family:"Font Awesome 5 Free"; content:'\f054'; font-weight:900; color:#FFF; font-size:0.8em; margin-left:5px; padding-right:5px;}
.has-sidebar #secondary ul li ul li a { text-decoration:none; color:#FFF;}
.has-sidebar #secondary ul li ul li a:hover { text-decoration:underline;}

.has-sidebar #secondary ul.column { margin-top: -5px;}
.has-sidebar #secondary ul.column li ul { margin-bottom:0!important; background:none;}
.has-sidebar #secondary ul.column li { margin:0; padding:12px 0 12px 5px; border-bottom:1px dotted #6E5342;}
.has-sidebar #secondary ul.column li:before { margin-right:5px; font-family:"Font Awesome 5 Free"; content:'\f054'; font-weight:900; color:#6E5342; font-size:0.8em;}
.has-sidebar #secondary ul.column li ul { margin-top: -2px;}
.has-sidebar #secondary ul.column li ul li { margin:0 auto 0 10px; padding:3px 0; font-size: 14px; border:none;}
.has-sidebar #secondary ul.column li a { font-weight: bold!important; text-decoration:none; color:#6E5342;}
.has-sidebar #secondary ul.column li a:hover { text-decoration:underline;}

@media only screen and (max-width: 1200px) { 
  .has-sidebar #secondary { width:18%; margin-left:2%;}
	.has-sidebar #primary { width:75%; margin-right:2%;}
}
@media only screen and (max-width: 960px) { 
  .has-sidebar #secondary { clear:both; float: none; width: 100%; margin-left:auto; margin-right:auto; }
  .has-sidebar:not(.error404) #primary { float: none; width: 100%; margin-left:auto; margin-right:auto;}

  .has-sidebar #secondary .pc { display:none;}
  .has-sidebar #secondary ul.insite { float:left; width:28%; margin-left:2%;}
  .has-sidebar #secondary ul.outsite { float:left; width:24%; margin-left:3%;}
  .has-sidebar #secondary ul.outsite li { margin-bottom:15px;}	
  .has-sidebar #secondary img { width:100%;}
  .has-sidebar #secondary h2 { clear:both; width:96%; padding-top:30px; margin-left:2%; background:url(none); border-bottom:1px solid #6E5342;}
  .has-sidebar #secondary ul.linksite { width:98%; margin-left:2%;}
  .has-sidebar #secondary ul.linksite li { float:left; width:31%; margin-right:2%;}
  .fb-container {	float:left; width:36%; margin-left:3%;}

  .has-sidebar #secondary ul li ul,
  .has-sidebar #secondary ul li h2 { display:none;}
  .has-sidebar #secondary ul.column { margin:0 15px;}
}
@media only screen and (max-width: 640px) { 
  .has-sidebar #secondary ul.insite { float:left; width:53%; margin-left:2%;}
  .has-sidebar #secondary ul.outsite { float:left; width:40%; margin-left:3%;}
  .has-sidebar #secondary .fb-page { float:none; width:96%; height:350px; margin-left:2%;}
  .has-sidebar #secondary h2 {}
  .has-sidebar #secondary ul.linksite {}
  .fb-container { float:none; width:100%; margin-left:0;}
}



/* ===================================================================
 PAGE
=================================================================== */

/* ページタイトル */
#page-title { clear:both; width:100%; margin:0 auto; padding:0; text-align:center;
background: url(assets/images/bg_page-title.jpg) no-repeat center; background-size: cover;}
#page-title h1 { max-width:1200px; margin:0 auto; padding:55px 0 50px 0; font-size:40px; color:#FFF;}
#page-title:after { content:" "; display:block; clear:both;}

@media only screen and (max-width: 960px) { 
 #page-title h1 { padding:45px 0 40px 0; font-size:30px;}
}
@media only screen and (max-width: 460px) { 
 #page-title h1 { padding:25px 0 23px 0; font-size:24px;}
}

/* パンくずリスト */
.pankuzu-area { clear:both; width:100%; margin:0 auto; padding:15px 0 0 0; background:#F1EEE7;}
.pankuzu-area:after,
.pankuzu:after { content:" "; display:block; clear:both;}
.pankuzu { width:100%; max-width:1200px; margin:0 auto; padding:0; font-size:12px; color:#666;}
.pankuzu br { display:none;}
@media only screen and (max-width: 1200px) { 
  .pankuzu-area { padding-left:2%; padding-right:2%;}
}
@media only screen and (max-width: 960px) { 
  .pankuzu-area { padding-bottom:10px;}
}


/* ===================================================================
 Archive
=================================================================== */
.archive .entry-header .entry-title { font-size:22px; margin-bottom:0.25em; }
.archive .entry-title a { }
.archive .entry-none { text-align: center; padding: 60px 0;}

.archive .info {}
.archive dl { clear:both; width: 100%; text-align: left; border-bottom:1px solid #CCC;}
.archive dt { margin:0 0 15px 0; padding: 22px 0 9px 10px; clear: left; float: left; width:180px; border-top:1px solid #CCC;}
.archive dd { margin:0 0 15px 0; padding: 22px 0 9px 10px; margin-left:180px; font-size:18px; border-top:1px solid #CCC;}
.archive dd a { text-decoration:none;}
.archive dd a:hover { text-decoration:underline; color:#75A82F;}
.archive dt i { margin-right:10px; color:#666;}

@media screen and (max-width:620px){
 .archive dt { margin:0; padding: 22px 0 9px 10px; clear:both; float:none; width:100%; border-top:1px solid #CCC;}
 .archive dd { margin:0 0 15px 0; padding: 0 0 9px 10px; margin-left:0; font-size:16px; border:none;}
}


/* ===================================================================
POST
=================================================================== */
.single-post {}

/* Post Landing Page */
.entry-header { }
.entry-header .entry-title { padding-bottom:15px; font-size:26px; line-height:1.35; margin-bottom:10px; color:#333; text-decoration:none; border-bottom:2px solid #6E5342;}
.entry-header .entry-title i { margin-right:5px;}

.entry-meta { font-size: 14px; margin-bottom: 15px; text-align: right; color: #6E5342;}
.entry-meta .posted-on { white-space: nowrap;}

.posted-on {}
.byline { display:inline; }

.entry-content { }
.entry-content:after { content:" "; display:block; clear:both;}
.entry-content p { font-size:17px; line-height:175%;}
.entry-content img { margin-bottom:1em;}

/* キャプション */
.wp-caption-text { font-size: 13px;}
/* 続きを読む */
.entry-content .more-link { display: inline;}

.post-thumbnail { margin-bottom: 1em;}
.post-thumbnail a img { -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.2s; transition: opacity 0.2s;}
.post-thumbnail a:hover img,
.post-thumbnail a:focus img { opacity: 0.7;}

.entry-footer { width: 100%; border-bottom:2px solid #6E5342; border-top:1px solid #6E5342; margin-top:1em; padding:1em 0; }
.entry-footer .cat-links,
.entry-footer .tags-links { display: block; letter-spacing: 0.05em;}
.entry-footer .cat-links + .tags-links { margin-top:1em; }
.entry-footer .cat-links i,
.entry-footer .cat-links a,
.entry-footer .tags-links a { color:#6E5342; font-weight: bold;}
.entry-footer .cat-links i { margin-right: 5px;}

.entry-footer .edit-link a { float:right; padding:7px 60px; color:#FFF; text-decoration:none; background:#008040; border-radius:3px;}
.entry-footer .edit-link a:hover { background:#75A82F;}

/* ===================================================================
PAGES
=================================================================== */
.page-header { padding-bottom:2em; }
.page .entry-header .edit-link { font-size:14px; }
.page-links { clear:both; margin:0 0 1.5em; }

/* ===================================================================
404-page / SEARCH-page
=================================================================== */
.error404 #main,
.search #main{ width: 94%; max-width: 1000px; margin: 0 auto 50px auto; }
.error404 #main:after,
.search #main:after{ content:" "; display:block; clear:both;}
.error404 h1 { font-size:22px; text-align:center;}
.error404 .page-header { padding-bottom:1em;}
.search .entry-header { padding:0; margin:0 0 0.5em 0; }
.search .entry-header .entry-title { font-size:125%; padding:12px 0 8px 0; margin:30px 0 0 0; text-decoration:none;}
.search .entry-header .entry-date { clear: both; padding: 10px 0 0 0; text-align: right;}
.error404 p,
.search-no-results p { text-align: center; margin-bottom: 1.5em;} 
.error404 h2,
.search-no-results h2 { font-size:138%; font-weight: bold; line-height: 1.2; margin: 0 auto 1em auto; padding: 0.8em 0 0.6em 0; text-align: center;}

.search-results article.hentry { margin: 0 auto 1em auto; padding-bottom: 1em; border-bottom: 1px solid #CCC;}
.search-form,
.search-form { margin-bottom:3em; width: 100%; max-width: 600px; margin: 0 auto 50px auto; }
.search-form input,
.search-form textarea { width: 100%;}


/* ===================================================================
 Pagination
=================================================================== */
.nav-subtitle { display:none;}
.nav-links .nav-title { position: relative; }
.nav-title-icon-wrapper { position: absolute; text-align: center; width: 2em; }

/* Page pagination
---------------------------------------------------------------------- */
.pagination { border-top:1px solid #eee; font-size:14px; padding:10px 0 70px 0; margin-top: 2em; text-align:center; }
.navigation.pagination { clear: both; width: 100%;}
.page-numbers{ display: inline-block; padding: 0 0.75em; line-height: 1;}
.page-numbers.current { color: #777; display: inline-block; font-size: 15px; font-weight:bold; }
.page-numbers.current .screen-reader-text { font-size: 93.8%; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute !important; }

.prev.page-numbers,
.next.page-numbers { padding: 0; line-height: 1; display: inline-block; }

.prev.page-numbers { float: left; position: relative; padding-left: 15px;}
.prev.page-numbers::before { position:absolute; content:''; width:6px; height:6px; border-top:solid 2px #697b91; border-right:solid 2px #697b91;
-webkit-transform:rotate(-135deg); transform:rotate(-135deg); top:50%; left:0; margin-top:-3px;}

.next.page-numbers { float: right; position: relative; padding-right: 15px;}
.next.page-numbers::before { position:absolute; content:''; width:6px; height:6px; border-top:solid 2px #697b91; border-right:solid 2px #697b91;
-webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:0; margin-top:-3px;}

/* Posts pagination
---------------------------------------------------------------------- */
.post-navigation { clear:both; width:100%; max-width:1000px; margin:20px auto 50px auto; padding:1em 0; line-height:1.2; font-size:14px; overflow:hidden;}
.post-navigation:after { content:" "; display:block; clear:both;}
.post-navigation .nav-links { margin: 0 auto; padding: 0; width: 100%;}
.post-navigation a[rel="next"] { float: right; text-align: right;}
.post-navigation .nav-list{ clear:both; text-align:center; }
.post-navigation .nav-list a { font-size:100%; padding:0 20px; text-decoration:none;}

.post-navigation .nav-previous { float:left; text-align:left; width:50%; position: relative; padding-left: 15px; }
.post-navigation .nav-previous::before { position:absolute; content:''; width:6px; height:6px; border-top:solid 2px #697b91; border-right:solid 2px #697b91;
-webkit-transform:rotate(-135deg); transform:rotate(-135deg); top:48%; left:0; margin-top:-3px;}

.post-navigation .nav-next { float:right; text-align:right; width:48%; position: relative; padding-right: 15px; }
.post-navigation .nav-next::before { position:absolute; content:''; width:6px; height:6px; border-top:solid 2px #697b91; border-right:solid 2px #697b91;
-webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:0; margin-top:-3px;}
.post-navigation { clear:both; width:100%; max-width:1000px; padding:1em 0; line-height:1.2; font-size:14px; }
.post-navigation:after { content:" "; display:block; clear:both;}
.post-navigation .nav-links { margin: 0 auto; padding: 0; width: 100%;}
.post-navigation a[rel="next"] { float: right; text-align: right;}
.post-navigation .nav-list{ clear:both; text-align:center; }
.post-navigation .nav-list a { font-size:100%; padding:0 20px; text-decoration:none;}

.post-navigation .nav-previous { float:left; text-align:left; width:50%; position: relative; padding-left: 15px; }
.post-navigation .nav-previous::before { position:absolute; content:''; width:6px; height:6px; border-top:solid 2px #697b91; border-right:solid 2px #697b91;
-webkit-transform:rotate(-135deg); transform:rotate(-135deg); top:48%; left:0; margin-top:-3px;}

.post-navigation .nav-next { float:right; text-align:right; width:48%; position: relative; padding-right: 15px; }
.post-navigation .nav-next::before { position:absolute; content:''; width:6px; height:6px; border-top:solid 2px #697b91; border-right:solid 2px #697b91;
-webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:0; margin-top:-3px;}

@media screen and (max-width:620px){
.post-navigation a[rel="next"],
.post-navigation .nav-next,
.post-navigation .nav-previous,
.post-navigation a[rel="next"] { float: none; width:100%; margin-bottom:10px;}
}

/* ===================================================================
 FOOTER
=================================================================== */
.site-footer { clear:both; margin:0 auto; padding:70px 0 0 0; width:100%;} 
.site-footer:after { content:" "; display:block; clear:both;}

.site-footer #footer-logo { margin:0 auto; width:100%; max-width:1200px; height:72px; background:url(./assets/images/bg_foot.png) no-repeat right bottom;}
.site-footer #footer-logo img { width:220px;}
.site-footer .foot-nav { clear:both; font-size: 14px; margin:0 auto; padding:30px 0 0 0; list-style-type:none; background:#008040;}
.site-footer .foot-nav:after { content:" "; display:block; clear:both;}

.site-footer .foot-nav ul { margin:0 auto; width:96%; max-width:1200px; font-size:0;}
.site-footer .foot-nav ul li { margin:0; padding:0; list-style:none; line-height:1;}
.site-footer .foot-nav ul li a { color:#FFF; text-decoration:none;}
.site-footer .foot-nav ul li a:hover { text-decoration:underline;}

.site-footer .foot-nav ul.foot-nav01 li { display:inline-block; margin:0 1em 1em 0; padding:0 0 0 1em; text-align:center; font-size:16px; border-left:1px solid #FFF;}
.site-footer .foot-nav ul.foot-nav01 li:first-child { margin-left:-1em; border:none;}

.site-footer .foot-nav .foot-nav02 { position:relative; margin:0 auto; width:100%; max-width:1200px; margin:15px auto 25px auto; padding:25px 0 15px 30px; background:#599F48;}
.site-footer .foot-nav .foot-nav02::before {
 content:''; position:absolute; left:245px; top:-15px; display:block; width:0; height:0;
 border-right:15px solid transparent; border-bottom:15px solid #599F48; border-left:15px solid transparent;}
.site-footer .foot-nav .foot-nav02:after { content:" "; display:block; clear:both;}
.site-footer .foot-nav .foot-nav02 ul { float:left; width:25%;}
.site-footer .foot-nav .foot-nav02 h2 { display:none;}
.site-footer .foot-nav .foot-nav02 ul li { display:block; padding:5px 10px 15px 10px; font-size:14px; text-indent:-1em;}
.site-footer .foot-nav .foot-nav02 ul li:before { font-family:"Font Awesome 5 Free"; content:'\f054'; font-weight:900; color: #FFF; font-size:0.7em; margin-left:5px; padding-right:5px;}

.site-footer .foot-nav ul.foot-nav03 { margin:0 auto; width:100%; max-width:1200px;}
.site-footer .foot-nav ul.foot-nav03 { text-align:right;}
.site-footer .foot-nav ul.foot-nav03 li { display:inline-block; margin:0 0 1em 1em; padding:0 1em 0 0; text-align:center; font-size:16px; border-right:1px solid #FFF;}
.site-footer .foot-nav ul.foot-nav03 li:last-child { margin-right:5px; border:none;}

@media screen and (max-width:1200px){
  .site-footer #footer-logo img { margin-left:3%;}
  .site-footer .foot-nav .foot-nav01 { margin:0 3%;}
  .site-footer .foot-nav .foot-nav02 { width:auto; margin:0 2% 20px 2%; padding:15px 0 15px 20px;}
  .site-footer .foot-nav .foot-nav02::before { border-right:0; border-bottom:0; border-left:0;}
  .site-footer .foot-nav .foot-nav02 h2 { display:block; width:97%; margin:0 0 10px 0; padding:0 0 10px 0; font-size:16px; border-bottom:1px solid #FFF;}
  .site-footer .foot-nav .foot-nav02 h2 a { color:#FFF; text-decoration:none;}
  .site-footer .foot-nav .foot-nav02 h2 a:hover { text-decoration:underline;}
}
@media screen and (max-width:768px){
  .site-footer #footer-logo { height:62px; background-size:50%;}
  .site-footer #footer-logo img { width:160px; margin:10px 0 0 2%;}
  .site-footer .foot-nav .foot-nav02 ul { width:50%;}
  .site-footer .foot-nav ul.foot-nav03 { padding-right:3%;}
}
@media screen and (max-width:460px){
  .site-footer #footer-logo { height:110px; text-align:center; background-size:80%; background-position:center bottom;}
  .site-footer #footer-logo img { width:180px; margin:10px auto;}
  .site-footer .foot-nav ul.foot-nav01 { margin-top:-20px; padding-bottom:10px;}
  .site-footer .foot-nav ul.foot-nav03 { margin-left:-3%; padding-left:5px; padding-right:0; width:100%; margin-bottom:0; padding-bottom:20px;}
  .site-footer .foot-nav ul.foot-nav01 li { display:block; padding:15px 0 0 10px; text-align:left; border-left:none; border-top:1px solid #80C0A0;}
  .site-footer .foot-nav ul.foot-nav03 li { display:block; padding:0 0 15px 10px; text-align:left; border-right:none; border-bottom:1px solid #80C0A0;}
  .site-footer .foot-nav ul.foot-nav01 li:first-child { margin-left:0;}
  .site-footer .foot-nav ul.foot-nav01 li a,
  .site-footer .foot-nav ul.foot-nav03 li a { display:block;}
  .site-footer .foot-nav .foot-nav02 ul { width:100%;}
  .site-footer .foot-nav .foot-nav02 ul li { margin-top:5px;}
}


/* copyright */
.copyright { width:100%; height:70px; margin:0 auto; padding:50px 0; text-align:center; font-size:12px; color:#FFF; background:#008040 url(./assets/images/bg_copy.png) no-repeat center top;}
.copyright a { color:#FFF; text-decoration:none;}
.copyright a:hover { text-decoration:underline;}
@media screen and (max-width:1200px){
  .copyright { background-position:15px top;}
}
@media screen and (max-width:460px){
 .copyright { height:auto; margin:0; padding:50px 80px 50px 3%; text-align:left; font-size:11px; color:#FFF; background-size:250%;}
}

/* ページ先頭へ------------------------------------------------ */
#pagetop { position:fixed; bottom:15px; right:15px; line-height:1;}
#pagetop a { border:1px solid #FFF; background-color:rgba(0,128,64,0.8); width:70px; height:70px; padding-top:12px; text-align:center; display:block; font-size:40px; color:#FFF; text-decoration:none; border-radius:100%;}
#pagetop a:hover { background-color:rgba(0,128,64,1);}

@media screen and (max-width:640px){
  #pagetop a { width:50px; height:50px; padding-top:6px; font-size:32px;}
}

/*--------------------------------------------------------------
Social nav
--------------------------------------------------------------*/
.social-navigation { clear: left; float: left; margin-bottom: 0; width: 36%; font-size:16px; margin-bottom:1em; }
.social-navigation ul { list-style:none; margin-bottom:0; margin-left:0; }
.social-navigation li { display:inline; }
.social-navigation a { background-color:#767676; -webkit-border-radius:40px; border-radius:40px; color:#fff; display:inline-block; height:40px; margin:0 1em .5em 0; text-align:center; width:40px; }
.social-navigation a:hover,
.social-navigation a:focus { background-color:#333; }
.social-navigation .icon { height:16px; top:12px; width:16px; vertical-align:top; }

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
#comments { clear:both; margin-top:80px; padding:3%; border:1px solid #6E5342;
  position:relative;
  border: solid 1px #75A82F;
  background: #DFEBCF;
}

#comments:after { /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
  content: '\f086\ 製品についてのレビュー';
  background: #75A82F;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 8px 10px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.05em;
}

#comments h2.comments-title { padding:0 0 10px 0; color:#333; border-bottom:1px solid #999;}
#comments h3#reply-title { font-size:18px; margin:0 0 20px 0; padding:0 0 10px 0; color:#333; border-bottom:1px solid #999;}


.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label { clear:both; float:left; width:20%;}
.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input { width:80%;}

.comments-title { font-size:20px; margin-bottom:2em; }
#comments ol.comment-list { list-style: none;}
.comment-list,
.comment-list .children { list-style:none; margin:0; padding:0; }
.comment-list li:before { display:none; }
.comment-body { margin-left: 70px; }
.comment-author { font-size:16px; margin-bottom:.4em; position:relative; z-index:2; }
.comment-author .avatar { height:50px; left:-65px; position:absolute; width:50px; }
.comment-meta { margin-bottom:1.5em; }
.comment-metadata { color:#777; font-size:10px; font-weight:bold; letter-spacing:0.05em; text-transform:uppercase; }
.comment-metadata a { color:#777; }
.comment-metadata a.comment-edit-link { color:#222; margin-left:1em; }
.comment-body { color:#333; font-size:14px; margin-bottom:4em; }
.comment-reply-link { font-weight:bold; position:relative; }
.comment-reply-link .icon { color:#222; left:-2em; height:1em; position:absolute; top:0; width:1em; }
.children .comment-author .avatar { height:30px; left:-45px; width:30px; }
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { border:1px solid #333; padding:2px; }
.no-comments,
.comment-awaiting-moderation { color:#767676; font-size:14px; }
.comments-pagination { margin:2em 0 3em; }
.form-submit { text-align:right; }
.comment-form #wp-comment-cookies-consent { margin:0 10px 0 0; }
.comment-form .comment-form-cookies-consent label { display:inline; width:}

.comments-pagination { border-top:1px solid #eee; font-size:14px; font-size:.875rem; font-weight:800; padding:2em 0 3em; text-align:center; }
.comments-pagination { border:0; }

@media screen and (max-width: 768px) {
.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label { float:none; width:100%; display:block;}
.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input { width:100%;}
}



/* ===================================================================
 SIDE
=================================================================== */
.widget { padding-bottom:3em; }
h2.widget-title { font-size:16px; font-weight:bold; margin-bottom:1.5em; text-transform:uppercase; }
.widget-title a { color:inherit; }
.widget select { width:100%; }

/* リスト */
.widget ul { list-style:none; margin:0; }
.widget ul li,
.widget ol li { border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:.5em 0; }
.widget:not(.widget_tag_cloud) ul li + li { margin-top:-1px; }
.widget ul li ul { margin:0 0 -1px; padding:0; position:relative; }
.widget ul li li { border:0; padding-left:24px; padding-left:1.5rem; }

/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul { bottom: 0;}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li { padding-bottom: 0.25em; padding-top: 0.25em;}
.widget_rss ul li { padding-bottom: 1em; padding-top: 1em;}

/* Widget markup */
.widget .post-date,
.widget .rss-date { font-size: 0.81em;}

/* Text widget */
.widget_text { word-wrap:break-word; }
.widget_text ul { list-style:disc; margin:0 0 1.5em 1.5em; }
.widget_text ol { list-style:decimal; }
.widget_text ul li,
.widget_text ol li { border:none; }
.widget_text ul li:last-child,
.widget_text ol li:last-child { padding-bottom:0; }
.widget_text ul li ul { margin:0 0 0 1.5em; }
.widget_text ul li li { padding-left:0; padding-right:0; }
.widget_text ol li { list-style-position:inside; }
.widget_text ol li + li { margin-top:-1px; }

/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child { float:right; }
.widget_rss .widget-title .rsswidget:first-child:hover { background-color:transparent; }
.widget_rss .widget-title .rsswidget:first-child img { display:block; }
.widget_rss ul li { padding:2.125em 0; }
.widget_rss ul li:first-child { border-top:none; padding-top:0; }
.widget_rss li .rsswidget { font-size:22px; font-weight:300; line-height:1.4; }
.widget_rss .rss-date,
.widget_rss li cite { color:#767676; display:block; font-size:10px; font-style:normal; font-weight:bold; letter-spacing:.18em; line-height:1.5; text-transform:uppercase; }
.widget_rss .rss-date { margin:.5em 0 1.5em; padding:0; }
.widget_rss .rssSummary { margin-bottom:.5em; }

/* Contact Info Widget */
.widget_contact_info .contact-map { margin-bottom: 0.5em; }

/* アバター */
.widget-grofile h4 { font-size: 16px; margin-bottom: 0;}

/* 最近のコメント */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td { border: 0;}

/* 最近の投稿 */
.widget_recent_entries .post-date { display: block;}

/* Search */
.search-form { position:relative; }
.search-form .search-submit {
 width: 38px; height: 38px; padding:.5em 1em; background: #999; border-radius: 0 4px 4px 0;
 position: absolute; top: calc(50% - 19px); right: 0;
}
.search-form .search-submit::before {
  width: 12px; height: 12px; border-radius: 50%; box-shadow: 0 0 0 2px #fff;
  position: absolute; content: ''; top: calc(50% - 7px); left: calc(50% - 7px);
}
.search-form .search-submit::after {
 width: 7px; height: 5px; border-top: solid 2px #fff; transform: rotate(45deg);
 position: absolute; content: ''; top: calc(50% + 6px); left: calc(50% + 2px);
}

/* タグ */
.widget_tag_cloud { line-height:1.5; }
.widget_tag_cloud a { float:left; padding:0 0.5em 0 0; width:auto; font-size: 14px; word-wrap:break-word; z-index:0; }
.widget_tag_cloud a:hover,
.widget_tag_cloud a:focus { border-color:#bbb; -webkit-box-shadow:none; box-shadow:none; text-decoration:none; }

/* Calendar widget */
.widget_calendar th,.widget_calendar td { text-align:center; }
.widget_calendar tfoot td { border:0; }

/* ===================================================================
 FORMS
=================================================================== */

label { color: #333; font-weight: 800; margin-bottom: 0.5em;}
fieldset { margin-bottom: 1em;}

input,
textarea { color:#666; background:#fff; background-image:-webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)); border:1px solid #bbb; -webkit-border-radius:3px; border-radius:3px; padding:.8em; }
input:focus,
textarea:focus { color: #222; border-color: #333;}

select { max-width: 100%; height: 3em; border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px;}

input[type="radio"]:focus,
input[type="checkbox"]:focus { outline: thin dotted #333;}

input[type="radio"],
input[type="checkbox"] { margin-right: 0.5em;}

input[type="radio"] + label,
input[type="checkbox"] + label { font-weight: normal;}

button,
input[type="button"],
input[type="submit"] { padding:1em 2em; font-size:14px; font-weight:bold; line-height:1; color:#fff; background-color:#008040;
 border:0; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow:none; box-shadow:none; cursor:pointer; display:inline-block;
 text-shadow:none; -webkit-transition:background .2s; transition:background .2s; }

input + button,
input + input[type="button"],
input + input[type="submit"] { padding: 0.75em 2em;}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary { background-color: #ddd; color: #222;}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus { background: #75A82F; }

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus { background: #bbb;}


/*--------------------------------------------------------------
 Tag
--------------------------------------------------------------*/
dfn,
cite { font-style:italic; }

blockquote { color:#666; margin:0; font-size: 13px; padding:0; overflow:hidden; }
blockquote cite { display:block; margin-top:.5em; }
blockquote { quotes:"" ""; }
blockquote:before,
blockquote:after { content:""; }
.entry-content blockquote.alignleft { margin-left: 0; width: 45%; }
.entry-content blockquote.alignright { margin-right: 0; width: 45%; }

:focus { outline:none; }
address { margin:0 0 0.5em; font-style: normal; }
pre { background:#eee; font-size:15px; line-height:1.6; margin-bottom:1.6em; max-width:100%; overflow:auto; padding:1.6em; }
code,
kbd,
tt,
var { font-size:15px; }
abbr,
acronym { border-bottom:1px dotted #666; cursor:help; }
mark,
ins { background:#eee; text-decoration:none; }
big { font-size:125%; }
q { quotes:"“" "”" "‘" "’"; }


/*--------------------------------------------------------------
 Icon
--------------------------------------------------------------*/
span.icon { display: inline-block; position: relative; letter-spacing: 0; line-height: 1; margin-right: 1em;}

/* タグ */
.icon-tag { color: #AAA; position:absolute; margin-top:3px; width:7px; height:7px;
border-radius:1px 1px 1px 0; border-left:solid 1px currentColor; border-top:solid 1px currentColor; background-color:currentColor;}
.icon-tag:before { content:''; position:absolute; left:1px; top:1px; width:10px; height:10px; border-radius:1px; border-left:solid 1px currentColor; border-right:solid 1px currentColor; border-bottom:solid 1px currentColor; background-color:currentColor; -webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
.icon-tag:after { content:''; position:absolute; left:3px; top:3px; width:2px; height:2px; border-radius:50%; color:#fff; background-color:currentColor;}

/* フォルダ */
.icon-folder {
 color: #AAA; position: absolute; top: 2px; margin-top: 5px; width: 13px; height: 9px;
 border-radius: 1px; border: solid 1px currentColor; background-color: currentColor;}
.icon-folder:after { content: ''; position: absolute; left: -1px; top: -3px; width: 7px; height: 2px;
border-radius: 1px 1px 0 0; background-color: currentColor;}

/* ペン */
.icon-pen { color: #AAA; position: absolute; width: 10px; top: -2px; right: -5px;
  border-radius: 1px; border: solid 2px currentColor; background-color: currentColor;  -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.icon-pen:before {
 content: ''; position: absolute; left: -12px; top: -2px; width: 0px; height: 0px;
 border-left: solid 5px transparent; border-right: solid 4px currentColor; border-top: solid 2px transparent; border-bottom: solid 2px transparent; }



/*--------------------------------------------------------------
 Print
--------------------------------------------------------------*/
@media print { }