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

/*======================================
ALL
=======================================*/

.m10b {
	margin: 0 0 10px;
	}
.m20b {
	margin: 0 0 20px;
	}
.m30b {
	margin: 0 0 30px;
	}		

/*--ロゴ部分--*/
.site-branding .site-description {
    line-height: 2.6em;
}

/*-- リンクホバー --*/
#content a:hover {
	opacity: 0.6;
	transition : all 0.5s ease 0s;	
}
#content a:hover img {
	transition : all 0.5s ease 0s;	
}

#content a:hover { 
	text-decoration: none;
}

/*-- トップページ　記事タイトル --*/
#pl-24 a::after {
  background: #000;
}

/*-- ヘッダタイトル --*/
h1.singular-header__title,
h1.archive__page-title {
    font-size: 40px !important;
    font-family: Avenir, "Helvetica neue", Helvetica, YuGothic, "Yu Gothic", "Hiragino Sans", ヒラギノ角ゴシック, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;	
}
h3.widget-title {
    font-size: 30px !important;
    font-family: Avenir, "Helvetica neue", Helvetica, YuGothic, "Yu Gothic", "Hiragino Sans", ヒラギノ角ゴシック, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;	
}

/*-- 記事タイトル リンク --*/
h2.su-post-title a {
    font-size: 18px !important;
    color:#000;
    text-decoration: none;
    font-weight: normal;
    font-family: Avenir, "Helvetica neue", Helvetica, YuGothic, "Yu Gothic", "Hiragino Sans", ヒラギノ角ゴシック, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*-- 本文 --*/
.entry-content {
    font-size: 15px !important;
	 color: #333 !important;
}
li {
	list-style: none;
}

/*-- テンプレートロゴ調整 --*/
.header__branding {
	padding: 30px 0;
}

/*-- 問合せ店舗 --*/
.wpcf7-list-item {
	width:100%;
}

/*--ハンバーガー＆フッター SNSアイコン--*/
header .foot-info {
	display: none;
}
.foot-info {
	padding: 0 0 20px;
}
.foot-info .sns_icon {
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: -moz-flex;
	justify-content: center;
}
.foot-info .sns_icon li {
	list-style: none;
}
.foot-info .sns_icon li a {
	text-decoration: none;
	display: inline-block;
}
.foot-info .sns_icon li a span {
	display: none;
}
.foot-info .sns_icon li a::before {
   font-family: "Font Awesome 5 Brands";
   font-weight: 500;
   font-size: 2em;
   margin: 20px;
   color: #fff;	
	transition : all 0.5s ease 0s;	
}
.foot-info .sns_icon li a:hover::before {
	color: #a39b8d;	
}

.foot-info ul.sns_icon > li.instagram a::before {
   content: "\f16d";
}
.foot-info ul.sns_icon > li.twitter a::before {
   content: "\f099";
}
.foot-info ul.sns_icon > li.facebook a::before {
   content: "\f082";
}
.foot-info ul.sns_icon > li.line a::before {
   content: "\f3c0";
}
.foot-info ul.sns_icon > li.youtube a::before {
   content: "\f167";
}

/*-- フッター コピーライト削除 --*/
#footer-poweredby {
	display:none;
}

/*-- フッタータイトル--*/
#footer h2.widget-title {
	font-size: 18px;
	font-weight: normal;
}

/*--フッター用　連絡先--*/
.footer-widget__column {
	font-size: 14px;
}

/*--フッター用　外部リンク--*/
#footer .so-widget-sow-editor {
	padding: 0!important;
}
#footer #footer-navi ul {
	padding: 0;
}
#footer #footer-navi ul li {
	padding: 8px 0;
	line-height: 1.4em;
	list-style: none;
	font-size: 14px;
}
#footer #footer-navi a,
#footer .footer-nav ul li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
	color:#fff!important;
}
#footer #footer-navi  a::after,
#footer .footer-nav ul li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #ffffff;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
#footer #footer-navi a:hover::after,
#footer .footer-nav ul li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

#footer .footer-nav__menu {
    justify-content: left;
	list-style: 2em;
}
#footer .footer-nav ul#menu-footer-navi li {
    margin: 0 10px 0 0;
}

/*--フッター用　コピーライト--*/
#footer .footer-main {
    padding-bottom: 0;
}
#footer .site-info {
	background: #000;
	padding: 20px;
	margin: 30px 0 0 0;
}
#footer .site-info p {
	font-size: 12px!important;
}

/*---フッター　ページトップへ戻る--*/
.grecaptcha-badge {
    bottom: 70px!important;
    z-index: 100;
}
#back-to-top {
    bottom: 0;
    right: 0;
	zoom: 120%;
}
#back-to-top .back-to-top__content {
	background:#a39b8d;
	 transition : all 0.3s ease 0s;
}
#back-to-top .back-to-top__content:hover {
	background:#352f26;
	 transition : all 0.3s ease 0s;
}

/*======================================
ナビ
=======================================*/

/*-- ナビの背景回りこみ防止 --*/
#global-nav {
	z-index: 99999;
}
/*-- ナビの高さ調整 --*/
.global-nav {
	padding: 58px 0 50px 0 !important;
}

/*-- スマホ ハンバーガー調整 --*/
.global-nav__btn {
	position: absolute;
	top: 31px;
	right: 15px;
	border: 0;
	background: 0;
	padding: 5px 0;
	outline: none;
	z-index: 999999;
}

/*--グローバルナビ 2階層目--*/
.global-nav__menu .menu-item-has-children .sub-menu {
	z-index: 500;
	left:-100%;	
}
.global-nav__menu .sub-menu {
    visibility: hidden;
    z-index: var(--z-index-global-nav-sub-menu);
    position: absolute;
    top: 100%;
    left: 0;
    margin-left: 0;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .3s,background-color .3s;
}
.global-nav__menu .sub-menu a {
    padding: 20px 40px;
	 transition : all 0.5s ease 0s;	
}
.global-nav__menu .sub-menu a:hover {
	background: #a39b8d;
	color: #fff;
}
.global-nav__menu .sub-menu a:before {
    margin-right: 0;
    content: "";
    transition: all .3s;
}
.global-nav__menu .sub-menu a:hover:before, .global-nav__menu .sub-menu a:hover:before {
  margin-left: 0;
	
}

/*--グローバルナビ 外部リンク--*/
ul#global-nav__menu li#menu-item-12572 a,
ul#global-nav__menu li#menu-item-12567 a,
ul#global-nav__menu li#menu-item-3811 a {    
	border-bottom: 1px solid #fff;
	padding: 0 25px 0 0;
}
ul#global-nav__menu li#menu-item-12572 a:hover,
ul#global-nav__menu li#menu-item-12567 a:hover,
ul#global-nav__menu li#menu-item-3811 a:hover {    
	border-bottom: 1px solid #a39b8d;
}
ul#global-nav__menu li#menu-item-12572 a::before,
ul#global-nav__menu li#menu-item-12567 a::before,
ul#global-nav__menu li#menu-item-3811 a::before {    
	content: '\f35d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	right: 0;
	position:absolute;
}

/*--検索アイコン非表示--*/
.global-nav__search-button {
	display: none;
}
/*--検索画面--*/
.site-header {
    z-index: 500;
}

/*======================================
サイドコンテンツ
=======================================*/

#sidebar-widget #nav_menu-5 a,
#sidebar-widget #nav_menu-6 a,
#sidebar-widget #nav_menu-7 a,
#sidebar-widget #recent-posts-2 a {
	display: block;
    padding: 15px;
	 transition : all 0.5s ease 0s;	
}
#sidebar-widget #nav_menu-5 a:hover,
#sidebar-widget #nav_menu-6 a:hover,
#sidebar-widget #nav_menu-7 a:hover,
#sidebar-widget #recent-posts-2 a:hover {
	background: #a39b8d;
	color: #fff;
}
#sidebar-widget #nav_menu-5 a:before,
#sidebar-widget #nav_menu-6 a:before,
#sidebar-widget #nav_menu-7 a:before,
#sidebar-widget #recent-posts-2 a:before {
    margin-right: 0;
    content: none;
    transition: all .3s;
}

/*======================================
Shortcodes Ultimate
=======================================*/

.su-posts-default-loop {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* 左寄せ */
    gap: 20px; /* 子要素間の隙間を20pxに統一 */
    padding: 30px 0 0 0;
}
.su-posts-default-loop div {
    width: 100%;
    height: 100%;
}
.su-posts-default-loop .su-post-thumbnail {
    width: 100%!important;
    height: 100%!important;
}
.su-posts-default-loop .su-post-thumbnail img {
    max-width: 100%!important;
    max-height: 100%!important;
}
h2.su-post-title,
h2.su-post-title {
	padding: 10px 0 5px;
	min-height: 80px;
}
.su-posts-default-loop {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* 念のため、左寄せを指定 */
    margin: 0 -10px; /* 子要素の左右マージンを相殺するための調整 */
}

.su-posts-default-loop .su-post {
    display: flex;
    flex-direction: column;
    margin-bottom: 0; /* gapで余白を管理するため不要 */
}

.su-posts-default-loop .su-post:nth-child(3n) {
  margin-right: 0px;
}

.su-posts-default-loop .su-post-meta {
    display: none;
}
.su-post-excerpt {
    display: -webkit-box; /* 必須 */
    -webkit-box-orient: vertical; /* 必須 */
    -webkit-line-clamp: 3; /* 行数を制限 */
    overflow: hidden; /* はみ出た部分を非表示 */
}

/*======================================
コンテンツ
=======================================*/
/*--カテゴリー一覧--*/
.archive__excerpt {
    display: none;
}
.archive__item .archive__title a {
    font-size: 20px;
    font-weight: 500;
}

/*--ページヘッダーカテゴリー--*/
/*-- .singular-header__meta {
	display: none;
} --*/

/*--ページの更新日--*/
.entry__update {
	display: none;
}

/*--関連記事の更新日--*/
.ys-posts__meta .ys-posts__date {
    display: none;
}

/*-- google map 福井店観光 --*/
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--Products　スライドショーボタン調整--*/
.sow-slider-base .sow-slide-nav, .sow-slider-base .sow-slider-pagination {
  display: none !important;
}

/*======================================
PCサイト
=======================================*/
@media only screen and (min-width: 768px) {
    .su-posts-default-loop .su-post {
        /* 3列表示の幅を計算 */
        flex: 0 0 calc(33.333% - 13.333px);
        margin-bottom: 50px;
    }
}

/*======================================
スマホサイト
=======================================*/

@media only screen and (max-width: 1100px) {

/*-- ヘッダタイトル --*/
h1.singular-header__title,
h1.archive__page-title {
    font-size: 24px !important;
    font-family: Avenir, "Helvetica neue", Helvetica, YuGothic, "Yu Gothic", "Hiragino Sans", ヒラギノ角ゴシック, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;	
}
h3.widget-title {
    font-size: 24px !important;
    font-family: Avenir, "Helvetica neue", Helvetica, YuGothic, "Yu Gothic", "Hiragino Sans", ヒラギノ角ゴシック, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;	
}
	
/*-- テンプレートロゴ調整 --*/
.site-header {
    padding: 18px 0 10px;
}
/*--グローバルナビ--*/
header .foot-info {
	display: block;
}		
.global-nav__toggle.is-open+.global-nav {
	z-index: 500;
}
.site-header button {
	zoom: 120%;
	z-index: 600;	
}

/*--検索窓--*/
.global-nav__search {
		width: 60%;
		left: 0;
		top: -26px;
		left: -55px;
}	

.global-nav__container {
    padding: 0;
}
.global-nav__menu>.menu-item {
	padding: 0;
	margin: 0;
}
.global-nav__menu>.menu-item>a {
    line-height: 1.0;
	padding: 20px;
	border-top: 1px solid #444;
}
.global-nav__menu .sub-menu a:before {
    margin-right: 0.5em;
    content: "";
    transition: all .3s;
}

ul#global-nav__menu li#menu-item-12572 a,
ul#global-nav__menu li#menu-item-12567 a,
ul#global-nav__menu li#menu-item-3811 a {    
    line-height: 1.0;
	padding: 20px;
	border-top: 1px solid #444;
	border-bottom: none;
	background:#222;
}
ul#global-nav__menu li#menu-item-12572 a::before,
ul#global-nav__menu li#menu-item-12567 a::before,
ul#global-nav__menu li#menu-item-3811 a::before {    
	right: 20px;
}
.global-nav__menu .sub-menu {
    position: relative;
    text-align: left;
	padding: 0 0 20px;
}
.global-nav__menu .sub-menu li a {
	padding: 10px 30px;
}
/*--グローバルナビ 2階層目--*/
.global-nav__menu .menu-item-has-children .sub-menu {
	left:0%;	
}
#global-nav__menu {
	margin: 0 auto 50px;
}
	
/*---サイドコンテンツを非表示--*/
#search-3, 	
#nav_menu-5 {
	display: none;
}
	
}	


@media only screen and (max-width: 767px) {	
/*--Shortcodes Ultimate--*/	
.su-posts-default-loop {
	padding: 20px 0 0 0;
}	
h2.su-post-title {
	padding: 10px 0 5px;
}
.su-posts-default-loop .su-post {
    /* 2列表示の幅を計算 */
    flex: 0 0 calc(50% - 10px);
    margin-bottom: 50px;
}

.su-posts-default-loop .su-post-excerpt {
	display: none;
}
	
/*--フッター用 SNSアイコン--*/	
.foot-info {
	zoom: 90%;
}	
		
}


/*======================================
RENEW特設ページ
=======================================*/

#renew-navi {
	position: fixed;
	top:80px;
	right: 20px;
	z-index: 99999;
	width: 80px;
}

#renew-navi ul{
	border-bottom:none;
}

#renew-navi ul li{
	padding-top:0px;
	border:none;
}

#renew-navi ul li img {
	width: 100%;
	height: auto;
}


@media only screen and (max-width: 767px) { #renew-navi {
	height: 100%;
	right: 0;
	z-index: 99999;
	width: 100%;
}

#renew-navi ul {
	position: fixed;
	bottom: 0;
}

#renew-navi ul li {
	float: left;
	width: 20%;
	height: auto;
	padding: 0;
}
}