@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'Smythesans light';
	src: url('fonts/smythesansullig-webfont.eot') format('embedded-opentype'),
	url('fonts/smythesansullig-webfont.woff') format('woff');
}

@font-face {
	font-family: 'Smythesans regular';
	src: url('fonts/smythesansreg-webfont.eot') format('embedded-opentype'),
	url('fonts/smythesansreg-webfont.woff') format('woff');
}

@font-face {
	font-family: 'Smythesans bold';
	src: url('fonts/smythesansbold-webfont.eot') format('embedded-opentype'),
	url('fonts/smythesansbold-webfont.woff') format('woff');
}

body, .penci-homepage-title.style-2 .inner-arrow, .penci-sidebar-content.style-2 .penci-border-arrow .inner-arrow, .penci-sidebar-content .widget-title, .post-related .post-box-title, .post-related .post-box-title span, .penci-homepage-title {
	background: #F7F7F6 !important;
	position: relative;
}

.wrapper-boxed .penci-homepage-title.penci-magazine-title h3 a, .wrapper-boxed .penci-border-arrow.penci-homepage-title .inner-arrow {
	text-transform: uppercase !important;
}

.footer-instagram {
	background: #fff !important;
}

h1, h2, h3, h4, h5, h6, h2.penci-heading-video, #navigation .menu li a, .penci-photo-2-effect figcaption h2, .headline-title, a.penci-topbar-post-title, #sidebar-nav .menu li a, .penci-slider .pencislider-container .pencislider-content .pencislider-title, .penci-slider .pencislider-container .pencislider-content .pencislider-button, .author-quote span, .penci-more-link a.more-link, .penci-post-share-box .dt-share, .post-share a .dt-share, .author-content h5, .post-pagination h5, .post-box-title, .penci-countdown .countdown-amount, .penci-countdown .countdown-period, .penci-pagination a, .penci-pagination .disable-url, ul.footer-socials li a span, .widget input[type="submit"], .widget button[type="submit"], .penci-sidebar-content .widget-title, #respond h3.comment-reply-title span, .widget-social.show-text a span, .footer-widget-wrapper .widget .widget-title, .container.penci-breadcrumb span, .container.penci-breadcrumb span a, .error-404 .go-back-home a, .post-entry .penci-portfolio-filter ul li a, .penci-portfolio-filter ul li a, .portfolio-overlay-content .portfolio-short .portfolio-title a, .home-featured-cat-content .magcat-detail h3 a, .post-entry blockquote cite, .post-entry blockquote .author, .tags-share-box.hide-tags.page-share .share-title, .widget ul.side-newsfeed li .side-item .side-item-text h4 a, .thecomment .comment-text span.author, .thecomment .comment-text span.author a, .post-comments span.reply a, #respond h3, #respond label, .wpcf7 label, #respond #submit, .wpcf7 input[type="submit"], .widget_wysija input[type="submit"], .archive-box span, .archive-box h1, .gallery .gallery-caption, .contact-form input[type=submit], ul.penci-topbar-menu > li a, div.penci-topbar-menu > ul > li a, .featured-style-29 .penci-featured-slider-button a, .pencislider-container .pencislider-content .pencislider-title, .pencislider-container .pencislider-content .pencislider-button, ul.homepage-featured-boxes .penci-fea-in.boxes-style-3 h4 span span, .pencislider-container .pencislider-content .pencislider-button, .woocommerce div.product .woocommerce-tabs .panel #respond .comment-reply-title, .penci-recipe-index-wrap .penci-index-more-link a {
	font-family: 'Barlow Semi Condensed', 'Trebuchet MS', Helvetica, Arial, 游ゴシック, YuGothic, KoburinaGo-W3-83pv-RKSJ-H, 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', Meiryo, sans-serif !important;
    font-feature-settings: 'palt' 1;
}

body, textarea, #respond textarea, .widget input[type="text"], .widget input[type="email"], .widget input[type="date"], .widget input[type="number"], .wpcf7 textarea, .mc4wp-form input, #respond input, .wpcf7 input, #searchform input.search-input, ul.homepage-featured-boxes .penci-fea-in h4, .widget.widget_categories ul li span.category-item-count, .about-widget .about-me-heading, .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {
	font-family: 'Barlow Semi Condensed', 'Trebuchet MS', Helvetica, Arial, 游ゴシック, YuGothic, KoburinaGo-W3-83pv-RKSJ-H, 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', Meiryo, sans-serif !important;
    font-feature-settings: 'palt' 1;
}

h1, h2, h3, h4, h5, h6, #sidebar-nav .menu li a, #navigation .menu li a, a.penci-topbar-post-title, .penci-slider .pencislider-container .pencislider-content .pencislider-title, .penci-slider .pencislider-container .pencislider-content .pencislider-button, .headline-title, .author-quote span, .penci-more-link a.more-link, .author-content h5, .post-pagination h5, .post-box-title, .penci-countdown .countdown-amount, .penci-countdown .countdown-period, .penci-pagination a, .penci-pagination .disable-url, ul.footer-socials li a span, ul.footer-navigation li a, .penci-sidebar-content .widget-title, #respond h3.comment-reply-title span, .widget-social.show-text a span, .footer-widget-wrapper .widget .widget-title, .error-404 .go-back-home a, .home-featured-cat-content .magcat-detail h3 a, .post-entry blockquote cite, .pencislider-container .pencislider-content .pencislider-title, .pencislider-container .pencislider-content .pencislider-button, .post-entry blockquote .author, .tags-share-box.hide-tags.page-share .share-title, .widget ul.side-newsfeed li .side-item .side-item-text h4 a, .thecomment .comment-text span.author, .thecomment .comment-text span.author a, #respond h3, #respond label, .wpcf7 label, #respond #submit, .wpcf7 input[type="submit"], .widget_wysija input[type="submit"], .archive-box span, .archive-box h1, .gallery .gallery-caption, .widget input[type="submit"], .widget button[type="submit"], .contact-form input[type=submit], ul.penci-topbar-menu > li a, div.penci-topbar-menu > ul > li a, .penci-recipe-index-wrap .penci-index-more-link a, #bbpress-forums #bbp-search-form .button, .widget.widget_categories ul li a, .widget.widget_archive ul li a, .side-archive-block p, .penci_products_banner_widget a.storelist, .post-box-title, .widget ul li a, .widget ul li .side-item .side-item-text h4 a, .widget.widget_tags > a, .btn, .container.penci_sidebar .penci-grid.grid3.taglist li a, .cat > a.penci-cat-name {
	font-family: 'Smythesans regular', 'Barlow Semi Condensed', 'Trebuchet MS', Helvetica, Arial, 游ゴシック, YuGothic, KoburinaGo-W3-83pv-RKSJ-H, 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', Meiryo, sans-serif !important;
	font-weight: 200 !important;
	line-height: 1;
	letter-spacing: 0.1em;
	text-transform: uppercase;
    font-feature-settings: 'palt' 1;
}

#header {
	z-index: 9999;
}

.page-template-page-top-php #header {
	margin-bottom: 60px;
}

#navigation.header-layout-bottom {
	border-top: none;
	background: #000;
}

#navigation.header-6 .menu > li > a, #navigation.header-6 ul.menu > li > a {
	color: #fff;
}

#navigation.header-6 .menu > li:hover > a:before, #navigation.header-6 ul.menu > li:hover > a:before {
	display: none;
}

#navigation.header-6 .main-nav-social {
	display: none;
}

.featured-area + .container {
	width: 100%;
}

.penci-featured-content {
	display: none;
}

.penci-featured-content .featured-slider-overlay {
	opacity: 1;
	border: 1px solid;
	border-image: url(images/grange_pattern.gif) 1 round;
}

.penci-featured-content .featured-slider-overlay:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #bf9f5a;
	display: block;
}

.penci-homepage-title.style-2:before, .penci-sidebar-content.style-2 .penci-border-arrow:before, .penci-homepage-title.style-2:after, .penci-sidebar-content.style-2 .penci-border-arrow:after, .penci-border-arrow.penci-homepage-title.style-2:after, .penci-sidebar-content.style-2 .penci-border-arrow:after, .post-related .post-box-title:before, .post-related .post-box-title:after {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	left: 0;
	border: none;
	padding: 0;
	margin: 0;
	background: transparent url(images/grange_pattern.gif);
}

.penci-homepage-title.style-2:before, .penci-sidebar-content.style-2 .penci-border-arrow:before, .post-related .post-box-title:before {
	top: 3px;
}

.penci-homepage-title.style-2:after, .penci-sidebar-content.style-2 .penci-border-arrow:after, .penci-border-arrow.penci-homepage-title.style-2:after, .post-related .post-box-title:after {
	border-top-color: transparent;
	background: url(images/grange_pattern.gif) !important;
	top: 8px;
}

.penci-homepage-title.style-2 .inner-arrow, .penci-sidebar-content.style-2 .penci-border-arrow .inner-arrow, .post-related .post-box-title span {
	color: #bf9f5a !important;
	border: none;
	display: inline !important;
	z-index: 1000;
	font-size: 23px;
	left: 0;
	top: -4px;
	padding: 8px 12px 7px;
}

.penci-homepage-title .inner-arrow {
	background: #fff !important;
}

.penci-homepage-title.style-1.pcalign-center:before, .penci-homepage-title.style-2.pcalign-center:before, .penci-homepage-title.style-2.pcalign-center:after {
	left: inherit;
	margin-left: inherit;
}

.penci-sidebar-content .penci-border-arrow .inner-arrow, .penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:before, .penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:after, .penci-sidebar-content.style-5 .penci-border-arrow, .penci-sidebar-content.style-7 .penci-border-arrow, .penci-sidebar-content.style-9 .penci-border-arrow {
	border: none !important;
}

.penci-sidebar-content .penci-border-arrow .inner-arrow {
	background-color: transparent !important;
}

#sidebar .widget .side-item-text .mega-cat-name {
	background: #bf9f5a;
	font-size: 8px;
	text-transform: uppercase;
	display: inline-block;
	padding: 0 6px;
	color: #fff;
	letter-spacing: 1px;
	height: 18px;
	font-weight: normal;
	line-height: 18px;
}

#sidebar .widget .side-item-text .mega-cat-name a {
	color: #fff;
}

#sidebar .widget ul li .side-item .side-item-text h4 a {
	line-height: 1.3 !important;
	margin: 6px 0;
}

.widget.widget_categories ul li a:hover, .widget.widget_archive ul li a:hover {
	text-decoration: none;
}

.penci_products_banner_widget a {
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	margin-bottom: 30px;
	display: inline-block;
}

.online-banner {
	width: 100%;
	text-align: center;
	overflow: hidden;
	display: block;
}

.penci_products_banner_widget a.online-banner img.rectangle {
	display: none;
}

.penci_products_banner_widget a:last-child {
	margin-bottom: 0;
}

.penci_products_banner_widget a.storelist {
	background: #a0a0a0;
	color: #fff;
	padding: 15px 0;
	width: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 1;
}

#sidebar .widget .side-item-text .mega-cat-name a:hover, .penci_products_banner_widget a.storelist:hover {
	text-decoration: none;
	color: #fff;
}

.post-related .post-box-title {
	width: 100%;
}

.widget li .side-item .side-item-text .blogger-cat-name a {
	font-size: .6rem;
	line-height: 1.3;
	letter-spacing: 0;
	color: #bf9f5a;
}

.widget.penci_author_widget {
	padding: 8%;
	width: 100%;
	background: #fff;
	text-align: center;
}

.widget.penci_author_widget h1 {
	font-size: 18px;
	line-height: 1.8;
	margin: 15px 0 5px 0;
	font-weight: bold !important;
}

.widget.penci_author_widget p.position {
	text-align: center;
	margin-bottom: 15px;
}

.widget.penci_author_widget > p {
	text-align: left;
}

.penci-sidebar-content.style-2 .widget.penci_author_widget .penci-border-arrow .inner-arrow, .penci-sidebar-content .widget.penci_author_widget .widget-title {
	background: #fff !important;
}

.penci-sidebar-content.style-2 .widget.penci_author_widget .widget.widget_archive {
	margin-bottom: 0;
	margin-top: 40px;
}

.widget.widget_tags {
	text-align: right;
}

.widget.widget_tags ul {
	text-align: left;
}

.widget.widget_tags > a {
	background: #bf9f5a !important;
	color: #fff;
	padding: 5px 5px 5px 10px;
	line-height: 1;
}

.widget.widget_tags > a i {
	margin-left: 5px;
}

.container.penci_sidebar.right-sidebar a, .container.penci_sidebar.right-sidebar a span, .penci_products_banner_widget a, .widget li .side-item .side-item-text .blogger-cat-name a, .widget ul li a, .widget.widget_tags > a, .side-archive-block p {
	transition: .3s
}

.container.penci_sidebar.right-sidebar a:hover, .container.penci_sidebar.right-sidebar a:hover span, .penci_products_banner_widget a:hover, .widget li .side-item .side-item-text .blogger-cat-name a:hover, .widget ul li a:hover, .widget.widget_tags > a:hover, .side-archive-block p:hover {
	opacity: 0.8;
	text-decoration: none;
}

.cat > a.penci-cat-name {
	font-size: 0.8rem;
	line-height: 1;
}

.single .post .single-header .cat > a.penci-cat-name {
	font-size: 30px;
	line-height: 1.2;
}

.penci-grid li .item p, .penci-masonry .item-masonry p {
    letter-spacing: .1vw;
}

.btn {
	font-size: 1.3rem;
	display: block;
	margin: 0 auto;
	text-align: center;
	padding: 1rem 0;
	line-height: 1;
	transition: .3s
}

.btn:hover {
	opacity: 0.7
}

.btn.black {
	background: #212121;
	color: #fff;
}

.btn.more {
	font-size: 1rem;
	width: 25%;
}

.btn.more.large {
	font-size: 1rem;
	width: 40%;
}

.clear-footer {
	height: 0;
	margin-bottom: 0;
}

.footer-instagram h4.footer-instagram-title {
	border-top: 0;
}

.penci-border-arrow.penci-homepage-title.penci-home-latest-posts.style-2.pcalign-center.bloggers-title {
	margin-top: 4vw;
	margin-bottom: 0;
	padding-bottom: 30px;
}

.penci-border-arrow.penci-homepage-title.penci-home-latest-posts.style-2.pcalign-center.bloggers-title + .penci-homepage-title.bloggers-title-h4 {
	margin-top:-2vw;
}

.penci-homepage-title.bloggers-title-h4 {
    background: transparent !important;
    margin-bottom: 50px;
}

.penci-homepage-title.bloggers-title-h4 .inner-arrow {
    background: transparent !important;
    color: #bf9f5a !important;
    font-size: 2vw;
}

.post-entry .container.penci_sidebar ul {
	padding-left: 0;
}

.w-container {
	margin-bottom: 8vw;
}

.w-container .wpcf7-form, .w-container > *:not(.penci-homepage-title) {
	width: 100%;
	margin: 0 auto 5vw;
	max-width: 900px;
	text-align: center;
}

.w-container .wpcf7-form dl::after {
	content: '';
	display: block;
	clear: both;
}

.w-container > *:not(.penci-homepage-title) * {
	font-size: .9rem !important;
}

.contact form > p sup {
	font-size: 1.4rem;
	color: #bf9f5a;
	vertical-align: middle;
}

.contact dl {
	width: 100%;
	text-align: left;
	margin-bottom: 1vw;
}

.contact dt {
	float: left;
	clear: left;
	margin-top: 1vw;
	width: 22%;
	padding-right: 3%;
}

.contact dt sup {
	font-size: 1.4rem;
	color: #bf9f5a;
}

.contact dd {
	float: left;
	width: 76%;
	margin-top: 1vw;
}

.contact dd input, .contact dd textarea {
	outline: none;
	border: 1px solid #e3e3e3;
	background: #fff;
	padding: .8rem;
	width: 100%;
	transition: all 0.3s;
}
.contact dd textarea {
	margin-bottom: 0;
}
.wpcf7-form-control-wrap.your-consent {
	padding-top: 28px;
}

.contact dd input:hover, .contact dd input:focus, .contact dd textarea:hover, .contact dd textarea:focus {
	background: rgba(255, 255, 255, .3);
}

.submit-wrapper {
	display: inline-block;
	width: 100%;
	line-height: normal;
	font-size: 1.2rem !important;
	margin: 0 !important;
}

.contact form p input[type="submit"] {
	background: #212121;
	color: #fff;
	outline: none;
	padding: 0 10vw;
	font-size: 1.2rem !important;
	cursor: pointer;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	margin-top: 2vw;
	border: none;
	transition: all 0.3s;
}

.contact form p input[type="submit"]:hover {
	opacity: .7;
}

.contact .category {
	display: inline-block;
	padding-top: 5px;
}

.contact .category .wpcf7-list-item label span {
	color: #313131;
}

.contact .wpcf7-spinner {
	display: block;
}

/**
 * お問い合わせ 追加設定
 */
span.wpcf7-form-control-wrap {
	display: block;
}

.wpcf7 input {
	margin-bottom: 0;
	max-width: none;
}

.wpcf7-not-valid-tip {
	padding-top: 20px;
}

.wpcf7-form.wpcf7-acceptance-as-validation p {
	margin: 0;
}
.wpcf7-form-control-wrap.your-consent {
	text-align: left;
	padding-left: 21%;
}

.dealer-list {
	overflow: hidden;
}

.dealer-list:after {
	clear: both;
}

.dealer-list dt {
	float: left;
	clear: left;
	margin-top: 1vw;
	width: 22%;
	padding-right: 3%;
	border-top: 1px solid #e3e3e3;
	padding-top: 1vw;
	text-align: left;
}

.dealer-list dd {
	float: left;
	width: 76%;
	margin-top: 1vw;
	border-top: 1px solid #e3e3e3;
	padding-top: 1vw;
}

.dealer-list dd > div {
	margin-bottom: 1vw;
	padding-bottom: 1vw;
	border-bottom: 1px solid #e3e3e3;
}

.dealer-list dd > div:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.dealer-list dd > div p {
	width: 100%;
	display: table;
}

.dealer-list dd > div p span {
	display: table-cell;
	text-align: left;
}

.dealer-list dd > div p span a:hover {
	opacity: .7;
}

.dealer-list dd > div p span.span_right {
	text-align: right;
	white-space: nowrap;
	padding-left: 5%;
}

.about p, .privacy .section > * {
	text-align: left;
}

.about .section div > *,.privacy .section > * {
	width: 100%;
	margin-bottom: 1vw;
	text-justify: inter-ideograph;
	text-align: justify;
}

.about .section div > img {
	margin-bottom: 3vw;
}

.about .section1 div:first-child {
	margin-bottom: 3vw;
}

.about .section2, .about .company-list {
	display: table;
	width: 100%;
}

.about .section2 li, .about .company-list dl {
	display: table-cell;
	padding-left: 2%;
	width: 50%;
}

.about .section2 li:first-child, .about .company-list dl:first-child {
	padding-left: 0;
	padding-right: 2%;
}

.about .section2 {
	margin-bottom: 8vw;
}

.about .section2 li > * {
	width: 100%;
	margin-bottom: 1vw;
	text-justify: inter-ideograph;
	text-align: justify;
}

.about .section2 li > h2 {
	text-align: center;
	line-height: 1.5;
	margin: .7vw 0;
	font-size: .7rem !important;
}

.about .section2 li > h2 strong {
	font-size: 1.2rem !important;
	display: block;
	color: #b79f6c;
    margin-top: .3rem
}

.about .section2 li > p {
	font-size: .8rem !important;
}

.about .company-list dl dt {
	margin-bottom: 1vw;
}

.about .company-list dl dt a {
	font-size: 1.2rem !important;
}

.container.penci-breadcrumb {
	display: none;
}

.privacy .section > * {
    margin-bottom: 40px;
}

.privacy .section > p {
    margin-bottom: 50px;
}

.privacy .section > div h4 {
    font-weight: bold !important;
    font-size: 1.2rem !important;
}

.privacy .section > div h5 {
    font-weight: bold !important;
    font-size: 1rem !important;
    margin-top: 27px;
}

.privacy .section div > div {
    margin: 0 0 30px;
}

.privacy .section div ol {
    padding-left: .9rem;
    margin: 20px 0;
}

.post-entry .privacy ol li {
    margin-bottom: .5vw;
}

.post-entry .privacy ol li:last-child {
    margin-bottom: 0;
}

.privacy .section > .name {
    text-align: right;
    margin-bottom: -8vw;
}

/*TOPページオリジナルスタイル*/
.page-id-1147 .container.penci_sidebar {
	width: 100%;
}

.penci-page-header {
	display: none;
}

.featured-area {
	margin-bottom: 10px;
}

.page-template-page-top .container.penci_sidebar #main,
.tax-portfolio-category .container.penci_sidebar #main,
body.search .container.penci_sidebar #main.search-grid4 {
	width: 100%;
	padding-right: inherit;
	float: none;
}

/** 見出し */
.penci-homepage-title.style-2 .inner-arrow {
	font-size: 28px;
	top: -10px;
}

.container.penci_sidebar .penci-grid.grid3 > li {
	width: 30%;
	margin-right: 5%;
}

.container.penci_sidebar .penci-grid.grid4 > li {
	width: 21.25%;
	margin-right: 5%;
}

.container.penci_sidebar .penci-grid.grid3 li:nth-of-type(2n+1), .container.penci_sidebar .penci-grid.grid4 li:nth-of-type(2n+1) {
	float: left;
	clear: inherit;
}

.container.penci_sidebar .penci-grid.grid3 li:nth-of-type(3n), .container.penci_sidebar .penci-grid.grid4 li:nth-of-type(4n) {
	margin-right: 0;
}

.container.penci_sidebar .penci-grid.grid3:after, .container.penci_sidebar .penci-grid.grid4:after {
	clear: both;
}

.page-template-page-top .penci-homepage-title.style-2 {
	margin-bottom: 3vw;
}

.container.penci_sidebar .penci-grid.grid3.taglist li a {
	height: 100%;
	width: 100%;
}

.hover_efc {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.hover_efc .picture-backimage {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	-moz-transition: -moz-transform 1.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: -webkit-transform -0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: -o-transform 1.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: -ms-transform 1.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 1.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hover_efc:hover {
	opacity: 1;
}

.hover_efc:hover:after {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.hover_efc:hover .picture-backimage {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.top_section > *, .top_section > .penci-homepage-title.style-2 {
	margin-left: auto;
	margin-right: auto;
}

.top_section {
	padding: 5vw 0;
}

.top_section:nth-child(odd), .top_section:nth-child(odd) .penci-homepage-title.style-2, .top_section:nth-child(odd) .penci-homepage-title.style-2 .inner-arrow {
	background: #ececec !important;
}

.top_section h2,
.tax-portfolio-category h2{
	line-height: 1.4;
}

.penci-wrapper-posts-content > .btn.more {
	margin-bottom: 5vw;
}

.page-id-1147 .penci-wrapper-posts-content > .btn.more {
	margin-bottom: 0;
}

.penci-wrapper-data.penci-grid.grid3.taglist {
	margin-bottom: -51px;
}

.grid-header-box.bloglist-author:after {
	background: none;
}

.grid-header-box.bloglist-author .grid-post-box-meta span:after {
	display: none
}

.grid-header-box.bloglist-author .grid-post-box-meta span {
	display: block;
	color: #bf9f5a;
}

.grid-header-box.bloglist-author .grid-post-box-meta a:hover span {
	opacity: .5;
}

.grid-header-box.bloglist-author h2 {
	margin-bottom: 10px;
}

.grid-header-box.bloglist-author .item-content {
	margin-top: 0;

}

/** フレックスリスト */
.container.penci_sidebar .penci-grid.grid3.flex,
.container.penci_sidebar .penci-grid.grid4.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.container.penci_sidebar .penci-grid.grid3.flex:after {
	content: "";
	display: block;
	width: 30%;
}

.container.penci_sidebar .penci-grid.grid4.flex:before {
	content: "";
	display: block;
	width: 21.25%;
	order: 1;
}

.container.penci_sidebar .penci-grid.grid4.flex:after {
	content: "";
	display: block;
	width: 21.25%;
}

.container.penci_sidebar .penci-grid.grid3.flex > li {
	width: 30%;
	margin: 0 0 2vw 0;
}

.container.penci_sidebar .penci-grid.grid4.flex > li {
	width: 21.25%;
	margin: 0 0 2vw 0;
}

.container.penci_sidebar .penci-grid.grid3.flex li:nth-of-type(2n+1),
.container.penci_sidebar .penci-grid.grid4.flex li:nth-of-type(2n+1) {
	float: none;
	clear: none;
}

.container.penci_sidebar .penci-grid.grid3.flex:after,
.container.penci_sidebar .penci-grid.grid4.flex:after {
	clear: none;
}

/** ナビゲーション */
.main-nav-social i {
	font-size: 20px;
	color: white;
}
#top-search, a.fb-icon, a.tw-icon, a.in-icon {
	display: none;
}

/** フッター */
.footer-socials-section {
	padding: 0;
	border-bottom: none;
}
ul.footer-navigation {
	display: block;
	padding: 15px 0 25px;
	border-bottom: 1px solid #4A4A4A;
}
ul.footer-socials li a i {
	font-size: 18px;
}

/** 記事一覧ページ */
.article-list-author-name {
	color: #313131;
	font-weight: normal;
	font-style: normal;
}

.penci-pagination.blog_list {
	margin-bottom: 0;
}

/** 記事ページ */
.article-site-name {
	font-size: 20px;
	color: #bf9f5a;
}
.post-entry img {
	display: block;
	width: auto;
	max-width: 100%;
}

.inner-post-entry p img,
.inner-post-entry p a img.alignnone {
	margin: 0;
	text-align: left;
}

.item-content p {
	word-break: break-all;
}

/** サイドバーのアーカイブ */
.side-archive-block p {
	font-size: 15px;
	text-align: left;
	color: black;
	font-style: normal;
	cursor: pointer;
}
.side-archive-block p:hover {
	color: #bf9f5a;
}
.side-archive-block p::before {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 10px;
	font-size: 90%;
}
.side-archive-detail-block {
	display: none;
	padding-left: 10px !important;
}
.side-archive-detail-block li {
	border-bottom: none !important;
}
.side-archive-detail-block li a {
	text-align: left;
	display: inline-block;
	width: 100%;
}
.side-archive-detail-block li a::before {
	content: '' !important;
}

/** スモールPC */
@media only screen and (max-width: 960px) {

	.online-banner img.square {
		display: none;
	}

	.penci_products_banner_widget a.online-banner img.rectangle {
		display: block;
	}
	.main-nav-social a.online-menu {
		color: #fff;
		line-height: 1.2;
		font-size: 10px;
		text-align: right;
		margin-top: 16px;
		letter-spacing: .05rem;
	}

	#navigation .button-menu-mobile i {
		color: #fff;
	}
}

/** タブレットサイズ */
@media only screen and (max-width: 768px) {

	#header {
		margin-bottom: 5vw;
	}

	.main-nav-social a.online-menu {
		color: #fff;
		line-height: 1.2;
		font-size: 10px;
		text-align: right;
		margin-top: 16px;
		letter-spacing: .05rem;
	}

	.sidebar-nav-social a.online-menu {
		display:none;
	}

	#navigation .button-menu-mobile i {
		color: #fff;
	}

	.w-container {
		margin-bottom: 40px !important;
	}

	.container form {
		margin-bottom: 60px;
	}

	.contact dl {
		margin-top: -1vw;
	}

	.contact dt, .contact dd {
		width: 100%;
		float: none;
	}

	.contact dt {
		margin-top: 3vw;
	}

	.dealer-list dd > div p span {
		display: block;
	}

	.dealer-list dd > div p span.span_right {
		text-align: left;
		padding-left: 0;
	}

	.about .section2 li, .about .company-list dl, .about .section2 li:first-child, .about .company-list dl:first-child {
		display: block;
		padding-left: 0;
		width: 100%;
		margin-bottom: 3vw;
	}

	.about .section2 li {
		margin-bottom: 5vw;
	}

	.about .section2 li > h2 {
		line-height: 1.8;
		margin: 1vw 0;
	}

	.penci-homepage-title.style-2 .inner-arrow,
	.penci-sidebar-content.style-2 .penci-border-arrow .inner-arrow,
	.post-related .post-box-title span {
		font-size: 4.7vw;
		top: -2vw;
	}

	.penci-border-arrow.penci-homepage-title.penci-home-latest-posts.style-2.pcalign-center.bloggers-title {
		margin-top: 8vw;
	}

	.penci-homepage-title.bloggers-title-h4 .inner-arrow {
		font-size: 4vw;
	}

	.wpcf7-form-control-wrap.your-consent {
		text-align: center;
		padding-left: 0;
	}

	/** ナビゲーション アイコン設定 */
	#navigation.header-6 .main-nav-social,
	.main-nav-social a {
		margin: 0;
		line-height: 60px;
	}

	#navigation.header-6 .main-nav-social {
		display: block;
	}

	.button-menu-mobile i {
		color: white;
	}
	.sidebar-nav-social a.fb-icon,
	.sidebar-nav-social a.tw-icon,
	.sidebar-nav-social a.in-icon {
		display: inline-block;
	}

	/** ページネーション */
	.penci-pagination {
		padding-top: 20px;
	}
	.penci-pagination span {
		font-size: 13px;
	}

	/** フッター */
	.footer-socials-section > ul.footer-socials li a i {
		font-size: 18px;
	}
}

/** タブレットサイズ */
@media only screen and (max-width: 767px) {
	.top_section {
		padding: 8vw 0;
	}

	.penci-homepage-title.style-2 .inner-arrow {
		font-size: 4.7vw;
	}

    .penci-homepage-title.bloggers-title-h4 {
    	margin-bottom: 5vw;
	}

	.penci-wrapper-data.penci-grid.grid3.taglist {
		margin-bottom: -41px;
	}

	.container.penci_sidebar .penci-grid > li, .container.penci_sidebar .penci-grid.taglist > li {
		margin: 0 0 3vw !important;
	}

	.btn {
		font-size: 3vw;
		padding: 2vw 0;
	}
	.btn.more {
		font-size: 3vw;
		width: 30%;
	}
	.btn.more.large {
		font-size: 3vw;
		width: 25%;
	}

	.penci-owl-carousel .owl-nav .owl-next,
	.penci-owl-carousel .owl-nav .owl-prev{
		opacity: 0.8;
	}

	article.page.type-page, .post-entry.page-has-margin {
		margin-bottom: 10px;
	}
}

/** スマートフォンサイズ */
@media only screen and (max-width: 480px) {

	.top_section > *, .top_section > .penci-homepage-title.style-2 {
		width: 80%;
	}

	.penci-wrapper-data.penci-grid.grid3.taglist {
		margin-bottom: -4vw;
	}
	.penci-wrapper-data.penci-grid.grid3 > li,
	.penci-wrapper-data.penci-grid.grid4 > li {
		padding-top: 25px;
	}
	.penci-wrapper-data.penci-grid.grid3 > li:first-child,
	.penci-wrapper-data.penci-grid.grid4 > li:first-child {
		padding-top: 0;
	}

	#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item {
		width: 25%;
	}

	.penci-homepage-title.style-2 .inner-arrow,
	.penci-sidebar-content.style-2 .penci-border-arrow .inner-arrow,
	.post-related .post-box-title span {
		font-size: 4.7vw;
		top: -1vw;
	}

	.penci-border-arrow.penci-homepage-title.penci-home-latest-posts.style-2.pcalign-center.bloggers-title {
		margin-top: 10vw;
		padding-bottom: 0;
	}

	.penci-homepage-title.bloggers-title-h4 .inner-arrow {
		font-size: calc(4.7vw - 4px);
	}

	/** フッター */
	.footer-instagram h4.footer-instagram-title span:before {
		margin-bottom: 0;
	}
	ul.footer-socials li {
		margin-right: 15px;
	}
}

/** ムービー */
.movie-section {
	width: 100%;
	overflow: hidden;
	margin-top: -60px;
}

.movie-section.mb {
	margin-bottom: 60px;
}

.movie-section .movie-wrapper {
	position: relative;
	width: 100%;
	max-height: 100vh;
	margin: 0;
	z-index: 1;
}

.movie-section .movie-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.movie-section .movie-wrapper .movie-block {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.movie-section .movie-wrapper .movie-block iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%!important;
	height: 100%!important;
}